@charset "UTF-8";
/*--------------------------------------------------------------------------------
CSS information
 file name  :  special.css
 style info :  空気断熱　コンテンツ設定 
 --------------------------------------------------------------------------------*/
/*--- import */
@import url("../reset.css");
@import url("../tmpl-style.css");
@import url("../tmpl-style-other.css");


.clearboth{
	clear:both;
}
/*--- clearfix */
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* WinIE7 only */
*:first-child+html .clearfix{
  height:1%;
}

/* WinIE6 and below */
/*\*/
* html .clearfix{
  height:1%;
}
/**/

/* MacIE only */
/*\*//*/
.clearfix{
  display:inline-table;
}
/**/
/*--- clearfix end */

img{
	vertical-align:bottom;
	border:none;
}
div#special {
	width:707px;
	padding:0 16px 0 17px;
}

/*
--- 見出し画像 ---
*/
div#special h2{
	text-indent:-10000em;
	background:url(../../images/special/sp_01.jpg) 0 0 no-repeat;
	width:707px;
	height:207px;
}
div#special p.p_img{
	text-indent:-10000em;
	background:url(../../images/special/sp_02.jpg) 0 0 no-repeat;
	width:707px;
	height:173px;
	margin:0 0 25px;
}

/*
--- /見出し画像 ---
*/
div#special p {
	font-size:14px;
	letter-spacing:0;
	line-height:1.8;
}
/*
--- 見出しH3画像 ---
*/
div#special #h3_01{
	background:url(../../images/special/sp_bg_02.gif) left bottom no-repeat;
	padding:0 0 15px;
	margin:0 0 30px;
	position:relative;
	width:702px;
}
div#special #h3_01 span.ab_img01{
	display:block;
	position:absolute;
	background:url(../../images/special/sp_08.gif) 0 0 no-repeat;
	height:40px;
	width:105px;
	text-indent:-10000em;
	left: 260px;
	top: 12px;
}
div#special #h3_01 span.ab_img02{
	display:block;
	position:absolute;
	background:url(../../images/special/sp_07.gif) 0 0 no-repeat;
	height:81px;
	width:84px;
	text-indent:-10000em;
	left: 368px;
	top: -22px;
}
div#special #h3_01 span.ab_img03{
	display:block;
	position:absolute;
	background:url(../../images/special/sp_09.gif) 0 0 no-repeat;
	height:33px;
	width:240px;
	text-indent:-10000em;
	left: 450px;
	top: 14px;
}
div#special #h3_01 h3{
	display:block;
	text-indent:-10000em;
	background:url(../../images/special/sp_03.gif) 0 0 no-repeat;
	width:702px;
	height:64px;
}
div#special p.h3_01_p{
	display:block;
	padding:0 4px 0 10px;
	margin:0 0 35px;
	width:250px;
}
/*
--- 背景破線 ---
*/
div#special div.div_left{
	float:left;
	background:url(../../images/special/sp_bg.gif) left top repeat-y;
	padding:10px 0 0 15px;
	width:260px;
	height:510px;
}
div#special div.div_right{
	float:right;
	background:url(../../images/special/sp_bg2.gif) right top repeat-y;
	width:415px;
	padding:10px 0 0 5px;
}



div#special #h3_01 p.h3_img04{
	display:block;
	text-indent:-10000em;
	background:url(../../images/special/sp_04.jpg) 0 0 no-repeat;
	width:396px;
	height:212px;
}
div#special #h3_01 p.h3_img05{
	display:block;
	text-indent:-10000em;
	background:url(../../images/special/sp_05.gif) 0 0 no-repeat;
	width:364px;
	height:32px;
	margin:15px 0 6px 31px;
}
div#special #h3_01 p.h3_img06{
	display:block;
	text-indent:-10000em;
	background:url(../../images/special/sp_06.jpg) 0 0 no-repeat;
	width:392px;
	height:231px;
	margin:0 0 14px;
}
/*
--- /見出しH3画像 ---
*/

/**/
div#special h4{
	display:block;
	border-left:4px #2e58a6 solid;
	border-bottom:1px #2e58a6 solid;
	color:#2e58a6;
	text-indent:0.5em;
	width:260px;
	height:20px;
	font-size:15px;
	margin:0 0 5px;
}
/*
--- H3_02
*/
div#special #h3_02{
	background:url(../../images/special/sp_bg_02.gif) 0 bottom no-repeat;
	padding:0 0 12px;
	margin:0 0 30px;
	position:relative;
	width:702px;
	clear:both;
}
div#special #h3_02 h3{
	text-indent:-10000em;
	background:url(../../images/special/sp2_01.gif) 0 0 no-repeat;
	width:702px;
	height:64px;
}
div#special #h3_02 p{
	display:block;
	padding:0 4px 0 10px;
	width:250px;
}
div#special span.ab2_img01{
	display:block;
	position:absolute;
	background:url(../../images/special/sp2_02.gif) 0 0 no-repeat;
	height:40px;
	width:150px;
	text-indent:-10000em;
	left: 140px;
	top: 13px;
}
div#special span.ab2_img02{
	display:block;
	position:absolute;
	background:url(../../images/special/sp2_03.gif) 0 0 no-repeat;
	height:76px;
	width:89px;
	text-indent:-10000em;
	left: 286px;
	top: -20px;
}
div#special span.ab2_img03{
	display:block;
	position:absolute;
	background:url(../../images/special/sp2_04.gif) 0 0 no-repeat;
	height:32px;
	width:268px;
	text-indent:-10000em;
	left: 419px;
	top: 14px;
}
div#special #h3_02 div.div_left{
	height:210px;
	width:344px;
}
div#special #h3_02 div.div_left p{
	width:330px
}
div#special #h3_02 div.div_left h4{
	width:330px
}
div#special #h3_02 div.div_right{
	width:338px;
}
div#special #h3_02 div.div_right img{
	margin:20px 0 10px 40px;
}
/*
--- H3_03
*/
div#special #h3_03{
	background:url(../../images/special/sp_bg_02.gif) left bottom no-repeat;
	padding:0 0 12px;
	margin:0 0 30px;
	position:relative;
	width:702px;
	clear:both;
}
div#special #h3_03 h3{
	text-indent:-10000em;
	background:url(../../images/special/sp3_01.gif) 0 0 no-repeat;
	width:702px;
	height:64px;
}
div#special #h3_03 p{
	display:block;
	height:0;
	width:250px;
}
div#special span.ab3_img02{
	display:block;
	position:absolute;
	background:url(../../images/special/sp3_02.gif) 0 0 no-repeat;
	height:40px;
	width:150px;
	text-indent:-10000em;
	left: 113px;
	top: 13px;
}
div#special span.ab3_img03{
	display:block;
	position:absolute;
	background:url(../../images/special/sp2_03.gif) 0 0 no-repeat;
	height:78px;
	width:90px;
	text-indent:-10000em;
	left: 260px;
	top: -20px;
}
div#special span.ab3_img04{
	display:block;
	position:absolute;
	background:url(../../images/special/sp3_04.gif) 0 0 no-repeat;
	height:30px;
	width:241px;
	text-indent:-10000em;
	left: 445px;
	top: 14px;
}
div#special div.h3_03_img{
	background:url(../../images/special/sp_bg3.gif) 0 0 repeat-y;
	padding:21px 0 10px 168px;
	width:534px;
}

/*
--- h4 画像 ---
*/
div#special h4.h4_01{
	background:url(../../images/special/sp_h4_01.gif) 5px 2px no-repeat;
	width:150px;
	text-indent:-10000em;
}
div#special h4.h4_02{
	background:url(../../images/special/sp_h4_02.gif) 5px 2px no-repeat;
	width:200px;
	text-indent:-10000em;
}
div#special h4.h4_03{
	background:url(../../images/special/sp_h4_03.gif) 5px 2px no-repeat;
	width:150px;
	text-indent:-10000em;
}
div#special h4.h4_04{
	background:url(../../images/special/sp_h4_04.gif) 5px 2px no-repeat;
	width:150px;
	text-indent:-10000em;
}