@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_plan01_on.gif) no-repeat;}

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

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

.ene4{background:url(../images/sidenavi1_plan04_on.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;}

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

.bside5 img{
	visibility:hidden;	
}

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

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

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;
	}　

p{line-height:1.8;}


.k{background:url(../images/planning_banner01.jpg) no-repeat;
padding:40px 50px 40px 10px;
margin-bottom:80px;
}

.degin{
	background:url(../images/planning_banner02.jpg) no-repeat;
	padding:30px 0 30px 330px;
	line-height:1.8;
	margin-bottom:80px;
}


.line{padding-top:30px;
	height:230px;
	border:1px solid #0C3;
	margin-bottom:30px;}

.leftimg{padding-left:35px;}

.bbb{float:left;
	margin-right:10px;
}

.bbb dd{text-align:center;}


.s{padding-bottom:30px;}

.yx{
	background:url(../images/planning_banner03.jpg) no-repeat;
	padding:30px 50px 20px 10px;
	margin-bottom:10px;
}

.x{
	background:url(../images/planning_banner04.jpg) no-repeat;
	padding:20px 0 30px 300px;
	margin-bottom:70px;
}

.gototop a{text-decoration:none;
color:#404040;
}

.gototop a:hover{text-decoration:underline;}


/* ------------お問合せ------------ */

#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;}
	
/*　---------下部お問合せ部分ここまで-------　*/


.gototop{
	float:right;
	margin-bottom:80px;
	clear:both;
		}


.gototop a{
	background:url(../../../common/images/gototop_on.gif) no-repeat;
	}	
	
.gototop a:hover img{
	visibility:hidden;
}




















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


#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;
}