@charset "utf-8";

/* css--------------------------------------------------- */
/*

	ディンプレックス・ジャパン
	

*/
/*--------------------------------------------------------*/

.study h4{margin-bottom:5px;}
.advantage h4,.economic h4,.attention h4,.environment h4,.desirable h4{margin: 20px 0 30px 0;}
.whole h4,.sapporo h4,.sendai h4,.tokyo h4,.one h4,.one01 h4,.advice h4,.warm h4,.heat h4,.heating h4{margin: 20px 0 25px 0;}
.warm h5,.heat h5,.advantage h5,.economic h5,.attention h5,.environment h5,.desirable h5,.whole h5,.sapporo h5,.sendai h5,.tokyo h5,.one01 h5{margin-bottom:25px;}
.one h5,.heating h5{margin-bottom:10px;}
.advice h5{margin-bottom:5px;}
.heating h6{margin:30px 0 20px 20px;}
.sapporo h6,.sendai h6,.tokyo h6{margin-bottom:10px;}
.one01 h6{margin-bottom:5px;}

/*--------------------------------------------------------*/
.marL18{margin-left:18px;}
.marL18 p{margin-top:13px; line-height: 1.4;}
.marB13{margin-bottom:13px;}
.mar20B10{margin:0 20px 10px 20px;}
.marL20T10{margin:10px 0 0 20px;}
.marL20B20{margin:0 0 20px 20px;}
.marL20B30{margin:0 0 30px 20px;}
.mar37B30{margin:35px 0 30px 37px;}
.mar37T15{margin:15px 20px 30px 37px;}
.marL40B30{margin:0 0 30px 40px;}
.marL40R20B30{margin:0 20px 30px 40px;}
.marLR20B30{margin:0 20px 30px 20px;}


/*txt
--------------------------------------------------------*/
.txtB01{margin:10px 20px 20px 20px;}
.txtB01 p{margin-bottom:10px;}

.txtB02{margin:10px 20px 20px 40px;}
.txtB02 p{margin-bottom:10px;}

.txtB03{margin:0 0 20px 0;}
.txtB03 p{margin-bottom:10px;}

.txtB04{margin:10px 20px;}
.txtB04 p{margin-bottom:10px;}


/* 暖め方の違い
--------------------------------------------------------------------------------------------*/
.box01L{float:left; width:360px; margin-right:10px;}
.box01R{float:left; width:190px;}
.box01R p{margin-bottom:10px;}
.box01L ul{
	margin:10px 0 18px 20px;
	}
.box01L ul li{	
	background:url(../study/images/icon.gif) 0 5px no-repeat;
	padding-left:15px;
	margin-bottom:1px;
	}
.box01L ul li span{display:block;}

.box13L{float:left; width:300px; margin-right:10px;}
.box13R{float:left; width:250px;}
.box13R p{margin-bottom:10px;}
.box13L ul{
	margin:10px 0 18px 20px;
	}
.box13L ul li{	
	background:url(../study/images/icon.gif) 0 5px no-repeat;
	padding-left:15px;
	margin-bottom:1px;
	}
.box13L ul li span{display:block;}


.box02{
	width:500px;
	border:solid 1px #d6d6d6;
	margin:20px 0 20px 38px;
	padding:20px;
	}

.box03L{float:left; width:190px; margin: 15px 15px 0 0;}
.box03R{float:left; width:270px; margin-top:15px;}
.box03R p{margin-bottom:5px;}

.bordercc{border:solid 1px #ccc; padding:10px; width:460px;}

/* 暖房を学ぶ
--------------------------------------------------------------------------------------------*/
.box04L{float:left; width:250px; margin: 0 15px 20px 40px; display:inline;}
.box04R{float:left; width:250px; margin-bottom:20px;}
.box04L p,.box04R p{margin-bottom:10px;}


/* メリット・電源について
--------------------------------------------------------------------------------------------*/
.box05L{float:left; width:220px; margin: 0 10px 0 0;}
.box05R{float:left; width:270px;}
.box05R p{margin-bottom:10px;}




/* 住環境について
--------------------------------------------------------------------------------------------*/
.box190{float:left; width:190px; margin:10px 10px 0 0;}
.box340{float:left; width:340px; margin-top:10px;}
.box190 p,.box340 p{margin-bottom:10px;}

.box190{float:left; width:190px; margin:10px 10px 0 0;}
.box360{float:left; width:360px; margin-top:10px;}
.box190 p{margin-bottom:10px;}



/* 全館暖房／局所暖房とは
--------------------------------------------------------------------------------------------*/
.box250{float:left; width:250px; margin:0 10px 20px 18px; display:inline;}
.box280{float:left; width:280px; margin:0 0 20px 0;}
.box280 p{margin-bottom:10px;}

.box16L{float:left; width:190px; margin:0 10px 20px 18px; display:inline;}
.box16R{float:left; width:340px; margin:0 0 20px 0;}
.box16R p{margin-bottom:10px;}

.box17{
	width:560px;
	border:solid 1px #cf0000;
	margin:10px 0 10px 18px;
	}
.box17 p{padding:15px 20px 20px 20px;}

/* 全館暖房とは
--------------------------------------------------------------------------------------------*/
.box06L{float:left; width:190px; margin: 0 10px 0 0;}
.box06R{float:left; width:280px;}
.box06R p{margin-bottom:10px;}

.box15L{float:left; width:280px; margin: 0 10px 0 0;}
.box15R{float:left; width:190px;}
.box15R p{margin-bottom:10px;}

.box07{
	width:500px;
	border:solid 1px #d6d6d6;
	margin:10px 0 10px 38px;
	padding:20px;
	}
.box07 p{margin-bottom:10px;}

.box08L{float:left; width:171px;}
.box08M{float:left; width:171px; margin:0 15px;}
.box08R{float:left; width:171px;}

.tableLayout06{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:15px 0 5px 20px;
background-color:#ccc;
width:540px;
color:#666;
font-size:81%;
line-height:1;
}

.tableLayout06 td,.tableLayout06 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;

}
.tableLayout06 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:190px;
color:#666;
}
.tableLayout06 th.w120{
	width:120px;
	text-align:center;
	}
.tableLayout06 td{
background-color:#fff;
padding: 3px 5px;
text-align:right;
}


/* 全館暖房とは (共通)
--------------------------------------------------------------------------------------------*/
.box09L{float:left; width:250px; margin-right:40px;}
.box09R{float:left; width:250px;}
.box09L img,.box09R img{margin-bottom:10px;}

.box10L{float:left; width:280px; margin-right:10px;}
.box10R{float:left; width:250px;}


.tableLayout07{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:5px 0 5px 0;
background-color:#ccc;
width:540px;
color:#666;
font-size:81%;
line-height:1;
}
.tableLayout07 td,.tableLayout07 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;
}
.tableLayout07 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:170px;
color:#666;
}
.tableLayout07 th.w90{
	width:70px;
	text-align:center;
	}
.tableLayout07 th.thc,.tableLayout08 th.thc,.tableLayout09 th.thc{
	text-align:center;
	}
.tableLayout07 th.thr,.tableLayout08 th.thr,.tableLayout09 th.thr{
	text-align:right;
	}
.tableLayout07 th.R{
	text-align:right;
	}
.tableLayout07 td{
background-color:#fff;
padding: 3px 5px;
text-align:center;
vertical-align:middle;
}
.tableLayout07 td.total,.tableLayout10 td.total{
	background-color: #FFAD99;	
}

.tableLayout08{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:0 0 15px 0;
background-color:#ccc;
width:540px;
color:#666;
font-size:81%;
line-height:1;
}
.tableLayout08 td,.tableLayout08 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;
}
.tableLayout08 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:135px;
color:#666;
}
.tableLayout08 th.w50{
	width:45px;
	text-align:center;
	}
.tableLayout08 th.w80{
	width:80px;
	text-align:center;
	}
.tableLayout08 td{
background-color:#fff;
padding: 3px 5px;
text-align:center;
vertical-align:middle;
}
.tableLayout09{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:5px 0 15px 0;
background-color:#ccc;
width:280px;
color:#666;
font-size:81%;
line-height:1;
}
.tableLayout09 td,.tableLayout09 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;
}
.tableLayout09 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:90px;
color:#666;
}
.tableLayout09 td{
background-color:#fff;
padding: 3px 5px;
text-align:center;
}

.tableLayout10{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:5px 0 15px 0;
background-color:#ccc;
width:250px;
color:#666;
font-size:81%;
line-height:1;
}
.tableLayout10 td,.tableLayout10 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;
}
.tableLayout10 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:150px;
color:#666;
}
.tableLayout10 th.w100{width:100px;}
.tableLayout10 td{
background-color:#fff;
padding: 3px 5px;
text-align:center;
}

.tableLayout11{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:5px 0 15px 420px;
background-color:#ccc;
width:120px;
color:#666;
font-size:81%;
line-height:1;
}
.tableLayout11 td,.tableLayout11 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;
}
.tableLayout11 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:center;
color:#666;
}
.tableLayout11 td{
background-color:#FFAD99;
padding: 3px 5px;
text-align:center;
}


/* 局所暖房
--------------------------------------------------------------------------------------------*/

.box11{width:350px; margin: 0 16px 0 70px; background-color:#f2f2f2;border:solid 1px #ccc; padding:10px 20px;}


.border01{border:solid 1px #ccc; padding:10px; width:520px;}

.box12L{float:left; width:111px; margin: 0 8px 0 0; display:inline;}
.box12R{float:left; width:111px;}

.tableLayout12{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:15px 0 5px 20px;
background-color:#ccc;
width:540px;
color:#666;
font-size:81%;
line-height:1;
}

.tableLayout12 td,.tableLayout12 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;

}
.tableLayout12 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:160px;
color:#666;
}
.tableLayout12 th.w70{
	width:70px;
	text-align:left;
	}
.tableLayout12 th.w100{
	width:98px;
	text-align:left;
	border-left:solid 2px #CCCCCC;
	}
.tableLayout12 td,.tableLayout13 td{
background-color:#fff;
padding: 3px 5px;
text-align:right;
vertical-align:middle;
}
.tableLayout12 td.Lb{border-left:solid 2px #CCCCCC;}

.tableLayout13{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:15px 0 5px 20px;
background-color:#ccc;
width:540px;
color:#666;
font-size:81%;
line-height:1;
}
.tableLayout13 td,.tableLayout13 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;
}
.tableLayout13 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:170px;
color:#666;
}
.tableLayout13 th.w90{width:90px; text-align:center;}

.tableLayout14{
border-collapse:collapse;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
margin:15px 0 5px 20px;
background-color:#ccc;
width:540px;
color:#666;
font-size:81%;
line-height:1;
}
.tableLayout14 td,.tableLayout14 th{
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
vertical-align:top;
}
.tableLayout14 th{
margin: 1px;
background-color:#f7f7f7;
padding: 3px 5px;
text-align:left;
width:135px;
color:#666;
}
.tableLayout14 th.thc{text-align:center;}
.tableLayout14 th.thr{text-align:right;}
.tableLayout13 td.total,.tableLayout14 td.total{
	background-color: #FFAD99;
	}
.tableLayout13 td.highl,.tableLayout13 th.highl,.tableLayout14 td.highl,.tableLayout14 th.highl{
	background-color: #FFCC99;
}		
.tableLayout14 th.w50{
	width:45px;
	text-align:center;
	}
.tableLayout14 th.w70{
	width:70px;
	text-align:center;
	}
.tableLayout14 td{
background-color:#fff;
padding: 3px 5px;
text-align:center;
vertical-align:middle;
}

/* お勧めの暖房製品
--------------------------------------------------------------------------------------------*/

.box130{float:left; width:130px; margin:10px 10px 0 0;}
.box400{float:left; width:400px; margin-top:10px;}
.box130 p{margin-bottom:10px;}