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

	つかさ総合法律事務所
	トップページのみ使用CSS

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

.clearfix { width:100%; }
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
}

.topics_box{
	width:700px;
	margin:15px auto;
	/* height:108px;*/
} 

.topics_box .left {
	width:499px;
	float:left;
	display: inline;
}

.topics_box .left dl.topics {}
.topics_box .left dl.topics * { margin:0; padding:0; letter-spacing:0.04em; line-height:140%; font-size:12px; }
.topics_box .left dl.topics dt {
	width: 111px;
	display: inline;
	float: left;
}
.topics_box .left dl.topics dt h2 {
	height: auto !important;
    text-indent: 0 !important;
    width: auto !important;
}
.topics_box .left dl.topics dd {
	/*width: 388px;*/
	height: 148px;
	overflow-y: auto;
	border-top: 1px solid #bebe8e;
	border-right: 1px solid #bebe8e;
	border-bottom: 1px solid #bebe8e;
	margin: 0;
	padding: 6px 0;
}
.topics_box .left dl.topics dd ul {
	list-style: none;
	width: 355px;
	margin: 0 auto;
}
.topics_box .left dl.topics dd ul li {
		background: url(/img/common/dotted.gif) repeat-x bottom;
		padding: 8px 0;
}
.topics_box .left dl.topics dd ul li dl {
}
.topics_box .left dl.topics dd ul li dl dt {
	display: inline;
	float: left;
	width: 75px;
	background:url(/img/common/list01.jpg) left center no-repeat;
	padding: 0 0 0 11px;
	font-size: 90%;
}
.topics_box .left dl.topics dd ul li dl dd {
	display: inline;
	float: right;
	width: 265px !important;	
	height: auto;
	overflow-y: visible !important;
	border: none !important;
	padding: 0 !important;
	text-align: justify;
}
.topics_box .left dl.topics dd ul li dl dd br {
	line-height: 100%;
}

.topics_box .right {
	width:180px;
	float:right;
	display: inline;
}

.ban01 { width:180px; text-align:left; }
.ban01 a img { border:1px solid #ccc; margin-bottom:10px; }

.ban02 { width:178px; padding:10px 0; margin-bottom:5px; border:1px solid #ccc; text-align:center; }

.face { width:180px; text-align:left; }

.m5 { margin:5px auto; }