/* Fate */

/* all *
************************************/

#mainpart .index,#mainpart .page1,#mainpart .page2,#mainpart .page3,#mainpart .page4,#mainpart .heater,#mainpart .floor,#mainpart .bath{
	text-align: center;
	margin-top: 20px;
}

#mainpart .index{width: 726px;	margin-left: 22px;}
#mainpart .page1,#mainpart .page2,#mainpart .page3,#mainpart .page4,#mainpart .heater,#mainpart .floor,#mainpart .bath{width: 707px;	margin-left: 41px;}

#mainpart .bread{
	text-align: right;
	margin-bottom: 10px;
	color: #666666;
}

#mainpart .meinbox{
	width: 677px;
	margin-right: auto;
	margin-left: auto;
}

#mainpart h3{
	background-image: url(../img/common/h3.gif);
	background-repeat: no-repeat;
	width: 707px;
	color: #279F57;
	margin-bottom: 18px;
	text-indent: 35px;
	height: 49px;
	line-height: 34px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	font-size: 16px;
}

#mainpart h4{
	margin-bottom: 18px;
	padding-left: 12px;
	padding-top: 6px;
	color: #279F57;
	padding-bottom: 6px;
	text-align: left;
	border-left-width: 10px;
	border-left-style: double;
	border-left-color: #279F57;
	font-size: 16px;
	line-height: 20px;
}

#mainpart .ttl-A{
	background-image: url(../img/common/ttl_A.gif);
	background-repeat: no-repeat;
	width: 677px;
	height: 29px;
	height: 29px;
	line-height: 29px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #279F57;
	font-weight: bold;
	text-align: left;
	text-indent: 12px;
	clear: both;
	font-size: 14px;
}

#mainpart .p-pdd{
	text-align: left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	clear: both;
}

#mainpart .p-pdd30{
	text-align: left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	clear: both;
}

#mainpart .p8{
	font-size: 8px;
}
#mainpart .p10{
	font-size: 10px;
	line-height: 14px;
}

#mainpart img{
	margin-bottom: 15px;
}

#mainpart .img-left{
	float: left;
	margin-left: 15px;
}

#mainpart .img-right{
	float: right;
	padding-right: 15px;
}

#mainpart .back{
	float: right;
	margin-top: 30px;
	margin-right: 22px;
}

#mainpart .clear{
	clear: both;
}

#mainpart .tbA-all{
	border-collapse: collapse;
	border: 1px solid #999999;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}

#mainpart .tbA-a, #mainpart .tbA-b, #mainpart .tbA-c{
	height: 34px;
	border: 1px solid #999999;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	font-weight: normal;
}

#mainpart .tbA-a{
	background-image: url(../img/ecowill/tbbg_01.gif);
	background-repeat: repeat;
}

#mainpart .tbA-b{
	background-image: url(../img/ecowill/tbbg_02.gif);
}

#mainpart .tbB-all{
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

#mainpart .tbB-a, #mainpart .tbB-b{
	height: 34px;
	text-align: left;
	color: #333333;
	font-weight: normal;
	vertical-align: middle;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#mainpart .tbB-a{
	background-image: url(../img/ecowill/tbbg_01.gif);
	background-repeat: repeat;
}

#mainpart .text-green{
	color:#279F57;
	font-weight: bold;
}

/* index *
************************************/

#mainpart .index .box-a{
	float: left;
	width: 462px;
	text-align: left;
}

#mainpart .index .box-c{
	float: left;
	width: 387px;
	text-align: left;
}

#mainpart .index .boiler{
	background-image: url(../img/fact/index_04.gif);
	background-repeat: no-repeat;
	width: 677px;
	height: 199px;
	padding-top: 25px;
	padding-right: 8px;
	padding-left: 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 661px;
	height: 174px;
}

/* page1 *
************************************/

#mainpart .page1 .ttl-E{
	background-image: url(../img/fact/ttl_E.gif);
	background-repeat: no-repeat;
	width: 444px;
	height: 29px;
	margin-bottom: 15px;
	padding-top: 6px;
	text-align: left;
	text-indent: 14px;
	font-weight: bold;
	color: #666666;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 23px;
	clear: both;
}

#mainpart .page1 .box-a{
	float: right;
	width: 444px;
	text-align: left;
}

#mainpart .page1 .box-b{
	float: left;
	width: 164px;
	text-align: left;
}

#mainpart .page1 .box-c{
	float: left;
	width: 161px;
	text-align: left;
}


#mainpart .page1 .yunuc{
	background: url(../img/fact/page2_03b.gif) bottom left no-repeat;
	width: 677px;
	height: 100%;
	margin-top: 20px;
}

#mainpart .page1 .yunuc .yunucH{
	background: url(../img/fact/page2_03a.gif) top left no-repeat;
	width: 677px;
	height: 25px;
}

#mainpart .page1 .yunuc .yunucB2{
	width: 677px;
	height: 100%;
	padding-right: 8px;
	padding-left: 8px;
	display: inline-table;
}

#mainpart .page1 .box-a2{
	float: left;
	width: 434px;
	text-align: left;
}


/* page2 *
************************************/

#mainpart .page2 .yunuc{
	background: url(../img/fact/page2_03b.gif) bottom left no-repeat;
	width: 677px;
	height: 100%;
}

#mainpart .page2 .yunuc .yunucH{
	background: url(../img/fact/page2_03a.gif) top left no-repeat;
	width: 677px;
	height: 25px;
}

#mainpart .page2 .yunuc .yunucB{
	width: 677px;
	height: 100%;
	padding-right: 8px;
	padding-left: 8px;
	display: inline-table;
}

#mainpart .page2 .box-a{
	float: left;
	width: 434px;
	text-align: left;
}

/* page3 *
************************************/

#mainpart .page3 .box-ALL {
 clear: both;
}

#mainpart .page3 .box-a{
	width: 271px;
	float:left;
}

#mainpart .page3 .box-b, #mainpart .page3 .box-c{
	width: 332px;
	float:left;
}

#mainpart .page3 .box-c{
	margin-left: 13px;
}


#mainpart .page3 .p-pddp3{
	text-align: left;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	clear: both;
}

#mainpart .page3 .p-pddp3i{
	text-align: left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 27px;
	clear: both;
	text-indent: -12px;
}



/* bath *
************************************/

#mainpart .bath .box-aa{
	float: left;
	width: 471px;
	text-align: left;
}

#mainpart .bath .box-ab{
	float: right;
	width: 308px;
	text-align: left;
}

#mainpart .bath .box-b{
	float: left;
	width: 394px;
	height: 104px;
	text-align: left;
	padding-bottom: 30px;
}

#mainpart .bath .box-ca{
	float: left;
	width: 229px;
	text-align: left;
}
#mainpart .bath .box-ca a{
	float: left;
	text-align: left;
}
#mainpart .bath .box-ca a img{
 margin-left: 15px;
}
#mainpart .bath .box-cb{
	float: left;
	width: 148px;
	text-align: left;
}

#mainpart .bath .box-cc{
	width: 129px;
	text-align: left;
	float: left;
	padding-right: 13px;
}

#mainpart .bath .ttl-C, #mainpart .page5 .ttl-D{
	height: 32px;
	margin-bottom: 15px;
	text-align: left;
	text-indent: 17px;
	line-height: 32px;
	font-weight: bold;
	color: #666666;
}

#mainpart .bath .ttl-C{
	background-image: url(../img/common/ttl_C.gif);
	background-repeat: no-repeat;
	width: 647px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
}

#mainpart .bath .ttl-D{
	background-image: url(../img/common/ttl_D.gif);
	background-repeat: no-repeat;
	width: 316px;
}

#mainpart .bath .box-p{
	float: right;
}

#mainpart .bath .box-imga{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

#mainpart .bath .box-imgb{
	float: none;
	padding: 0px;
	clear: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#mainpart .bath .rimocon{
	background: url(../img/fact/bath_05b.gif) bottom left no-repeat;
	height: 100%;
	clear: both;
}

#mainpart .bath .rimocon .rimoconH{
	background: url(../img/fact/bath_05a.gif) top left no-repeat;
	width: 677px;
	height: 25px;
}

#mainpart .bath .rimocon .rimoconB{
	height: 100%;
	padding-right: 15px;
	padding-bottom: 25px;
	display: inline-table;
}

/* heater *
************************************/

#mainpart .heater .box{
	width: 505px;
	text-align: left;
	float: left;
}

#mainpart .heater .box-b{
	width: 230px;
	text-align: left;
	padding-left: 15px;
	float: left;
}

#mainpart .heater .box-b-ttl{
	width: 230px;
	border: 1px solid #279F57;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color:#279F57;
	font-weight: bold;
}

#mainpart .heater .box-b p{
	text-align: left;
	height: 60px;
	padding: 15px;
}

/* floor *
************************************/

#mainpart .floor .box-aa{
	float: left;
	width: 462px;
	text-align: left;
}

#mainpart .floor .box-ab{
	float: right;
	width: 240px;
	text-align: left;
}

#mainpart .floor .ttl-D{
	background-image: url(../img/common/ttl_D.gif);
	background-repeat: no-repeat;
	width: 316px;
	height: 26px;
	margin-bottom: 15px;
	padding-top: 8px;
	text-align: left;
	text-indent: 17px;
	font-weight: bold;
	color: #666666;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 26px;
}

#mainpart .floor .box-b{
	text-align: left;
	float: left;
	width: 316px;
	padding-left: 15px;
}

#mainpart .floor .box-c{
	text-align: left;
	float: left;
	width: 154px;
}

#mainpart .floor .box-d{
	text-align: left;
	float: left;
	width: 150px;
}

/* page4 */
#mainpart .page4 h3{
 margin-bottom: 0px;
}

#mainpart .page4 .ttl-A{
 margin-top: 20px;
}

#mainpart .page4 .ttl-D{
	background-image: url(../img/common/ttl_D.gif);
	background-repeat: no-repeat;
	width: 316px;
	height: 26px;
	margin-bottom: 15px;
	padding-top: 8px;
	text-align: left;
	text-indent: 17px;
	font-weight: bold;
	color: #666666;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 26px;
}

#mainpart .page4 .ttl-C{
	height: 32px;
	margin-bottom: 15px;
	text-align: left;
	text-indent: 17px;
	line-height: 32px;
	font-weight: bold;
	color: #666666;
	background-image: url(../img/common/ttl_C.gif);
	background-repeat: no-repeat;
	width: 647px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
}

#mainpart .page4 .box-a{
 width: 100%;
 margin: 0 auto 25px;
	text-align: center;
	clear: both;
}

#mainpart .page4 .box-a img{
 margin-bottom: 0px;
}

#mainpart .page4 .box-b{
 margin: 0 15px;
}

#mainpart .page4 .box-b p{
 float: left;
	text-align: left;
}

#mainpart .page4 .box-b img{
	float: left;
	padding-right: 15px;
}

#mainpart .page4 .box-c{
	text-align: left;
	margin: 0 15px;
}

#mainpart .page4 .box-c img{
	float: left;
	padding-right: 15px;
}


#mainpart .page4 .box-d{
 float: right;
	text-align: left;
	width: 350px;
	margin-bottom: 15px;
	margin-right: 15px;
}

#mainpart .page4 dt{
 width: 147px;
	height: 28px;
	float: left;
}

#mainpart .page4 dt img{
 margin-bottom: 0px;
}

#mainpart .page4 dd{
 width: 203px;
	height: 28px;
	float: left;
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 13px;
}

#mainpart .page4 .box-d p{
 width: 100%;
	margin-bottom: 2px;
}

#mainpart .page4 .box-e{
}

#mainpart .page4 .box-e p.p-pdd{
 float: left;
}
