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

nasluck > reform > renovation top CSS

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

/* --------------------------------------------
内容
-------------------------------------------- */

#contents.renovation_top {
float:left;
width:840px;
height:auto;
}

#contents.renovation_top ul.route{
	clear:both;
width:840px;
}

h1.bar_type01 {
	width:840px;
	height:60px;
	padding-left:0;
	margin-bottom:15px;
	}

.bar_type01 span {
	padding:10px 10px 0 0;
	text-align:left;
	}

#contents.renovation_top div.section {
clear:both;
display:block;
width:800px;
height:300px;
margin:20px 0 15px 0;
padding:20px;
/*background:url(../image/bg_main.jpg) no-repeat 0 0;
position:relative;*/
}

#contents .intro{
background:url(../image/bg_main.jpg) no-repeat 0 0;
position:relative;
margin-bottom:30px;}

div.section:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.section {
display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/　
* html div.section　
{height: 1%;}
div.section 
{display: block;}
/* End hide from IE-Mac */

#contents.renovation_top h2 {
	margin:10px 0 20px 0;
	}

#contents.renovation_top h3 {
	margin:10px 0 20px 0;
	}

#contents.renovation_top div.section p.lead {
	width:600px;
	font-size:120%;
	}

/* ---5つのリフォームボタン---- */

#contents.renovation_top ul.btn_renovation {
	list-style:none;
	width:430px;
	margin:30px 0 0 0;
	}
	
#contents.renovation_top ul.btn_renovation li {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
	}
		
/* --------------------------------------------
  各カテゴリトップ
-------------------------------------------- */

#main.summary_top div.headArea {
	width:620px;
	height:100px;
	background:url(/reform/image_cmn/bg_dottoline.gif) no-repeat 0 bottom;
	}
	
#main.summary_top div.headArea h1 {
	margin:0;
	padding:0;
	}

#main.summary_top div.headArea p {
	width:400px;
	clear:both;
	text-align:left;
	margin:0;
	padding:12px 20px;
	color:#333;
	font-size:110%;
	}


#main.summary_top dl.summary_list {
	clear:both;
	display:inline-block;
	width:620px;
	list-style:none;
	margin:0;
	padding:20px 0;
	}	

#main.summary_top dl.summary_list dt {
	float:left;
	display:block;
	width:442px;
	height:20px;
	margin:0;
	padding:0 0 8px 0;
	text-align:left;
	font-size:110%;
	background:url(/reform/image_cmn/stl_underline.gif) no-repeat 0 bottom;
	}
		#main.summary_top dl.summary_list dt a {
			color:#333;
			font-weight:bold;
			}
		#main.summary_top dl.summary_list dt a:hover {
			color:#F00;
			}	
			
	#main.summary_top dl.summary_list dd.img_thumb {
		float:left;
		width:160px;
		height:110px;
		margin:0 16px 0 0;
		padding:0;
		}
	#main.summary_top dl.summary_list dd.text {
		float:left;
		width:440px;
		display:block;
		margin:0;
		padding:16px 0 0 0;
		line-height:1.5;
		color:#333;
		}
	#main.summary_top dl.summary_list dd.btn_column {
		float:right;
		width:114px;
		height:25px;
		display:block;
		margin:6px 0 0 0;
		padding:0;
		}

.keepcenter { clear:both;}

/*****************************/

#contents #main div.section {
clear:both;
width:620px;
height:auto;
margin:0 auto;
padding:0px 0;
text-align:left;
}

#main p {
	padding:0 24px 20px 24px;
	line-height:1.7;
	/*font-size:110%;*/
	}
	


#contents #main div.section .in_box{
	padding:12px 0;

	}

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

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

#contents #rightColumn{
	margin-top:00px;
	}
#contents #rightColumn h2{
	margin:0;
	}

#contents #rightColumn h3{
	margin:0;
	}

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

flow CSS

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

#main div.number_box {
	clear:both;
	margin-top:15px;
	}

#main div.number_box dl.d_normal dt {
	height:25px;
	padding:0 0 0 25px;
	line-height:25px;
	}
	
#main div.number_box dl.d_normal dd {
	clear:both;
	width:550px;
	padding:0 0 0 25px;
}
	
#main div.number_box dl.d_normal dt.no_01 { background:url(../image/no_01.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_02 { background:url(../image/no_02.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_03 { background:url(../image/no_03.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_04 { background:url(../image/no_04.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_05 { background:url(../image/no_05.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_06 { background:url(../image/no_06.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_07 { background:url(../image/no_07.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_08 { background:url(../image/no_08.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_09 { background:url(../image/no_09.gif) no-repeat 0 0;}
#main div.number_box dl.d_normal dt.no_10 { background:url(../image/no_10.gif) no-repeat 0 0;}