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

nasluck > reform > category top CSS

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

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

#contents.category_top {
background: none;
float:left;
width:840px;
height:auto;
}

#contents.category_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.category_top div.section {
clear:both;
display:block;
width:800px;
height:555px;
margin:0;
padding:20px;
background:url(../image/bg_main.jpg) no-repeat 0 0;
position:relative;
}
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.category_top ul.btn_reforms {
	list-style:none;
	float:right;
	width:485px;
	}
	
#contents.category_top ul.btn_reforms li {
	list-style:none;
	display:block;
	margin:0 0 3px 0;
	position:relative;
	}
	

#contents.category_top ul.btn_reforms li a {
	display:block;
	overflow:hidden;
	width:470px;
	height:90px;
	margin:0;
	padding:7px;
	color:#333;
	}
			
#contents.category_top ul.btn_reforms a:hover {
	background:url(../image/bg_ov.gif) no-repeat 0 0;
	text-decoration:none;
	cursor:pointer;
	}
	
#contents.category_top ul.btn_reforms li span {
	width:280px;
	height:35px;
	position:absolute;
	top:55px;
	left:28px;
	}

#contents.category_top ul.btn_reforms span a {
	display:block;
	}
	
/* --------------------------------------------
  各カテゴリトップ
-------------------------------------------- */

#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;}