@charset "utf-8";

/* ----------------------------------------------

	CSS information
	file name  :  layout.css
	infomation :  レイアウト全般

 ---------------------------------------------- */

/*----------------------------------
	link
----------------------------------*/

a:link,a:visited{ color:#ff981d; text-decoration:none;}
a:hover,a:active{ color:#ffc20a; text-decoration:underline;}


/*----------------------------------
	margin
----------------------------------*/

.mar0{margin:0;}
.marT10{margin-top:10px;}
.marT40{margin-top:40px;}



#wrapper{
	width:100%;
	background: url(../images/bg_footer.jpg) repeat-x center bottom ;
	}

/*IE hack 入れること↑↑↑↑*/





#container{
	width:900px;
	padding-bottom:100px;
	margin:0 auto;
	}


/*----------------------------------
	font
----------------------------------*/
.fontOrg{color:#ff7800;}
.font14{font-size:116%}

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

#header{
	width:900px;
	height:142px;
	position:relative;
	}

	#header #logo{
		position:absolute;
		top:15px;
		left:13px;
		}
	
	#header #lead{
		position:absolute;
		top:45px;
		left:263px;
		}

#header-nav{
	position:absolute;
	width:900px;
	top:81px;
	height:40px;
	}

	#header-nav li{
		float:left;
		height:40px;
		overflow:hidden;
		}
	#header-nav li a{
		display:block;
		padding-top:40px;
		background-repeat:no-repeat;
		background-position:left top;
		}
	
	#header-nav .navi01 a{width:148px; background:url(../images/navi_01_out.jpg);}
	#header-nav .navi02 a{width:152px; background:url(../images/navi_02_out.jpg);}
	#header-nav .navi03 a{width:130px; background:url(../images/navi_03_out.jpg);}
	#header-nav .navi04 a{width:177px; background:url(../images/navi_04_out.jpg);}
	#header-nav .navi05 a{width:126px; background:url(../images/navi_05_out.jpg);}
	#header-nav .navi06 a{width:167px; background:url(../images/navi_06_out.jpg);}

	#header-nav .navi01 a:hover, .lawyer #header-nav .navi01 a{width:148px; background:url(../images/navi_01_over.jpg);}
	#header-nav .navi02 a:hover, .office #header-nav .navi02 a{width:152px; background:url(../images/navi_02_over.jpg);}
	#header-nav .navi03 a:hover, .work #header-nav .navi03 a{width:130px; background:url(../images/navi_03_over.jpg);}
	#header-nav .navi04 a:hover, .price #header-nav .navi04 a{width:177px; background:url(../images/navi_04_over.jpg);}
	#header-nav .navi05 a:hover, .request #header-nav .navi05 a{width:126px; background:url(../images/navi_05_over.jpg);}
	#header-nav .navi06 a:hover, .faq #header-nav .navi06 a{width:167px; background:url(../images/navi_06_over.jpg);}





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

#contents-image{
	width:900px;
	}

.lawyer #contents-image{background:url(../images/bg_menu01.jpg) no-repeat 11px bottom;}
.office #contents-image{background:url(../images/bg_menu02.jpg) no-repeat 11px bottom;}
.work #contents-image{background:url(../images/bg_menu03.jpg) no-repeat 11px bottom;}
.price #contents-image{background:url(../images/bg_menu04.jpg) no-repeat 11px bottom;}
.faq #contents-image{background:url(../images/bg_menu05.jpg) no-repeat 11px bottom;}
.request #contents-image{background:url(../images/bg_menu06.jpg) no-repeat 11px bottom;}


#contents-wrap{
	width:884px;
	border-top:8px solid #e4e4e4;
	border-bottom:8px solid #e4e4e4;
	background:url(../images/bg_contents.png) repeat-y;
	padding:0 8px;
	
	}

#contents{
	width:878px;
	border:3px solid #ffffff;
	overflow:hidden;
	}

* html #contents{height:1%;}



#main{
	width:670px;
	float:left;
	overflow:hidden;
	}

* html #main{height:1%;}

h1{
	float:left;
	width:32px;
	padding:25px 30px 25px 91px;
	}




/*----------------------------------
	block elements
----------------------------------*/
h2{
	background:url(../images/bg_h2.gif) repeat-x left bottom;
	padding:30px 0 0 80px;
	margin-bottom:20px;
	width:580px;
	clear:both;
	}

.block1{
	width:610px;
	margin:30px auto 0;
	}

.block2{
	width:540px;
	padding:20px 0 20px 80px;
	overflow:hidden;
	float:left;
	}



.block3{
	width:570px;
	padding:20px 0 20px 80px;
	overflow:hidden;
	float:left;
	}

* html .block2,
* html .block3{height:1%;}

	.attention{ font-weight:bold; color:#565656;}

.block4{
	width:650px;
	padding:20px 0 20px 15px;
	overflow:hidden;
	float:left;
	}
	
.block5{
	width:570px;
	font-weight:bold;
	padding:0 0 20px 80px;
	}

.btn{
	padding:0 0 40px 80px;
	width:560px;
	text-align:center;
	float:left;
	}

/*----------------------------------
	footer elements
----------------------------------*/


#pagenavi{
	height:32px;
	padding-top:20px;
	clear:both;
	}

#pagenavi a{display:block;}


#footer{
	width:100%;
	position:relative;
	clear:both;
	}


#footer .name{position:absolute; top:18px; left:0;}
#footer .address{position:absolute; top:44px; left:0;}
#footer .copy{position:absolute; top:63px; right:0;}