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

nasluck  useful_top CSS

============================================ */
#contents {
	letter-spacing:0.075em;
}
#contents h1 {
width:620px;
margin:0 auto;
padding:0;
}

#contents a{
overflow:hidden;
text-decoration:none;
}

#contents p.lead {
width:584px;
margin:10px auto 15px auto;
text-align:left;
line-height:150%;
}

#contents div.main_navi{ 
width:620px;
margin:0 auto;
padding:0;
text-align:left;
}

/*---共通する設定---*/

#contents .cate_box {
	position:relative;
	display:block;
	margin:0 15px 15px;
	padding:1px 1px 10px;
	font-size:14px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:1px solid;
	behavior: url(/css/PIE.php);
}
#contents .cate_box.kitchen {
	border-color:#FFBB5B;
	background:url(../image/bg_kitchen.jpg) no-repeat right bottom;
}
#contents .cate_box.bathroom {
	border-color:#6CC6EC;
	background:url(../image/bg_bathroom.jpg) no-repeat right bottom;
}
#contents .cate_box.reform {
	border-color:#CF86D8;
	background:url(../image/bg_reform.jpg) no-repeat right bottom;
}
#contents .cate_box.others{
	border-color:#6BD696;
	background:url(../image/bg_others.jpg) no-repeat right bottom;
}

#contents .cate_box h2 {
	position:relative;
	display:block;
	height:36px;
	line-height:36px;
	color:#fff;
	font-weight:bold;
	padding:0 0 0 10px;
	font-size:18px;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	behavior: url(/css/PIE.php);
	zoom:1;
}
#contents .cate_box.kitchen h2 {
	background:#FFBB5B;
}
#contents .cate_box.bathroom h2 {
	background:#6CC6EC;
}
#contents .cate_box.reform h2 {
	background:#CF86D8;
}
#contents .cate_box.others h2 {
	background:#6BD696;
}
#contents .cate_box .cate_lead {
	margin:15px;
	text-align:left;
}
#contents .cate_box dl {
	text-align:left;
	margin:0 10px;
	padding:3px 0 0 0;
	border-top:1px dotted #bbb;
}
#contents .cate_box dl dt{
margin:0;
padding:7px 0 2px 8px;
font-size:16px;
font-weight:bold;
border-left:7px solid;
}

#contents .cate_box.kitchen dt {
	border-color:#FFAF3D;
}
#contents .cate_box.bathroom dt {
	border-color:#28BBF8;
}
#contents .cate_box.reform dt {
	border-color:#EA67FB;
}
#contents .cate_box.others dt {
	border-color:#43D47D;
}
#contents .cate_box dl dd{
	border-bottom:1px dotted #bbb;
	margin:0 0 3px;
	padding:3px 0 9px 12px;
	border-left:7px solid;
}
#contents .cate_box.reform dd {
	border-left-color:#E7BEEC;
}
#contents .cate_box.kitchen dd {
	border-left-color:#FFD191;
}
#contents .cate_box.bathroom dd {
	border-left-color:#B7E5F8;
}
#contents .cate_box.others dd {
	border-left-color:#9CEBD6;
}
#contents .cate_box dl dd a{
display:block;
width:420px;
height:40px;
margin:0 0 0 16px;
padding:0 0 0 15px;
color:#666;
text-decoration:none;
background:none;
}

#contents div.main_navi dl dd a span.title{
display:block;
width:420px;
height:21px;
margin:0;
padding:0;
display:block;
text-indent:-9999px;
}

#contents div.main_navi dl dd a:hover{
color:#666;
}

/*---各お役立ち情報---*/

#contents .cate_box dl {
}
#contents .cate_box dl dt {
}

/*---ステンレス関連---*/
#contents .stainless{
	position:relative;
	display:block;
	width:584px;
	height:333px;
	margin:0 auto 20px auto;
	padding:0 0 15px 0; 
	overflow:hidden;
	background:url(../image/bg_st.jpg) no-repeat 0 0;
}
#contents .stainless h2{
margin:0;
overflow:hidden;
}


#contents .stainless #stain_img {
	position:absolute;
	top:70px;
	left:0px;
}

#contents .stainless .stain_btn {
	position:absolute;
	left:155px;
	width:415px;
	height:68px;
}

#contents .stainless .s01 {
	top:78px;
}

#contents .stainless .s02 {
	top:146px;

}
#contents .stainless .stain_btn dt {
	text-indent:-10000px;
}
#contents .stainless .stain_btn a {
	display:block;
	width:415px;
	height:68px;
	margin:0;
	padding:0;
	cursor:pointer;
}
#contents .stainless .stain_btn:hover {
}
#contents .stainless .s01:hover {
	background:url(../image/btn_st_01.gif) no-repeat 0 0;
	}
#contents .stainless .s02:hover {
	background:url(../image/btn_st_02.gif) no-repeat 0 0;
	}
#contents .stainless .stain_btn:hover:after {
	background:none;
	width:415px;
	height:68px;
}
#contents .stainless .stain_btn dd {
	margin:0;
	padding:0;
	position:absolute;
	top:35px;
	left:25px;
}



#contents .stainless .btn_03 {
	position:absolute;
	top:224px;
	left:0;
display:block;
width:570px;
height:94px;
}

#contents .stainless .btn_03 a {
display:block;
width:570px;
height:94px;
cursor:pointer;
}

#contents .stainless .btn_03 a .copy {
	position:absolute;
	top:60px;
	right:30px;
	color:#fff;
}
#contents .stainless .btn_03 a:hover {
	 background:url(../image/btn_st_03.jpg) no-repeat 0 0;
}

/*よくあるお問合せ集*/

#contents div.main_navi ul.btn_qa{
clear:both;
width:584px;
height:51px;
margin:0;
padding:0;
list-style:none;
}
#contents div.main_navi ul.btn_qa li a{
display:block;
width:584px;
height:51px;
margin:0 0 0 18px;
padding:0;
background:url(/useful/image/btn_qa.gif) no-repeat 0 0; 
text-indent:-9999px;
}
#contents div.main_navi ul.btn_qa li a:hover{
background:url(/useful/image/btn_qa.gif) no-repeat 0 -51px; 
}


/* イラストガイド */

a.illust_guide {
display:block;
clear:both;
width:584px;
height:95px;
margin:10px auto;
text-indent:-9999px;
background:url(../image/bnr_illust.gif) no-repeat 0 0;
}
a.illust_guide:hover {
background:url(../image/bnr_illust.gif) no-repeat 0 bottom;
}