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

nasluck > reform top CSS

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

/* --------------------------------------------
トップイメージ
-------------------------------------------- */

#WRAPPER div.top_area {
clear:both;
width:840px;
height:250px;
margin:26px 0;
padding:0;
background:url(../image/img_top_main.jpg) no-repeat 0 0;
position:relative;
}

#WRAPPER div.top_area div.textbox{
clear:both;
width:300px;
margin:0 auto;
display:block;
position:absolute;
left:530px;
top:95px;
}

#WRAPPER div.top_area div.textbox p {
	color:#333;
	line-height:1.5;
	text-align:left;
	margin:0 0 10px 0;
	}


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

#contents.top {
float:left;
width:840px;
height:auto;
margin:0;
padding:0 ;
}

#contents.top h2 {
	clear:both;
	width:820px;
}

/* バー（グレー） */
.bar_type01 {
	padding-left:20px;
	background:url(../image_cmn/bar_bg_type02.jpg) no-repeat 0 0 ;
	}


#contents.top div.section {
clear:both;
display:block;
width:840px;
height:auto;
margin:0;
padding:16px 0;
}

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 */

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

#contents.top ul.btn_reforms {
	list-style:none;
	width:840px;
	}
	
#contents.top ul.btn_reforms li {
	list-style:none;
	float:left;
	display:inline;
	width:160px;
	height:200px;
	margin:0 4px;
	padding:0;
	}

/* ---リフォームお役立ち情報---- */

#contents.top dl.useful {
	float:left;
	margin:0 2px;
	width:205px;
	} 
#contents.top dl.useful dt {
	display:block;
	margin:0 0 6px 0;
	padding:0;
	}
	
#contents.top dl.useful dt span {
	display:block;
	padding:3px 0 3px 12px;
	background:url(../image_cmn/icon_level3.gif) no-repeat 0 -2px;
	text-align:left;
	font-weight:normal;
	}
	
	#contents.top dl.useful dt img {
		margin:6px 0 0 0;
		}
		
	#contents.top dl.useful dt img.icon_link { margin:0; vertical-align:middle;}
	
#contents.top dl.useful dt a { color:#333; }
#contents.top dl.useful dt a:hover { color:#F00; }

#contents.top dl.useful dd.text {
	padding:5px;
	text-align:left;
	text-align:left;
	font-size:85%;
	line-height:1.3;
	color:#666;
	}

#contents.top p.alllist {
	width:840px;
	text-align:right;
	}

/* ---カラム2つ並び---- */

#contents.top div.half_box {
	width:415px;
	float:left;
	padding:0 0 15px 0;
	background:url(../image_cmn/bg_gradation_gray.jpg) repeat-x 0 32px;
	}
#contents.top .side_left { margin:0 10px 0 0;}

#contents.top div.half_box h2 {
	width:415px;
	height:32px;
	}
	
#contents.top div.half_box ul {
	list-style:none;
	}
#contents.top div.half_box ul li {
	display:inline;
	float:left;
	width:200px;
	}
#contents.top div.half_box .margin_setting {
	margin:0 3px;
	}

#contents.top div.half_box dl dt {
	float:left;
	margin:0 0 0 4px;
	padding:2px 0 0 0 ;
	}
	
#contents.top div.half_box dl dd {
	float:left;
	padding:5px;
	font-size:85%;
	width:180px;
	color:#333;
	}

/* バナー */
#contents .bnr_area {
	width:795px;
	margin:0 auto 26px;
}
#contents .bnr_area figcaption {
	margin:8px 27px 0;
	font-size:16px;
	text-align:center;
}

#contents .bnr_area figcaption p{
text-align: center;
}
#contents .bnr_area a:hover {
	opacity:.7;
}