/* CSS Document */
html { height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,hr { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var { font-style:normal; font-weight:normal; }
fieldset,img,abbr { border:0; }
img { vertical-align:bottom; }
ol,ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; }
th,td { margin:0; padding:0; }
th,td { text-align:left; }
caption,th { text-align:left; margin:auto; }
object,embed { vertical-align:top; }
legend { display:none; }
a { text-decoration:none; }
a:link { color:#330000; }
a:visited { color:#330000; }
a:active { color:#660000; }
a:hover { color:#660000; text-decoration:underline; }
/* --- clearfix --- */
.clearFix { zoom:1; }
.clearFix:after { content:""; display:block; clear:both; }
body { height:100%; font-size:14px; color:#330000; background:url(/img/bg.jpg) no-repeat center top; background-attachment:fixed; font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, sans-serif; }
/* container */
/* * html #container { height:100%; } */
div#container { width:100%; position:relative; min-height:100%; }
body > #container { height:auto; }
* html #containerTop { height:100%; }
div#containerTop { width:100%; position:relative; min-height:100%; background:url(/img/top/bg_topic.png) no-repeat center 127px; }
body > #containerTop { height:auto; }
* html #containerMenu { height:100%; }
div#containerMenu { width:100%; position:relative; min-height:100%; background:url(/img/menu/bg_menuPickup.png) no-repeat center 136px; }
body > #containerMenu { height:auto; }
* html #containerMail { height:100%; }
div#containerMail { width:100%; position:relative; min-height:100%; background:url(/img/pic_mobileMember.png) no-repeat center 136px; }
body > #containerMail { height:auto; }
#wrapMail { width:987px; height:100%; margin:0 auto; position:relative; padding-bottom:618px; }
/* 共通 */
#wrap { width:987px; height:100%; margin:0 auto; position:relative; padding-bottom:253px; }
#headerLine { height:17px; background:url(/img/head_line.png) no-repeat center top; margin-bottom:9px; }
#header { width:987px; height:54px; margin-bottom:10px; }
h1.logo { width:355px; height:50px; background:url(/img/logo_head.png) no-repeat left top; margin-right:25px; float:left; }
/* h1.logo { width:355px; height:50px; background:url(/img/logo_head.png) no-repeat left top; margin-right:27px; float:left; } */
h1.logo a { display:block; width:355px; height:50px; filter:alpha(opacity=0); -moz-opacity:0.00; opacity:0.00; background:url(/img/logo_head.png) no-repeat left top; }
/* */
#globalMenu { width:607px; height:54px; float:left; }
/* #globalMenu { width:601px; height:54px; float:left; } */
#globalMenu ul { display:block; }
#globalMenu ul li { display:block; height:54px; float:left; position:relative; z-index:9999; }
#globalMenu ul li a { display:block; height:54px; text-indent:-9999px; position:relative; }
/* */
#line {
width:1px;
height:54px;
background:url(/img/201409/menu_line.gif);
}
/* */
a.menu { width:100px; height:54px; background:url(/img/201409/btn_menu_menu.png) no-repeat center top; background-position: 0 -54px; }
a.menu:hover { background-position:0 0; }
a.store { width:100px; height:54px; background:url(/img/201409/btn_menu_store.png) no-repeat center top; background-position: 0 -54px; }
a.store:hover { background-position:0 0; }
a.onlineshop { width:100px; height:54px; background:url(/img/201409/btn_menu_online.png) no-repeat center top; background-position: 0 -54px; }
a.onlineshop:hover { background-position:0 0; }
a.facebook { width:100px; height:54px; background:url(/img/201409/btn_menu_facebook.png) no-repeat center top; background-position: 0 -54px; }
a.facebook:hover { background-position:0 0; }
a.about { width:100px; height:54px; background:url(/img/201409/btn_menu_about.png) no-repeat center top; background-position: 0 -54px; }
a.about:hover { background-position:0 0; }
a.recruit { width:100px; height:54px; background:url(/img/201409/btn_menu_recruit.png) no-repeat center top; background-position: 0 -54px; }
a.recruit:hover { background-position:0 0; }
/*
a.menu { width:115px; height:54px; background:url(/img/btn_menu2.png) no-repeat center top; }
a.menu:hover { background-position:0 -54px; }
a.store { width:115px; height:54px; background:url(/img/btn_store2.png) no-repeat center top; }
a.store:hover { background-position:0 -54px; }
a.blog { width:115px; height:54px; background:url(/img/btn_blog2.png) no-repeat center top; }
a.blog:hover { background-position:0 -54px; }
a.mail { width:136px; height:54px; background:url(/img/btn_mail.png) no-repeat center top; }
a.mail:hover { background-position:0 -54px; }
a.about { width:115px; height:54px; background:url(/img/btn_about2.png) no-repeat center top; }
a.about:hover { background-position:0 -54px; }
a.recruit { width:115px; height:54px; background:url(/img/btn_recruit2.png) no-repeat center top; }
a.recruit:hover { background-position:0 -54px; }
*/
/* */
#aboutUs { width:95px; height:8px; overflow:hidden; position:absolute; left:5px; top:51px; z-index:9999; }
#aboutOn { width:95px; height:132px; background:url(/img/201501/bg_about.png) no-repeat center bottom; position:absolute; left:0; bottom:0; }
#aboutOn ul { padding:0 6px 0 0; }
#aboutOn ul li { width:93px; height:30px; }
#aboutOn ul li a { width:93px; height:30px; display:block; }
#recruit { width:95px; height:8px; overflow:hidden; position:absolute; left:5px; top:51px; z-index:9999; }
#recruitOn { width:95px; height:97px;/*162px;*/ background:url(/img/201501/bg_about.png) no-repeat center bottom; position:absolute; left:0; bottom:0; }
#recruitOn ul { padding:0 6px 0 0; }
#recruitOn ul li { width:93px; height:30px; }
#recruitOn ul li a { width:93px; height:30px; display:block; }
a.ab-concept { background:url(/img/btn_ab_concept.png) no-repeat center top; }
a.ab-concept:hover { background-position:0 -30px; }
a.ab-recruit { background:url(/img/btn_ab_recruit.png) no-repeat center top; }
a.ab-recruit:hover { background-position:0 -30px; }
a.ab-info { background:url(/img/btn_ab_info.png) no-repeat center top; }
a.ab-info:hover { background-position:0 -30px; }
a.ab-allergy { background:url(/img/btn_ab_allergy.png) no-repeat center top; }
a.ab-allergy:hover { background-position:0 -30px; }
a.ab-topic { background:url(/img/btn_ab_topic.png) no-repeat center top; }
a.ab-topic:hover { background-position:0 -30px; }
a.re-shinsotsu { background:url(/img/btn_re_shinsotsu.png) no-repeat center top; }
a.re-shinsotsu:hover { background-position:0 -30px; }
a.re-career { background:url(/img/btn_re_career.png) no-repeat center top; }
a.re-career:hover { background-position:0 -30px; }
a.re-staff { background:url(/img/btn_re_staff.png) no-repeat center top; }
a.re-staff:hover { background-position:0 -30px; }
a.re-part { background:url(/img/btn_re_part.png) no-repeat center top; }
a.re-part:hover { background-position:0 -30px; }
a.re-work { background:url(/img/btn_re_work.png) no-repeat center top; }
a.re-work:hover { background-position:0 -30px; }
/*
#aboutUs { width:110px; height:8px; overflow:hidden; position:absolute; left:5px; top:51px; z-index:9999; }
#aboutOn { width:110px; height:132px; background:url(/img/bg_about.png) no-repeat center bottom; position:absolute; left:0; bottom:0; }
#aboutOn ul { padding:0 6px 12px 11px; }
#aboutOn ul li { width:93px; height:30px; }
#aboutOn ul li a { width:93px; height:30px; display:block; }
#recruit { width:110px; height:8px; overflow:hidden; position:absolute; left:5px; top:51px; z-index:9999; }
#recruitOn { width:110px; height:162px; background:url(/img/bg_about.png) no-repeat center bottom; position:absolute; left:0; bottom:0; }
#recruitOn ul { padding:0 6px 12px 11px; }
#recruitOn ul li { width:93px; height:30px; }
#recruitOn ul li a { width:93px; height:30px; display:block; }
a.ab-concept { background:url(/img/btn_ab_concept.png) no-repeat center top; }
a.ab-concept:hover { background-position:0 -30px; }
a.ab-recruit { background:url(/img/btn_ab_recruit.png) no-repeat center top; }
a.ab-recruit:hover { background-position:0 -30px; }
a.ab-info { background:url(/img/btn_ab_info.png) no-repeat center top; }
a.ab-info:hover { background-position:0 -30px; }
a.ab-allergy { background:url(/img/btn_ab_allergy.png) no-repeat center top; }
a.ab-allergy:hover { background-position:0 -30px; }
a.ab-topic { background:url(/img/btn_ab_topic.png) no-repeat center top; }
a.ab-topic:hover { background-position:0 -30px; }
a.re-shinsotsu { background:url(/img/btn_re_shinsotsu.png) no-repeat center top; }
a.re-shinsotsu:hover { background-position:0 -30px; }
a.re-career { background:url(/img/btn_re_career.png) no-repeat center top; }
a.re-career:hover { background-position:0 -30px; }
a.re-staff { background:url(/img/btn_re_staff.png) no-repeat center top; }
a.re-staff:hover { background-position:0 -30px; }
a.re-part { background:url(/img/btn_re_part.png) no-repeat center top; }
a.re-part:hover { background-position:0 -30px; }
a.re-work { background:url(/img/btn_re_work.png) no-repeat center top; }
a.re-work:hover { background-position:0 -30px; }
*/
#footer { width:100%; height:253px; background:url(/img/bg_footer.png) no-repeat center top; position:absolute; bottom:0; }
#inFooter { width:987px; height:253px; margin:0 auto; position:relative; }
#pageTop { width:130px; height:30px; position:absolute; top:20px; right:10px; }
#pageTop a { display:block; width:130px; height:30px; background:url(/img/btn_pagetop.png) no-repeat center top; text-indent:-9999px; }
#pageTop a:hover { /*display:block;*/ background-position:0 -31px; /*_background-position:0 -32px;*/ _margin-top:1px; }
#siteMap { width:611px; height:120px; margin:50px 29px 0 0; float:left; }
#sMinner { height:120px; background:url(/img/line_554832.gif) repeat-y right top; float:left; }
#sMinner ul { height:120px; margin-left:10px; position:relative; }
#sMinner ul li { height:16px; margin-bottom:3px; }
#sMinner ul li a { display:block; height:15px; line-height:16px; font-size:12px; color:#d5ccbf; text-indent:11px; background:url(/img/icon_arrow_off.png) no-repeat left center; }
#sMinner ul li a:hover { background:url(/img/icon_arrow_on.png) no-repeat left center; text-decoration:none; }
#sMinner ul li a span { font-size:10px; }
#footerLogo { width:300px; margin-top:50px; float:left; font-size:11px; line-height:120%; color:#d5ccbf; }
#copyRight { height:8px; font-size:10px; color:#cccc99; position:absolute; top:215px; left:0; }
hr.dotto { border-top:none; border-bottom:1px #d0beac dotted; margin:0; padding:0; }
.clear { display:block; clear:both;}
#aboutHeadArea { width:987px; height:297px; margin-bottom:3px; _margin-bottom:0; _margin-top:-14px; position:relative; }
.h2padding10 { padding:0 9px 0 10px; }
/* パンくず */
#naviArea { width:977px; height:30px; margin:0 0 16px 9px; }
ol.navi { width:943px; height:30px; font-size:14px; color:#663300; background:url(/img/bg_twitter.png) no-repeat left center; float:left; }
ol.navi ul { display:block; margin:8px 10px 8px 5px; }
ol.navi ul li { display:block; padding-left:10px; float:left; }
ol.navi ul li a { padding-right:13px; text-decoration:none; background:url(/img/icon_arrow_brown.gif) no-repeat right center; }
ol.navi ul li a:link { color:#663300; }
ol.navi ul li a:visited { color:#663300; }
ol.navi ul li a:active { color:#663300; }
ol.navi ul li a:hover { text-decoration:underline; }
/* Topページ */
#twitter { height:30px; margin-left:9px; }
#tLogo { width:30px; height:30px; margin-right:4px; background:url(/img/top/icon_twitter.png) no-repeat left top; float:left; }
#tLogo a { display:block; width:30px; height:30px; text-indent:-9999px;}
/* #tArea { width:943px; height:30px; background:url(/img/bg_twitter.png) no-repeat left top; float:left; } */
#tArea { width:943px; height:30px; background:url(/img/bg_twitter.png) no-repeat left top; float:left; }
#tAreaInner { width:934px; height:30px; line-height:30px; font-size:14px; margin-left:17px; _margin-left:10px; position:relative; overflow:hidden; }
#posts{ position:absolute; left:0; top:0; _padding-left:10px; }
.post{ display:block; }
#mobileSite { width:367px; height:203px; background:url(/img/top/bg_ccMobile.png) no-repeat left top; margin-right:16px; float:left; }
/*
#CCcard a {
background:url(/img/top/141127_CC_btn_ccCard.png) no-repeat left top;
overflow:hidden;
display:block;
margin-bottom:15px;
text-indent:-9999px;
}
#CCcard a:hover { background-position: 0 -204px; } */
#ccCard_top a{ display: block; overflow: hidden; width:371px; height:203px; background:url(/img/top/150129_CC_btn_ccCard.png) no-repeat left top; position:relative; left:-5px; margin-bottom:15px; text-indent:-9999px;}
#ccCard_top a:hover {background-position: 0 -204px;}
/*
#ccCard-top { width:371px; height:203px; background:url(/img/top/141127_CC_btn_ccCard.png) no-repeat left top; position:relative; left:-5px; }
*/
/*btn_ccCard.png*/
#left_column {
width:371px;
margin-right:10px;
float:left;
}
#right_column {
width:604px;
height:431px;
/* background:url(/img/201409/bg_newTopics02.png) no-repeat center top;*/
float:left;
}
/* */
#newTopics { width:604px; height:431px; background:url(/img/201409/bg_newTopics02.png) no-repeat center top; position:relative; top:-1px; float:left; }
#newTopics-Area { width:562px; height:350px; margin:70px 19px 16px 23px; overflow:auto; /overflow-x:hidden; }
#newTopics-Area dl { width:100%; }
#newTopics-Area dt { height:10px; margin:6px 0 4px 0; /margin:0; font-size:11px; }
#newTopics-Area dd { height:15px; margin:0 0 3px 10px; }
/*
#newTopics { width:604px; height:204px; background:url(/img/top/bg_newTopics.png) no-repeat center top; position:relative; top:-1px; float:left; }
#newTopics-Area { width:562px; height:118px; margin:70px 19px 16px 23px; overflow:auto; /overflow-x:hidden; }
#newTopics-Area dl { width:100%; }
#newTopics-Area dt { height:10px; margin:6px 0 4px 0; /margin:0; font-size:11px; }
#newTopics-Area dd { height:15px; margin:0 0 3px 10px; }
*/
#topLeftColumn { width:367px; margin-right:20px; _margin-right:14px; float:left; }
*+html #topLeftColumn { width:367px; margin-right:18px; float:left; }
#mailMembers { width:367px; height:213px; background:url(/img/201409/futureboyz2.jpg) no-repeat center bottom; margin-bottom:19px; }
#amazonbtn a { display: block; overflow: hidden; height: 0px; padding-top: 30px; width:90px; height:0px; background:url(/img/201409/amazon_btn.gif); margin-left:180px; float:left; }
#amazonbtn a:hover {background-position: 0 -30px;}
#hmvbtn a { display: block; overflow: hidden; height: 0px; padding-top: 30px; width:90px; height:0px; background:url(/img/201409/hmv_btn.gif); margin-left:4px; float:left;}
#hmvbtn a:hover {background-position: 0 -30px;}
#mailMembersArea { width:232px; height:25px; position:absolute; top:168px; left:19px; }
#entryArea { width:190px; _width:170px; height:23px; background:url(/img/bg_textFrom.gif) no-repeat left top; border:1px #c3b9a7 solid; float:left; }
*+html #entryArea { width:190px; height:23px; background:url(/img/bg_textFrom.gif) no-repeat left top; border:1px #c3b9a7 solid; float:left; }
.textFrom { width:188px; _width:186px; height:21px; _height:17px; border:none; outline:none; margin:2px; }
.mSent { width:40px; height:25px; float:left; }
.mSent a { display:block; height:25px; background:url(/img/btn_send.gif) no-repeat left top; text-indent:-9999px; }
.mSent a:hover { background-position:0 -25px; }
#fbArea { width:598px; height:357px; border:1px #dcc6a3 solid; background-color:#fff; float:left; /overflow:hidden; }
#link { width:371px; height:105px; padding-top:20px; background:url(/img/top/bg_link.png) no-repeat left top; position:relative; left:-4px; }
.roundabout-holder { width:219px; height:120px; /*width:200px; hieght:100px;*/ list-style:none; }
.roundabout-moveable-item { height:80px; width:187px; /*height:60; width:172px;*/ cursor:pointer; }
.roundabout-in-focus { cursor:auto; }
.roundabout-moveable-item img { width: 100%; }
#deliBnrIndex { width:987px; height:108px;/* margin-left:6px;*/ }
#deliBnrIndex a { display:block; width:987px; height:108px; background:url(/img/top/bnr_delivery_index.png) no-repeat left top; text-indent:-9999px; }
#deliBnrIndex a:hover { background-position:0 -108px; }
/* Menuページ */
#pickUpMenu { width:961px; height:244px; padding:38px 13px 13px 13px; background:url(/img/menu/bg_menuPickup2.gif) no-repeat left top; }
#pickUpPic { width:660px; height:244px; margin-right:10px; float:left; }
#pickUpPic img { width:660px; height:244px; }
#pickUpTextArea { width:291px; height:244px; float:left; position:relative; }
#pickUpTitle { font-size:17px; font-weight:bold; line-height:125%; /line-height:110%; margin:13px 0 10px 9px; color:#990000; }
#pickUpTitle span { font-size:13px; font-weight:normal; }
#pickUpDataHr { width:291px; height:3px; background:url(/img/menu/line_291.gif) no-repeat left top; }
#pickUpData { color:#663300; line-height:110%; margin:13px 9px 13px 9px; }
#pickUpData span { display:block; font-size:11px; margin-top:7px; }
#pPbtn { width:70px; height:25px; position:absolute; right:0; bottom:0; }
#pPbtn a { width:70px; height:25px; display:block; background:url(/img/menu/btn_more.gif) no-repeat left top; text-indent:-9999px; }
#pPbtn a:hover { background-position:0 -25px; }
#regularBnr { width:250px; height:25px; background:url(/img/menu/bnr_RegularMenu.png) no-repeat left top; margin:20px 0 8px 0; }
#menuBtnArea { width:969px; margin:0 8px 7px 10px; /margin:0 8px 0 10px; }
#menuBtnArea ul { width:969px; }
#menuBtnArea ul li { width:476px; height:151px; float:left; margin-bottom:8px; }
#menuBtnArea ul li a { display:block; width:476px; height:151px; }
#menuBtnArea ul li a:hover { background-position:left -152px; }
a.menuDrink { background:url(/img/menu/btn_drink.png) no-repeat left top; text-indent:-9999px; }
a.menuFood { background:url(/img/menu/btn_food.png) no-repeat left top; text-indent:-9999px; }
a.menuSweets { background:url(/img/menu/btn_sweets.png) no-repeat left top; text-indent:-9999px; }
a.menuGoods { background:url(/img/menu/btn_goods.png) no-repeat left top; text-indent:-9999px; }
#deliBnr { width:975px; height:108px; margin-left:6px; }
#deliBnr a { display:block; width:975px; height:108px; background:url(/img/menu/bnr_delivery.png) no-repeat left top; text-indent:-9999px; }
#deliBnr a:hover { background-position:0 -108px; }
/* Menu（システム関連はインライン） */
#sidebar { height:100px; width:40px; position:absolute; left:-30px; overflow:hidden; z-index:9999; }
#sidebarInner { width:200px; }
.subMenu { width:160px; background:url(/img/menu/bg_subMenu.gif) repeat-y right top; position:relative; float:left; }
.subMenu ul { margin-left:10px; width:150px; }
.subMenu ul li { }
.subMenu ul li a { display:block; height:20px; line-height:20px; font-size:11px; color:#fff; text-indent:8px; background:url(/img/menu/icon_arrowWhite_off.gif) no-repeat left center; position:relative; }
.subMenu ul li a:link { color:#fff; }
.subMenu ul li a:visited { color:#fff }
.subMenu ul li a:active { color:#fff }
.subMenu ul li.last { height:35px; }
.subMenu ul li a:hover { color:#e99595; background:url(/img/menu/icon_arrowWhite_on.gif) no-repeat left center; text-decoration:none; }
.imgHr { width:140px; height:2px; margin-left:10px; background:#ccc url(/img/menu/line_subM.gif) no-repeat left top; }
.subMenu a#sCat { display:block; width:140px; height:28px; margin:0 0 2px 10px; text-indent:-9999px; }
.subMenu a#sCat:hover { background-position:left -28px; }
.subMenu a.drinks { background:url(/img/menu/btn_subM_drink.gif) no-repeat left top; }
.subMenu a.foods { background:url(/img/menu/btn_subM_foods.gif) no-repeat left top; }
.subMenu a.sweets { background:url(/img/menu/btn_subM_sweets.gif) no-repeat left top; }
.subMenu a.goods { background:url(/img/menu/btn_subM_goods.gif) no-repeat left top; }
#sidebarArea { width:987px; }
.storeSearch { width:294px; height:79px; position:absolute; right:0; bottom:0; }
.sSearch { width:254px; height:24px; border:1px #b6b4b2 solid; }
.sScat { /*height:24px;*/ font-size:12px; /*line-height:22px;*/ /*padding:2px 0;*/ }
.btnSearch { display:block; width:120px; height:25px; background:url(/img/menu/btn_search.gif) no-repeat left top; margin:10px 0 0 67px; border:none; text-indent:-9999px; cursor:pointer; }
.menuArea { width:987px; margin-bottom:16px; }
.mAmid { width:987px; background:url(/img/menu/bg_mid.png) repeat-y left top; }
.mBott { width:987px; height:7px; background:url(/img/menu/bg_bot.png) no-repeat left top; }
.mAmid ul { padding:12px 0 12px 30px; _padding:12px 0 0 30px; }
.mAmid li { width:279px; height:80px; background:url(/img/menu/bg_sCate.png) no-repeat left top; padding:10px; margin:0 15px 15px 0; _margin:0 15px 4px 0; float:left; }
*+html .mAmid li { width:279px; height:80px; background:url(/img/menu/bg_sCate.png) no-repeat left top; padding:10px; margin:0 15px 16px 0; float:left; }
.iPic { width:80px; height:80px; margin-right:12px; float:left; }
.iInfo { width:187px; height:80px; font-size:14px; line-height:120%; _line-height:100%; /*margin-top:5px;*/ float:left; position:relative; }
.iInfo span { font-size:12px; line-height:100%; }
.iComment { font-size:10px; _margin-top:5px; }
.priceArea { width:140px; position:absolute; left:0; bottom:0; }
.priceArea span { height:13px; font-size:14px; line-height:13px; margin:2px 12px 0 0; float:left; }
.priceArea span.priceHalf { text-indent:17px; background:url(/img/menu/icon_half.png) no-repeat left center; }
.priceArea span.priceS { text-indent:17px; background:url(/img/menu/icon_single.png) no-repeat left center; }
.priceArea span.priceR { text-indent:17px; background:url(/img/menu/icon_regular.png) no-repeat left center; }
.priceArea span.priceM { text-indent:17px; background:url(/img/menu/icon_max.png) no-repeat left center; }
.priceArea span.price1p { text-indent:17px; background:url(/img/menu/icon_1p.png) no-repeat left center; }
.priceArea span.price3p { text-indent:17px; background:url(/img/menu/icon_3p.png) no-repeat left center; }
.priceArea span.price6p { text-indent:17px; background:url(/img/menu/icon_6p.png) no-repeat left center; }
.likeFake { width:47px; height:24px; position:absolute; right:0; bottom:0; }
.likeFake a { display:block; width:47px; height:24px; text-indent:-9999px; background:url(/img/menu/btn_likeFake.png) no-repeat left top; }
.likeFake a:hover { background-position:left -24px; }
.noStore { width:987px; height:200px; background:url(/img/menu/bg_nostore.png) no-repeat center top; text-align:center; }
.noStoreArea { padding-top:68px; }
.noStoreArea span { display:block; font-size:14px; font-weight:bold; margin-bottom:20px; }
.noStoreArea a { display:block; width:120px; height:25px; background:url(/img/menu/btn_back.gif) no-repeat left top; margin:0 auto; text-indent:-9999px;}
.noStoreArea a:hover { background-position:left -25px; }
/* Storeページ */
.storeBg { height:347px; padding:14px; background:url(/img/store/bg_store.png) no-repeat left top; }
.storeLeft { margin-right:10px; /margin-right:5px; float:left; }
.storeRight { width:490px; height:347px; float:left; background:url(/img/store/map_thum_fake.gif) no-repeat left top; }
.storePicArea { width:440px; height:232px; margin-bottom:15px; /margin-bottom:8px; }
.storePicBig { width:330px; height:232px; margin-right:5px ;float:left; }
.storePicBig img { width:330px; height:232px; }
.storePicThmArea { width:105px; /*height:232px;*/ float:left; }
.storePicThmArea a img { width:105px; height:74px; margin-bottom:5px; }
.storefb { width:430px; margin:5px 0 0 10px; /margin:5px 0 0 10px; color:#330000; }
.storefb ul { position:relative; margin-top:0px; }
.storefb li { height:17px; line-height:17px; font-size:12px; margin-bottom:6px; position:relative; float: left; }
.storefb a{ width:70px; background:url(/img/201409/btn_fb.gif) no-repeat center top; display: block; overflow: hidden; height: 17px; text-indent:-9999px; }
.storefb a:hover { background-position: 0 -17px; }
#hamby-pic { background-image:url(/img/store/pic_store_hamby01.jpg); }
#main-pic { background-image:url(/img/store/pic_store_main01.jpg); }
#riubou-pic { background-image:url(/img/store/pic_store_riubou01.jpg); }
#shiozaki-pic { background-image:url(/img/store/pic_store_shiozaki01.jpg); }
#nakagusuku-pic { background-image:url(/img/store/pic_store_nakag01.jpg); }
#nakagusukuk-pic { background-image:url(/img/store/pic_store_nakagk01.jpg); }
#mihama-pic { background-image:url(/img/store/pic_store_mihama01.jpg); }
#wingcity-pic { background-image:url(/img/store/pic_store_wing01.jpg); }
#toyomi-pic { background-image:url(/img/store/pic_store_toyomi01.jpg); }
#haebaru-pic { background-image:url(/img/store/pic_store_haebaru01.jpg); }
#aja-pic { background-image:url(/img/store/pic_store_aja01.jpg); }
#cyatan-pic { background-image:url(/img/store/pic_store_chatan01.jpg); }
#ichinichibashi-pic { background-image:url(/img/store/pic_store_ichinichibashi01.jpg); }
#happytown-pic { background-image:url(/img/store/pic_store_happy01.jpg); }
.storeInfo { width:430px; margin:15px 0 0 10px; /margin:8px 0 0 10px; color:#330000; }
.storeName { font-size:16px; font-weight:bold; }
.storeInfo ul { position:relative; margin-top:15px; }
.storeInfo li { height:17px; line-height:17px; font-size:12px; padding-left:80px; margin-bottom:6px; position:relative; }
.storeInfo li span { display:block; line-height:15px; position:absolute; top:-7px;}
/* facebookページ */
#fbArea01 {
width:970px;
height:550px;
margin-top:10px;
padding:8px;
}
#fb_area01 {
width:467px;
height:550px;
margin-right:15px;
padding:5px;
border:1px; #dcc6a3 solid;
background-color:#ffffff;
box-shadow:0 0 5px 2px rgba(0,0,0,0.3);
float:left;
}
#fb_area02 {
width:467px;
height:550px;
padding:5px;
border:1px; #dcc6a3 solid;
background-color:#ffffff;
box-shadow:0 0 5px 2px rgba(0,0,0,0.3);
float:left;
}
/* facebookページ */
/* recruitページ */
#recHeader { width:995px; height:297px; background:url(/img/recruit/bnr_resruit.png) no-repeat left top; position:absolute; left:-4px; _left:-4px; }
#storeArea { width:974px; margin-left:13px; }
#storeArea ul { }
#storeArea ul li { display:block; width:320px; margin-right:3px; _margin-right:1px; float:left; }
.recTop { width:292px; height:35px; font-size:15px; font-weight:bold; color:#660000; padding:20px 0 0 31px; background:url(/img/recruit/bg_recruit_top2.png) no-repeat left center; }
.recTop span { font-size:11px; line-height:120%; }
.recMid { width:322px; min-height:120px; height:auto !important; height:120px; background:url(/img/recruit/bg_recruit_mid.png) repeat-y left top; }
.recMid dl { font-size:13px; line-height:20px; padding-left:18px; }
.recMid dt { font-size:14px; font-weight:bold; }
.recMid dd { width:225px; padding:0 36px 0 15px; }
.recBot { width:322px; height:35px; background:url(/img/recruit/bg_recruit_bot.png) no-repeat left top; }
.storeLine { margin-bottom:4px; }
.informationBnr { width:957px; height:101px; margin:20px 0 0 15px; background:url(/img/bnr_infomation.gif) no-repeat left top; position:relative; }
.informationBnr span { font-size:14px; color:#fff; position:absolute; left:496px; top:75px; }
.informationBnr span a { color:#fff; text-decoration:underline; }
.informationBnr span a:link { color:#fff; }
.informationBnr span a:visited { color:#ff9999; }
.informationBnr span a:hover { color:#ff9999; }
.informationBnr span a:active { color:#ff9999; }
/* conceptとcontact */
#conceptHeader { width:995px; height:297px; background:url(/img/contact/bnr_concept.png) no-repeat left top; position:absolute; left:-4px; _left:-4px; }
#contactBnr { width:987px; height:50px; background:url(/img/contact/bnr_contact.png) no-repeat left top; margin-top:30px; }
#contactText { width:682px; height:35px; background:url(/img/contact/cont_text.png) no-repeat left top; margin:16px 0 0 30px; }
#from { width:605px; height:508px; background:url(/img/contact/bg_form.png) no-repeat left top; margin-top:15px; float:left; position:relative; }
#fromArea { padding:78px 0 24px 24px; }
#fromArea dl {}
#fromArea dt { width:121px; height:38px; float:left; }
#fromArea dt span { display:block; font-size:10px; color:#9c0606; margin-top:2px; }
#fromArea dd { padding-left:141px; _padding-left:138px; margin-bottom:6px; }
#fromArea dd span { display:block; font-size:10px; color:#9c0606; margin-top:4px; }
.frame { width:416px; height:22px; border:1px #aea191 solid; background:url(/img/bg_textFrom.gif) no-repeat left top; }
.frame input { width:410px; height:16px; _height:14px; border:none; outline:none; margin:3px; }
.frame textarea { width:410px !important; height:178px !important; _height:176px !important; font-size:13px; overflow:auto; border:none; outline:none; margin:2px; font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, sans-serif; }
.fromBtnArea { position:absolute; left:165px; bottom:24px; }
.fromBtnArea input { width:150px; height:50px; border:none; text-indent:-9999px; float:left; }
.btnEntry { background:url(/img/contact/btn_entry.gif) no-repeat left top; margin-right:30px; }
.btnReset { background:url(/img/contact/btn_reset.gif) no-repeat left top; }
.btnSend { background:url(/img/contact/btn_send.gif) no-repeat left top; margin-right:30px; }
.btnBack { background:url(/img/contact/btn_back.gif) no-repeat left top; }
#fromRight { width:382xp; float:left; }
#note { width:382px; height:155px; background:url(/img/contact/bg_note.png) no-repeat left top; position:relative; top:-13px; left:6px; }
#noteArea { padding:55px 32px 0 10px; }
#noteArea dl { font-size:11px; }
#noteArea dt { width:12px; line-height:120%; float:left; }
#noteArea dd { margin-left:12px; line-height:120%; }
#noteArea dd span { text-decoration:underline; }
#info { width:382px; height:362px; font-size:13px; line-height:120%; color:#33250e; background:url(/img/contact/bg_info.png) no-repeat left top; position:relative; top:-6px; left:6px; }
#infoArea { padding:155px 45px 0 18px; }
#infoAreaTitle { font-size:16px; line-height:200%; margin-bottom:16px; }
#infoArea a { text-decoration:underline; }
/* allergyページ */
#allergyHeader { width:987px; height:50px; margin-bottom:11px; _margin-top:-14px; background:url(/img/allergy/bnr_allergy.png) no-repeat left top; }
#allergyContents { margin-left:14px; }
.allergy { width:486px; float:left; }
.allergyTop { width:486px; background:url(/img/allergy/bg_allergy_top.png) repeat-y left top; position:relative; }
.allergyBot { width:486px; height:23px; background:url(/img/allergy/bg_allergy_bot.png) no-repeat left top; }
.allergyInner { padding:30px 35px 5px 20px; }
.allergyInner dl {}
.allergyInner dt { width:10px; font-size:12px; line-height:130%; float:left; }
.allergyInner dd { font-size:12px; padding-left:10px; margin-bottom:18px; line-height:130%; }
.allergyInner dt.dl { font-size:13px; line-height:20px; margin-bottom:0; }
.allergyInner dd.dl { font-size:13px; line-height:20px; margin-bottom:0; }
.allergyInner dd.dl a { text-decoration:underline; }
#adobeReader { position:absolute; left:31px; top:178px; }
/* お知らせページ */
#topicLeft { width:306px; /*width:289px;*/ position:relative; left:-3px; _margin-top:-14px; float:left; }
#topicLeftBnr { width:306px; height:53px; background:url(/img/topic/bnr_ichiran.png) no-repeat left top; }
#topicLeftTop { width:306px; background:url(/img/topic/bg_left_mid.png) repeat-y left top; }
#topicLeftBot { width:306px; height:16px; background:url(/img/topic/bg_left_bot.png) no-repeat left top; }
#topicLeftInner { padding:0 23px; }
.view { padding:10px 0 12px 0; background:url(/img/topic/line_260.gif) no-repeat center bottom; }
.viewThm { width:50px; height:50px; margin-right:20px; background-color:#999; float:left; }
.viewText-imgIn { width:190px; font-size:12px; line-height:140%; float:left; }
.viewText-imgIn span { line-height:160%; }
.viewText { font-size:12px; line-height:140%; float:left; }
.viewText span { line-height:170%; }
#oldTopic { height:24px; margin:25px 0 11px 0; }
#oldTopic select { width:110px; height:24px; border:1px #b2ada1 solid; background:url(/img/bg_textFrom.gif) no-repeat -1px top; }
#topicRight { width:662px; margin-left:6px; _margin:-14px 0 0 6px; float:left; position:relative; left:8px; }
.topicTitle { width:667px; height:50px; line-height:50px; font-size:24px; font-weight:bold; color:#fff; text-indent:22px; background:url(/img/topic/bg_title.png) no-repeat left center; margin-bottom:6px; }
.topicBg { width:675px; height:263px; background:url(/img/topic/bg_pic.png) no-repeat left top; position:relative; left:-4px; }
.topicArea { padding:11px 0 0 11px; }
.topicArea img { width:653px; height:241px; }
.topicMoreArea { width:662px; /*width:653px;*/ margin:5px 0 0 9px; }
.topicMoreArea-top { background:url(/img/topic/bg_right_top.png) no-repeat left top; }
.topicMoreArea-bot { height:70px; background:url(/img/topic/bg_right_bot.png) no-repeat left top; }
.topicInner { padding:22px 40px 0 31px; font-size:12px; line-height:20px; }
.topicInner span { display:block; color:#663300; margin-bottom:20px; }
/* お取り寄せ */
#deliText { margin:16px 0 15px 17px; }
#deli { width:975px; height:1558px; margin-left:6px; background:url(/img/delivery/bg_delivery.png) no-repeat left top; position:relative; }
#deliInner { padding:44px; position:relative; }
#deliTable { width:887px; border-collapse:collapse; }
#deliTable td { line-height:130%; text-align:left; }
#deliTable span.red { font-size:16px; font-weight:bold; color:#990000; line-height:120%; }
#deliTable span.small { font-size:12px; }
#deliTable td table { width:100%; text-align:left; vertical-align:top; }
#deliOrder { position:absolute; left:388px; bottom:74px; }
#deliOrder a { display:block; width:200px; height:40px; background:url(/img/delivery/btn_send.gif) no-repeat left top; text-indent:-9999px; }
#deliOrder a:hover { background-position:0 -40px; }
/* CCカード */
.memberBg-top { width:995px; height:10px; background:url(/img/card/bg_top.png) no-repeat left top; position:relative; left:-4px; _bottom:-4px; }
.memberBg-mid { width:995px; background:url(/img/card/bg_middle.png) repeat-y left top; position:relative; left:-4px; padding-bottom:24px; }
.memberBg-bot { width:995px; height:10px; background:url(/img/card/bg_bottom.png) no-repeat left top; position:relative; left:-4px; margin-bottom:12px; }
#ccCard { width:995px; height:365px; background:url(/img/card/head_ccCard_141031.png) no-repeat left top; background:url(/img/card/150130_CC_HP_CCCard_head.png) no-repeat left top; position:relative; left:-3px; }
img.memberTitle { width:942px; height:58px; margin:21px 0 0 29px; }
img.memberTitle-Nove { width:942px; height:68px; margin:21px 0 20px 29px; }
#amenityArea { margin:9px 0 44px 34px; }
#amenityArea2 { margin:9px 0 44px 34px; }
img.amenity01 { width:927px; height:100px; margin-bottom:9px; }
img.amenity02 { width:927px; height:70px; }
#pointArea { margin:0 0 68px 60px; }
#pointArea2 { margin:0 0 68px 50px; }
img.point01 { width:901px; height:212px; margin-bottom:17px; }
img.point02 { width:901px; height:72px; margin-bottom:17px; }
img.point03 { width:901px; height:76px; }
#memberBtnArea { margin-left:238px; }
#memberBtnArea a { display:block; width:520px; height:50px; background:url(/img/card/btn_syokai.gif) no-repeat left top; border:none; text-indent:-9999px; }
#memberBtnArea a:hover { background-position:0 -50px; }
#memberBtnEntryArea { margin:50px 0 100px 238px; }
#memberBtnEntryArea a { display:block; width:520px; height:50px; background:url(/img/card/btn_entry.gif) no-repeat left top; border:none; text-indent:-9999px; }
#memberBtnEntryArea a:hover { background-position:0 -50px; }
#mailMag { width:995px; height:508px; background:url(/img/card/head_mailMag.png) no-repeat left top; position:relative; left:-4px; }