@charset "euc-jp";

/* ─────────────────────────────────
RESET
───────────────────────────────── */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,input,select,textarea { font-size:12px; color:#444; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',/*'メイリオ',Meiryo*/,'ＭＳ Ｐゴシック',sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0; line-height:150%; list-style-type:none; }
fieldset,img { border:0; vertical-align:bottom; }
caption,th { text-align:left; }
select { padding:1px; vertical-align:top;}
input { vertical-align:top;}

/* ─────────────────────────────────
OPTIONS
───────────────────────────────── */
img { -ms-interpolation-mode: bicubic; } /* 縮小画像をきれいに見せる(IE6) */
html { overflow-y:scroll;}                /* firefoxのスクロールバーを常時表示(iframeとの併用注意)  */

.tC { text-align:center !important; }
.tL { text-align:left !important; }
.tR { text-align:right !important; }
.fR { float:right !important; }
.fL { float:left !important; }
.clear { clear:both;}
.mb10 { margin-bottom:10px;}
.asterisk { text-indent:-1em !important; padding-left:1em !important; }

a:link { color:#BF9C48; text-decoration:underline; }
a:visited { color:#BF9C48; text-decoration:underline; }
a:hover { color:#BF9C48; text-decoration:none;}
a:hover img { opacity:0.8; filter: alpha(opacity=80);}
a:hover.void img { opacity:1 !important; filter: alpha(opacity=100) !important; cursor:default;}

/* ─────────────────────────────────
LAYOUT
───────────────────────────────── */

body { text-align:center; }
#container { text-align:left;}

#header { width:930px; height:56px; margin:0 auto; overflow:hidden; position:relative;}
#header .headerLogo { padding:19px 0 0 10px;}

.socialNavHead {
    overflow:hidden;
    position:absolute;
    right:0;
    top:18px;
}
#socialGooglePlusBtn { 
    float:right;
}

#socialTwitterBtn {
    float:right;
    margin-right:7px;
}

#___plusone_0 { width:50px !important; }
#___plusone_0 iframe { width:50px !important; }
#___plusone_1 { width:50px !important; }
#___plusone_1 iframe { width:50px !important; }

#socialFacebookBtn {
    float:right;
    margin-right:9px;
}

iframe.twitter-share-button {
    width: 90px!important;
}

#socialMixiBtn {
    float:right;
}

#topCaption { width:1000px; margin:0 auto; position:relative;}
#topCaption h1 { width:1000px; height:458px; overflow:hidden; margin:0 0 15px 0;}
#topCaption .topTheme { width:954px; margin:0 auto 37px auto; overflow:hidden;}
#topCaption .topTheme li { width:155px; float:left; margin:0 2px; display:inline;}
#topCaption .btnArea { width:316px; overflow:hidden; position:absolute; left:112px; top:409px;}
#topCaption .btnArea li { width:144px; height:32px; float:left; margin:0 14px 0 0; display:inline;}
#topCaption .btnArea li a { width:144px; height:32px; display:block; cursor:pointer;}
#topCaption .btnArea li a:hover img { opacity:1; filter: alpha(opacity=100);}

h1.subCaption { width:1000px; margin:0 auto 10px auto;}

#contents { width:930px; margin:0 auto; overflow:hidden; padding:0 0 30px 0;}

#contents .topAreaSearch { width:930px; overflow:hidden; margin:0 0 37px 0; background:#F0F0F0 none left top no-repeat;}
#contents .topAreaSearch h3 {}
#contents .topAreaSearch ul { width:890px; overflow:hidden; padding:10px 20px; margin:0 0 10px 0; background:url(../../static/img/common/bg_area.gif) left bottom repeat-x;}
#contents .topAreaSearch ul li { float:left; margin:0 10px 0 0; display:inline; color:#4e4e4e;}
#contents .topAreaSearch ul li a { margin:0 10px 0 0; color:#0d0407;}
#contents .topAreaSearch ul li span { margin:0 10px 0 0;}
#contents .topAreaSearch dl  { width:890px; overflow:hidden; padding:0 20px;}
#contents .topAreaSearch dl dt  { margin:0 0 8px 0;}
#contents .topAreaSearch dl dd  {}
#contents .topAreaSearch dl dd ul { padding:0; background:none left bottom no-repeat;}
#contents .topAreaSearch dl dd ul li { color:#BF9C48;}
#contents .topAreaSearch dl dd ul li a { margin:0 10px 0 0;}

#contents .topSpecial { width:928px; overflow:hidden; border:1px solid #E8D0A0; margin:0 0 20px 0;}
#contents .topSpecial h3 { padding:5px 15px 5px 15px; color:#E8D0A0; font-size:15px; font-weight:100; background:#000 url(../../static/img/common/h_bg.gif) left top repeat-x;}
#contents .topSpecial h3 a { color:#E8D0A0;}
#contents .topSpecial dl { width:918px; overflow:hidden; position:relative; margin:0 auto; padding:5px;}
#contents .topSpecial dl dt { width:200px; float:left;}
#contents .topSpecial dl dd { width:703px; float:right; margin:0 5px 0 10px; display:inline; overflow:hidden;}
#contents .topSpecial dl dd h4 { color:#BF9C48; padding:0 0 4px 0; margin:0 5px 8px 0; font-weight:100; background:url(../../static/img/common/dot.gif) left bottom repeat-x;}
#contents .topSpecial dl dd table { width:285px; float:left;}
#contents .topSpecial dl dd table tr th { width:65px; font-size:10px; vertical-align:top; padding:0 0 5px 0; font-weight:100;}
#contents .topSpecial dl dd table tr th span { padding:0 0 0 3px; display:block; background:url(../../static/img/top/item_bg.gif) left top repeat-y;}
#contents .topSpecial dl dd table tr td { font-size:10px; vertical-align:top; padding:0 0 5px 0;}
#contents .topSpecial dl dd div.exp { width:408px; float:right; margin:0 0 10px 0;}
#contents .topSpecial dl dd div.exp p { font-size:10px;}

#contents .btnDetail { width:146px; height:28px; position:absolute; bottom:10px; right:10px;}
#contents .btnDetail a { width:146px; height:28px; display:block; background:url(../../static/img/common/btn_detail.gif) left top no-repeat;}
#contents .btnDetail a:hover { opacity:0.8; filter: alpha(opacity=80);}
#contents .btnDetail span { display:none;}

#contents .btnPlan { width:166px; height:28px; position:absolute; bottom:10px; right:166px;}
#contents .btnPlan a { width:166px; height:28px; display:block; background:url(../../static/img/common/btn_plan.gif) left top no-repeat;}
#contents .btnPlan a:hover { opacity:0.8; filter: alpha(opacity=80);}
#contents .btnPlan span { display:none;}

#contents .topSpecialList { width:940px; overflow:hidden; margin:0 0 30px 0;}
#contents .topSpecialList dl { width:178px; float:left; margin:0 7px 20px 0; border:1px solid #E8D0A0;}
#contents .topSpecialList dl dt { padding:5px 20px 5px 20px; color:#E8D0A0; font-weight:100; font-size:13px; line-height:130%; background:#000 url(../../static/img/common/h_bg.gif) left top repeat-x;}
#contents .topSpecialList dl dt a { color:#E8D0A0;}
#contents .topSpecialList dl dd { width:140px; margin:0 auto; padding:8px 0;}
#contents .topSpecialList dl dd img { margin:0 0 5px 0;}
#contents .topSpecialList dl dd p { font-size:10px;}

#contents .topPickupList { width:930px; overflow:hidden;}
#contents .topPickupList dl { width:180px; float:left; margin:0 8px 0 0; display:inline;}
#contents .topPickupList dl dt { margin:0 0 5px 0;}
#contents .topPickupList dl dd {}
#contents .topPickupList dl dd h3 { margin:0 0 5px 0;}
#contents .topPickupList dl dd p { font-size:10px;}

.pan { margin:0 0 5px 0;}
.pan ul { width:930px; overflow:hidden;}
.pan ul li { float:left; margin:0 5px 0 0; display:inline; font-size:10px;}
.pan ul li a { margin:0 5px 0 0; color:#444;}

#main { width:645px; float:left; overflow:hidden;}
#main h2 { padding:25px 0 0 0; margin:0 0 30px 0;}

#main dl.pageNav { width:645px; overflow:hidden; margin:0 0 8px 0;}
#main dl.pageNav dt { width:250px; float:left; font-size:10px;}
#main dl.pageNav dd { width:390px; float:right;}
#main dl.pageNav dd ul {}
#main dl.pageNav dd ul li { float:right; margin:0 0 0 15px; display:inline; font-size:10px;}
#main dl.bottom { margin:-15px 0 0 0;}

#main .restaurantList { width:643px; overflow:hidden; border:1px solid #E8D0A0; margin:0 0 25px 0;}
#main .restaurantList h3 { padding:5px 15px 5px 15px; color:#E8D0A0; font-size:15px; font-weight:100; background:#000 url(../../static/img/common/h_bg.gif) left top repeat-x;}
#main .restaurantList h3 a { color:#E8D0A0;}

#main .restaurantList dl { width:633px; overflow:hidden; position:relative; margin:0 auto; padding:5px;}
#main .restaurantList dl dt { width:200px; float:left;}
#main .restaurantList dl dd { width:423px; float:right; margin:0 0 35px 0; display:inline;}
#main .restaurantList dl dd ul { width:423px; overflow:hidden; margin:0 0 5px 0;}
#main .restaurantList dl dd ul li { float:right; margin:0 0 0 6px; display:inline;}
#main .restaurantList dl dd div.station { padding:0 0 4px 0; margin:0 5px 5px 0; font-size:10px; background:url(../../static/img/common/dot.gif) left bottom repeat-x;}
#main .restaurantList dl dd p { margin:0 5px 10px 0; line-height:130%;}
#main .restaurantList dl dd dl { width:418px; margin:0 5px 10px 0; padding:0;}
#main .restaurantList dl dd dl dt { width:64px; font-size:10px;}
#main .restaurantList dl dd dl dd { width:354px; margin:0; font-size:10px; line-height:130%;}

#menu { width:260px; float:right; overflow:hidden;}
#menu .menuSecondSearch { background:#F0F0F0 none left top no-repeat; padding:0 0 5px 0; margin:0 0 25px 0;}
#menu .menuSecondSearch h4 { margin:0 0 10px 0;}

#menu .menuSecondSearch dl { margin:0 0 10px 0; padding:0 15px 5px 15px; background:url(../../static/img/common/dot.gif) left bottom repeat-x;}
#menu .menuSecondSearch dl.noLine { background:none left bottom repeat-x;}
#menu .menuSecondSearch dl dt { margin:0 0 10px 0;}
#menu .menuSecondSearch dl dd { vertical-align:top;}
#menu .menuSecondSearch dl dd select { width:80px; margin:0 5px 10px 0; padding:2px 0; font-size:10px;}
#menu .menuSecondSearch dl dd input { margin:1px 3px 0 0; position:relative; top:2px;}
#menu .menuSecondSearch dl dd ul { width:240px; overflow:hidden; padding:0 0 5px 0;}
#menu .menuSecondSearch dl dd ul li {  float:left; margin:0 5px 8px 0; font-size:10px; vertical-align:baseline;}
#menu .menuSecondSearch dl dd ul li.lts { width:75px; }
#menu .menuSecondSearch dl dd ul li.ltl { width:auto; }
#menu .menuSecondSearch dl dd ul li * { white-space:nowrap; vertical-align:baseline;}

#menu .menuSecondSearch dl dd ul.clearArea li { clear:both; float:none;}

#menu .menuSecondSearch .btnSearch a { width:140px; height:30px; margin:0 auto; display:block; text-align:center; background:url(../../static/img/common/btn_search.gif) left top no-repeat;}
#menu .menuSecondSearch .btnSearch a:hover { opacity:0.8; filter: alpha(opacity=80);}
#menu .menuSecondSearch .btnSearch span { display:none;}

#menu .menuFeature { background:#F0F0F0 none left top no-repeat; padding:0 0 5px 0; margin:0 0 25px 0;}
#menu .menuFeature .menuFeatureContents { padding:9px; margin:0 5px; background:#fff none left top no-repeat;}
#menu .menuFeature .menuFeatureContents a { color:#444; font-size:10px;}
#menu .menuFeature .menuFeatureContents dl { margin:0 0 15px 0;}
#menu .menuFeature .menuFeatureContents dl dt { margin:0 0 3px 0;}
#menu .menuFeature .menuFeatureContents dl dd { line-height:130%;}
#menu .menuFeature .menuFeatureContents ul { padding:10px 0 0 0; background:url(../../static/img/common/dot.gif) left top repeat-x;}
#menu .menuFeature .menuFeatureContents ul li { text-align:right;}

.pageTop { font-size:10px; padding:20px 0 0 0; text-align:right;}

#footer { height:40px; background:#000; border-top:1px solid #ccc;}
#footer .footerNav { width:930px; overflow:hidden; margin:0 auto; padding:12px 0 0 0;}
#footer .footerNav ul { width:300px; overflow:hidden; float:left; margin:0 0 0 15px; display:inline;}
#footer .footerNav ul li { float:left; margin:0 8px 0 0; display:inline; color:#E8D0A0;}
#footer .footerNav ul li a { margin:0 8px 0 0; color:#E8D0A0; font-size:11px;}
#footer .footerNav p { float:right; display:inline; color:#E8D0A0; margin:0 15px 0 0; font-size:11px;}

#page {width: 930px; margin:0 auto; padding:20px 0 0; border-top:1px solid #b89d58; position: relative; }
#page h1 { padding:7px 8px; color:#fff; border:1px solid #333; margin:0 0 20px; text-shadow:0 -1px 1px #000; font-size:110%; background: #515151; background: -moz-linear-gradient(top,  #515151 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#000000)); background: -webkit-linear-gradient(top,  #515151 0%,#000000 100%); background: -o-linear-gradient(top,  #515151 0%,#000000 100%); background: -ms-linear-gradient(top,  #515151 0%,#000000 100%); background: linear-gradient(to bottom,  #515151 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#000000',GradientType=0 ); }
#page p { margin:0 0 20px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; }
#page ul { margin:0 0 20px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; }