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

nasuluckitchen > useful_second.css

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

/*------sec_navi_menu------*/

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

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

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

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

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

div.sec_header ul.useful_navi li.category01 a:hover,
div.sec_header ul.useful_navi li.category01_on a:hover{background:url(../image_cmn/useful_sec_navi.jpg) no-repeat 0 -60px;}
div.sec_header ul.useful_navi li.category02 a:hover,
div.sec_header ul.useful_navi li.category02_on a:hover{background:url(../image_cmn/useful_sec_navi.jpg) no-repeat -178px -60px;}
div.sec_header ul.useful_navi li.category03 a:hover,
div.sec_header ul.useful_navi li.category03_on a:hover{background:url(../image_cmn/useful_sec_navi.jpg) no-repeat -355px -60px;}
div.sec_header ul.useful_navi li.category04 a:hover,
div.sec_header ul.useful_navi li.category04_on a:hover{background:url(../image_cmn/useful_sec_navi.jpg) no-repeat -532px -60px;}

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

/*------sec_title------*/

#contents_main h2{
clear:both;
width:704px;
margin:0 auto 15px auto;
padding:3px;
color:#fff;
font-size:125%;
line-height:1.2;
}

#contents_main h2 span.stitch{
display:block;
width:693px;
padding:3px 3px 3px 6px;
border:1px dashed #fff;
text-align:center;
}

#contents_main h2.re{background:url(/useful/image_cmn/bg_h2_red_sec.jpg) no-repeat 0 0;}
#contents_main h2.gr{background:url(/useful/image_cmn/bg_h2_green_sec.jpg) no-repeat 0 0;}
#contents_main h2.or{background:url(/useful/image_cmn/bg_h2_orange_sec.jpg) no-repeat 0 0;}
#contents_main h2.pu{background:url(/useful/image_cmn/bg_h2_purple_sec.jpg) no-repeat 0 0;}

/*----------------------------*/

#useful_main{
width:698px;
margin:0 auto 10px auto;
padding:0 0 10px 0;
border:1px solid #d8aa76;
background:#fff;
/*color:#666;*/
color:#555;
overflow:hidden;
}

#useful_main h3{
width:670px;
margin:10px 14px;
padding:0;
}

#useful_main h4{
float:left;
width:640px;
margin:0;
padding:0 0 15px 0;
}

#useful_main h4.short{
float:left;
width:430px;
margin:0 5px 15px 0;
padding:0;
}

#useful_main h5{
width:607px;
margin:0 0 10px 10px;
padding:3px 0 3px 10px;
font-weight:bold;
font-size:120%;
color:#a35e02;
border-left:3px solid #f2d8b5;
border-bottom:1px solid #f2d8b5;
}

#useful_main div.f_left h5{
width:387px;
margin:0 0 10px 0;
}

#useful_main p.comment{
width:620px;
margin:0 auto;
padding:0 0 5px 0;
}

/*----------------------------*/

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

#useful_main div.section p.f_left{
float:left;
width:390px;
margin:0;
padding:0 10px 15px 20px;
}

#useful_main div.section p.f_right{
float:right;
width:390px;
margin:0;
padding:0 20px 15px 10px;
}

#useful_main div.section p.flat{
width:600px;
margin:0 auto;
padding:0 0 15px 0;
}

#useful_main div.section img.f_left{
float:left;
/*margin:0 0 5px 20px;*/
margin:0 0 10px 16px;
padding:0;
}

#useful_main div.section img.f_right{
float:right;
/*margin:0 20px 5px 0;*/
margin:0 16px 10px 0;
padding:0;
}

#useful_main div.section div.f_left{
float:left;
width:400px;
margin:0;
padding:0 10px;
}

#useful_main div.section div.f_left p{
margin:0 0 0 10px;
padding:0 0 15px 0;
}

#useful_main div.section span.f_right{
float:right;
width:200px;
}

#useful_main div.section span.f_right img{
margin:0 0 10px 0;
}

/* リスト設定 */

#useful_main dl.textlist{
clear:both;
width:600px;
margin:0 auto;
padding:0;
}

#useful_main div.f_left dl.textlist{
width:390px;
margin:0;
padding:0 0 0 10px;
}

#useful_main dl.textlist dt{
display:block;
margin:0;
padding:0 0 0 20px;
font-weight:bold;
color:#218600;
border-bottom:1px dotted #c5c5c5;
background:url(/useful/image_cmn/icon_list.gif) no-repeat 0 0;
}

#useful_main dl.textlist dd{
padding:10px 0 15px 0;
overflow:hidden;
}

#useful_main ol{
list-style:decimal;
margin:0 0 0 20px;
padding:0 0 10px 25px;
}

#useful_main ol li{
padding:0 15px 5px 0;
}

#useful_main div.f_left ol{
padding:0 0 10px 15px;
}

#useful_main div.f_left ol li{
padding:0 0 5px 0;
}

#useful_main ul.normal{
width:388px;
margin:10px 0 0 0;
padding:0 0 10px 12px;
overflow:hidden;
}

#useful_main ul.normal li{
display:block;
margin:5px 0 ;
padding:0 0 0 18px;
background:url(/useful/image_cmn/icon_disc.gif) no-repeat 0 0;
}

/*テーブル*/

#useful_main caption{
font-weight:bold;
font-size:110%;
}

#useful_main table{
border-collapse:collapse;
}

#useful_main table th{
background:#f4f4ec;
text-align:center;
border:1px solid #c7c7c7;
}

#useful_main table td{
border:1px solid #c7c7c7;
}

#useful_main div.keepcenter{
clear:both;
text-align:center;
}

/*ページ内ナビ*/

#page_navi{
clear:both;
width:670px;
margin:10px auto;
text-align:center;
}

/*#page_navi img{
margin:0;
padding:0;
vertical-align:middle;
}*/

#page_navi ul.naviarea{
/*width:670px;*/
margin:0 auto;
overflow:hidden;
list-style:none;
}

#page_navi ul.naviarea li{
float:left;
margin:0 0 2px 0;
padding:0 2px;
text-align:center;
}

#page_navi ul.naviarea li img{
margin:0;
padding:0;
border:1px solid #eddfcc;
}

#page_navi ul.naviarea li a{
display:block;
margin:0;
padding:0;
border-bottom:2px solid #fff;
}

#page_navi ul.naviarea li a:hover{border-bottom:2px solid #00cc00;}
#page_navi ul.naviarea li.ov a{border-bottom:2px solid #ff6600; }
#page_navi ul.naviarea li.ov a:hover{border-bottom:2px solid #ff6600;}

/*
#useful_main div.section div.listarea{
width:600px;
height:auto;
margin:5px 15px;
padding:5px 5px 10px 5px;
background:#ffffff;
border-bottom:1px solid #dfd3c4;
border-right:1px solid #dfd3c4;
}

#useful_main div.section div.listarea div.spacer{
float:left;
width:280px;
height:120px;
background:#fff url(../image_cmn/spacer.gif) no-repeat right 50%;
}*/

/* NEXTBACKボタン */

#nb_navi{
clear:both;
width:650px;
height:30px;
margin:10px auto 0 auto;
padding:5px 10px 0 10px;
border-top:1px dotted #963;
}

#nb_navi a {
display:block;
overflow:hidden;
margin:0;
padding:0;
width:100px;
height:30px;
text-indent:-9999px;
	}

#nb_navi a.back {
float:left;
background: url(../image_cmn/btn_nb.gif) no-repeat 0 0;
	}

#nb_navi a.back:hover {
background: url(../image_cmn/btn_nb.gif) no-repeat 0 -30px;
	}
#nb_navi a.next {
float:right;
background: url(../image_cmn/btn_nb.gif) no-repeat -100px 0;
	}

#nb_navi a.next:hover {
background: url(../image_cmn/btn_nb.gif) no-repeat -100px -30px;
	}

/* ページ送りボタン */

#footer_navi {
clear:both;
width:650px;
height:30px;
margin:0 auto ;
padding:5px 0;
border-top:1px dotted #963;
text-align:center;
	}

#footer_navi p {
text-align:center;
margin:0 auto;
	}

#footer_navi a {
overflow:hidden;
display:inline-block;
margin:0 3px;
padding:5px 10px;
text-align:center;
border:1px solid #d2c88e;
color:#630;
background:#f9f0bc;
font-size:120%;
}

#footer_navi a:hover,
#footer_navi a.active {
border:1px solid #b76e0e;
color:#FFF;
background:#b76e0e;
	}

/* --- .to_link レシピ検索画面へのリンク・文言など追加(20160722) --- */
.to_link{
margin:2px 0;
}

.to_link:before{
content:"※";
}

/* バナー */
#useful_main .bnr_area {
	text-align: center;
	margin: 20px 0 25px;
	line-height: 1.7;
	letter-spacing: .5px;
}

#useful_main .bnr_area figcaption {
	font-weight: normal;
	padding: 5px 0 8px;
	font-size: 105%;
	}