@charset "utf-8";
/*
==========================================================================
 Reset CSS
==========================================================================
*/
input, button, textarea {
    -webkit-appearance: none;}
    
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section, summary,
time, mark, audio, video{
 margin:0;
 padding:0;
 color:#333;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section{
 display:block;
}

body{
 font-size: 75%;
 font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
 line-height: 1.5;
}

img{
 border:0;
}

ul,ol{list-style-type:none;}

table {
 border-collapse: collapse; 
 border-spacing: 0;
}

img, input, select, textarea { 
 vertical-align: middle;
}

a{
 color: #333;
 text-decoration: none;
}
a:hover{
 color: #F60;
}

a:hover img,
input[type="image"]:hover{
 opacity: 0.7;
 filter: alpha(opacity=70);
}

span {
 color: inherit;
 font-size: inherit;
}

.ie6 *, .ie7 *{
 zoom:1;
}


/*
=============================================
 Base Layout
=============================================
*/

.container {
 width: 980px;
 margin: 0 auto;
 *zoom: 1;
}
.container:after {
 content: "";
 display: block;
 clear: both;
}

/* Header
--------------------------------------------------*/
#header {
 padding: 10px 0;
 /*background: url(/img/top_index/share/bg_header.png) left bottom repeat-x #ede0c6;*/
 background: url("../../img/common/header_bg.gif") repeat-x left bottom #f7f2e7;
 border-bottom: 1px solid #D9B879;
}
.ie7 #header {
 padding-bottom: 0;
}

/*ヘッダー内レイアウト*/
.header_left {
 width: 170px;
 float: left;
}

.header_right {
 width: 790px;
 float: right;
}

.header_function {
 margin: 5px 0;
 *zoom: 1;
}
.header_function:after {
 content:"";
 display: block;
 clear: both;
}

/*広告*/
.header_bnr {
 text-align: right;
}

/*検索ボックス*/
.searchBox {
 width: 255px;
 float: left;
 overflow: hidden;
}
.searchTxt {
 float: left;
 width: 180px;
 margin:0;
 padding: 6px 5px;
 border: #c8c8c8 1px solid;
 border-right: none;
 vertical-align: top;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.searchBtn {
 float: left;
}

/*履歴／チェックレシピ*/
/*
.utilityBox {
 float: left;
 width: 210px;
 padding-top: 3px;
}
.utilityBox ul {
 *zoom: 1;
}
.utilityBox ul:after {
 content:"";
 display: block;
 clear: both;
}
.utilityBox li {
 float: left;
 margin-right: 5px;
 position: relative;
}
*/

.search_box_ul {
 float: left;
 width: 210px;
 padding-top: 3px;
}
.search_box_ul ul {
 *zoom: 1;
}
.search_box_ul ul:after {
 content:"";
 display: block;
 clear: both;
}
.search_box_ul li {
 float: left;
 margin-right: 5px;
 position: relative;
}

/*検索履歴リスト*/
/*
#recent_check_keyword {
 display: none;
 position: absolute;
 width: 200px;
 z-index: 10;
}
#recent_check_keyword:before {
 content:"";
 display: block;
 width: 200px;
 height: 12px;
 background: url(/img/top_index/share/bg_check_keyword_top.png) no-repeat;
}
#recent_check_keyword:after {
 content:"";
 display: block;
 width: 200px;
 height: 14px;
 background: url(/img/top_index/share/bg_check_keyword_bottom.png) no-repeat;
}
#recent_check_keyword ul {
 padding: 0 15px;
 background: url(/img/top_index/share/bg_check_keyword_body.png) repeat-y;
}
*/

.search_box_ul{
 left: 300px;
 top: 4px;
}

.search_box_ul li{
 position: relative;
 float:left;
 margin:0 5px 0 0;
 cursor: pointer;
}

.search_box_ul li #recent_check_keyword{
 display: none;
 position: absolute;
 width: 200px;
 z-index: 200;
}

.search_box_ul li:hover #recent_check_keyword{
 display: block;
 position: absolute;
 z-index: 100;
}

#recent_check_keyword .frame_head{
 background: url("../../img/common/recent_check_keyword_top.png") no-repeat 0 0;
 height:12px;
}

#recent_check_keyword .frame_body{
 background: url("../../img/common/recent_check_keyword_body.png") repeat-y 0 0;
 padding: 5px 10px;
}

#recent_check_keyword .frame_body ul li{
 float:left;
 padding:3px 5px;
}

#recent_check_keyword .frame_body ul li a{
 color: #FF6600;
 text-decoration: underline;
}

#recent_check_keyword .frame_body ul li a:hover{
 text-decoration: none;
}

#recent_check_keyword .frame_bottom{
 background: url("../../img/common/recent_check_keyword_bottom.png") no-repeat 0 0;
 height:14px;
}


/*ログインエリア*/
.userBox {
 float: left;
 width: 320px;
}
.userBox ul {
 text-align: right;
 white-space: nowrap;
}
.userBox li {
 display: inline-block;
 *display: inline;
 *zoom:1;
 font-size: 10px;
}
.userBox a {
 display: inline-block;
 padding: 3px 14px 3px 7px;
 background: url(/img/top_index/share/bg_header_line.png) right center no-repeat;
 text-shadow: 1px 1px 1px #fff;
}
.userBox a.last {
 padding: 3px 0 3px 10px;
 background: none;
}
.userBox a.regist {
 color: #F60;
 font-size: 14px;
}
.userBox a.regist:hover {
 color: #666;
}
.userBox .userName {
 color: #F60;
}
.userBox .userName span {
 color: #666;
}

/*Global Navigation
--------------------------------------------------*/
.gnav {
 *zoom: 1;
}
.ie7 .gnav {
 margin: -30px 0;
 position: relative;
 z-index: 5;
}

.gnav:after {
 content:"";
 display: block;
 clear: both;
}

.gnav li{
 float:left;
 margin:0 2px 0 0;
 position: relative;
}

.gnav li a{
 display:block;
 width: 162px;
 height: 45px;
}
.gnav>ul>li>a{
 background: url(/img/top_index/share/bg_gnav.png) no-repeat;
 text-indent: -9999px;
}

.gnav li.menu_02{
 margin:0 1px 0 0;
}

.gnav li.menu_03{
 margin:0 1px 0 0;
}

.gnav li.menu_06{
 margin:0;
}

.gnav li.menu_01 a{ background-position: 0 0; }
.gnav li.menu_02 a{ background-position: -162px 0; }
.gnav li.menu_03 a{ background-position: -324px 0; }
.gnav li.menu_04 a{ background-position: -486px 0; }
.gnav li.menu_05 a{ background-position: -648px 0; height: 38px;}
.gnav li.menu_06 a{ background-position: -810px 0; height: 38px;}

.gnav li.menu_01 a:hover,
.gnav li.menu_01 a.on{ background-position: 0 -45px; }
.gnav li.menu_02 a:hover,
.gnav li.menu_02 a.on{ background-position: -162px -45px; }
.gnav li.menu_03 a:hover,
.gnav li.menu_03 a.on{ background-position: -324px -45px; }
.gnav li.menu_04 a:hover,
.gnav li.menu_04 a.on{ background-position: -486px -45px; }
.gnav li.menu_05 a:hover,
.gnav li.menu_05 a.on{ background-position: -648px -45px; }
.gnav li.menu_06 a:hover,
.gnav li.menu_06 a.on{ background-position: -810px -45px; }


/* subnavi*/
.gnav ul li ul.subnavi{
 left: 0;
 position: absolute;
 text-align: left;
 top: 37px;
 display:none;
 text-align: center;
 font-size:12px;
 font-weight: bold;
}

.gnav ul li:hover ul.subnavi{
 display: block;
 position: absolute;
 z-index: 100;
}

.gnav ul li ul.subnavi li.subnavi_body{
 height:30px;
 width: 162px;
 background: url("/img/top_index/share/subnavi_body.png") no-repeat 0 0;
}

.gnav ul li ul.subnavi li.subnavi_top{
 height:34px;
 width: 162px;
 background: url("/img/top_index/share/subnavi_top.png") no-repeat 0 0;
}

.gnav ul li ul.subnavi li.subnavi_bottom{
 height:49px;
 width: 162px;
 background: url("/img/top_index/share/subnavi_bottom.png") no-repeat 0 0;
}

.gnav ul li ul.subnavi li a{
 color: #868686;
 height:6px;
 padding:12px 0;
 width: 162px;
}

.gnav ul li ul.subnavi li.subnavi_top a{
 height:10px;
}

.gnav ul li ul.subnavi li a:hover{
 color: #FF6600;
}

/* NEWつける */
/* #2033 2015.11.12 コメントアウト
.gnav li.menu_04:before {
    content: "";
    background:url('/img/ico_new.png');
    width: 49px;
    height: 23px;
    position: absolute;
    top: -8px;
    left: 108px;
}
*/

/* Footer
--------------------------------------------------*/
#footer {
 padding: 28px 0 20px;
 border-top: #e3e3e3 2px solid;
 background: #fafafa;
}

.footerMenuBox {
 margin-bottom: 30px;
 padding: 30px 0 30px 20px;
 border: #e7e7e7 1px solid;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
 -webkit-box-shadow: 0 1px 0 1px #fff inset;
 -moz-box-shadow: 0 1px 0 1px #fff inset;
 box-shadow: 0 1px 0 1px #fff inset;
 overflow: hidden;
 *zoom:1;
}

/*レシピを探す*/
.ftRecipeSearch {
 float: left;
 width: 300px;
 margin-right: 30px;
}
.ftRecipeSearch .title {
 margin-bottom: 25px;
}
.ftRecipeSearch dl {
 margin-bottom: 20px;
}
.ftRecipeSearch dt {
 clear: left;
 float: left;
}
.ftRecipeSearch dd {
 height: 32px;
 overflow: hidden;
}
.ftRecipeSearch dd select {
 color:#666666;
 width: 180px;
 padding:5px 10px;
 border:1px solid #c8c8c8;
 background: url("/img/common/footer_search_bg.gif") repeat-x left bottom #FFFFFF;
}

/*検索メニュー*/
.footerMenu {
 float: left;
 overflow: hidden;
 margin-right: 10px;
}
.footerMenu .title {
 margin-bottom: 10px;
}
.footerMenu ul {
 float: left;
}
.footerMenu.menu01 ul.first {
 min-width: 70px;
}
.footerMenu.menu01 ul.second {
 min-width: 70px;
}
.footerMenu.menu04 {
 margin-right: 0;
}
.footerMenu.menu04 ul.first {
 min-width: 110px;
}
.footerMenu li {
 margin-bottom: 10px;
}
.footerMenu a {
 color: #3d89d0;
}
.footerMenu a:hover {
 color: #333;
}

/*フッターリンク*/
.footerLink {
 margin-bottom: 10px;
}
.footerLink li {
 display: inline;
}
.footerLink li+li {
 border-left: #ccc 1px solid;
}
.footerLink li a {
 padding: 0 10px;
}
.footerLink li:first-child a {
 padding-left: 0;
}

/*ページトップ*/
.pageTop {
 clear: both;
 text-align: right;
}


/* Contents
--------------------------------------------------*/
#main {
 float: left;
 width: 660px;
}

#sub {
 float: right;
 width: 300px;
}

.section {
 padding: 15px 0;
}

/*
==============================================
 Modules
==============================================
*/

/*見出し
-------------------------------------------------*/
.h2_type01 {
 margin-bottom: 10px;
 border-bottom: #ccc 1px solid;
 color: #CC3300;
 font-size: 14px;
}

/*アイコン
-------------------------------------------------*/
/*各種アイコン*/
[class^="ico_"]:before {
 content:"";
 display: inline-block;
 width: 16px;
 height: 16px;
 margin-right: 5px;
 margin-top: -2px;
 background: url(/img/top_index/share/bg_icon.png) no-repeat;
 vertical-align: middle;
}
.ico_chef:before {
 background-position: 0 0;
}
.ico_tv:before {
 background-position: 0 -16px;
}
.ico_check:before {
 background-position: 0 -32px;
}
.ico_rank1:before {
 background-position: 0 -48px;
}
.ico_rank2:before {
 background-position: 0 -64px;
}
.ico_rank3:before {
 background-position: 0 -80px;
}
.ico_blank:before {
 background-position: 0 -96px;
}

/*矢印アイコン*/
.arw_r_wh2:before { /*右・白・サイズ大*/
 content:"";
 display: inline-block;
 width: 11px;
 height: 19px;
 margin-right: 5px;
 margin-top: -5px;
 background: url(/img/top_index/share/ico_arw_r_wh2.png) no-repeat;
 vertical-align: middle;
}
.arw_l_wh2:before { /*左・白・サイズ大*/
 content:"";
 display: inline-block;
 width: 11px;
 height: 19px;
 margin-right: 5px;
 margin-top: -5px;
 background: url(/img/top_index/share/ico_arw_l_wh2.png) no-repeat;
 vertical-align: middle;
}

/*タグアイコン*/
.ico_tag:before {
 content:"";
 display: inline-block;
 width: 18px;
 height: 18px;
 margin-right: 5px;
 background: url(/img/top_index/share/ico_tag.png) no-repeat;
 vertical-align: middle;
}


/*ボタン
-------------------------------------------------*/

/*ボタンベース大*/
.btnL {
 display: block;
 padding: 10px;
 font-size: 16px;
 letter-spacing:0.1em;
 text-align: center;
 position: relative;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 position: relative;
}
.btnL:hover {
 opacity:0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
}

/*ボタン種類・主（オレンジ）*/
.btn_primary {
 background: #ff6600;
 color: #fff;
}
.btn_primary:hover {
 color: #fff;
}

/*ボタン矢印*/
.btnL.arw_r_wh2:before{
 position: absolute;
 right: 15px;
 top: 50%;
 margin-top: -10px;
}

/*リスト
-------------------------------------------------*/
/*リンクリスト*/
.linkList li+li {
 border-top: #d6d6d6 1px solid;
}
.linkList a {
 display: block;
 padding: 8px 0;
}
.linkList a:hover .txt {
 color: #f60;
}
.linkList .ph {
 margin-bottom: 8px;
}

.linkList.type_media a:after {
 content:"";
 display: block;
 clear: both;
}
.linkList.type_media .ph {
 float: left;
 margin-right: 10px;
}
.linkList.type_media .data {
 overflow: hidden;
}

/*水平リスト*/
.holizonalList {
 display: table;
 width: 100%;
}
.holizonalList li {
 display: table-cell;
 padding: 0 10px;
 text-align: center;
 vertical-align: top;
}
.holizonalList li+li {
 border-left: #d6d6d6 1px solid;
}
.holizonalList li:first-child {
 padding-left: 0;
}
.holizonalList li:last-child {
 padding-right: 0;
}
.holizonalList a {
 display: block;
}
.holizonalList p {
 line-height: 1.2;
}
.holizonalList a:hover p{
 color: #f60;
}
.holizonalList .hl_title {
 margin-bottom: 5px;
}
.holizonalList .hl_ph {
 margin-bottom: 5px;
}

.ie7 .holizonalList,
.ie6 .holizonalList {
 overflow: hidden;
 zoom:1;
}
.ie7 .holizonalList li,
.ie6 .holizonalList li {
 float: left;
 padding: 0 7px;
 text-align: center;
}

/*タグクラウド*/
.tagCloud li {
 display: inline;
}
.subPanel .tagCloud a {
 padding: 0 5px;
 color: #f60;
}
.subPanel .tagCloud a:hover {
 color: #333;
}
.tagCloud a.xs {
 font-size: 10px;
}
.tagCloud a.x {
 font-size: 12px;
}
.tagCloud a.m {
 font-size: 14px;
}
.tagCloud a.l {
 font-size: 16px;
}
.tagCloud a.xl {
 font-size: 18px;
}

/*おすすめBook＆DVD
-------------------------------------------------*/
.recommendList{
 text-align: center;
}
.recommendList li {
 margin: 0 5px;
 display: inline-block;
 *display: inline;
 *zoom:1;
 vertical-align: top;
}
.recommendList li p {
 text-align: left;
}
.recommendList .txt {
 margin-top: 15px;
 padding-top: 10px;
 border-top: #ccc 1px solid;
}
.recommendList .apli_title {
 margin: 15px 0 10px;
 padding-left: 20px;
 background: url(/img/top_index/share/ico_circle_arw_r2.gif) left top no-repeat;
 color: #804F21;
 font-weight: bold;
 font-size: 14px;
 line-height: 1.2;
}
.recommendList a{
 display: block;
}
.recommendList a:hover .txt{
 color: #f60;
}
.recommendList.col5 li {
 width: 162px;
}
.recommendList.col7 li {
 width: 125px;
}

/*フッター
-------------------------------------------------*/

#smart_footer{
    text-align:center;
    width:400px;
    margin:5px auto;
}

#smart_footer a{
    border: 1px solid #000;
    display: block;
    width: 400px;
    background:#feebd7;
    color:#333;
    padding: 10px 0;
    text-decoration: underline;
}
/*
==============================================
 Utilities
==============================================
*/

/* マージン
---------------------------------*/
.mt0{ margin-top: 0 !important;}
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}
.mt35{ margin-top: 35px !important;}
.mt40{ margin-top: 40px !important;}
.mt45{ margin-top: 45px !important;}
.mt50{ margin-top: 50px !important;}

.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb50{ margin-bottom: 50px !important;}

.ml0{ margin-left: 0 !important;}
.ml5{ margin-left: 5px !important;}
.ml10{ margin-left: 10px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px !important;}
.ml25{ margin-left: 25px !important;}
.ml30{ margin-left: 30px !important;}

.mr0{ margin-right: 0 !important;}
.mr5{ margin-right: 5px !important;}
.mr10{ margin-right: 10px !important;}
.mr15{ margin-right: 15px !important;}
.mr20{ margin-right: 20px !important;}
.mr25{ margin-right: 25px !important;}
.mr30{ margin-right: 30px !important;}

/* パディング
---------------------------------*/
.pt0{ padding-top: 0 !important;}
.pb0{ padding-bottom: 0 !important;}
.pt5{ padding-top: 5px !important;}
.pb5{ padding-bottom: 5px !important;}

/* パディング
---------------------------------*/
.ie8 .pl20{ padding-left: 20px !important;}


/* 行揃え
---------------------------------*/
.ta_l{ text-align: left; }
.ta_r{ text-align: right; }
.ta_c{ text-align: center; }
.va_t{ vertical-align: top; }
.va_m{ vertical-align: middle; }
.va_b{ vertical-align: bottom; }

/* 文字サイズ
---------------------------------*/
.fz10 { font-size: 10px;}
.fz11 { font-size: 11px;}
.fz12 { font-size: 12px;}
.fz13 { font-size: 13px;}
.fz14 { font-size: 14px;}
.fz15 { font-size: 15px;}
.fz16 { font-size: 16px;}
.fz17 { font-size: 17px;}
.fz18 { font-size: 18px;}
.fz19 { font-size: 19px;}
.fz20 { font-size: 20px;}

/*文字間隔
---------------------------------*/
.ls_wide { letter-spacing: 0.2em;}
.ls_narrow { letter-spacing: -0.1em;}


/* フロート／フロート解除
---------------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.fl_img{ float: left; margin-right: 10px; margin-bottom: 10px;}
.fr_img{ float: right; margin-left: 10px; margin-bottom: 10px;}
.clear{ clear:both; }

/* clearfix */
.clearfix:after {
 content: ""; 
 display: block; 
 clear: both; 
}
.clearfix{
 *zoom:1;
}

/* その他
---------------------------------*/
.hidden {
 width: 0;
 height: 0;
 visibility:hidden;
}