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

nasuluckitchen > useful_second > preserve.css

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

#useful_main{
padding:0 0 20px 0;
border:1px solid #e3d9b3;
background:url(../image_cmn/bg_main.jpg) 0 0;
}

#useful_main h3{
width:698px;
height:100px;
margin:0;
padding:0;
background:url(../image_cmn/bg_h3.jpg) 0 0;
}

#useful_main div.section{
width:600px;
padding:0 10px 10px 10px;
}

#useful_main p.comment{
width:600px;
padding:10px 0;
}

#useful_main h4.category{
width:600px;
height:45px;
margin:5px 0 0 0;
padding:0;
border:0;
}

#useful_main h5.list_name{
width:600px;
margin:0;
padding:22px 0 13px 0;
text-align:center;
color:#fff;
font-size:120%;
line-height:1.2;
letter-spacing:1px;
border:0;
background:url(../image_cmn/bg_h5.gif) no-repeat 0 15px;
}

#useful_main h4.item_name{
float:left;
width:315px;
margin:5px 0 10px 0;
padding:12px 0 12px 35px;
color:#333;
font-size:150%;
line-height:1.2;
background:url(../image_cmn/bg_itemname.gif) repeat-y 8px 0;
}

#useful_main ul.page_navi{
width:640px;
margin:0 auto;
padding:0;
text-align:right;
}

#useful_main ul.page_navi li{
display:inline;
padding:0 0 0 10px;
}

#useful_main ul.page_navi li img{vertical-align:text-top;}

/*top*/

#useful_main dl.category01,
#useful_main dl.category02{
width:600px;
margin:10px auto 0 auto;
overflow:hidden;
}

#useful_main dl.category01 dt,
#useful_main dl.category02 dt{
width:600px;
margin:0 0 10px 0;
padding:5px 0;
text-align:center;
}

#useful_main dl.category01 dt,
#useful_main dl.category02 dt{background:url(../image_cmn/bg_title_top.gif) repeat-x left bottom;}

#useful_main dl.category01 dd,
#useful_main dl.category02 dd{
display:block;
float:left;
height:180px;
text-align:center;
text-indent:-9999px;
}

#useful_main dl.category01 dd{width:200px;}

#useful_main dl.category02 dd{width:300px;}

#useful_main dl dd.text{
clear:both;
width:560px;
height:auto;
padding:5px 20px 10px 20px;
text-indent:0;
text-align:left;
}

#useful_main dl.category01 dd a,
#useful_main dl.category02 dd a{display:block;}

#useful_main dl.category01 dd a{
width:200px;
height:160px;
}

#useful_main dl.category02 dd a{
width:300px;
height:180px;
}

#useful_main dl.category01 dd.vege a{background:url(../image/navi_category01.jpg) no-repeat 0 0;}
#useful_main dl.category01 dd.fruit a{background:url(../image/navi_category01.jpg) no-repeat -200px 0;}
#useful_main dl.category01 dd.fish a{background:url(../image/navi_category01.jpg) no-repeat -400px 0;}

#useful_main dl.category01 dd.vege a:hover{background:url(../image/navi_category01.jpg) no-repeat 0 -180px;}
#useful_main dl.category01 dd.fruit a:hover{background:url(../image/navi_category01.jpg) no-repeat -200px -180px;}
#useful_main dl.category01 dd.fish a:hover{background:url(../image/navi_category01.jpg) no-repeat -400px -180px;}

#useful_main dl.category02 dd.spr{background:url(../image/navi_category02.jpg) no-repeat 0 0;}
#useful_main dl.category02 dd.sum{background:url(../image/navi_category02.jpg) no-repeat -300px 0;}
#useful_main dl.category02 dd.aut{background:url(../image/navi_category02.jpg) no-repeat -600px 0;}
#useful_main dl.category02 dd.win{background:url(../image/navi_category02.jpg) no-repeat -900px 0;}

#useful_main dl.category02 dd.spr a:hover{background:url(../image/navi_category02.jpg) no-repeat 0 -180px;}
#useful_main dl.category02 dd.sum a:hover{background:url(../image/navi_category02.jpg) no-repeat -300px -180px;}
#useful_main dl.category02 dd.aut a:hover{background:url(../image/navi_category02.jpg) no-repeat -600px -180px;}
#useful_main dl.category02 dd.win a:hover{background:url(../image/navi_category02.jpg) no-repeat -900px -180px;}

/*list*/

#useful_main ul.list{
clear:both;
width:600px;
margin:0 auto;
padding:0 0 10px 0;
overflow:hidden;
}

#useful_main ul.list li{
float:left;
width:190px;
height:54px;
padding:5px 5px 0 5px;
}

#useful_main ul.list li img{
float:left;
margin:0;
padding:0;
}

#useful_main ul.list li span{
display:block;
float:left;
width:110px;
margin:0;
padding:15px 5px;
cursor:pointer;
}

#useful_main ul.list li a{
display:block;
width:184px;
height:48px;/*for_IE6*/
padding:3px;
background:url(../image_cmn/bg_list.jpg) 0 0;
overflow:hidden;
}

#useful_main ul.list li a:hover{
color:#fff;
background:url(../image_cmn/bg_list_on.jpg) 0 0;
}

/*note*/

#useful_main div.section_note{
clear:both;
width:600px;
margin:0 auto 20px auto;
padding:20px 20px 35px 20px;
overflow:hidden;
background:url(../image_cmn/bg_note.gif) repeat-y 0 0;
border-bottom:1px solid #e6d8ad;
}

#useful_main div.section_note div.item{
float:right;
width:240px;
margin:0;
padding:0 0 0 10px;
}

#useful_main div.section_note div.f_left{
float:left;
width:330px;
margin:0;
padding:10px 0 0 20px;
}

#useful_main div.section_note dl{line-height:1.6;}

#useful_main div.section_note div.f_left dl dt{
clear:both;
font-weight:bold;
border-bottom:1px dotted #d8aa76;
font-size:120%;
}

#useful_main div.section_note div.f_left dd{margin:10px 10px 10px 30px;}

#useful_main div.section_note div.flat{
clear:both;
width:560px;
margin:0 auto;
padding:0 10px;
}

#useful_main div.section_note div.flat dt{
clear:both;
font-weight:bold;
border-bottom:1px dotted #d8aa76;
font-size:120%;
}

#useful_main div.section_note div.flat dd{margin:10px 10px 10px 30px;}

#useful_main div.section_note dd.time ul{
width:520px;
overflow:hidden;
}

#useful_main div.section_note dd.time ul li{
width:520px;
list-style:none;
}

#useful_main div.section_note dd.time span.case{
clear:both;
display:block;
float:left;
width:60px;
padding:2px 0;
}

#useful_main div.section_note dd.time span.term{
display:block;
float:left;
width:460px;
font-size:120%;
font-weight:bold;
color:#c30;
}

#useful_main div.section_note div.flat dl.point{
width:540px;
margin:20px auto 0 auto;
padding:8px 10px;
background:url(../image_cmn/bg_point.gif) repeat-y 0 0;
}

#useful_main div.section_note div.flat dl.point dt{
margin:0 10px;
padding:0 0 4px 20px;
color:#c30;
border-bottom:1px dotted #fff;
font-size:120%;
letter-spacing:1px;
}

#useful_main div.section_note div.flat dl.point dd{
margin:10px 15px 8px 25px;
color:#5f3d19;
}

#useful_main div.section_note dl dt img{
margin:0 10px 2px 0;
vertical-align:middle;
}

#useful_main div.section_note a.recipe{
display:block;
width:220px;
margin:5px 0 10px 0;
padding:7px 10px 12px 10px;
color:#fff;
text-align:center;
font-weight:bold;
background:url(../image_cmn/bg_recipe.gif) no-repeat 0 0;
}

#useful_main div.section_note a.recipe:hover{
background:url(../image_cmn/bg_recipe.gif) no-repeat -240px 0;
}