@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(../../architecture/images/sidenavi1_archi01_on.gif) no-repeat;}

.ene2{background:url(../../architecture/images/sidenavi1_archi02_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;}


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


#building{
	width:670px;
	background:url(../images/building_image.jpg) no-repeat left;
	padding:70px 0px;
	
	margin-bottom:30px;}

#building p{
	padding-left:280px;}

#building2{
	
	padding-top:30px;
	padding-left:35px;
	height:230px;
	
	border:1px solid #0C3;
	margin-bottom:20px;
	
	}	
	
#building2 dl.build_a{
	float:left;
	padding-right:15px;
	text-align:center;
	}

#building2 dl.build_b{
	float:left;
	padding-right:15px;
	text-align:center;
	}	

#building2 dl.build_c{
	float:left;
	padding-right:15px;
	text-align:center;
	}	











#civil{
	width:670px;
	background:url(../images/civilengineering_image.jpg) no-repeat right;
	padding:70px 0px 70px 10px;
	margin-bottom:20px;}

#civil p{
	padding-right:280px;}

#civil2{	
	padding-top:30px;
	padding-left:35px;
	height:230px;
	border:1px solid #0C3;
	margin-bottom:80px;
	}	
	
#civil2 dl{
	float:left;
	padding-right:15px;
	text-align:center;
	padding-bottom:20px;
	}

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



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

.gototop{display:block;}

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



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







/*　---------下部お問合せ部分ここから-------　*/

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

/*　---------下部お問合せ部分ここまで-------　*/


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


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