<@charset "shift_jis";
/* =========================================

nasluck  topstyle.css

============================================ */

/* トップ入口 */

/* category_naviの流用------------------ 

#contents.top div.bg_topnavi {
width:593px;
height:360px;
margin:0 auto 20px auto;
padding:30px 0 0 0;
background:url(/products/q_a/image/bg_topnavi.gif) no-repeat 0 0;
}

#contents.top ul.navi_qa {
clear:both;
width:509px;
height:auto;
margin:0 auto ;
padding:0;
position:none;
}

#contents.top ul.navi_qa li{
display:block;
list-style:none;
float:none;
clear:both;
width:509px;
height:57px;
margin:6px 0;
padding:0;
}

#contents ul.navi_qa li a.navi_01,
#contents ul.navi_qa li a.navi_02,
#contents ul.navi_qa li a.navi_03,
#contents ul.navi_qa li a.navi_04,
#contents ul.navi_qa li a.navi_05 {
width:509px;
}

#contents.top ul.navi_qa li a{
display:block;
clear:both;
width:509px;
height:57px;
overflow:hidden;
text-indent:-9999px;
position:static;
}

#contents.top ul.navi_qa li a.navi_01 { background:url(/products/q_a/image/entrance.gif) no-repeat 0 0; }
#contents.top ul.navi_qa li a.navi_02 { background:url(/products/q_a/image/entrance.gif) no-repeat 0 -70px; }
#contents.top ul.navi_qa li a.navi_03 { background:url(/products/q_a/image/entrance.gif) no-repeat 0 -140px; }
#contents.top ul.navi_qa li a.navi_04 { background:url(/products/q_a/image/entrance.gif) no-repeat 0 -210px; }
#contents.top ul.navi_qa li a.navi_05 { background:url(/products/q_a/image/entrance.gif) no-repeat 0 -280px; }

#contents.top ul.navi_qa li a:hover.navi_01 { background:url(/products/q_a/image/entrance.gif) no-repeat -509px 0; }
#contents.top ul.navi_qa li a:hover.navi_02 { background:url(/products/q_a/image/entrance.gif) no-repeat -509px -70px; }
#contents.top ul.navi_qa li a:hover.navi_03 { background:url(/products/q_a/image/entrance.gif) no-repeat -509px -140px; }
#contents.top ul.navi_qa li a:hover.navi_04 { background:url(/products/q_a/image/entrance.gif) no-repeat -509px -210px; }
#contents.top ul.navi_qa li a:hover.navi_05 { background:url(/products/q_a/image/entrance.gif) no-repeat -509px -280px; }

*/


/* タイトル */
h1{
	width: 640px;
	margin:0 auto;
}
h1 img{
	margin-left: 9px;
}

#main{
	width: 640px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	_margin-bottom: 10px;
	margin-left: auto;
}

/* メニュー */
.listbox{
	width: 640px;
	margin: 0 40px 0 40px;
}

.listbox ul.left{
	background: url(/products/q_a/image/white_box.gif);
	background-repeat: no-repeat;
	width:275px;
	height:211px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.listbox ul.right{
	background: url(/products/q_a/image/white_box.gif);
	background-repeat: no-repeat;
	width:275px;
	height:211px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
.listbox ul li a{
	margin: 7px 10px 0 7px;
}
.listbox ul li a{
	display: block;
}

/* マウスオーバー時 */
.listbox ul li a:hover{
	opacity: 0.6;
}

.listbox ul li.text{
	text-align: left;
	width: 259px;
	margin: 2px 0 0 10px;
	_margin: 2px 0 0 6px;
}


/* category_naviの流用END------------------ */



/*お役立ち情報*/

#contents div.main_navi{
clear:both;
width:620px;
height:51px;
margin:0 auto;
padding:0;
}

#contents div.main_navi ul.btn_use{
clear:both;
width:620px;
height:51px;
margin:0 auto;
padding:0;
list-style:none;
}

#contents div.main_navi ul.btn_use li {
clear:both;
width:620px;
height:51px;
margin:0;
padding:0;
}

#contents div.main_navi ul.btn_use li a{
display:block;
overflow:hidden;
width:620px;
height:51px;
margin:0;
padding:0;
background:url(/products/q_a/image/btn_use.gif) no-repeat 0 0; 
text-indent:-9999px;
}

#contents div.main_navi ul.btn_use li a:hover{
background:url(/products/q_a/image/btn_use.gif) no-repeat 0 -51px; 
}