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

nasuluckitchen > useful_top.css

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

#contents_main div.section_pack{
clear:both;
width:710px;
background:url(../image_cmn/bg_pack.jpg) repeat-y 0 0;
overflow:hidden;
}

#contents_main div.section_pack p.top_cmt{
clear:both;
padding:0 0 17px 0;
background:url(../image_cmn/bg_top_cmt_bottom.gif) no-repeat left bottom;
color:#630;
}

#contents_main div.section_pack p.top_cmt span{
display:block;
margin:0;
padding:5px 50px;
background:url(../image_cmn/bg_top_cmt.gif) repeat-y 0 0;
}

/*------navi_menu------*/

div.section_pack ul.useful_navi{
clear:both;
width:710px;
height:92px;
margin:0 auto;
padding:0;
overflow:hidden;
}

div.section_pack ul.useful_navi li,
div.section_pack ul.useful_navi li a{
display:block;
height:92px;
margin:0;
padding:0;
text-indent:-9999px;
}

div.section_pack ul.useful_navi li.category01,
div.section_pack ul.useful_navi li.category04,
div.section_pack ul.useful_navi li.category01 a,
div.section_pack ul.useful_navi li.category04 a,
div.section_pack ul.useful_navi li.category01_on,
div.section_pack ul.useful_navi li.category04_on{
float:left;
width:178px;
}

div.section_pack ul.useful_navi li.category02,
div.section_pack ul.useful_navi li.category03,
div.section_pack ul.useful_navi li.category02 a,
div.section_pack ul.useful_navi li.category03 a,
div.section_pack ul.useful_navi li.category02_on,
div.section_pack ul.useful_navi li.category03_on{
float:left;
width:177px;
}

div.section_pack ul.useful_navi li.category01 a{background:url(../image_cmn/useful_navi.jpg) no-repeat 0 0;}
div.section_pack ul.useful_navi li.category02 a{background:url(../image_cmn/useful_navi.jpg) no-repeat -178px 0;}
div.section_pack ul.useful_navi li.category03 a{background:url(../image_cmn/useful_navi.jpg) no-repeat -355px 0;}
div.section_pack ul.useful_navi li.category04 a{background:url(../image_cmn/useful_navi.jpg) no-repeat -532px 0;}

div.section_pack ul.useful_navi li.category01 a:hover{background:url(../image_cmn/useful_navi.jpg) no-repeat 0 -92px;}
div.section_pack ul.useful_navi li.category02 a:hover{background:url(../image_cmn/useful_navi.jpg) no-repeat -178px -92px;}
div.section_pack ul.useful_navi li.category03 a:hover{background:url(../image_cmn/useful_navi.jpg) no-repeat -355px -92px;}
div.section_pack ul.useful_navi li.category04 a:hover{background:url(../image_cmn/useful_navi.jpg) no-repeat -532px -92px;}

div.section_pack ul.useful_navi li.category01_on{background:url(../image_cmn/useful_navi.jpg) no-repeat 0 -184px;}
div.section_pack ul.useful_navi li.category02_on{background:url(../image_cmn/useful_navi.jpg) no-repeat -178px -184px;}
div.section_pack ul.useful_navi li.category03_on{background:url(../image_cmn/useful_navi.jpg) no-repeat -355px -184px;}
div.section_pack ul.useful_navi li.category04_on{background:url(../image_cmn/useful_navi.jpg) no-repeat -532px -184px;}

/*------section------*/

#contents_main div.section{
clear:both;
width:690px;
margin:5px auto 0 auto;
background:url(../image_cmn/bg_section.jpg) repeat-y 0 0;
}

#contents_main div.topic_pack{
width:690px;
padding:0 0 19px 0;
background:url(../image_cmn/bg_section_bottom.gif) no-repeat left bottom;
}

#contents_main div.topic_pack ul.topic_list{
width:650px;
margin:0 auto;
padding:0 3px;
background:url(../image_cmn/bg_topic_list.jpg) repeat-y 0 0;
}

#contents_main div.topic_pack ul.topic_list li{
width:630px;
padding:0 10px;
overflow:hidden;
list-style:none;
vertical-align:bottom;
}

#contents_main div.topic_pack dl,
#contents_main div.topic_pack dl.end{
float:left;
width:295px;
overflow:hidden;
}

#contents_main div.topic_pack dl{
padding:10px 10px 5px 10px;
}

#contents_main div.topic_pack dl.end{
border:0;
padding:10px;
}

#contents_main div.topic_pack dl dt,
#contents_main div.topic_pack dl dd.text{
float:left;
padding:0 5px 0 0;
width:211px;
}

#contents_main div.topic_pack dl dt{
font-size:110%;
font-weight:bold;
letter-spacing:1px;
}

#contents_main div.topic_pack dl dd.text{
padding:8px 0 0 0;
font-size:90%;
line-height:1.3;
}

#contents_main div.topic_pack dl dd.icon{
float:right;
width:79px;
text-align:center;
}

#contents_main div.topic_pack dl dd.icon img{
width:70px;
height:70px;
padding:1px;
vertical-align:bottom;
}

/*------go_up(useful_top_only)------*/

#contents_main div.go_up{
width:710px;
margin:0 auto;
padding:25px 0 0 0;
background:url(../image_cmn/bg_pack_bottom.jpg) no-repeat 0 0;
}

/*------color------*/

#contents_main div.section h2.re,
#contents_main div.section h2.gr,
#contents_main div.section h2.or,
#contents_main div.section h2.pu{
width:632px;
height:30px;
padding:34px 0 0 58px;
font-size:130%;
font-weight:bold;
color:#fff;
letter-spacing:1px;
}

#contents_main div.section h2.re{background:url(../image/bg_h2_red.jpg) no-repeat 0 0;}
#contents_main div.section h2.gr{background:url(../image/bg_h2_green.jpg) no-repeat 0 0;}
#contents_main div.section h2.or{background:url(../image/bg_h2_orange.jpg) no-repeat 0 0;}
#contents_main div.section h2.pu{background:url(../image/bg_h2_purple.jpg) no-repeat 0 0;}

#contents_main div.section_pack p.comment_re,
#contents_main div.section_pack p.comment_gr,
#contents_main div.section_pack p.comment_or,
#contents_main div.section_pack p.comment_pu{
margin:0;
line-height:normal;
padding:15px 30px;
}

#contents_main div.section_pack p.comment_re{background:url(../image/bg_comment_red.jpg) no-repeat 0 0;}
#contents_main div.section_pack p.comment_gr{background:url(../image/bg_comment_green.jpg) no-repeat 0 0;}
#contents_main div.section_pack p.comment_or{background:url(../image/bg_comment_orange.jpg) no-repeat 0 0;}
#contents_main div.section_pack p.comment_pu{background:url(../image/bg_comment_purple.jpg) no-repeat 0 0;}

#contents_main div.topic_pack dl.re{border-bottom:1px dashed #efa5a5;}
#contents_main div.topic_pack dl.gr{border-bottom:1px dashed #bce380;}
#contents_main div.topic_pack dl.or{border-bottom:1px dashed #f2dd89;}
#contents_main div.topic_pack dl.pu{border-bottom:1px dashed #cdb6e3;}

#contents_main div.topic_pack dl dd.icon img.re{border:2px solid #efa5a5;}
#contents_main div.topic_pack dl dd.icon img.gr{border:2px solid #bce380;}
#contents_main div.topic_pack dl dd.icon img.or{border:2px solid #f2dd89;}
#contents_main div.topic_pack dl dd.icon img.pu{border:2px solid #cdb6e3;}