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

nasuluckitchen > useful_second > beginner.css

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

/*　共通
----------------------------------*/

#useful_main h3{
width:696px;
height:87px;
margin:0;
padding:0;
background:url(../image_cmn/title_img.jpg) no-repeat -1px 0;
border:1px solid #d8aa76;
text-indent:-9999px;
}

#useful_main{
padding:0;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #d8aa76;
background:url(../image_cmn/bg_contents.gif) repeat-y;
}

/*second_navi*/

#useful_main div.left_area{
float:left;
width:85px;
height:auto;
margin:0;
padding:0;
background:#fff;
overflow:hidden;
}

#useful_main div.left_area ul.left_navi{
list-style:none;
margin:0;
padding:0;
}

#useful_main div.left_area ul.left_navi li{
width:85px;
height:40px;
margin:0;
padding:0;
}

#useful_main div.left_area ul.left_navi li a{
display:block;
overflow:hidden;
width:85px;
height:40px;
text-indent:-9999px;
}

#useful_main div.left_area ul.left_navi li a.goto_top{
height:49px;
background:url(../image_cmn/second_navi.gif) no-repeat 0 0;
}

#useful_main div.left_area ul.left_navi li a.navi_01{background:url(../image_cmn/second_navi.gif) no-repeat 0 -49px;}
#useful_main div.left_area ul.left_navi li a.navi_02{background:url(../image_cmn/second_navi.gif) no-repeat 0 -89px;}
#useful_main div.left_area ul.left_navi li a.navi_03{background:url(../image_cmn/second_navi.gif) no-repeat 0 -129px;}
#useful_main div.left_area ul.left_navi li a.navi_04{background:url(../image_cmn/second_navi.gif) no-repeat 0 -169px;}
#useful_main div.left_area ul.left_navi li a.navi_05{background:url(../image_cmn/second_navi.gif) no-repeat 0 -209px;}
#useful_main div.left_area ul.left_navi li a.navi_06{background:url(../image_cmn/second_navi.gif) no-repeat 0 -249px;}
#useful_main div.left_area ul.left_navi li a.navi_07{background:url(../image_cmn/second_navi.gif) no-repeat 0 -289px;}
#useful_main div.left_area ul.left_navi li a.navi_08{background:url(../image_cmn/second_navi.gif) no-repeat 0 -329px;}
#useful_main div.left_area ul.left_navi li a.navi_09{background:url(../image_cmn/second_navi.gif) no-repeat 0 -369px;}
#useful_main div.left_area ul.left_navi li a.navi_10{background:url(../image_cmn/second_navi.gif) no-repeat 0 -409px;}
#useful_main div.left_area ul.left_navi li a.navi_11{background:url(../image_cmn/second_navi.gif) no-repeat 0 -449px;}
#useful_main div.left_area ul.left_navi li a.navi_12{background:url(../image_cmn/second_navi.gif) no-repeat 0 -489px;}
#useful_main div.left_area ul.left_navi li a.navi_13{background:url(../image_cmn/second_navi.gif) no-repeat 0 -529px;}
#useful_main div.left_area ul.left_navi li a.navi_14{background:url(../image_cmn/second_navi.gif) no-repeat 0 -569px;}

#useful_main div.left_area ul.left_navi li a:hover.goto_top{
height:49px;
background:url(../image_cmn/second_navi.gif) no-repeat -87px 0;
}
#useful_main div.left_area ul.left_navi li a:hover.navi_01{background:url(../image_cmn/second_navi.gif) no-repeat -87px -49px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_02{background:url(../image_cmn/second_navi.gif) no-repeat -87px -89px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_03{background:url(../image_cmn/second_navi.gif) no-repeat -87px -129px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_04{background:url(../image_cmn/second_navi.gif) no-repeat -87px -169px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_05{background:url(../image_cmn/second_navi.gif) no-repeat -87px -209px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_06{background:url(../image_cmn/second_navi.gif) no-repeat -87px -249px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_07{background:url(../image_cmn/second_navi.gif) no-repeat -87px -289px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_08{background:url(../image_cmn/second_navi.gif) no-repeat -87px -329px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_09{background:url(../image_cmn/second_navi.gif) no-repeat -87px -369px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_10{background:url(../image_cmn/second_navi.gif) no-repeat -87px -409px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_11{background:url(../image_cmn/second_navi.gif) no-repeat -87px -449px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_12{background:url(../image_cmn/second_navi.gif) no-repeat -87px -489px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_13{background:url(../image_cmn/second_navi.gif) no-repeat -87px -529px;}
#useful_main div.left_area ul.left_navi li a:hover.navi_14{background:url(../image_cmn/second_navi.gif) no-repeat -87px -569px;}

#useful_main div.left_area ul.left_navi li.navi_01_ov,
#useful_main div.left_area ul.left_navi li.navi_02_ov,
#useful_main div.left_area ul.left_navi li.navi_03_ov,
#useful_main div.left_area ul.left_navi li.navi_04_ov,
#useful_main div.left_area ul.left_navi li.navi_05_ov,
#useful_main div.left_area ul.left_navi li.navi_06_ov,
#useful_main div.left_area ul.left_navi li.navi_07_ov,
#useful_main div.left_area ul.left_navi li.navi_08_ov,
#useful_main div.left_area ul.left_navi li.navi_09_ov,
#useful_main div.left_area ul.left_navi li.navi_10_ov,
#useful_main div.left_area ul.left_navi li.navi_11_ov,
#useful_main div.left_area ul.left_navi li.navi_12_ov,
#useful_main div.left_area ul.left_navi li.navi_13_ov,
#useful_main div.left_area ul.left_navi li.navi_14_ov{
text-indent:-9999px;
}

#useful_main div.left_area ul.left_navi li.navi_01_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -49px;}
#useful_main div.left_area ul.left_navi li.navi_02_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -89px;}
#useful_main div.left_area ul.left_navi li.navi_03_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -129px;}
#useful_main div.left_area ul.left_navi li.navi_04_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -169px;}
#useful_main div.left_area ul.left_navi li.navi_05_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -209px;}
#useful_main div.left_area ul.left_navi li.navi_06_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -249px;}
#useful_main div.left_area ul.left_navi li.navi_07_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -289px;}
#useful_main div.left_area ul.left_navi li.navi_08_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -329px;}
#useful_main div.left_area ul.left_navi li.navi_09_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -369px;}
#useful_main div.left_area ul.left_navi li.navi_10_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -409px;}
#useful_main div.left_area ul.left_navi li.navi_11_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -449px;}
#useful_main div.left_area ul.left_navi li.navi_12_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -489px;}
#useful_main div.left_area ul.left_navi li.navi_13_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -529px;}
#useful_main div.left_area ul.left_navi li.navi_14_ov{background:url(../image_cmn/second_navi.gif) no-repeat -87px -569px;}

/*　コンテンツの内容設定
----------------------------------*/

#useful_main div.right_area{
float:left;
width:612px;
margin:0 0 0 1px;
padding:0;
overflow:hidden;
}

#useful_main div.right_area h4{
float:none;
width:612px;
height:50px;
margin:0;
padding:0;
}

#useful_main div.right_area h5{
width:475px;
height:18px;
margin:0 0 10px 0;
padding:8px 0 0 25px;
font-size:120%;
border:0;
}

#useful_main div.right_area h5.bar_01{background:url(../image_cmn/bar_01.gif) no-repeat 0 0;}
#useful_main div.right_area h5.bar_02{background:url(../image_cmn/bar_02.gif) no-repeat 0 0;}
#useful_main div.right_area h5.bar_03{background:url(../image_cmn/bar_03.gif) no-repeat 0 0;}
#useful_main div.right_area h5.bar_04{background:url(../image_cmn/bar_04.gif) no-repeat 0 0;}
#useful_main div.right_area h5.bar_05{background:url(../image_cmn/bar_05.gif) no-repeat 0 0;}

/* 説明文1（レシピへのリンクボタンあり） */

#useful_main div.right_area p.comment{
width:480px;
margin:10px auto 5px auto;
padding:10px;
text-align:left;
line-height:18px;
background:#f9dfde;
overflow:hidden;
}

/* レシピへのリンクボタン */

#useful_main div.right_area p.comment span{
display:block;
float:right;
width:111px;
height:45px;
padding:0 0 0 10px;
}

#useful_main div.right_area p.comment span a{
display:block;
width:111px;
height:45px;
text-indent:-9999px;
}

/*済み*/
#useful_main div.right_area p.comment span a.niru { background:url(../image_cmn/btn_recipe.gif) no-repeat 0 0;}
#useful_main div.right_area p.comment span a.itameru { background:url(../image_cmn/btn_recipe.gif) no-repeat -111px 0; }
#useful_main div.right_area p.comment span a.yaku { background:url(../image_cmn/btn_recipe.gif) no-repeat -222px 0; }
#useful_main div.right_area p.comment span a.musu { background:url(../image_cmn/btn_recipe.gif) no-repeat -333px 0; }
#useful_main div.right_area p.comment span a.ageru { background:url(../image_cmn/btn_recipe.gif) no-repeat -444px 0; }

#useful_main div.right_area p.comment span a:hover.niru { background:url(../image_cmn/btn_recipe.gif) no-repeat 0 -45px; }
#useful_main div.right_area p.comment span a:hover.itameru { background:url(../image_cmn/btn_recipe.gif) no-repeat -111px -45px; }
#useful_main div.right_area p.comment span a:hover.yaku{ background:url(../image_cmn/btn_recipe.gif) no-repeat -222px -45px; }
#useful_main div.right_area p.comment span a:hover.musu{ background:url(../image_cmn/btn_recipe.gif) no-repeat -333px -45px; }
#useful_main div.right_area p.comment span a:hover.ageru{ background:url(../image_cmn/btn_recipe.gif) no-repeat -444px -45px; }

/* 説明文1（レシピへのリンクボタンなし） */

#useful_main div.right_area p.comment02{
width:480px;
margin:10px auto 5px auto;
padding:10px;
text-align:left;
line-height:18px;
background:#f9dfde;
overflow:hidden;
}

/* 説明文2 */

#useful_main div.right_area p.comment_s{
clear:both;
width:464px;
margin:0 auto;
padding:5px 18px 10px 18px;
}

#useful_main div.right_area div.section{
clear:both;
width:500px;
margin:15px auto;
padding:0 0 10px 0;
overflow:hidden;
}

#main div.right_area div.section p.text{
float:left;
width:352px;
margin:0;
padding:10px 0 0 18px;
border-top:1px dotted #999;
}

#main div.right_area div.section p.text_w500{
float:left;
width:482px;
margin:0 auto;
padding:10px 0 0 18px;
border-top:1px dotted #999;
}

#useful_main div.right_area div.section span.img{
display:block;
float:left;
width:120px;
margin:0 0 0 10px;
padding:0 0 10px 0;
}

/* サブタイトルがある手順 */

#useful_main div.right_area div.section div.box{
clear:both;
overflow:hidden;
}

#useful_main div.right_area div.section dl{
float:left;
width:370px;
margin:0 auto;
padding:0 0 10px 0;
}

#useful_main div.right_area div.section dl dt{
display:block;
width:352px;
margin:0;
padding:10px 0 0 18px;
font-weight:bold;
color:#f00;
border-top:1px dotted #999;
background:url(/image_cmn/icon_arrow03.gif) no-repeat 0 9px;
}

#main div.right_area div.section dl dt.w_500{
display:block;
width:482px;
margin:0;
padding:10px 0 0 18px;
}

#useful_main div.right_area div.section dl dd{
width:352px;
margin:0;
padding:5px 0 10px 18px;
}

#main div.right_area div.section dl dd.w_500{
width:482px;
padding:5px 0 10px 18px;
}

/* レシピ画像2列並び */	

#useful_main div.right_area ul.photo{
list-style:none;
} 

#useful_main div.right_area ul.photo li{
float:left;
width:230px;
margin:5px;
padding:0;
text-align:center;
} 

#useful_main div.right_area ul.photo li span{
width:230px;
margin:0;
padding:0;
text-align:center;
}

/* レシピ紹介 */

#useful_main div.right_area h5.ttl{
width:527px;
height:25px;
margin:10px auto 0 auto;
padding:12px 0 0 18px;
background: url(../image_cmn/ttl_rice.gif) no-repeat 0 0;
font-size:120%;
}

#useful_main div.right_area div.box_menu{
float:left;
width:245px;
height:150px;
margin:10px 0;
padding:0 2px 0 3px;
background:url(../image_cmn/bg_menu.gif) repeat-y 3px 0;
position:relative;
}

#useful_main div.right_area div.bottom{
height:150px;
background:url(../image_cmn/bottom_menu.gif) no-repeat 0 bottom;
}

#useful_main div.right_area div.box_menu p.menu_title{
width:213px;
height:40px;
margin:0;
padding:5px 0 0 32px;
background:url(../image_cmn/ttl_menu.gif) no-repeat 0 0;
font-weight:bold;
font-size:100%;
line-height:28px;
text-align:left;
}

#useful_main div.right_area div.box_menu p.textarea{
width:110px;
margin:0;
padding:0;
text-align:left;
line-height:15px;
position:absolute;
left:130px;
top:45px;
} 

#useful_main div.right_area div.box_menu span.menu_img{
margin:0;
padding:0;
position:absolute;
left:6px;
top:45px;
} 

#useful_main div.right_area div.box_menu span.menu_img img{
margin:0;
padding:0;
}

#useful_main div.right_area div.box_menu span.menu_img a{
display:block;
overflow:hidden;
margin:0;
padding:0;
}

/*　メニューをすべて見る　*/

#useful_main div.right_area div.section p.all{
clear:both;
width:500px;
line-height:16px;
text-align:right;
}

#useful_main div.right_area div.section p.all img{
margin:0 3px 0 0;
vertical-align:text-bottom;
}