@charset "utf-8";
/* CSS Document */

body{
	font:14px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#404040;
	background:url(../../../common/images/header_line.gif) repeat-x;
}



/* ===== ヘッダここから ====== */

#header{
	padding-top:20px;
	background:url(../../../common/images/leaf.gif) no-repeat 97% 33%;
}

#header_inner{
	width:960px;
	margin:0 auto 10px;
}

#header h1{
	float:left;
	font-size:80%;
	padding:10px 0 20px 0;
}

#header h1 img{
	padding-top:5px;
}

#header_inner ul{
	float:right;
	padding-top:5px;
}

#header .tel{
	font-size:190%;
	font-weight:bold;
	color:#9e9e9e;
	background:url(../../../common/images/tel_icon.gif) no-repeat 8%;
	line-height:26px;
	text-align:right;
}

#header .open{
	font-size:90%;
	text-align:right;
	margin-bottom:5px;
}

#header .contact{
	text-align:right;
	background:url(../../../common/images/contact_on.png) no-repeat right;
}


.contact a{
		display:block;
}

.contact a:hover img{
	visibility:hidden;
}

/* ===== ヘッダのグロナビここから ====== */

#gnavi_wrap{
	background:url(../../../common/images/gnav_line.gif) repeat-x;
	height:64px;
	padding-bottom:10px;
}






#wrap{
	width:960px;
	margin:0 auto;
}
 
/* ===== コンテンツここから ====== */




.content{width:960px;
	margin:0 auto;}
	
/* headlineここから */
	
.headline{
	margin-bottom:40px;
	}

.headline img{margin-bottom:10px;}


/* ------------------パンくずここから-------------- */


.breadcrumb ol{float:left;
}

.headline .breadcrumb li{
	float:left;
	list-style-type:none;
	display:block;background:url(../../common/images/pan.gif) no-repeat right;
	font-size:85%;
	padding:0px 7px;
}


.breadcrumb li a{text-decoration:none;
color:#404040;
margin-bottom:25px;
margin-right:2px;
padding-right:14px;
/*display:block;*/}

.breadcrumb li a:hover{text-decoration:underline;color:#666;}

.headline ol .breadcrumbm{background:none;}

/* ------------------パンくずここまで-------------- */

/* headlineここまで */



/* ===== サイドナビここから ====== */

.sidenavi{width:240px;



float:left;
padding-right:20px;}





.sidetop{width:240px;
}


.ene1{background:url(../images/sidenavi1_water01_on.gif.gif) no-repeat;}

.ene2{background:url(../images/sidenavi1_water02_on.gif.gif) no-repeat;}

.ene3{background:url(../images/sidenavi1_water03_on.gif.gif) no-repeat;}

.ene4{background:url(../images/sidenavi1_water04_on.gif.gif) no-repeat;}

.ene5{background:url(../images/sidenavi1_water05_on.gif.gif) no-repeat;}

.ene6{background:url(../images/sidenavi1_water06_on.gif.gif) no-repeat;}










.sidenavi1{padding-left:8px;
background:url(../../common/images/botom.gif) no-repeat bottom;
margin-bottom:55px;
padding-bottom:20px; 
}



.sidenavi1{background-color:#8fcf7d;}




.sidenavi1 li{margin-bottom:2px;}


.sidenavi1 li a{display:block;}

.sidenavi1 li a:hover img{visibility:hidden;}

.sideunder{width:240px;
}

.sideunder li{margin-bottom:1px;}

.sideunder li a{display:block;
width:240px;
height:64px;} 

.sideunder li a:hover img{visibility:hidden;}

.bside1{background:url(../../common/images/sidenavi2_ene_on.gif) no-repeat;}

.bside2{background:url(../../common/images/sidenavi2_eco_on.gif) no-repeat;}

.bside3{background:url(../../common/images/sidenavi2_archi_on.gif) no-repeat;}

.bside4{background:url(../../common/images/sidenavi2_water_on.gif) no-repeat;}

.bside4 img{
	visibility:hidden;
}

.bside5{background:url(../../common/images/sidenavi2_plan_on.gif) no-repeat;}

/* ===== サイドナビここまで ====== */


#rightC{
	width:700px;
	float:right;
}

h4{
	margin-bottom:15px;
	font-size:150%; 
	background:url(../../../top_images/title_icon.gif) no-repeat left;
	border-bottom:1px solid #666;
	padding-left:15px;
	clear:both;
	}

	
/* water01ここから */
　
	
#water01{
margin-bottom:80px;
	}

#water01_1{
	width:680px;
	background:url(../images/waterproof01.jpg) no-repeat;
	}


#water01 p.text1{
	width:500px;
	padding:10px;
}


#water01 .beforafter{
	padding-top:20px;
	
}

#water01_2{
	margin-bottom:80px;
}

#water01 .text2{
	padding-top:10px;
	margin-bottom:70px;
	margin:0 auto;
	width:670px;
}

/* water01ここまで */

#water02{
margin-bottom:30px;
	}
	
	
#water02 p img{
	padding-top:15px;
}

#water02 .text3{
	margin:0 auto;
	width:680px;
}

#water02 .text4{
	padding:15px 0 20px;
	margin:0 auto;
	width:680px;
}


/* water02ここまで */


/* water03ここから */

#water03{
margin-bottom:30px;
	}


#water03 dl{
 margin:0 auto;
	width:680px;
}

#water03 dt{
	font-size:18px;
}

#water03 dd{
	margin-bottom:15px;
}



/* water03ここまで */

/* water04ここから */

#water04{
	margin-bottom:30px;
	}

#js h5{
	font-size:18px;
	color:#f09547;
}

#water04 ul{
	width:680px;
	padding-left:10px;
	line-height:1.8;
}

#water04 li.t{
	margin-bottom:10px;
	padding-left:1em;
}

/* water04ここまで */



/* water05ここから */

#water05{
	width:680px;
	margin-bottom:30px;
}

#water05 .text5{
	padding-left:10px;
	margin-bottom:20px;	
}

#water05 p img{
	padding-left:20px;
	margin-bottom:20px;
}

#water05 .group01{
	float:left;
}
	
#water05 .group02{
	float:left;
}

#water05 .group03{
	float:left;
}




/* water05ここまで */

/* water06ここから */

#water06{
margin-bottom:30px;
	}

#water06 .text5{
	padding-top:15px;
	margin-bottom:80px;

} 




/* contactここから */

#undercontact{
	background:url(../../common/images/undercontact_back.gif) no-repeat;
	width:696px;
	padding:20px 20px;
	margin-bottom:30px;
	clear:both;
	}


#undercontact ul{
	float:left;
	width:350px;
	padding:0px 10px;
	}



#undercontact li.mail_add{
	line-height:16px;
	color:#f09547;
	text-align:center;
}


#undercontact li.mail_add span{
	line-height:16px;
	color:#f09547;
	padding-right:7px;
}



#undercontact_mail{
	background:url(../../common/images/undercontact_btn_on.jpg) no-repeat 100% 0%;
	width:286px;
	padding-left:370px;
	
	}
	
#undercontact_mail a{
	display:block;	
	}
	

#undercontact_mail a:hover img{
	visibility:hidden;}

/* contactここまで */

.gototop{
	clear:both;
	float:right;
	display:block;
	margin-bottom:70px;
	}

.gototop a{display:block;width:186px;
height:21px;}


.gototop a:hover img{visibility:hidden;}



.gototop a {background:url(../../../common/images/gototop_on.gif) no-repeat right;}



/* ===== フッタここから ====== */


#footer_wrap{
	background:url(../../../common/images/footer.gif) no-repeat top center;
	clear:both;
	padding-top:165px;
}

.contact1{
	background:url(../../../common/images/contact_on.png) no-repeat;
}

.contact1 a{
	display:block;
}

.contact1 a:hover img{
	visibility:hidden;
}

#footer_wrap ul{
	text-align:right;
}

#footer_wrap li{
	display:inline;
	border-right:1px solid #404040;
	padding-right:10px;
	margin-right:5px;
	font-size:80%;
}

#footer_wrap li.btn6{
	border-right:none;
	padding-right:0px;
	margin-right:0px;	
}

#footer_wrap li a{
	color:#404040;
	text-decoration:none;	
}

#footer_wrap li a:hover{
	text-decoration:underline;
	color:#666;	
}

#footer{
	background:url(../../../common/images/footer_line.gif);
}

#footer_inner{
	width:960px;
	margin:0 auto;
	padding-top:30px;
}

#footer_img{
	float:left;
}

#footer_link{
	float:right;
	width:600px;
	margin-bottom:100px;
}

#footer address{
	text-align:center;
	font-size:80%;
	clear:both;
	padding-bottom:15px;
}