/*#contents
================*/
#contents{
	width:752px;
	float:left;
	margin-left: 20px;
	display: inline;
}


/*#pageTitle
================*/

#pageTitle{
	width:723px;
	min-height:80px;
	_height:80px;
	position:relative;
	margin: 50px 0 0 0;
}
#pageTitle h1{
	width:344px;
	height:80px;
	line-height:80px;
	text-indent:20px;
	font-size:180%;
	color:#0099cc;
}
#pageTitle h1 strong{
	width:344px;
	height:80px;
	line-height: 2;
	font-size: 14px;
	text-indent:110px;
	background: url(../images/soudanH1.png);
}

#pageTitle p{
	margin:-70px 0 0 355px;
	font-size: 22px;
line-height: 1.2;
}
#pan{
	position: absolute;
	top:-50px;
	left:0;
	padding:15px 24px 0 0;
}
#pan li{
	display:inline;
	padding-right:5px;
}
#pan li a{
	padding-right:5px;
}


#page h2{
	margin:15px 0 0 10px;
	width:200px;
	height:20px;
	line-height:20px;
	font-size:14px;
	text-indent:10px;
	color:#444;
	background:#EFF5E7;
}
#page ul{
	border:1px #999 solid;
	padding:15px;
	margin:-10px 27px 24px 0;
}
#page li{
	display:inline;
	padding-right:5px;
}
#page li a{
	padding-right:5px;
}
#page li#other{
	display:block;
	text-align:right;
}

.box{
	width:730px;
	margin:0 0 10px;
	position:relative;
	background: url(../images/consultMid.png);
}
.box h2{
	width:730px;
	height:85px;
	line-height:85px;
	text-indent:20px;
	font-size:180%;
}
.box h2 a{
	width:730px;
	height:85px;
	display:block;position:absolute;top:0;left:0;line-height:500px;overflow:hidden;
	background:url(../images/consultH2.png);
}


.box .summary{
	line-height:1.4;
	padding:0px 20px 10px;
}
.box ul{
	padding:0 20px 40px;
	background:url(../images/consultBot.png) no-repeat left bottom;
}
.box li{
	padding:5px 0 5px 30px;
	background:url(../images/check.jpg) no-repeat left center;
}
.consult-lawyer2 .box h2 a{background:url(../images/consultH2b.png);}
#pageinherit h2 a{background-position:0 0px;}
#pagedivorce h2 a{background-position:0 -85px;}
#pagedebt h2 a{background-position:0 -170px;}
#pageaccident h2 a{background-position:0 -255px;}
#pageguardianship h2 a{background-position:0 -340px;}
#pageconsumer h2 a{background-position:0 -425px;}

#pagecontract h2 a{background-position:0 0px;}
#pagecredit h2 a{background-position:0 -85px;}
#pagebankruptcy h2 a{background-position:0 -170px;}
#pagemanagement h2 a{background-position:0 -255px;}
#pagelegalaffairs h2 a{background-position:0 -340px;}

.box h2{
	width:730px;
	height:85px;
	line-height:85px;
	text-indent:20px;
	font-size:180%;
}
.box h2 strong{
	width:730px;
	height:85px;
	background:url(../images/consultH2.png);
}
.consult-lawyer2 .box h2 strong{background:url(../images/consultH2b.png);}

#pageinherit h2 strong{background-position:0 0px;}
#pagedivorce h2 strong{background-position:0 -85px;}
#pagedebt h2 strong{background-position:0 -170px;}
#pageaccident h2 strong{background-position:0 -255px;}
#pageguardianship h2 strong{background-position:0 -340px;}
#pageconsumer h2 strong{background-position:0 -425px;}

#pagecontract h2 strong{background-position:0 0px;}
#pagecredit h2 strong{background-position:0 -85px;}
#pagebankruptcy h2 strong{background-position:0 -170px;}
#pagemanagement h2 strong{background-position:0 -255px;}
#pagelegalaffairs h2 strong{background-position:0 -340px;}
.box dl{
	width:333px;
	float:left;
	margin:0 0 20px 20px;
	display:inline;

}
.box dt{
	font-size:120%;
	padding:5px 0 3px 35px;
	background:url(../images/q.png) no-repeat;
	font-weight:bold;
	border-bottom:5px #ccc solid;
	width: 298px;
    display:block;
    overflow: hidden;
    white-space:nowrap;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.box dd{
	padding:5px 0 5px 10px;
	line-height:1.5;
	background:#f2f7f3;
}
.box dd a{
	display:block;
	text-align:right;
	padding-right:5px;
}
.clear1{
	text-align:right;
	font-size:120%;
	padding:10px 25px 20px;
}
.clear1 a{
	padding-left:18px;
	background:url(../images/link.jpg) no-repeat left center;
}
.clear2{
	clear:both;
	text-align:right;
	font-size:120%;
	padding:30px 10px;
	margin:-10px 0 0 22px;
	background:url(../images/consultBot.png) no-repeat;
}
.clear2 a{
	padding-left:18px;
	background:url(../images/link.jpg) no-repeat left center;
}



#feature{
	width:742px;
	position:relative;
	background:url(../images/kankyoBack.png);
	overflow:hidden;
}
#feature h2{
	width:741px;
	height:43px;
	padding-bottom:22px;
	line-height:43px;
	font-size:180%;
	background:#F4F0E8;
}
#feature h2 strong{
	width:434px;
	height:43px;

	background:url(../images/contentsH.png) -245px 0;

}
#feature .summary{
	width:295px;
	height:50px;
	overflow:hidden;
	position:absolute;
	top:5px;
	left:420px;
	font-size:12px;
	line-height:15px;
}
#feature h3{
	width:370px;
	height:57px;
	line-height:53px;
}
#feature h3 strong{
	width:370px;
	height:57px;
	background-image:url(../images/contentsH.png);
}
#feature h4{
	width:312px;
	height:26px;
	line-height:26px;
	margin:10px 0 5px 35px;
}
#feature h4 em{
	width:312px;
	height:26px;
	background-image:url(../images/h4.png);
}

#feature p{
	line-height:1.4;
	font-size:120%;;
	padding:5px 20px 5px 37px;
}
#feature .link{
	text-align:right;
	padding-bottom:20px;
}
#feature p a{
	padding-left:20px;
	background:url(../images/link.jpg) no-repeat left center;
}

#bengosi{
	width:370px;
	float:left;
}
#bengosi h3 strong{
	background-position: 0 -436px;
}
#h4b em{background-position:0 -26px;}
#h4c em{background-position:0 -52px;}



#kankyo{
	width:370px;
	float:right;
}
#kankyo h3 strong{
	background-position: -372px -436px;
}
#h4d em{background-position:0 -78px;}
#h4e em{background-position:0 -104px;}
#h4f em{background-position:0 -130px;}
#h4g em{background-position:0 -156px;}

.small{
	font-size:80%;
}
#pageTop{
	width:740px;
	clear:both;
	text-align:right;
	padding:30px 0;
	background:#F4F0E8 url(../images/kankyoBot.png) no-repeat;
}
#pageTop a{
	padding:0 10px;
}







dl:after{
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
dl{
display:inline-block;
min-height:1%;
}
/* \*/
* html dl{height: 1%;}
dl{display: block;}
/* */

.box:after{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.box{
display:inline-block;
min-height:1%;
}
/* \*/
* html .box{height: 1%;}
.box{display: block;}
/* */
