@charset "UTF-8";
@import "reset.css";

html { height: 100%;}
body { background: #000 url(/common/images/navi_bg.gif) repeat-x 0px 140px; color:#333; line-height:1; height: 100%; padding: 0; }

body { font-family: sans-serif; }
* html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
*:first-child+html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
head~/* */body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
html:not(:target) body { font-family: sans-serif; }

.mincho { font-family: "Hiragino Mincho Pro",serif; }
* html .mincho  { font-family: "ＭＳ Ｐ明朝", "MS PMincho" }
*:first-child+html .mincho  { font-family: "ＭＳ Ｐ明朝", "MS PMincho" }
head~/* */body .mincho  { font-family: "ＭＳ Ｐ明朝" }
html:not(:target) .mincho  { font-family: "Hiragino Mincho Pro" , serif; }



/* !font-size */
body { font-size:12px;}
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

/* !clearfix */
.clear { clear:both; margin: 0 0 -1px 0; font-size: 1px; line-height: 1px; height: 1px; }
hr { display: none; }
.cfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix{ overflow:hidden; }
* html .cfix{ height:1%; overflow:visible; }


/* !Links */
a:link { color:#ff9900; text-decoration: underline; }
a:visited { color:#ff9900; text-decoration:underline; }
a:hover { color:#ffb23f; text-decoration:underline; }
a:active { color:#ffb23f; text-decoration:underline; }

.arrow li { padding:1px 0 1px 10px; background: url(../images/arrow_black.gif) no-repeat left; }
.arrow a:link { color:#323232; text-decoration: underline; }
.arrow a:visited { color:#323232; text-decoration: underline; }
.arrow a:hover { color:#777; text-decoration: underline; }
.arrow a:active { color:#777; text-decoration: underline; }

.blank li { padding:0 0 0 15px; background: url(/common/images/icon_blank_orange.gif) no-repeat left; line-height:1.2; }

.pagetop { color:#999; text-align:right; padding:0 0 15px 0; clear: both; }
.pagetop a:link { color:#999; text-decoration: underline; }
.pagetop a:visited { color:#999; text-decoration: underline; }
.pagetop a:hover { color:#666; text-decoration: underline; }
.pagetop a:active { color:#666; text-decoration: underline; }

.homeLink { color:#999; text-align:right; padding:30px 0 50px 0; }
.homeLink a:link { color:#999; text-decoration: underline; }
.homeLink a:visited { color:#999; text-decoration: underline; }
.homeLink a:hover { color:#666; text-decoration: underline; }
.homeLink a:active { color:#666; text-decoration: underline; }

/* Common Layout */
.wrapper { width: 950px; margin: 0 auto; border-left: 1px solid #4a4744; border-right: 1px solid #4a4744; background: #fff;}
#container { padding: 20px 20px 0; position:relative; }
#header { position: relative; height: 140px; }
#header h1 { color: #c8c8c8; position: absolute; font-weight: normal; top: 3px; left: 3px; }
#header p.read { color: #969696; position: absolute; bottom: 5px; right: 3px; padding: 1px 0 0; }
#navi { width: 952px; margin: 0 -1px; height:50px ; position: relative; font-size: 1px; line-height: 1; }
#navi li { float: left; font-size: 1px; }
#navi li img { display: block; }
#flashArea { height: 350px; background: #000;}
#breadcrumbs { padding:8px 20px; background:#eeeeee; margin:1px 0 0 0; line-height:1; font-size:92%; }
#breadcrumbs a:link,
#breadcrumbs a:visited { color: #333; text-decoration: underline; }
#breadcrumbs a:hover,
#breadcrumbs a:active { color: #666; text-decoration: underline; }
#sub { width: 170px; float: left; }
#main { width: 710px; float: right; position: relative; }


#footerBnr { clear:both; border-top: solid 2px #c8c8c8; padding:20px 0; height:1%;  }
#footerBnr li { float: left; padding:0 10px 0 0; /* height:77px; */}
#footerBnr li.bnrKeitai { background: url(/common/images/bnr_bg_keitai.gif) no-repeat; width: 308px; height: 63px; padding: 7px 10px; position: relative; }
#footerBnr li.bnrKeitai .left p { position: absolute; top: 48px; left: 15px; width: 235px; font-size: 12px; font-family: Helvetica, Arial}
#footerBnr li.bnrKeitai .right img { position: absolute; top: 7px; right: 10px; }
#footerBnr li.bnrKeitai .right ul { width: 120px;  position: absolute; top: 22px; left: 250px;  }
#footerBnr li.bnrKeitai .right ul li { background: url(/common/images/icon_arrow_orange.gif) no-repeat 5px 3px ; padding: 0 0 10px 15px;height:1%;  }
#footerBnr li.bnrKeitai .right ul li.blank { background: url(/common/images/icon_blank_orange.gif) no-repeat; }
#footer {  padding: 0 20px 24px; text-align: right; color: #969696; }
#footer ul { border-top: solid 2px #c8c8c8; padding: 20px 0 12px 0; }
#footer li { border-left: solid 1px #969696; display:  inline;margin: 0 0 0 6px;  line-height: 1.1; }
#footer li.first { border-left: none;}
#footer li a { background: url(/common/images/icon_ftr_arrow.gif) no-repeat left center; padding: 0 0 0 16px;  margin: 0 0 0 6px;  line-height: 1.1; }
#footer li.blank a { background: url(/common/images/icon_ftr_blank.gif) no-repeat left center; margin: 0 0 0 10px;}

#footer li a:link,
#footer li a:visited { color: #969696; text-decoration: none; }
#footer li a:hover,
#footer li a:active { color: #666; text-decoration: none; }
address { font-size: 92%; font-style: normal; font-family: Helvetica, Arial; }


/* shop */
#shopAreaNav { width:645px; margin:40px auto 20px; }
#shopAreaNav li { float:left; padding:0 5px; height:25px; line-height:1; font-size:1px; }
.shopList { padding:0 30px 15px;}
.shopList h3 { border:solid 1px #ccc; background:#eee; padding:10px; border-bottom: none; }
.shopList table { border-left: solid 1px #ccc; border-top: solid 1px #ccc; width:100%; }
.shopList th,
.shopList td { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding:10px;  line-height:1.4;  }
.shopList th { text-align:center; }
.shopList .info { width:395px; }
.shopList .tel { width:140px; text-align: center; }
.shopList .tel img { display: block; margin: 5px auto 0; }
.shopList .text { float:right; width:225px; position: relative; }
.shopList .text h4 { font-size:117%; font-weight:  normal; }
.shopList .text .kana { font-size:92%; margin: 0 0 3px 0; }
.shopList .text .icon { position:absolute; top:0; right:0; }
.shopList .text .btn { margin:8px 0 0 0; }

/* shop detail */

.shopDetail { margin: 0 30px; padding: 10px; border: solid 1px #ccc;  }
.shopDetail .photo { float: left; width: 240px; margin: 0 10px 0 0; }
.shopDetail .photo img { display: block; font-size: 1px; line-height: 1; margin: 0 0 1px 0; }
.shopDetail .info { background: #eee; width: 300px; float: left; padding: 24px 24px 90px;  line-height: 1.5; position: relative;  }
.shopDetail h4 { font-size: 117%;  }
.shopDetail .kana { font-size: 92%; margin: 0 0 10px 0; }
.shopDetail .info dl {  }
.shopDetail .info dt { float: left; clear: right; margin: 0 0 12px 0; } 
.shopDetail .info dd { overflow:  hidden; margin: 0 0 12px 0; zoom: 1;   } 
.shopDetail .info .btn { position:  absolute; bottom: 0px; left: 69px; height: 45px; }
.shopDetail .info .print { position:absolute; top:10px; right:10px;  background: url(../images/icon_print.gif) no-repeat left center; padding:0 0 0 18px; }
.shopDetail .info .print a:link,
.shopDetail .info .print a:visited { color: #333; text-decoration: underline; }
.shopDetail .info .print a:hover,
.shopDetail .info .print a:active { color: #666; text-decoration: underline; }

.shopDetail .bnrArea { width: 220px; float: right; }
.shopDetail .bnrArea .message { border:  solid 1px #ccc; padding: 19px; line-height: 1.4; font-size: 92%;  margin: 0 0 10px 0;  }
.shopDetail .bnrArea .message h4 { margin: 0 0 17px 0; }
.shopDetail .bnrArea li { margin: 0 0 5px 0; text-align: center; font-size: 1px; line-height: 1; }
.shopDetail .googlemap { clear: both; padding: 10px 0 0 0; height: 1%; }
.mapLink { float: right; margin: 12px 30px 25px; display: inline;  }
.mapLink li { float: left;  background: url(/common/images/icon_blank_orange.gif) no-repeat left center; padding: 0 0 0 16px; margin: 0 0 0 15px;  }
*:first-child+html .mapLink { margin-right:0; }

/* menu */
.pos { position: absolute; top: 30px; left: 414px; height: 1%;}
.ancListDevice { font-weight: bold; margin: 0 0 20px 0;}
.ancListDevice li { float: left; margin: 0 10px 10px 0; font-size: 133%; white-space: nowrap; }
.ancListDevice li a:link { color:#660a19; text-decoration: none; }
.ancListDevice li a:visited { color:#660a19; text-decoration: none; }
.ancListDevice li a:hover { color:#0f2228; text-decoration: none; }
.ancListDevice li a:active { color:#0f2228; text-decoration: none; }

.menu .item { padding: 0 0 20px 0;  height: 1%; }
.menu .item img { float: left; }
.menu .item .text { width: 383px; float: right; }
.menu .item .text h4 { font-size: 200%; padding: 0 0 3px 0; line-height: 1.2;}
.menu .item .text h4 small { font-size: 76%;}
.menu .item .text strong { font-size: 167%; font-weight: normal;  }
.menu .item .text span { font-size: 125%;  }
.menu .item .text .dish { padding: 15px 0 2em 0; line-height: 1.5; color: #ff9900; }
.menu .item .text .descript { padding: 3px 0 20px 0; }
.menu .item .cap { font-size: 92%; clear: left; padding: 5px 0 0 0;}
.menu .position { margin: 0; }
.position .bdWrap { float: left;  }
.menu .drinkFree { padding: 30px 39px 0;}
.menu .drinkFree .mincho strong { font-size: 167%; font-weight: normal;  }
.menu .drinkFree .mincho span { font-size: 125%;  }
.menu .freeMenu { }
.menu .freeMenu li { float: left; width: 287px; line-height: 1.5; }
.menu .bdWrap { clear: both; margin: 10px 0 20px 0; white-space: nowrap; }
.menu .drinkList { clear: both; border: solid 1px #ccc; padding: 39px 0 13px 39px; margin: 0 0 20px 0; width:591px; }
.menu .drinkList li { float: left; font-size: 1px; line-height: 1; padding: 0 36px 26px 0; width:252px; }
.menu .caution { margin:  0 0 15px 0; }
.menu .caution li { line-height: 1.5; font-size: 92%; }

.alacarte { clear: both; width: 520px; margin: 0 auto 20px !important; padding: 20px 50px; border: 1px solid #ccc; }
.alacarte h3 { text-align: center; font-size: 18px; font-weight: bold; margin: 0 0 20px 0; }
.alacarte table { width:100%; }
.alacarte table td { vertical-align: top; padding: 0 0 5px 10px; line-height: 1.5; }
.alacarte table .nam { font-size: 16px; }
.alacarte table .pr1 { font-size: 14px; text-align: right; }
.alacarte table .pr2 { font-size: 12px; }
.alacarte small { font-size: 11px;}

/* knowledge */
.knowledge p { margin-bottom: 1em;}
.knowledge .item ol li { padding:0 0 18px 0; line-height: 1.4; }
.knowledgeTb { width:100%;}
.knowledgeTb td { background:#d1d6d4; }
.knowledgeTb th img { display:block;}
.knowledgeTb th { width:40px; }
.knowledge .lead { margin:0 0 0.5em 0;  }
.knowledge .item.dot { border-bottom: dashed 1px #999;padding: 0 0 10px 0; }

/* campaign */

.campaign { width: 540px; margin: 0 auto; padding:10px 0; border-bottom: 1px dashed #999; }
.campaign .left { margin: 0 20px 0 0; display: block; }
.campaign h3 { font-size: 117%; line-height: 1.5; }
.campaign .notes_r { color:#FF0000; font-size:12px; font-weight:bold; }
.campaign .notes_k { color:#333333; font-size:12px; font-weight:bold; }
.campaign .detail { margin: 15px 0 0; }
.campaign .camBody { overflow: hidden; zoom: 1; }
.campaign .camBody .update { color: #666;}

/* news */
.newsList { padding: 0 33px; line-height: 1.5; }
.newsList dt { float: left; clear: both; padding: 0 10px 0 0; }
.newsList dt img { margin: 0 0 -2px 0; padding: 0 0 0 5px;  }
.newsList dd { float: left; width: 500px; padding: 0 0 15px 0; }
.paging { text-align: right; color: #ff9900; padding:  20px 0; }

/* news entry */
.entry { padding: 0 125px 30px; line-height: 1.5; }
.entry h2 { font-size: 117%;  }
.entry .entryHeader { border-bottom: solid 1px #ccc; position: relative; padding: 0 100px 5px 0; margin: 0 0 20px 0; height: 1%;}
.entry .entryHeader .date { position: absolute; top: 2px; right: 0; margin: 0; padding: 2px 5px; background: #2a3143; line-height: 1; color: #fff }
.entry p { margin: 0 0 1em 0; }

.pt01 .photo { padding: 0 5px; text-align: center;}
.pt01 .photo img { padding: 0 5px 10px; }
.pt02 .photo { float: left; }
.pt02 .photo img { padding: 0 13px 15px 0; }
.pt03 .photo { float: left; }
.pt03 .photo img { padding: 0 0 15px 0; }
.pt03 .text { float: right; width: 287px }
.pt04 .photo { float: right; }
.pt04 .photo img { padding: 0 0 15px 13px; }
.pt05 .photo { float: right; }
.pt05 .photo img { padding: 0 0 15px 0; }
.pt05 .text { float: left; width: 287px }
.pt06 .photo { padding: 0 5px; text-align: center; }
.pt06 .photo img { padding: 0 5px 10px; }

/* RSS */
.rssLink img { margin: 0 5px -3px 0; }

/* mail */
.indent.mail { width: 525px; margin: 0 auto; }
.indent.mail ol li { margin: 0 0 40px 0;}
.mail .arrow {  margin: 0 0 25px 0; }
.mail .formTB { width: 100%;}
.mail .formTB td { width: 308px}
/* sitemap */
.stmTB { table-layout: fixed; width: 580px; margin: 0 auto 20px; border-bottom: 1px dashed #999;  }
.stmTB h4 { margin: 0 0 20px; padding: 1px 0 0; font-size: 117%; }
.stmTB td { vertical-align: top; }
.stmTB ul { margin: 0 0 20px;}
.stmTB li { color: #ff9900; margin: 0 0 8px;  padding: 1px 0 0; }
.stmTB li span { color: #333; }

/* partners */
.partners { width: 765px; margin: 0 auto; line-height: 1.5; }
.partners ul { padding: 45px 0 50px 0;}
.partners li { float: left; width: 245px; padding: 0 10px 25px 0; line-height: 1.4; }
.partners li h4 { margin: 0 0 8px 0; }
.partners li p { background: url(/images/icon_mail.gif) no-repeat 0px 3px; padding: 0 0 0 20px; }
.partners h3 { font-size: 117%;}


/* policy */
.textbase h3 { margin: 0 0 1em; font-size: 117%;}
.textbase dl {}
.textbase dt { margin: 0 0 5px;}
.textbase dd { line-height: 1.5; padding: 0 0 0 40px; margin: 0 0 5px;}
.geotrust { margin: 0 0 1em; }
.geotrust img { float: left; margin: 0  20px 0 0; }
.geotrust p { overflow: hidden; zoom: 1; padding: 10px 0 0; }

.getflash { margin: 0 0 1em 40px !important; background: #eee; padding: 10px !important; }
.getflash a { display: block; font-size: 1px;}
.getflash img { float: left; margin: 0  20px 0 0; }
.getflash p { overflow: hidden; zoom: 1; padding: 0 0; margin: 0 !important; }

/* mobile */
.mobile { width: 726px; margin: 0 auto; line-height: 1.5; }
.mobile .pointList { padding: 0 0 35px 0; }
.mobile .pointList ul { width:468px; }
.mobile .pointList li { margin: 0 0 40px 0; }
.mobile .pointList li img { margin: 0 0 10px 0; }

.mobile h3 { margin: 0 0 20px 0; }
.mobile .formTB { margin: 0; width: auto; }

.mobile .formTB th { white-space: nowrap; min-width: 90px; }
* html .mobile .formTB th { width: 90px; }
.mobile .formTB td { min-width: 255px; white-space: nowrap; }
* html .mobile .formTB td { width: 290px; }
.mobile .formTB .btn { margin: 0; padding: 0 6px; background: no-repeat; vertical-align: middle; width:110px; border: none; }
.mobile .mobileAccess {}
.mobile .mobileAccess li { padding: 0 0 45px 0; }
.mobile .mobileAccess h4 { padding: 0 0 20px 0;}
.mobile .mobileAccess ol { padding: 20px 0;}
.mobile .mobileAccess ol li { padding: 0;}
.mobile .mobileAccess .left { padding: 0 15px 0 0;}


/* activities */
.activities .approach { margin:0 0 30px 0; }
.activities .approach li { background: #eee; padding:20px; margin:0 0 10px 0; height: 1%; }
.activities .approach li h4 { font-weight:bold; margin:0 0 10px 0; padding:0 0 0 5px; border-left: solid 12px #333;  }
.activities .approach li p { overflow: hidden; zoom: 1; width:600px; }
.activities .approach li p img { float:left; padding:0 15px 0 0; }
.activities p { line-height: 1.5; margin: 0 0 1em 0; }
.activities .intro { width: 590px; margin: 0 auto; height: 1%; }
.activities .intro h4 { background: #999; height: 20px; line-height: 20px; color: #fff; padding: 0 0 0 10px; font-weight: normal; margin: 0 0 10px 0; }
.activities .intro li { border-bottom: dashed 1px #999; margin: 0 0 20px 0; height: 1%; }
.activities .intro .info { padding: 0 0 10px 0; }
* html .activities .intro .info { display: inline; }
*:first-child+html .activities .intro .info { display: inline; }

.activities { position: relative; }
.activities .intro .info ol li { border: none; line-height: 1.5; margin: 0 0 8px 0; }
.activities .intro .info img { float: left; padding: 0 15px 0 0; }
.activities .intro .info { overflow: hidden; }

.activities .selList { margin: 0 -20px 30px 0;}
* html .activities .selList { width: 730px;  }

.activities .selList li { float: left; height: 95px; width: 182px; }
.activities .selList li span { display: block; height: 20px; line-height: 20px; }
.activities .selList li a { height: 1%; display: block; cursor: pointer; }
.activities .selList li a:link { color:#660a19; text-decoration: none; }
.activities .selList li a:visited { color:#660a19; text-decoration: none; }
.activities .selList li a:hover { color:#0f2228; text-decoration: none; }
.activities .selList li a:active { color:#0f2228; text-decoration: none; }


.activities .select .left { padding:0 20px 0 0; margin: 0 0 30px 0;} 
.activities .select .autoWidth { margin: 0 0 30px 0; }
.activities .select .mincho { font-size: 150%; padding: 0 0 10px 0; line-height: 1.3; }
.activities .select .mincho strong {  line-height: 2; }
.activities .select .mincho span { font-size: 77.8%; }
.activities .select p { margin: 0 0 1.5em 0; }

/* logistic */
.lgsList { background: #eee; margin: 0 20px 10px 0; padding: 20px;  }
.lgsList li { padding: 0 0 0 170px ; min-height: 110px; position: relative; margin: 0;  }
.lgsList li p { margin: 0; }
.lgsList .photo { position: absolute; top: 0; left: 0; display: block; margin: 0; }
* html .lgsList li { height: 110px; }
.lgsList li.arrowDown { margin:0 0 50px 0; }
.lgsList li.arrowDown .imgSpc { position: absolute; bottom: -34px; left: 400px; }
.lgsList li h4 { margin: 0 0 1em 0; line-height: 1.2; }

/* forum */
.forum .left { width: 351px; margin: 0 20px 0 0; }
.forum .left img { display: block; margin: 0 0 10px 0; }
.cataBk { background: #eee; padding: 20px; text-align: center; margin: 0 0 20px 0; }


/* online_shop */
.shop { position: relative;}
.shop .cataLink { position: absolute; top: 20px; right: 0; color: #ff9900; }
* html .shop .cataLink { right: 20px }
.shop p { line-height: 1.5; margin: 0 0 1em; }
.shop .bnrArea { background: #eee; padding: 20px 0 18px; text-align: center; }
.shop .bnrArea p { margin: 0; }
.shop .bnrArea img { margin: 0 19px; font-size: 1px; line-height: 1;  }

/* recruit */

#msg { float: left; width: 453px; margin: 0 0 10px; position: relative !important; height: 221px; }
#msg h3 { float: left; height: 221px; }
#msg .img { float: left;  height: 221px; }
#msg .BTN a {position: absolute; top: 188px; left: 86px; display: block; height: 22px; width: 99px;}
#msg .BTN a img { display: block;}
#car { float: right; width: 443px; margin: 0 0 10px; }
#car .inner { background: #e8ebed; padding: 20px 19px;}
#car .img { float: left; }
#car .BTN { float: right; }
#stf { clear: both; float: left; width: 453px; margin: 0 0 10px; position: relative; }
#stf li { font-size: 1px; float: left; }
#stf .BTN { position: absolute; top: 14px; right: 15px;}
#arb { float: right; width: 443px; }
#arb .inner { background: #f4e5e8; padding: 20px 19px;}
#arb .img { float: left; }
#arb .BTN { float: right; }
#frs { clear: both; }
#frs .inner { padding: 19px 20px; background: #e0e0e0;}
#frs .img { float: left;}
#frs ul { float: right; width: 622px; font-size: 1px;}
#frs .BTN1 { float: left;}
#frs .BTN2 { float: right; margin: 0 0 2px;}
#frs .BTN3 { float: right; }

.essentialTB { margin: 0 auto; line-height: 1.5; border-collapse: collapse; border: 1px solid #ccc; width: 100%; }
.essentialTB th,
.essentialTB td { border-bottom: 1px solid #ccc; padding: 18px; vertical-align: top; }
.essentialTB th { background: #e5e5e5; text-align: right; width: 200px; }
.essentialTB td { background: #fff;  }
.essentialTB .priceTB { width: 100%; border: solid 1px #ccc; border-collapse: collapse; margin: 0 0 20px 0; }
.essentialTB .priceTB th,
.essentialTB .priceTB td { border-bottom: solid 1px #ccc; width: auto; }
.essentialTB .priceTB th { background: #ccc; text-align: left; padding: 5px 10px; }
.essentialTB .priceTB td { text-align: right; white-space: nowrap; padding: 5px 0 5px 5px; }
.essentialTB .priceTB td.spName { width: 125px; }
.essentialTB .priceTB td.last { padding-right:10px; padding-left: 5px; }
.essentialTB .priceTB td.pay { padding-left:5px; }
.essentialTB .priceTB th.city { background: #999; border: solid 1px #999!important; }

/* common classes*/

#main p { line-height: 1.5;}
.left { float: left; }
.right { float: right; }
.autoWidth { overflow: hidden; zoom: 1; } 
.osk { font-family: Osaka; }


.txtRight { text-align: right;}
.txtCenter { text-align: center;}
.indent { padding: 0 33px;}

.notice li { padding: 0 0 0 1.5em; text-indent: -1.5em; line-height: 1.5; margin: 0 0 5px;}
.paragraph { padding: 0 0 30px;}

.title { padding:0 0 20px 0; }
.rightLink { float: right; margin: 0 0 12px 0 ; display: block; clear: both; color: #ff9900; }
.rightLink li { float: left;  margin: 0 0 0 15px; white-space: nowrap; }
.backLink { position:absolute; top:45px; right:50px; color: #ff9900; }

.subPageTitle { margin: 0 0 18px;}
.indent p { margin: 0 0 1em 0; line-height: 1.5;}
hr { display: none; }

.formTB { margin: 0 auto; line-height: 1.5; border-collapse: collapse;}
.formTB th,
.formTB td { border-bottom: 1px solid #fff; padding: 18px; vertical-align: top; }
.formTB th { background: #eee; text-align: right; }
.formTB td { background: #ddd; width: 368px; }
.formTB td label { width: 7em; display: block; float: left; }
.formTB td.wideLabel label { width: auto;}
.formTB td .mb10 span { display: block; float: left; width: 6em; text-align: right; padding: 2px 5px 0 0; }
.wFull { width: 368px; }
.wHalf { width: 184px; }
.wQuarter { width: 92px; }
.wEighth { width: 42px; }

.w700 { width: 700px; margin-left: auto; margin-right: auto;  }
.w700 p { line-height: 1.5; margin: 0 0 1em; }
.w700 h4 { line-height: 1.5; margin: 0 0 4px; }
.red { color: #c00;}
p.btn { text-align: center; margin: 25px 0 30px; }
small { font-size: 92%; }
.float .left { margin: 0 1em 0 0;}
.deviceBold { margin: 0 0 1em; }
.mbExtra { margin-bottom: 100px !important; }
.position { position: relative; }
.bdWrap { font-size: 92%; border: solid 1px #333; padding: 3px; float: left; line-height: 1 !important;  }
.cap { font-size:11px;}
.ovHidden { overflow: hidden; zoom: 1; }
.separator { margin:30px 0 !important; }
.note li { text-indent: -1em !important; padding-left: 1em !important; line-height: 1.5; }
.note li span {font-family: Osaka; }
.point { margin: 0 auto; }
.point td { padding: 0 4px;}
.mb10 { margin-bottom: 10px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb50 { margin-bottom: 50px!important;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}

#sub h3 { margin: 0 0 14px 0; }
#sub li { margin: 0 0 8px 0; }
.sideBnr { margin:15px 0 0 0; }

/* top page */
#coupon { float: left; width: 515px; margin: 0 0 30px; position:relative;  }
#coupon ul.left { width: 362px;}
#coupon ul.right { width: 150px;}
#coupon ul.one li { margin: 0 0 2px 0; font-size: 1px; }
#coupon ul.two li { margin: 0 0 2px 0; font-size: 1px; }
#coupon ul.four li { margin: 0 2px 2px 0; float: left; font-size: 1px; }
#coupon .func { clear: both; padding: 0; height: 1%; position:absolute; width:515px; top:200px; left:0;  }
#coupon .func ul.right { width: auto; }
#coupon .func p {  padding:1px 0 1px 10px; background: url(/common/images/arrow_orange.gif) no-repeat left; line-height:1; }

#news { float: right; width: 375px; margin: 0 0 30px; position:relative;  }
#news h2 { margin: 0 0 6px;}
#news .newsscroll { overflow: auto; height: 156px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; line-height: 1.5; margin:0 0 2px 0; }
#news dl { padding: 10px 10px 0 0;}
#news dt { color: #969696; margin: 0 0 1px;}
#news dd { padding: 0 0 15px; }
#news .func { margin:10px 0 0 0; }
#news .func ul { padding: 0px 0 0 0; }
#news #rss { background: url(/images/icon_rss.gif) no-repeat 0px 4px; padding: 8px 0 2px 40px; margin:-8px 0 0 0; }

#delivery { width: 515px; float: left; margin: 0 0 30px; }
#delivery h2 { margin: 0 0 13px; }
#delivery .left { height: 1%; }
#delivery p { color: #969696; line-height: 1.4; min-height: 42px; width: 355px; }
* html #delivery p { height: 42px; }
#delivery .func { clear: both; height: 1%; padding: 8px 0 0; }

#storeLocator { width: 375px; float: right; margin: 0 0 30px; position:relative; }
#storeLocator .shoulderLink { position:absolute; top:12px; right:0; height:1%; }
#storeLocator .shoulderLink li { padding:1px 0 1px 10px; background: url(../images/arrow_orange.gif) no-repeat left; }
#storeLocator .shoulderLink a:link { color:#ff9900; text-decoration: underline; }
#storeLocator .shoulderLink a:visited { color:#ff9900; text-decoration: underline; }
#storeLocator .shoulderLink a:hover { color:#ffb23f; text-decoration: underline; }
#storeLocator .shoulderLink a:active { color:#ffb23f; text-decoration: underline; }

#storeLocator h2 { margin: 0 0 13px;}
#storeLocator .round { background: #cdcab7; padding: 5px; }
#storeLocator #storeMap li { font-size: 1px;}
#storeLocator .round img { display: block;}
#storeLocator #storeMap { position: relative; float: left; }
#storeLocator #bal01 { position: absolute; top: 7px; left: 74px;}
#storeLocator #bal02 { position: absolute; top: 46px; left: 22px;}
#storeLocator #bal03 { position: absolute; top: 46px; left: 125px;}
#storeLocator #bal04 { position: absolute; top: 90px; left: 164px;}
#storeLocator #bal05 { position: absolute; top: 114px; left: 52px;}
#storeLocator .right { width: 94px; }
#storeLocator .right .arrow { padding: 15px 0 0 0; }
#storeLocator .right .arrow li { margin: 0 0 15px;}
#storeLocator .func { padding: 8px 0 0 0;}
#storeLocator .func .blank { float: right;}

#particular { clear: both; width: 515px; float: left; margin: 0 0 20px; height: 1%; }
#particular img { display: block; margin: 0 0 7px;}
#particular h2 { margin: 0 0 13px; }
#particular p { color: #969696; line-height: 1.4; margin: 0 0 13px; }
#particular .arrow { float: right;}

#aboutFugu { width: 375px; float: right; margin: 0 0 20px; height: 1%; }
#aboutFugu h2 { margin: 0 0 13px; }
#aboutFugu img { display: block; margin: 0 0 7px;}
#aboutFugu p { color: #969696; line-height: 1.4; margin: 0 0 13px; }
#aboutFugu .arrow { float: right;}

#group { clear: both; padding: 16px 0 20px; border-top: solid 2px #c8c8c8;  overflow: hidden; width: 910px;}
#group h2 { margin: 0 0 13px 0;}
#group .listWrap { width: 920px; margin: 0 10px 0 0; position: relative;}
#group .left { margin: 0 10px 0 0;}
#group p { margin: 0 0 7px 0;}