@charset "shift_jis";
/* =========================================

nasluck > renovation CSS

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


/* --------------------------------------------
  全体共通設定
-------------------------------------------- */

#contents {
	width:840px;
/*	background:url(/reform/image_cmn/bg_rightapacer.gif) repeat-y right 0;*/
	}

#contents #contents_inbox{
    background: url(/reform/image_cmn/bg_rightapacer.gif) repeat-y right 0;
    float: left;
    margin-top: 15px;
}

#contents #main {
	width:620px;
	margin: 0;
	padding:0;
	}

#contents #main h2 {
		width:620px;
	padding:10px 0 0 0;
	margin-bottom:10px;
	display:block;
	background:url(../../image_cmn/bar_bg_type01.jpg) no-repeat 0 0 ;
}

#main h3 {
	clear:both;
	display:block;
	width:614px;
	height:18px;
	margin:12px 0 ;
	padding:0 0 12px 6px;
	text-align:left;
	font-size:130%;
	color:#333;
	background:url(/reform/image_cmn/stl_underline.gif) no-repeat 0 bottom;
	}

#main h4 {
	clear:both;
	display:block;
	width:593px;
	height:24px;
	margin:10px 0 12px 6px;
	padding:3px 0 3px 18px;
	text-align:left;
	font-size:120%;
	color:#666;
	line-height:24px;
	border-top:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	border-right:2px solid #AAA;
	border-bottom:2px solid #AAA;
	background: url(/reform/image_cmn/icon_level3.gif) no-repeat 3px 50%;
	}
	
#main h5 {
	clear:both;
	display:block;
	width:590px;
	height:18px;
	margin:6px 0 6px 12px;
	padding:0 0 0 18px;
	text-align:left;
	font-size:110%;
	color:#666;
	line-height:18px;
	background: url(/reform/image_cmn/icon_maru_orange.gif) no-repeat 0 1px;
	}

	
#main div.section {
padding:12px 0;
}
	
#main p {
	padding:0 24px 12px 24px;
	line-height:1.7;
	/*font-size:110%;*/
	}
	
#main p img {
	float:right;
	margin:0.3em 0 6px 24px;
	}
	
#main p img.reverse {
	float:left;
	margin:0.3em 24px 6px 0;
	}

/* タイトル横のページ表示 */	
#main span.pages {
	float:right;
	display:block;
	padding:0 10px 0 0;
	font-weight:bold;
	font-size:130%;
	}	

/* リード文（タイトル下）------------------------------------ */

#main p.lead {
	clear:both;
	width:580px;
	text-align:left;
	margin:0;
	padding:12px 20px;
	color:#333;
	font-size:110%;
	background:url(/reform/image_cmn/bg_dottoline.gif) no-repeat 0 bottom;
	}


/* イントロダクション------------------------------------ */

#main p.intoro {
	padding:12px 0;
	line-height:1.7;
	}
	

/* TOPICS------------------------------------ */


#main div.boxTopics {
	clear:both;
	width:600px;
	height:auto;
	margin:0 auto 10px;
	padding:0 0 25px 0;
	background:url(/reform/renovation/image/foot_topics.jpg) no-repeat 0 bottom;
	}
	
#main div.boxTopics h4 {
	width:520px;
	height:auto;
	margin:0 38px;
	padding:0 0 5px 0 ;
	line-height:normal;
	border:none;
	border-bottom:1px dotted #AAA;
	background:none;	
	}

#main div.boxTopics p {
	padding:10px 38px;
	}
	
#main div.boxTopics div.bgArea {
	width:600px;
	background:url(/reform/renovation/image/bg_topics.jpg) repeat-y 0 0;
	}

/* リスト設定------------------------------------ */


#main div.section ul.u_normal li {
	list-style:none;
	margin:6px 10px 12px 18px;
	padding:0 0 0 12px;
	line-height:24px;
	background:url(/reform/image_cmn/icon_list_mark.gif) no-repeat 0 5px;
	text-align:left;
	line-height:1.5;
	}
	
	#main div.section ul.u_normal li ul.child li {
		background:url(/reform/image_cmn/icon_list_mark02.gif) no-repeat 0 5px;
		}

#main div.section dl.d_normal {
	clear:both;
	list-style:none;
	display:inline-block;
	margin:0 0 0 24px;
	padding:12px 0 10px 0;
	background:url(/reform/image_cmn/bg_dottoline.gif) repeat-x 0 bottom;
}

#main div.section dl.d_normal dt {
	display:block;
	float:left;
	height:18px;
	margin:0;
	padding:0 0 0 18px;
	line-height:18px;
	font-weight:bold;
	font-size:120%;
	background:url(/reform/image_cmn/icon_maru_orange.gif) no-repeat 0 1px;
	}
#main div.section dl.d_normal dd {
	text-align:left;
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 18px;
	line-height:1.7;
	/*font-size:110%;*/
	}
	
#main div.section dl.d_normal dd.clearFix {
	width:578px;
	clear:both;
	padding-top:6px;
	}
#main div.section dl.d_normal dd img {
	float:right;
	margin:0.3em 0 0.3em 12px;
	}

/*	画像が左・タイトルとテキストが左(テキストが少ないとき)----------------------------------*/
#main div.section dl.d_imgleft{
	position: relative;
	height: 100px;
	margin:5px 0 0 25px;
	clear: both;
}
#main div.section dl.d_imgleft dt{
	position: absolute;
	top: 10px;
	left: 130px;
	display:block;
	height:27px;
	margin:0;
	padding:0 0px 0 18px;
	line-height:18px;
	font-weight:bold;
	font-size:120%;
	background:url(/reform/image_cmn/icon_maru_orange.gif) no-repeat 0 0px;
}
#main div.section dl.d_imgleft dd.txt{
position: absolute;
top: 40px;
left: 130px;
width: 400px;
padding:0 15px 0 0;
}
#main div.section dl.d_imgleft dd.img{
position: absolute;
top: 0px;
left: 0px;
float:left;
}
#main div.section dl.d_imgleft dd.img img{
margin: 0 0 0 0;
}





/*汎用class*/
.clear {
	clear: both;
	}
.center{
	text-align: center;
	}
#main table {
border-collapse:collapse;
}