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

nasluck > reform > useful top CSS

============================================ */
body {
background:url(../image/bg_base.gif) repeat-x 0 360px;
	}
	
#WRAPPER { background:none;}
/* --------------------------------------------
内容
-------------------------------------------- */

#contents.useful_top {
float:left;
width:840px;
height:auto;
background:url(../image/bg_txt.gif) no-repeat 50% 250px;
}

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

#contents.useful_top h1 {
	margin:0 0 15px 0;
	padding:0;
	}

#contents.useful_top p {
	padding:10px 20px 30px 0;
	line-height:1.5;
	}
#contents.useful_top div.section {
clear:both;
display:block;
width:716px;
height:610px;
margin:100px auto 20px auto;
padding:35px 62px 0;
background:url(../image/bg_main.gif) no-repeat 0 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 */

/* ---ボタン部分---- */

#contents.useful_top div.box {
	clear:both;
	width:716px;
	height:auto;
	padding:0 0 7px 0;
	background:url(../image/bg_frame_foot.gif) no-repeat 0 bottom;
	}
#contents.useful_top div.box:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#contents.useful_top div.box {
display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/　
* html #contents.useful_top div.box　
{height: 1%;}
#contents.useful_top div.box 
{display: block;}
/* End hide from IE-Mac */


#contents.useful_top div.box span.img_head {
	display:block;
	width:716px;
	height:6px;
	margin:0;
	padding:0;
	background:url(../image/bg_frame_head.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
	
#contents.useful_top div.box img {
	margin:0;
	padding:0;
	}
	
#contents.useful_top div.box .img_left {
	float:left;
	width:160px;
	margin:0 0 0 8px;
	padding:0;
	}
	

#contents.useful_top div.box a {
	display:block;
	overflow:hidden;
	width:540px;
	height:48px;
	margin: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;
		}
 */