@charset "utf-8";
@import "http://www.byo.co.jp/css/footer_gl.css";
/* ////////////////////////////////////////
[83.4% = 10px]
[91.7% = 11px]
[100% = 12px] 
[108.4% = 13px]
[116.7% = 14px] 
[125% = 15px]
[133.4% = 16px]
[141.7% = 17px]
[150% = 18px]
[158.4% = 19px]
[166.7% = 20px]
[175% = 21px]
//////////////////////////////////////// */
*{ margin:0; padding:0;}
html { height:100%;}
body { background: #F6F2E7; line-height: 1.9; height:100%;}
#bg_box { width: 100%;  background: #f6f2e7;}
a:link, a:visited, a:active { color: #2b2321; text-decoration: underline;}
a:hover { color: #2b2321; text-decoration: underline; }

.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }
#line_box { width:100%; background: url(/images/head_line.png) top repeat-x; overflow:hidden;}
#header { width: 876px; margin: 0px auto;}

#header_l { width: 91px; float: left;  padding-top: 6px; padding-bottom: 10px;}
#header_r { width: 784px; float: right; padding-top: 26px;}

/*    */
#top_container { width: 883px; margin: 0px auto;overflow: hidden;}
#container { width: 872px; margin: 0px auto;overflow: hidden;}

/*ナビゲーション*/
#navi_box { width: 781px; margin: 0px auto; height: 88px;}
#navi_box ul {}
#navi_box li { list-style: none; float: left;}
#navi_box a:hover img { opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )"; }


#container { padding-bottom: 28px;}

/*下段*/
#contents_box { width: 883px; margin: 0px auto; background: url(/images/top_box03.png) repeat-y;}
#contents_box02 { padding: 20px 26px;}
#contents_l { float: left; width: 563px;}
#contents_r { float: right; width: 238px;}

#top_index01 { border-bottom: 1px solid #d5d2d0; padding-bottom: 4px;}
#contents_lbox { width: 568px; padding: 20px 0px 13px 0px; font-size: 91.7%; }
#contents_lbox dl { background: url(/images/dot_line.png) no-repeat left bottom; line-height: 1.6; margin: 0 0 9px 0; width: 580px;}
#contents_lbox dt { width: 6em; float: left; padding-bottom: 8px; color: #a72126;}
#contents_lbox dd { padding-left: 8em;  padding-bottom: 8px;}

#contents_r ul { width: 229px; }
#contents_r li { list-style: none;}
#contents_r a:hover img { opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )"; }

#mainimg {padding-bottom: 26px;}

/* 特徴 */
#about_box { width: 877px; margin: 0px auto; background: url(/images/top_box03.png) repeat-y; padding-left: 6px;}
#about_box h3 { font-size: 150%; font-weight: bold; padding-bottom: 12px;}
#about_box h4 { font-size: 108.4%; font-weight: bold;}

.about_index { margin-bottom: 20px;}

/* 新着情報 */
#news_box {}
#news_l { float: left; width: 232px;}
#news_r { float: right; width: 611px;}
.news_article {}
.news_title { width: 611px; background: #3f2717; margin-bottom: 5px;}
.news_title_title { color:#fff5e4; float: left; width: 515px; line-height: 140%; padding: 9px 0px 9px 8px; font-size: 150%; font-family:'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro R', '小塚ゴシック Std R','ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
.news_title_date { color:#fff5e4; float: right; width: 65px; font-size: 83.4%; font-weight: bold; margin-top: 9px;}
.news_txt { font-size: 100%; padding: 14px 0px 0px 0px;}
.news_txt p { padding-bottom: 1em; }
.news_index { font-size: 83.4%; background: url(/images/dot_line.gif) no-repeat left bottom;}
.news_index p { padding: 10px 0px 10px 0px;}

/* お品書き */
#food_box { width: 872px; margin: 0px auto; padding: 0px 0px 0px 0px;}
.food_category { width: 872px; padding: 0px 0px 12px 0px;}
.food_index { padding-bottom: 20px;}

.food_category td { width: 208px; padding-right: 3px; vertical-align: top;}
.food_category img { width: 206px; border: 1px solid #cc9966; margin-bottom: 4px;}

#food_set { height: 245px;}
#food_set02 { height: 273px;}
.menu_name_e { font-size: 83.4%; line-height: 120%; padding: 3px 10px 0px 0px; color: #b08857;}
.menu_lborder { background: url(/images/food/menu_bg.png) left repeat-y; padding-left: 12px; margin-top: 4px;}

.menu_name { width: 206px; color: #8d123a; font-weight: bold; line-height: 100%; padding: 6px 0px 0px 0px;}
.menu_cal { float: left; width: 50px; color: #555; line-height: 91.7%; padding: 3px 0px 3px 0px; text-align: left;}
.menu_price { float: right; width: 106px; font-weight: bold; line-height: 100%; padding: 3px 10px 3px 0px; text-align: right;}

.menu_copy { line-height: 140%; padding: 3px 10px 10px 0px; font-size: 83.4%;}
.food_index {}


/* 店舗一覧 */
#location_box {}
#location_l { float: left; width: 230px; font-size: 91.7%;}
.location_lindex { padding-bottom: 8px;}
.location_nameindex { padding: 6px 0px 6px 9px; background: url(/images/location/arrow.png) no-repeat 0px 15px; font-size: 116.7%;}
.location_dotline { height: 1px; background: url(/images/dot_line.gif) no-repeat;}
.location_nameindex a:link, .location_nameindex a:visited, .location_nameindex a:active { color: #911712; text-decoration: none;}
.location_nameindex a:hover { color: #911712; text-decoration: none; }

#location_r { float: right; width: 594px; font-size: 108.4%;}
.location_name { font-size: 175%; font-family:'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro R', '小塚ゴシック Std R','ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic Pro',sans-serif; margin-bottom: 20px;  border-bottom: 1px solid #8b8988;}
.location_index { padding-bottom: 12px;}
#location_r p { padding: 0px 0px 24px 14px;}
.location_data dl {line-height: 1.6; margin: 0 0 9px 0; width: 310px;}
.location_data dt { width: 6em; float: left; padding-bottom: 8px;}
.location_data dd { padding-left: 7em;  padding-bottom: 8px;}
.location_mapbox { padding: 0px 0px 0px 2px;}
.location_map { float: left; width: 299px;}
.location_data { float: right; width: 310px;}


.location_box02 { border-bottom: 1px solid #8b8988; margin-bottom: 0px; padding-bottom: 12px;}
.location_name02 { float: left; width: 150px;}
.location_data02 { float: left; width: 280px;}
.location_data02 dl { line-height: 1.6; margin: 0 0 9px 0;}
.location_data02 dt { width: 4em; float: left; padding-bottom: 8px; }
.location_data02 dd { padding-left: 5em;  padding-bottom: 8px;}
.location_btn { float: right; width: 141px;}
.location_btn li { padding: 0px 0px 8px 0px;}
.location_btn a:hover img { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
#tokyo_map { margin-bottom: 30px; border: 1px solid #ccc;}
.pagetop { font-size: 83.4%; padding-bottom: 30px; width: 594px; margin: 0px auto; text-align: right;}




/*店舗検索　ポップアップ*/
#popup { color: #ffffff; background: #000; padding: 20px; }
#p_head { width: 633px;}
#p-container{ width: 633px; }
#p-container p { padding-bottom: 20px;}
.p_location_data dl {line-height: 1.6; margin: 0 0 9px 0; width: 304px;}
.p_location_data dt { width: 5em; float: left;  margin-bottom: 8px; padding-bottom: 8px; color: #333;}
.p_location_data dd { padding-left: 6em;  margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #999;}
.p_location_mapbox { padding: 0px 0px 0px 0px;}
.p_location_map { float: right; width: 320px;}
.p_location_data { float: left; width: 300px;}


.gengo_box { padding-left: 313px; width: 320px; float: right; margin-bottom: 10px;}
.gengo_box li { list-style: none; float: left; padding-left: 20px;}

#btn_box { width: 390px; margin: 24px auto 20px auto; text-align: center;}
#btn_box a:hover img { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";  }