@charset "utf-8";

/* ****************************************************
common.css
・Reset
・Layout

***************************************************** */
/* ------------------------------------
	Reset
------------------------------------ */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td,video {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font-size:100%;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
vertical-align:middle;
}

select,input,button,textarea{
font-size:99%;
font-family:メイリオ,meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Arial,Helvetica,sans-serif;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

a,object{
outline:none;
border:none;
}

/* ------------------------------------
	Body
------------------------------------ */
body{
background:#fff url(../images/common/body_bg.gif) left top repeat-x;
font-family:メイリオ,meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Arial,Helvetica,sans-serif;
font-size:75%;
line-height:1.5;
color:#3d3d3d;
}

/* ------------------------------------
	Link
------------------------------------ */
a:link,
a:visited{
text-decoration:underline;
}

a:hover,
a:active{
text-decoration:none;
}

#footer a:link,
#footer a:visited{
text-decoration:none;
}

#footer a:hover,
#footer a:active{
text-decoration:underline;
}

/* ------------------------------------
	Header
------------------------------------ */
#headerWrap{
margin:0 0 10px 0;
background:transparent url(../images/common/header_bg.gif) center top no-repeat;
}

#header{
position:relative;
margin:0 auto;
width:912px;
height:137px;
}

#logo{
font-size:0;
line-height:0;
}

#bookmarkBtn{
position:absolute;
top:2px;
right:7px;
cursor:pointer;
}

#bookmarkBtn span{
padding:18px 0 0 0;
width:129px;
background:transparent url(../images/common/btn_bookmark.gif) left top no-repeat;
cursor:pointer;
display:block;
}

/* ------------------------------------
	GlobalNavi
------------------------------------ */
#gNavi{
width:912px;
height:46px;
background:transparent url(../images/common/gnavi.gif) left top no-repeat;
}

#gNavi li{
float:left;
}

#gNavi #gSpecial li{
float:none;
}

#gNavi li a,
#gNavi #gSpecial a,
#gNavi #gShop span{
float:left;
padding:46px 0 0 0;
width:129px;
height:0;
overflow:hidden;
background-image:url(../images/common/gnavi.gif);
background-repeat:no-repeat;
}

#gNavi #gSpecial li a{
float:none;
padding:0;
width:auto;
height:auto;
background:none;
}

/* Link */
#gNavi #gHome a{ width:138px;background-position:0 0; }
#gNavi #gRecipe a{ background-position:-138px 0; }
#gNavi #gSimple a{ background-position:-267px 0; }
#gNavi #gLunch a{ background-position:-396px 0; }
#gNavi #gSnack a{ width:130px;background-position:-525px 0; }
#gNavi #gSpecial a{ background-position:-654px 0;cursor:pointer; }
#gNavi #gShop a,#gNavi #gShop span{ width:128px;background-position:-783px 0; }
/* Hover */
#gNavi #gHome a:hover,#gNavi #gHome a.ac{ background-position:0 -46px; }
#gNavi #gRecipe a:hover,#gNavi #gRecipe a.ac{ background-position:-138px -46px; }
#gNavi #gSimple a:hover,#gNavi #gSimple a.ac{ background-position:-267px -46px; }
#gNavi #gLunch a:hover,#gNavi #gLunch a.ac{ background-position:-396px -46px; }
#gNavi #gSnack a:hover,#gNavi #gSnack a.ac{ background-position:-525px -46px; }
#gNavi #gSpecial a:hover,#gNavi #gSpecial a.ac{ background-position:-654px -46px; }
#gNavi #gShop a:hover,#gNavi #gShop a.ac,#gNavi #gShop span.hover{ background-position:-783px -46px; }

/* ------------------------------------
	Wrapper / Contents
------------------------------------ */
#contents{
margin:0 auto;
padding:0 0 20px 0;
width:912px;
}

#main{
float:left;
width:668px;
}

#sideNavi{
float:right;
padding:10px 0 0 0;
width:244px;
}

/* ------------------------------------
	BreadCrumbs
------------------------------------ */
#breadCrumbs{
margin:0 0 14px 0;
font-weight:bold;
color:#06c;
}

#breadCrumbs li{
display:inline;
}

#breadCrumbs li,
#breadCrumbs li span{
margin:0 4px 0 0;
}

/* ------------------------------------
	レシピ検索
------------------------------------ */
#recipeSearchArea{
margin:0 0 10px 0;
padding:8px 0 0 0;
width:912px;
height:43px;
background:transparent url(../images/common/recipe_search_bg.gif) 100% 4px no-repeat;
}

#recipeSearchArea h2{
float:left;
margin:-8px 0 0 0;
width:166px;
}

#recipeSearchArea .freeword{
float:left;
padding:4px 0 0 0;
width:230px;
}

#recipeSearchArea .freeword img,
#recipeSearchArea .freeword input{
vertical-align:middle;
}

#recipeSearchArea .freeword label,
#recipeSearchArea .freeword input{
float:left;
}

#recipeSearchArea .freeword .input{
margin:2px 3px 0 0;
border:1px solid #9a9a9a;
width:168px;
height:29px;
text-align:left;
}

#recipeSearchArea .detailSearch{
float:left;
width:505px;
}

#recipeSearchArea .detailSearch dt{
float:left;
width:85px;
}

#recipeSearchArea .detailSearch dd{
float:left;
width:418px;
}

#recipeSearchArea .detailSearch li{
float:left;
padding:5px 0 0 0;
width:139px;
border:none;
background:none;
}

#recipeSearchArea .detailSearch li a{
display:block;
}

#recipeSearchArea #submit{
padding:0;
width:49px;
height:37px;
border:none;
background:none;
cursor:pointer;
}

#recipeSearchArea #submit span{

}

.subMenu{
position:absolute;
padding:0 9px 9px;
width:109px;
border-width:0 1px 1px;
border-style:solid;
z-index:100;
display:none;
}

.gSpecial li{
padding:0 0 0 1em;
text-indent:-1em;
}

.genreSearch{ background:#fbbb43;border-color:#ef800e; }
.menuSearch{ background:#a8eeb5;border-color:#62ae71; }
.materialSearch{ background:#69cddf;border-color:#5da2af; }
.gSpecial{ background:#f16501;border-color:#ea4901;z-index:100; }

.subMenu ul{
padding:5px 0 ;
width:109px;
border-width:0 1px 1px;
border-style:solid;
background:#fff;
}

.gSpecial ul{
padding:5px;
width:99px;
}

.genreSearch ul{ border-color:#ef800e; }
.menuSearch ul{ border-color:#62ae71; }
.materialSearch ul{ border-color:#5da2af; }
.gSpecial ul{ border-color:#ea4901; }

.subMenu li li{
position:static;
width:109px;
}

.subMenu ul .noIco{
padding:0 5px;
width:99px;
}

.genreSearch li a,
.menuSearch li a,
.materialSearch li a{
display:block;
padding:3px 0 3px 15px;
width:94px;
background:transparent url(../images/common/ico_arrow.gif) 7px 8px no-repeat;
color:#ed4a00;
}


/* ------------------------------------
	Side
------------------------------------ */
/* 新着レシピ
------------------------------------ */
#sideTopics{
width:244px;
margin:0 0 10px 0;
}

#sideTopics h2{
margin:0 0 2px 0;
}

#sideTopics ul{
margin:0 0 0 11px;
width:224px;
}

#sideTopics li{
padding:10px 0 10px 80px;
width:144px;
border-bottom:1px dashed #ffab58;
background-position:0 0;
background-repeat:no-repeat;
}

#sideTopics h3 img{
float:left;
margin:0 0 0 -80px;
}

#sideTopics .thumb img{
float:left;
margin:0 0 0 -54px;
border:2px solid #9f9f9f;
}

/* バナーリスト
------------------------------------ */
#sideNavi .bnrList{
width:244px;
}

#sideNavi .bnrList li{
margin:0 0 10px 0;
line-height:0;
font-size:0;
}

/* アイコンの見方
------------------------------------ */
#iconHelp{
margin:0 0 10px 0;
width:244px;
line-height:0;
font-size:0;
}

/* twitter
------------------------------------ */
#twitterWidget{
padding:0 0 8px 0;
width:244px;
background:#00a3e1 url(../images/common/side_twitter_bg.gif) left bottom no-repeat;
}

.twitterListWrap{
padding:0 0 4px 0;
width:242px;
border-width:0 1px;
border-style:solid;
border-color:#4ac3eb;
}

#twitterWidget h2,
#twitterWidget .btn{
line-height:0;
font-size:0;
}

#twitterWidget .btn{
margin:0 0 5px 0;
text-align:center;
}

#twitterWidget .tweetList{
margin:0 0 0 9px;
padding:1px 10px;
width:276px!important;
background:#ddd;
}

#twitterWidget .tweetList li{
margin:10px 0;
padding:8px;
width:258px!important;
background:#f1f1f1;
color:#666;
}

#twitterWidget .profile{
margin:0 0 8px 0;
padding:0 0 0 46px;
width:142px;
}

#twitterWidget .profile .thumb img{
float:left;
margin:0 0 0 -46px;
}

#twitterWidget .profile .userName{
font-weight:bold;
}

#twitterWidget .profile .timeStamp{
font-size:85%;
color:#aaa;
}

#twitterWidget .tweetList .noDataText{
margin:10px 0 0;
padding:8px 8px 0;
}

#twitterWidget .tweetList .noDataBtn{
margin:0 0 10px;
padding:3px 8px 8px;
}

#twitterWidget .getBtn{
display:block;
padding:3px 0;
width:186px;
background:#fff;
border:1px solid #ccc;
text-align:center;
cursor:pointer;
}

#twitterWidget .tweetList .loading{
height:50px;
background:#f1f1f1 url(../images/common/loading.gif) center center no-repeat;
}

/* おでん・旬の食材 バックナンバー
------------------------------------ */
.sideBackNumber,
.sideBackNumberListWrap{
width:244px;
}

.odenBlog .sideBackNumber,
.odenBlog .sideBackNumberListWrap{
background-image:url(../images/oden/side_backnumber_bg.gif);
}

.seasonsBlog .sideBackNumber,
.seasonsBlog .sideBackNumberListWrap{
background-image:url(../images/seasons/side_backnumber_bg.gif);
}

.sideBackNumber{
margin:0 0 14px 0;
background-repeat:repeat-y;
background-position:0 9px;
}

.sideBackNumberListWrap{
padding:0 0 20px;
background-repeat:no-repeat;
background-position:-244px 100%;
}

.sideBackNumber dl{
margin:0 auto;
width:206px;
}

.sideBackNumber dt{
float:left;
clear:left;
padding:4px 0;
width:50px;
}

.sideBackNumber dd{
padding:4px 0;
margin:0 0 0 55px;
}

* html .sideBackNumber dd{
height:1px;
}

.sideBackNumber .listLink{
text-align:right;
}

.sideBackNumber a{
color:#f00;
}

/* ------------------------------------
	Footer
------------------------------------ */
#footerWrap{
border-bottom:1px solid #028912;
background:#5ac252 url(../images/common/footer_bg.gif) left top repeat-x;
}

#footer{
margin:0 auto;
padding:10px 10px 100px 22px;
width:880px;
}

/* footerLink
------------------------------------ */
#footer ul.footerLink,#footer #footerLeft{
width:500px;
float:left;
}

#footer .footerLink li{
margin:0 35px 0 0;
display:inline;
}

#footer .footerLink li a{
color:#fff;
}

/* Copyright
------------------------------------ */
#footer .copyright{
float:right;
font-size:85%;
color:#fff;
}

/* ------------------------------------
	Common
------------------------------------ */
.recipeName{
font-weight:bold;
}

.recipeName a{
color:#f00;
}

/* ------------------------------------
	- TopPage -
------------------------------------ */
/* MainVisual
------------------------------------ */
#topMainVisual{
/*position:relative;*/
margin:0 0 14px 11px;
width:627px;
overflow:hidden;
border:5px solid #ffda9a;
border-radius:5px;
-moz-border-radius:5px;
background:transparent url(../images/top/main_bg.gif) left bottom no-repeat;
}

#topMainVisual .btnList{
float:left;
padding:8px 0 0 15px;
width:212px;
font-size:0;
line-height:0;
}

#topMainVisual .btnList li{
background-position:0 0;
background-repeat:no-repeat;
}

#topMainVisual .btnList li a{
float:left;
width:200px;
margin:0 0 5px 0;
padding:34px 0 0 0;
height:0;
overflow:hidden;
background-position:0 0;
background-repeat:no-repeat;
color:#fff;
}

#topMainVisual .btnList .btn01,
#topMainVisual .btnList .btn01 a.ac{
background-image:url(../images/top/btn_main_special_on.gif);
}

#topMainVisual .btnList .btn01 a{
background-image:url(../images/top/btn_main_special.gif);
}

#topMainVisual .btnList .btn02,
#topMainVisual .btnList .btn02 a.ac{
background-image:url(../images/top/btn_main_topics_on.gif);
}

#topMainVisual .btnList .btn02 a{
background-image:url(../images/top/btn_main_topics.gif);
}

#topMainVisual .btnList .btn03,
#topMainVisual .btnList .btn03 a.ac{
background-image:url(../images/top/btn_main_recommend_on.gif);
}

#topMainVisual .btnList .btn03 a{
background-image:url(../images/top/btn_main_recommend.gif);
}

#topMainVisual .visualList{
float:right;
width:400px;
height:360px;
background:#fff;
overflow:hidden;
}

#topMainVisual .visualList li{
visibility:hidden;
}

#topMainVisual .visualList .loading{
width:400px;
height:360px;
background:transparent url(../images/top/loading.gif) center center no-repeat;
visibility:visible;
}

#topMainVisual .visualList dl{
padding:5px 15px;
}

#topMainVisual .visualList dt{
font-size:133%;
}

#topMainVisual .visualList dd{
font-weight:bold;
}

/* Ranking
------------------------------------ */
#topRanking{
margin:0 0 20px 0;
padding:0 0 15px 0;
width:648px;
background:transparent url(../images/top/ranking_bg.gif) right bottom no-repeat;
}

#topRanking h2{
margin:0 0 10px 0;
padding:18px 0 0 200px;
background:transparent url(../images/top/ranking_tit.gif) left top no-repeat;
font-size:150%;
font-weight:bold;
min-height:39px;
line-height:1;
color:#fff;
}

* html #topRanking h2{
height:39px;
}

#topRanking .dataSet{
margin:0 0 0 22px;
width:606px;
}

#topRanking li{
float:left;
width:202px;
}

#topRanking .rankData .thumb{
margin:0 0 5px;
text-align:center;
}

#topRanking .rankData dl{
padding:0 0 0 45px;
min-height:39px;
background-position:4px 0;
background-repeat:no-repeat;
}

* html #topRanking .rankData dl{
height:39px;
}

#topRanking .num1 .rankData dl{ background-image:url(../images/top/ico_rank_no1.gif); }
#topRanking .num2 .rankData dl{ background-image:url(../images/top/ico_rank_no2.gif); }
#topRanking .num3 .rankData dl{ background-image:url(../images/top/ico_rank_no3.gif); }

/* Pickup
------------------------------------ */
#topPickupArea{
margin:0 0 0 6px;
padding:0 0 7px 0;
}

#topPickupArea ul{
width:650px;
}

#topPickupArea li{
float:left;
padding:0 7px 13px 6px;
width:312px;
}

#topPickupArea .pickupData{
padding:2px 11px 5px 9px;
width:290px;
border:1px solid #d5d5d5;
}

#topPickupArea .pickupData h2{
margin:0 0 5px 0;
}

#topPickupArea .pickupData .block{
position:relative;
padding:0 0 32px 94px;
width:196px;
}

#topPickupArea .pickupData .thumb img{
float:left;
margin:0 0 -28px -94px;
}

#topPickupArea .pickupData .btnList{
position:absolute;
right:0;
bottom:0;
width:196px;
height:32px;
font-size:0;
line-height:0;
}

#topPickupArea .pickupData .btnList li{
margin:0;
padding:0;
width:auto;
}

/* Banner
------------------------------------ */
#topSpecialBnrList{
margin:0 0 30px 0;
width:650px;
}

#topSpecialBnrList ul{
width:650px;
font-size:0;
line-height:0;
}

#topSpecialBnrList li{
float:left;
width:325px;
text-align:right;
}

/* SearchList
------------------------------------ */
#searchListArea{
margin:0 0 0 11px;
padding:20px 20px 0 20px;
width:598px;
background:#edfcea;
}

.topPage #searchListArea{
margin:0 0 0 11px;
}

#searchListArea h3{
margin:0 0 3px 0;
padding:0 0 3px 0;
border-bottom:1px dashed #83bc77;
font-size:0;
line-height:0;
}

#searchListArea ul{
padding:0 0 20px 0;
width:598px;
line-height:1.8;
}

#searchListArea li{
float:left;
margin:0 5px 0 0;
padding:0 5px 0 8px;
background:transparent url(../images/common/ico_arrow.gif) left center no-repeat;
white-space:nowrap;
}

#searchListArea .noIco{
background:none;
}

/* ------------------------------------
	レシピ詳細
------------------------------------ */
.recipeHeader{
margin:0 0 8px 11px;
width:627px;
background:transparent url(../images/recipe/main_bg.gif) 446px 100% no-repeat;
}

/* 見出し
------------------------------------ */
.recipeTitle,
.recipeTitle h1{
background-image:url(../images/recipe/recipe_name_bg.gif);
background-repeat:no-repeat;
}

.recipeTitle{
margin:0 0 10px 0;
padding:0 0 8px 0;
background-position:0 100%;
}

.recipeTitle h1{
padding:8px 23px 0;
min-height:40px;
background-position:0 0;
color:#fff;
line-height:1.3;
}

* html .recipeTitle h1{
height:40px;
}

.recipeTitle h1 .subTitle{
display:block;
font-weight:normal;
}

.recipeTitle h1 .title{
display:block;
font-weight:bold;
font-size:166%;
}

.recipeTitle .printBtn{
float:right;
padding:2px 2px 0 0;
}

/* アイコン
------------------------------------ */
.recipeSub{
float:right;
padding:0 80px 180px 0;
width:106px;
}

.recipeSub li{
margin:0 0 5px 0;
padding:0 5px 10px 36px;
background-repeat:no-repeat;
background-position:0 100%;
font-weight:bold;
text-align:right;
}

.recipeSub span{
display:none;
}

.recipeSub .beginner,
.recipeSub .medium,
.recipeSub .higher{
padding:0 0 32px 0;
font-size:110%;
text-align:center;
}

.recipeSub .beginner{ background-image:url(../images/recipe/recipe_icon_star01.gif); }
.recipeSub .medium{ background-image:url(../images/recipe/recipe_icon_star02.gif); }
.recipeSub .higher{ background-image:url(../images/recipe/recipe_icon_star03.gif); }
.recipeSub .cookingTime{ background-image:url(../images/recipe/recipe_icon_time.gif); }
.recipeSub .calorie{ background-image:url(../images/recipe/recipe_icon_calorie.gif); }
.recipeSub .salt{ background-image:url(../images/recipe/recipe_icon_salt.gif); }

/* メイン画像
------------------------------------ */
.recipeImage{
float:left;
padding:0 0 0 10px;
text-align:right;
}

/* コメント
------------------------------------ */
.recipeComment{
clear:both;
margin:0 0 0 11px;
padding:6px 10px 20px;
background:transparent url(../images/recipe/comment_bg.gif) left bottom no-repeat;
}

/* 作り方 / 材料 / コツ・ポイント
------------------------------------ */
.recipeContent{
margin:8px 0 18px 10px;
width:639px;
}

/* 作り方
------------------------------------ */
.recipeStepWrap,
.recipeStep{
background-image:url(../images/recipe/recipe_bg.gif);
}

.recipeStepWrap{
float:right;
margin:0 0 18px 0;
padding:0 0 28px 0;
width:361px;
background-position:-361px 100%;
background-repeat:no-repeat;
}

.recipeStep{
background-position:0 53px;
background-repeat:repeat-y;
}

.recipeStep h2{
margin:0 0 3px 0;
font-size:0;
line-height:0;
}

.recipeStep .stepWrap{
padding:0 0 0 31px;
width:330px;
}

.recipeStep .step{
clear:both;
width:330px;
}

.recipeStep .labelImage{
float:left;
padding:8px 0 0 10px;
width:80px;
}

.recipeStep .stepImage{
float:left;
padding:7px 0 0 7px;
width:210px;
height:127px;
background:transparent url(../images/recipe/step_img_bg.png) left top no-repeat;
}

.recipeStep .text{
padding:0 20px 23px 0;
line-height:1.65;
}

.recipeStep .noStepImage .text{
padding:37px 20px 23px 0;
}

/* 材料
------------------------------------ */
.recipeMaterialWrap,
.recipeMaterial{
width:275px;
background-image:url(../images/recipe/material_bg.gif);
}

.recipeMaterialWrap{
float:left;
margin:0 0 5px 0;
padding:0 0 20px 0;
background-position:-272px 100%;
background-repeat:no-repeat;
}

.recipeMaterial{
padding:0 0 20px 0;
background-position:1px 53px;
background-repeat:repeat-y;
}

.recipeMaterial h2{
padding:30px 0 0 150px;
height:23px;
background:transparent url(../images/recipe/material_tit.gif) left top no-repeat;
}

.recipeMaterial h2 span{
display:none;
}

.recipeMaterial ul{
margin:20px 0 0 46px;
width:198px;
line-height:1.65;
}

* html .recipeMaterial ul{
line-height:1.3;
}

.recipeMaterial ul span{
display:block;
}

.recipeMaterial li{
clear:both;
width:198px;
}

.recipeMaterial li .label{
float:left;
}

.recipeMaterial li .volume{
float:right;
text-align:right;
}

/* コツ・ポイント
------------------------------------ */
.recipePointWrap,
.recipePoint{
width:275px;
background-image:url(../images/recipe/point_bg.gif);
}

.recipePointWrap{
float:left;
margin:0 0 20px 0;
padding:0 0 20px 0;
background-position:-272px 100%;
background-repeat:no-repeat;
}

.recipePoint{
background-position:1px 53px;
background-repeat:repeat-y;
}

.recipePoint h2{
margin:0 0 20px 0;
font-size:0;
line-height:0;
}

.recipePoint .text{
margin:20px 0 0 46px;
width:198px;
line-height:1.65;
}

.recipePoint .image{
margin:0 0 0 48px;
padding:12px 0 0 5px;
width:192px;
height:103px;
background:transparent url(../images/recipe/point_img_bg.png) left top no-repeat;
}

/* 使用した商品
------------------------------------ */
.usingProducts{
margin:0 auto;
padding:20px 0 0 0;
clear:both;
width:618px;
}

.usingProducts h3{
margin:0 0 5px 0;
font-size:0;
line-height:0;
}

.usingProducts .usingProductsList{
padding:18px 0 15px 0;
width:616px;
border:1px solid #ffab58;
}

.usingProducts .usingProductsList p{
text-align:center;
}

.usingProducts ul{
width:616px;
}

.usingProducts li{
float:left;
width:154px;
text-align:center;
}

.usingProducts li img{
display:block;
margin:0 auto 5px;
border:1px solid #afafaf;
}

.usingProducts li a{
color:#f00;
}

/* ------------------------------------
	レシピ一覧
------------------------------------ */
.listHeader{
}

.searchResultTitle{
width:665px;
min-height:91px;
background:transparent url(../images/recipe/list_search_tit_bg.gif) left top no-repeat;
}

.searchResultTitle h1{
padding:15px 0 0 45px;
}

.searchResultTitle .catch{
padding:0 0 0 45px;
}

.searchResultTitle .catch strong{
font-weight:bold;
}

* html .searchResultTitle{
height:91px;
}

.searchList{
margin:0 0 0 5px;
padding:15px 0;
width:660px;
background:transparent url(../images/common/list_line.gif) center bottom no-repeat;
}

.searchList li{
float:left;
width:220px;
}

.searchList .btn,
.searchList .thumb{
text-align:center;
}

.searchList .rankData{
margin:0 auto;
width:180px;
}

.searchList .rankData .thumb{
margin:0 0 5px;
}

.specialList{
margin:20px 0 20px 21px;
width:640px;
font-size:116%;
}

.specialList li{
margin:0 0 5px 0;
padding:0 0 0 18px;
background:transparent url("../images/common/ico_arrow.gif") 7px 5px no-repeat;
}

.pagetop{
margin:20px 0;
padding:0 20px 0 0;
text-align:right;
}

.pager{
margin:10px 0 0 20px;
width:600px;
font-weight:bold;
}

.pager li{
display:inline;
}

.pager li a,
.pager li span{
padding:5px;
}

.pager li span{
color:#f00;
}

.singlePager{
margin:0 0 0 12px;
padding:20px 0;
width:638px;
font-weight:bold;
}

.singlePager .prev{
float:left;
}

.singlePager .next{
float:right;
}

/* ------------------------------------
	おでん・旬の食材詳細
------------------------------------ */
.blogPage .categoryTitle{
margin:0 0 17px 0;
}

.blogPage .recipeHeader{
margin:0 0 15px 14px;
width:637px;
background:none;
}

.blogPage .recipeTitle{
padding:17px 21px 0;
width:595px;
}

.odenBlog .recipeTitle{
background:transparent url(../images/oden/post_header_bg.gif) left top no-repeat;
}

.seasonsBlog .recipeTitle{
background:transparent url(../images/seasons/post_header_bg.gif) left top no-repeat;
}

.blogPage .recipeTitle h1{
padding:0 0 18px;
width:595px;
font-size:200%;
font-weight:bold;
color:#f47e04;
}

.odenBlog .recipeTitle h1{
background:transparent url(../images/oden/post_title_line.gif) left bottom no-repeat;
}

.seasonsBlog .recipeTitle h1{
background:transparent url(../images/seasons/post_title_line.gif) left bottom no-repeat;
}

.blogPage .recipeTitle .date{
font-weight:bold;
font-size:116%;
}

.blogPage .blogEntry{
margin:0 0 15px 17px;
width:600px;
line-height:2.2;
}

.blogPage .recipeFooter{
margin:0 0 0 14px;
padding:52px 21px 18px;
width:595px;
}

.odenBlog .recipeFooter{
background:transparent url(../images/oden/post_footer_bg.gif) left bottom no-repeat;
}

.seasonsBlog .recipeFooter{
background:transparent url(../images/seasons/post_footer_bg.gif) left bottom no-repeat;
}

.blogPage .recipeFooter .date{
text-align:right;
}

.error404Message{
margin:10px 0 30px 11px;
padding:50px 20px;
width:592px;
border:3px solid #ffda9a;
text-align:center;
font-size:116%;
line-height:2.5;
font-weight:bold;
}

.bnrMain{
margin:0 0 20px 11px;
}

/* ------------------------------------
	Chikuwa de Recipeサイトとは？
------------------------------------ */
.aboutChikuwa dl,
.aboutChikuwa p{
float:left;
}

.aboutChikuwa .section{
width:665px;
}

.aboutChikuwa img{
vertical-align:top;
}

/* ------------------------------------
	ちくわQ＆A
------------------------------------ */
.qList{
margin:15px 0 20px 11px;
width:637px;
}

.qList ul{
float:left;
padding:0 0 0 10px;
width:308px;
}

.qList .left{
width:335px
}

.qList .right{
width:282px
}

.qList li{
margin:0 0 5px 0;
}

.qList a{
color:#f00;
}

.answer{
clear:both;
margin:20px 0 20px 11px;
min-height:170px;
width:637px;
background-position:100% 100%;
background-repeat:no-repeat;
}

* html .answer{
height:170px;
}

.illust01{ background-image:url(../images/about/qa/qa_illust01.gif); }
.illust02{ background-image:url(../images/about/qa/qa_illust02.gif); }
.illust03{ background-image:url(../images/about/qa/qa_illust03.gif); }
.illust04{ background-image:url(../images/about/qa/qa_illust04.gif); }

.answer .qTitleWrap,
.answer .qTitle{
background-image:url(../images/about/qa/qa_q_bg.gif);
background-repeat:no-repeat;
}

.answer .qTitleWrap{
margin:0 0 20px 0;
width:637px;
background-position:0 0;
background-color:#409f0c;
}

.answer .qTitle{
padding:5px 11px;
width:615px;
background-position:100% 100%;
color:#fff;
font-size:150%;
}

.answer .qTitle h2{
font-weight:bold;
}

.answer .aTextWrap{
margin:0 0 0 11px;
padding:0 18px 0 0;
width:484px;
background:transparent url(../images/about/qa/qa_balloon.gif) right bottom no-repeat;
}

.answer .aText{
padding:8px 10px;
border-width:2px 0 2px 2px;
border-style:solid;
border-color:#f47e04;
background:#fffee6;
}

/* ------------------------------------
	ちくわの歴史
------------------------------------ */
.historySection{
margin:0 0 0 11px;
padding:0 21px 0 0;
width:616px;
background-position:0 0;
background-repeat:no-repeat;
}

.historySection img{
vertical-align:top;
}

#history01{ margin:10px 0 0 11px;height:603px;background-image:url(../images/about/history/history_bg01.gif); }
#history02{ height:596px;background-image:url(../images/about/history/history_bg02.gif); }
#history03{ height:752px;background-image:url(../images/about/history/history_bg03.gif); }

#history01 h1,
#history01 h2,
#history01 p{
float:right;
}

#history01 h1{
padding:25px 0 0 0;
width:79px;
text-align:right;
}

#history01 h2{
padding:25px 0 0 0;
width:132px;
text-align:right;
}

#history01 p{
padding:25px 0 0 0;
}

#history02 p{
padding:19px 0 0 0;
float:right;
}

#history03 h2,
#history03 p{
float:right;
padding:15px 0 0 0;
}

.pagetop .reportLink{
margin:0 10px 0 0;
}

/* ------------------------------------
	ちくわ工場レポート
------------------------------------ */
.reportSection{
margin:0 0 0 11px;
width:637px;
}

.reportSection img{
vertical-align:top;
}

.repeatSection ul{
width:637px;
}

.reportSection li{
float:left;
}

.reportSection .right{
float:right;
}

#report04,
#report07{
position:relative;
top:-46px;
}

#report05,
#report06,
#report07{
position:relative;
top:-123px;
}

#report07{
margin:0 0 -120px 11px;
}

/* ------------------------------------
	サイトマップ
------------------------------------ */
.sitemapSec{
margin:0 0 0 11px;
width:636px;
font-weight:bold;
}

.sitemapSec .section{
float:left;
width:318px;
}

.sitemapSec .section ul{
margin:0 0 0 10px;
width:288px;
}

.sitemapSec .section ul ul{
float:none;
margin:0;
}

.sitemapSec li{
padding:10px 0;
border-bottom:1px dashed #ffab58;
}

.sitemapSec li a{
padding:0 0 0 12px;
background:transparent url(../images/common/ico_arrow02.gif) 0 0.4em no-repeat;
color:#f00;
}

.sitemapSec li li{
margin:0 0 2px 0;
padding:0;
border:none;
}

.sitemapSec dt{
padding:0 0 0 12px;
}

/* ------------------------------------
	プライバシーポリシー
------------------------------------ */
.policyChikuwa{
width:636px;
}

.policyChikuwa h1,
.policyChikuwa h2{
padding-bottom:20px;
}

.policyChikuwa .policyBox{
padding:15px;
margin-bottom:40px;
border:1px solid #fd954a;
}

.policyChikuwa .policyBox p,
.policyChikuwa .policyBox dl{
padding-bottom:10px;
}

.policyChikuwa .policyBox dt{
font-weight:bold;
}

.policyChikuwa .policyBox .rightTxt{
text-align:right;
}

/* ------------------------------------
	お問合わせ
------------------------------------ */
.contactChikuwa{
width:636px;
}

.contactChikuwa h1,
.contactChikuwa h2,
.contactChikuwa p{
padding-bottom:20px;
}

.contactChikuwa strong{
font-weight:bold;
}

.contactChikuwa li{
float:left;
padding:10px;
}


/* ------------------------------------
	特定商取引に関する表記
------------------------------------ */
.tradeChikuwa{
width:636px;
}

.tradeChikuwa h1,
.tradeChikuwa h2,
.tradeChikuwa p{
padding-bottom:20px;
}

.tradeChikuwa table{
border:1px solid #fd954a;
}

.tradeChikuwa th{
width:140px;
padding:15px;
border-bottom:1px solid #fd954a;
border-right:1px solid #fd954a;
background-color:#ffceab;
}

.tradeChikuwa td{
width:490px;
padding:15px;
border-bottom:1px solid #fd954a;
}

.tradeChikuwa strong{
font-weight:bold;
}

.tradeChikuwa li{
float:left;
padding:10px;
}

/* ------------------------------------
	会社案内
------------------------------------ */
.companyChikuwa{
width:636px;
}

.companyChikuwa h1{
padding-bottom:20px;
}

.companyChikuwa table{
margin:20px 0;
border:1px solid #fd954a;
}

.companyChikuwa th{
width:130px;
padding:5px;
border-bottom:1px solid #fd954a;
border-right:1px solid #fd954a;
background-color:#ffceab;
}

.companyChikuwa td{
width:500px;
padding:5px;
border-bottom:1px solid #fd954a;
}

.companyChikuwa li{
float:left;
padding:10px 10px 10px 0;
}

.companyChikuwa li.txt{
width:360px;
float:left;
padding:10px 10px 10px 0;
}

/* ------------------------------------
	配送について
------------------------------------ */
.orderChikuwa{
width:636px;
}

.orderChikuwa .orderBox1 li{
float:left;
}

.orderChikuwa .orderBox1 .txt{
width:450px;
}

.orderChikuwa .orderBox1 .img{
width:150px;
}

.orderChikuwa h1,
.orderChikuwa h2,
.orderChikuwa p{
margin-top:10px;
padding-bottom:10px;
}

.orderChikuwa h2{
padding-top:20px;
}

.orderChikuwa h2.non{
padding-top:0;
}

.orderChikuwa .price{
border:1px solid #fd954a;
}

.orderChikuwa .price th{
width:230px;
padding:5px;
border-bottom:1px solid #fd954a;
border-right:1px solid #fd954a;
background-color:#ffceab;
text-align:center;
}

.orderChikuwa .price td{
width:400px;
padding:5px;
border-right:1px solid #fd954a;
border-bottom:1px solid #fd954a;
text-align:center;
}

.orderChikuwa .time th{
width:500px;
}

.orderChikuwa table{
border:1px solid #fd954a;
}

.orderChikuwa th{
width:230px;
padding:5px;
border-bottom:1px solid #fd954a;
border-right:1px solid #fd954a;
background-color:#ffceab;
}

.orderChikuwa td{
width:400px;
padding:5px;
border-bottom:1px solid #fd954a;
}

.orderChikuwa .rp1 p{
padding:3px 0;
}

.orderChikuwa .rp1 dl{
width:290px;
float:left;
padding:0;
margin:0 0 10px 0;
}

.orderChikuwa .rp1 dt{
margin-bottom:10px;
}

.orderChikuwa .rp1 dl.left{
border-right:1px #fdd0a0 dotted;
padding-right:10px;
}

.orderChikuwa .rp1 dl.right{
padding-left:15px;
}

.orderChikuwa li{
float:left;
width:300px;
padding:5px 10px 10px 0;
}

.orderChikuwa li.oneimage{
float:left;
width:150px;
}

.orderChikuwa li.onetxt{
float:left;
width:400px;
padding-top:20px;
}


.orderChikuwa p,
.orderChikuwa dl{
padding-top:10px;
padding-bottom:10px;
}

.orderChikuwa dt{
font-weight:bold;
}

.orderChikuwa dd{
padding-bottom:5px;
}

.orderChikuwa .Wrapping,
.orderChikuwa .Wrapping dd{
padding-bottom:0;
}

/* -table-low
----------------------------------------------*/
div.table-low p  strong{
padding-top:0px;
font-weight:bold;
}

div.table-low {
margin:0;
padding:0 0 20px;
}
div.table-low table {
border-top:solid 1px #d9d9d9;
border-left:solid 1px #d9d9d9;
width:100%;
line-height:1.5;
}
div.table-low table caption {
margin:-2px 0 2px 0;
text-align:left;
font-weight:bold;
font-size:116.66%;
}
div.table-low table td,
div.table-low table th {
border-right:solid 1px #d9d9d9;
border-bottom:solid 1px #d9d9d9;
text-align:left;
}
div.table-low table th {
padding:7px 10px 6px 10px;
}
div.table-low table td {
padding:7px 10px 6px 10px;
}

div.table-low table .elementWrap {
margin:0 0 -10px 0;
}

/*  fix nest  */
.table-low table .paragraph-low { margin:-12px 0 0 0; padding:0 0 12px 0; }
.table-low table .textList-low { padding:0 0 12px 0; font-size:100%; }
.table-low table .textListNavi-low { padding:0 0 12px 0; font-size:100%; }
.table-low table .textListTerms-low { padding:0 0 14px 0; font-size:100%; }
.table-low table .textListTerms-low table { border:none; width:auto; }
.table-low table .textListTerms-low table th, .table-low table .textListTerms-low table td { border:none; padding:0; }

/*  fix nest  */
.table-low .textListTerms-low { margin:0; padding:10px 0 0 0; font-size:100%; }
.table-low .textListTerms-low table { border:none; !important}
.table-low .textListTerms-low table th, .table-low .textListTerms-low table td { border:none; margin:0; padding:0; !important }

.table-low table .pik {margin: 0;padding: 0 0 20px;}
.table-low table .middle {vertical-align: middle !important;}
.table-low table .center {text-align: center !important;}
.table-low table .lv3 {background: none repeat scroll 0 0 #FBFBF9 !important;}

.table-low table .headingLvLowest p strong {
display: block;
font-size: 100%;
font-weight: bold;
line-height: 1.15;
}

.table-low table em {
color: #F3422C;
font-style: normal;
font-weight: bold;
}


/* clearfix
------------------------------------ */
.clearfix:after,
#gNavi:after,
#contents:after,
#sideTopics li:after,
#topMainVisual:after,
#topRanking .dataSet:after,
#topPickupArea ul:after,
#topSpecialBnrList ul:after,
.block:after,
#searchListArea ul:after,
.recipeHeader:after,
.recipeContent:after,
.recipeMaterial ul:after,
.usingProducts ul:after,
.searchList:after,
.recipeStep .step:after,
#gNavi #gSpecial ul:after,
.singlePager:after,
.sideBackNumber dl:after,
#recipeSearchArea:after,
.aboutChikuwa .section:after,
.qList:after,
.sitemapSec:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix,
#gNavi,
#contents,
#sideTopics li,
#topMainVisual,
#topRanking .dataSet,
#topPickupArea ul,
#topSpecialBnrList ul,
.block,
#searchListArea ul,
.recipeHeader,
.recipeContent,
.recipeMaterial ul,
.usingProducts ul,
.searchList,
.recipeStep .step,
#gNavi #gSpecial ul,
.singlePager,
.sideBackNumber dl,
#recipeSearchArea,
.aboutChikuwa .section,
.qList,
.sitemapSec{
display:inline-block;
}
/* \*/
.clearfix,
#gNavi,
#contents,
#sideTopics li,
#topMainVisual,
#topRanking .dataSet,
#topPickupArea ul,
#topSpecialBnrList ul,
.block,
#searchListArea ul,
.recipeHeader,
.recipeContent,
.recipeMaterial ul,
.usingProducts ul,
.searchList,
.recipeStep .step,
#gNavi #gSpecial ul,
.singlePager,
.sideBackNumber dl,
#recipeSearchArea,
.aboutChikuwa .section,
.qList,
.sitemapSec{
display:block;
}
/* */

.snsArea{
	width:912px;
	margin:0 auto 0 auto;
}

.snsArea li{
	float:left;
	width:120px;
}

.bottomSnsArea{
	padding-top:20px;
	margin-left:10px;
	margin-right:15px;
}

.bottomSnsArea div.left{
	width:49%;
	float:left;
}

.bottomSnsArea div.right{
	width:49%;
	float:right;
}