*{
	margin:0;
	padding:0;
}
body{
text-align:center;
font-size:80%;
color:#888;
background:#E4EED6 url(../images/body.jpg) repeat-x;
}
li{list-style:none;}
img{border:none;}
a:link{
	color:#0099cc;
}
a:hover{
	color:#E85303;
}
h1,h2,h3,h4{font-size:140%;position:relative;overflow: hidden;}
h1 a,h2 strong,h3 strong,h4 em{
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
}
#container{
	text-align:left;
	margin:0 auto;
	width:980px;
	position: relative;
	background: url(../images/container.png);
}
/*#header
================*/
#header{
	width:980px;
	height:120px;
	background:#9FC4F0 url(../images/head.jpg);
}
#header h1{
	width:320px;
	height:80px;
	line-height:85px;
	text-indent:20px;
	font-size:200%;
}
#header h1 a{
	width:320px;
	height:80px;
	background:url(../images/head.jpg);
}
#header address{
	width:470px;
	height:40px;
	line-height:35px;
	text-indent:20px;
	font-style:normal;
	position:relative;
}
#header address a{
	width:470px;
	height:40px;
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	background:url(../images/head.jpg) 0 -80px;
}
#header h2{
	width:305px;
	height:40px;
	line-height:40px;
	position:absolute;
	top:0;
	left:639px;
	font-size:100%;
	overflow:hidden;
}
#header h2 strong{
	width:485px;
	height:40px;
	background:url(../images/head.jpg) -639px 0;
}
#header #TEL{
	width:340px;
	height:40px;
	line-height:40px;
	font-size:40px;
	position:absolute;
	top:34px;
	left:638px;
	font-family:"Arial Black";
	text-indent:-5555px;
}
#header #TIME{
	width:132px;
	height:24px;
	line-height:35px;
	position:absolute;
	top:87px;
	left:818px;
}
#header #TIME a{
	width:132px;
	height:24px;
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	background:url(../images/head.jpg) -818px -87px;
}
#gNavi{
	width: 980px;
	height: 90px;
	background: url(../images/gNaviBack.jpg);
	position: relative;
}
#gNavi ul{
	position:absolute;
	top: 6px;
	left: 10px;
	width: 960px;
	height: 74px;
}
#gNavi li{
	width: 140px;
	height: 54px;
	padding: 10px;
	line-height:1.4;
	color: #0099CC;
	text-decoration: underline;
	float: left;
	background: url(../images/gnaviLi.png);
	position: relative;
}
#gNavi a{
	width: 150px;
	height: 70px;
	margin: 4px 5px;
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	background-image:url(../images/gnavi.png);
}
#n1{background-position:0 0;}
#n2{background-position:-150px 0;}
#n3{background-position:-300px 0;}
#n4{background-position:-450px 0;}
#n5{background-position:-600px 0;}
#n6{background-position:-750px 0;}
#n1:hover{background-position:0 -70px;}
#n2:hover{background-position:-150px -70px;}
#n3:hover{background-position:-300px -70px;}
#n4:hover{background-position:-450px -70px;}
#n5:hover{background-position:-600px -70px;}
#n6:hover{background-position:-750px -70px;}



/*#contents
================*/
#contents{
	width:735px;
	margin-left:14px;
	float:left;
	display:inline;
	overflow:hidden;
}

#free{
	width:735px;
	height:109px;
	margin: 10px 0 20px 0;
	position: relative;
}
#free h2{
	width:344px;
	height:50px;
	line-height:50px;
	text-indent:20px;
	font-size:180%;
	color:#0099cc;
	text-decoration:underline;
}
#contents #free h3{
	width:324px;
	height:59px;
	padding:50px 0 0 20px;
	position:absolute;
	top:0px;
	left:0;
	background: #5299D9;
}
#contents #free h3 a{
	width:344px;
	height:109px;
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	background: url(../images/muryoBanner.png);
}
#contents #free h3 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#free p{
	width:391px;
	height:105px;
	position:absolute;
	top:0;
	left:344px;
}
#free p strong{
	width:391px;
	height:105px;
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	background: url(../images/muryoBanner.png) -344px 0;
}




#exampleKojin{
	width:360px;
	float:left;
}
#contents h2{
	width:360px;
	height:65px;
	line-height:70px;
	text-indent:20px;
	font-size:180%;
}
#contents h2 a{
	width:360px;
	height:65px;
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	background:url(../images/topSoudan.png);
}
#exampleKojin h2 a{background-position:0 0;}
#exampleKigyo h2 a{background-position:-372px 0;}


.summary{
	line-height:1.3;
	font-size:90%;
	padding: 0 5px 5px 10px;
	
}

#contents .box{
	width:360px;
	background:url(../images/topMid.png);
	position: relative;
	padding-bottom: 35px;
	overflow: hidden;
	margin-bottom: 5px;
}
#contents h3{
	width:360px;
	height:60px;
	line-height: 60px;
	color: #0099CC;
	text-decoration: underline;
	text-indent: 20px;
}
#contents h3 a{
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	width:360px;
	height:60px;
	background-image:url(../images/topSoudan.png);
}
#inheritBox h3 a{background-position:0 -70px;}
#divorceBox h3 a{background-position:0 -140px;}
#debtBox h3 a{background-position:0 -210px;}
#accidentBox h3 a{background-position:0 -280px;}
#guardianshipBox h3 a{background-position:0 -350px;}
#consumerBox h3 a{background-position:0 -420px;}



#contractBox h3 a{background-position:-374px -70px;}
#creditBox h3 a{background-position:-374px -140px;}
#bankruptcyBox h3 a{background-position:-374px -210px;}
#managementBox h3 a{background-position:-374px -280px;}
#legalaffairsBox h3 a{background-position:-374px -350px;}


#contents ul{
	margin:0 10px 10px 20px;
}
#contents li{
	padding:0 0 0 25px;
	line-height:25px;
	background:url(../images/check.jpg) no-repeat left center;
	width: 300px;
    display:block;
    overflow: hidden;
    white-space:nowrap;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.box p{
	width: 354px;
	height: 44px;
	background:url(../images/topAllView1.png) no-repeat;
	position: absolute;
	bottom: -1px;
	left:3px;
}
#contents .box p a{
	display: block;
	height:27px;
	margin-top:17px;
	text-indent: -5555px;
	background:url(../images/topAllView1.png) left bottom;
}
#contents .box p a:hover{
	background-position:right bottom;
}


#exampleKigyo{
	width:360px;
	float:right;
}



.clear1{
	width:100%;
	clear:both;
	text-align:right;
	font-size:120%;
	padding:20px 20px 20px 0;
}
.clear1 a{
	padding-left:18px;
	background:url(../images/link.jpg) no-repeat left center;
}




#feature{
	width:735px;
	position:relative;
	overflow:hidden;
	background:url(../images/topMid.png);
}
#feature h2{
	width:360px;
	height:50px;
}

#feature h2 strong{
	width:360px;
	height:50px;
	background:url(../images/topTokucho.png);
}
#feature h2 strong{background-position:0 0;}

#feature p.summary{
	width:360px;
	height:45px;
	overflow:hidden;
	margin:-50px 0 0 375px;
	padding:5px 5px 0 0;
	font-size:12px;
	line-height:15px;
	background:#EFF5E7;
}


#feature h3{
	width:360px;
	height:57px;
	line-height:53px;
}
#feature h3 strong{
	width:360px;
	height:57px;
	background-image:url(../images/topTokucho.png);
}
#bengosi h3 strong{background-position: 0 -50px;}
#kankyo h3 strong{background-position: -374px -50px;}


#feature h4{
	width:312px;
	height:26px;
	line-height:26px;
	margin:10px 0 5px 22px;
}
#feature h4 span{
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;

	width:312px;
	height:26px;
	background-image:url(../images/topTokucho.png);
}
#h4a span{background-position:0 -117px;}
#h4b span{background-position:0 -143px;}
#h4c span{background-position:0 -169px;}

#h4e span{background-position:-374px -117px;}
#h4f span{background-position:-374px -143px;}
#h4g span{background-position:-374px -169px;}
#h4h span{background-position:-374px -195px;}


#feature p{
	line-height:1.4;
	font-size:120%;;
	padding:5px 23px 5px 25px;
}
#feature .link{
	width:305px;
	text-align:right;
	position:absolute;
	bottom:70px;
}
#feature p a{
	padding-left:20px;
	background:url(../images/link.jpg) no-repeat left center;
}

#bengosi{
	width:360px;
	float:left;
	background:url(../images/topMid.png);
}

#kankyo{
	width:360px;
	float:right;
	background:url(../images/topMid.png);
	padding-bottom:20px;
}

.small{
	font-size:80%;
}

#pageTop{
	width:740px;
	clear:both;
	text-align:right;
	padding:30px 0;
	background:#EFF5E7 url(../images/topBot.png) no-repeat;
}
#pageTop a{
	padding:0 10px;
}

/*#menu
================*/
#menu{
	width:200px;
	float:right;
}
#menuH2a{
	width:187px;
	height: 45px;
	line-height:32px;
	margin-top:28px;
}
#menu h2 a{
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	width:187px;
	height: 45px;
	background-image:url(../images/sideLawyer.png);
}
ul#lawyerUl{
	width: 194px;
}
ul#lawyerUl li{
	width: 88px;
	height: 120px;
	float: left;
	margin: 0 9px 10px 0;
	display: inline;
	position: relative;
}
ul#lawyerUl li#lawyer-fukuzawa{
	width: 185px;
	height: 166px;
}
ul#lawyerUl li a{
	display:block;position:absolute;top:0;left:0;overflow:hidden;
	width: 88px;
	height: 120px;
	width: 68px;
	height: 18px;
	padding: 102px 0 0 20px;
}
ul#lawyerUl li#lawyer-fukuzawa a{
	width: 155px;
	height: 23px;
	padding: 143px 0 0 30px;
	background: url(../images/side-fukuzawa.jpg);
}
ul#lawyerUl li#lawyer-matsukura a{
	background: url(../images/side-matsukura.jpg);
}
ul#lawyerUl li#lawyer-mitsui a{
	background: url(../images/side-mitsui.jpg);
}

#menuNavi ul{
	width: 185px;
	height: 60px;
	background: url(../images/sideUl.png);
}
#menuNavi li{
	width: 92px;
	height: 30px;
	float: left;
}
#menuNavi li a{
	display: block;
	width: 90px;
	height: 28px;
	text-indent: -5555px;
}
#menuNavi li a:hover{
	background: #319CBC;
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
}
#menuNavi ul.UL2{
	background: url(../images/sideUl2.png);
}

/*#footer
================*/
#footer{
	width:980px;
	height:200px;
	background:url(../images/footer.jpg);
	clear:both;
	position:relative;
	color:#F0F0F0;
}

#footer h2{
	width:226px;
	height:35px;
	margin:0 0 0 17px;
}
#footer h2 strong{
	width:226px;
	height:35px;
	background:url(../images/footer.jpg) -17px 0;
}
#footer p{
	width:710px;
	height:25px;
	position:absolute;
	top:15px;
	left:245px;
	text-align:right;
	font-size:12px;
}
#footer a{
	color:#fff;
}
#footer ul{
	width:226px;
	float:left;
	margin:15px 0 0 0;
}
#footer li{
	margin:0 0 8px 30px;
}

#ad{
	width:280px;
	float:left;
	margin:15px 0 0 0;

}
#ad h3{
	margin:0 0 3px 30px;
	padding:3px 3px;
	background:#2878C1;
	border-left:5px #147995 solid;
	font-size:120%;
	color:#fff;
}
#ad address{
	margin:0 0 8px 40px;
	font-style:normal;
	line-height:1.4;
}


#fontSize{
	width: 30px;
	height: 180px;
	background: url(../images/fontSize.png);
	position: absolute;
	top: 210px;
	right:-30px;
}
#fontSize li{
	width: 26px;
	height: 26px;
	position: absolute;
	top: 2px;
	left: 2px;
	cursor: pointer;
}
#fontSize li#fontSizeS{
	top: 152px;
}
#fontSize li:hover{
	background: #fff;
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
}




dl:after,
.cf:after{
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
dl,.cf{
display:inline-block;
min-height:1%;
}
/* \*/
* html dl,
* html .cf{height: 1%;}
dl,.cf{display: block;}
/* */
