@charset "utf-8";

/* HOMEページCSS */

/* ===================================================================
　

 ===================================================================*/


body {
	color:#333;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-y;
	background-position:center;
}


/* IE6 */

*html body{
	padding-left: 1px;
	text-align:left;
}


/* IE7 */
*:first-child + html body {
	padding-left: 1px;
}


a:link {
	color:#0000FF;
}


a:visited {
	color:#0000FF;
}


a:hover {
	color:#333333;
	text-decoration: none;
}


#all_contents{
	position:relative;
	width: 870px;
	margin:auto;
}


#contents {
	width: 870px;
	margin:auto;
}

#main {
	width: 602px;
	padding:15px;
}


#sub {
	width:170px;
	padding:0px;
	margin:0px;
}


#navi2{
    clear:both;

}


/*---------------------------------
    header
----------------------------------*/

#header {
	position:relative;
	width:867px;/*869px*/
	height:87px;
	margin:auto;
	border-top:3px solid #15A8D2;
}


*html #header{
	margin-left:2px;
	text-align:center;
}


#header ul{
	width:auto;
	margin-left:643px;
	margin-top:-15px;
}


*html #header ul{
	margin-left:630px;
}


#header li{
	float:left;
	margin-left:10px;
	padding-left:5px;
	background-image:url(../images/list_bg.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	font-size:10px;
}


#header li a{
	color:#333;
	text-decoration:none;
}


#header li a:hover{
	text-decoration:underline;
	
}


#header_in{
	clear:both;
    width:auto;
    height:auto;
}


#header_in p{
	margin:0;
	padding:0;

}


#header_in #search{
	width:auto;
}


#header_in #left{
	float:left;
	width:auto;
	margin-top:20px;
	margin-right:10px;
	margin-left:40px;
}


*html #header_in #left{
	margin-top:30px;
	margin-left:20px;
}


*:first-child+html #header_in #left{
	margin-top:30px;
}


#header_in .font10{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:40px;
	font-size:10px;
	text-align:left;
}




#header_in #right{
	float:right;
	width:370px;
	margin-top:30px;
	text-align:left;
}


*html #header_in #right{
	margin-top:40px;
}


*:first-child+html #header_in #right{
	margin-top:40px;
}


h1{
    width:827px;
	margin-top:10px;
	padding-left:40px;
	color:#999;
	font-size:10px;
	font-weight:normal;
    text-align:left;
}



#search{
	float:right;
	margin-right:25px;
	text-align:right;
}




/*---------------------------------
	contents
----------------------------------*/


#accordion{
	position:relative;
	top:5px;
	left:40px;
	clear:both;
	width:auto;
	height:210px;
	margin-bottom:15px;
	overflow:hidden;
}


*html #accordion{
	top:10px;
	left:41px;
}


*:first-child+html #accordion{
	margin-top:10px;
}


#left_contents{
	float:left;
	width:180px;
	height:auto;
	margin-bottom:80px;
	margin-left:40px;
}


*html #left_contents{
	margin-left:20px;
}


#left_contents img{
    vertical-align:bottom;
}


#navi{
	position:relative;
    width:178px;
    height:auto;
    margin:25px auto 0;
	padding:0 0 20px;
	border:1px solid #1B99D3;
}


#navi .navi_title{
	position:absolute;
	top:-30px;
	margin-left:-1px;
}


#navi ul{
	list-style-position:inherit;
	
}


#navi li{
	background-image:url(../images/list_icon.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	line-height:160%;
}


#navi li img{
	margin:10px 0;

}


#navi a{
	padding-left:15px;
	color:#10A6D2;

}


#navi a:hover{
	color:#0D85A8;

}


#right_contents{
    float:right;
    width:600px;
	height:auto;
	margin-right:20px;
	margin-bottom:50px;
}


*html #right_contents{
	margin-right:10px;
}


#right_contents #right_contents_in{
    width:582px;
	height:auto;
	margin-top:5px;
}


#right_contents_in p{
	margin:0;
	padding:0;
}


#renewal{
	width:582px;
	height:140px;
	margin-top:5px;
	margin-bottom:10px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:url(../images/new_bg.gif);
	background-repeat:no-repeat;
	font-size:13px;
}


*html #renewal{
	margin-top:5px;
	padding-top:7px;
}


#renewal dl{
	margin-top:5px;
	margin-bottom:5px;
}


#renewal dt{
    width:80px;
	height:auto;
	margin-left:10px;
}


#renewal dd{
    width:480px;
	height:auto;
    margin-top:-1.4em;
    float:right;

}


#renewal dd a{
	color: #004080;
    

}


*html .renewal-space{
    margin-top:15px;

} 


#information{
    width:582px;
    height:auto;
	margin-bottom:20px;
	padding-bottom:30px;
}


#information h2{
    margin:10px 0;
	padding-left:20px;
	background-image:url(../images/check.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
	font-size:14px;
}


#information ul li{
    margin:0 5px 0 10px;
	background-image:url(../img-2008/bg.gif);
	background-repeat:repeat-x;
/*	list-style-type:disc;
*/}


.banner{
	border:1px solid #3366FF;
}


.font{
    line-height:12px;
}


.space{
    margin-top:10px;

}


.pick_up{
	float:left;
	width:560px;
	margin-top:10px;
	margin-right:10px;
	padding:5px 10px 5px 10px;
}


.pick_up a:link{
	color: #004080;
}


.pick_up a:visited{
	color: #004080;
}



.pick_up p img{
	float:left;
	margin-right:10px;
}



/*----------------------------------------------------
	#connect
	    施工案内リンク
----------------------------------------------------*/

#connect{
    width:869px;
	height:60px;
	margin-bottom:20px;
	margin-left:1px;
	padding-top:10px;
	border-top:3px solid #CCC;
	clear:both;
}


*html #connect{
	margin-top:30px;
	margin-left:2px;
}


#connect h4{
    padding-left:10px;
	font-size:14px;
	
}


#connect ul{
    float:left;
    width:790px;
	margin:3px 10px 3px 50px;
}


/*IE7*/
*:first-child+html #connect ul{
    width:790px;
	margin-left:25px;
}


/*IE6*/
*html #connect ul{
    width:783px;
    margin-left:20px;
}


#connect li{
    float:left;
    margin-right:5px;
	font-size:11px;
}


#connect a{
    color:#666;
}


#connect a:hover{
    color:#FF0000;
}




/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */

#footer{
	width:866px;
	min-height:170px;
	margin-left:2px;
/*	background-color:#F0F0F0;
*/	
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
/*	background-position:bottom;
*/	color:#666;
	clear:both;
	line-height:120%;
	text-align:right;
}



#footer h3{
    padding:20px 20px 0 0;
	border-bottom:1px solid #666;
	font-size:12px;
}


#footer h4{
	font-size:10px;
	font-weight:normal;
}


#footer p{
	padding:5px 0px 0px 0px;
	margin:0px;
}


#footer address{
	padding-bottom:5px;
	margin:0px;
	font-size:90%;
}

#footer .copy{
	color:#666;
	padding:0 0 5px 0;
	margin-top:25px;
	margin-right:30px;
/*	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000058;*//*000058*/
	font-size:12px;
}


#footer #left{
	float:left; 
	width:auto;
	padding-left:35px;
	text-align:left;
}



#footer #right{
	float:left; 
	width:265px;
	min-height:150px;
	margin-top:10px;
	margin-left:30px;
	padding-left:55px;
	background-image:url(../images/footer_line.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	text-align:left;
}


/*  other  */


.margin_t20{
	margin-top:20px;
}


.margin_b20{
	margin-bottom:20px;

}