@import "yui.css";

/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
//////////////////////////////////////// */

/*ClearFix*/
.clearfix {clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0;}

.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

body { color: #ffffff; width: 100%; height: 100%; background: #000; /*line-height: 1.8;*/ font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,sans-serif;}
*+html body { font-family:Verdana,"Lucida Grande","ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,sans-serif;}

a:link, a:visited, a:active { color: #EEDFBE; text-decoration: underline;}
a:hover { color: #EEDFBE; text-decoration: underline; }

#container { width: 1024px; font-size: 93%; background: #000; background: url(../images/bg.png) no-repeat; margin: 0px auto;}
#m_container { width: 1024px; font-size: 93%; background: #000; background: url(../images/m_bg.png) no-repeat; margin: 0px auto;}

#contents_box { width: 896px; margin: 0px auto; padding-top: 18px;}


h1 { font-size: 85%; line-height: 100%; padding: 0px; color: #999; }
h2 { font-size: 197%; line-height: 140%; font-weight: bold; }
h3 { font-size: 100%; }


/*テキスト*/
.stext { font-size: 85%; color: #666; }
.stext-nb { font-size: 85%; color: #666; font-weight: lighter; }

.h10 { height: 10px; }
.h5 { height: 5px; }

#header { width: 896px;}
#logo { width: 175px; margin: 0px auto; padding-bottom: 14px;}



.gopagetop { margin: 15px 0 0 0; text-align: right; }

/*ナビ*/
#navibox { height: 47px;}
ul#navi { width: 896px; height: 47px; margin: 0;}
#navi li { display: inline; list-style: none;}

#l_contents { width: 652px; float: left;}
#l_contents li { display: inline; list-style: none;}

#r_navi { width: 223px; float: right;}
#r_navi li { padding-bottom: 3px;}

#top_news { padding-top: 29px;}
#top_news_index { padding-bottom: 8px;}
#top_news dl { border-bottom: 1px solid #1C1C1C; padding: 8px 0px 6px 0px; line-height: 100%; font-size: 93%; margin-left: 10px;}
#top_news dt { clear: left;
display: inline; float: left; border-left: 3px solid #B90026; padding: 0px 0px 0px 6px;}
#top_news dd { padding: 0px 0px 0px 100px;}

/*フッタ*/
#footer { width: 896px; border-top: 1px solid #1C1C1C; padding-bottom: 15px;}
#footer_bt { padding: 15px 0px 6px 0px;}
#footer_bt li { display: inline; list-style: none;}

#footer_copy { }

/*メニュー*/
#menu_container { margin-top: 30px; background:url(../images/menu_bg.png) repeat-y; width: 896px;}
#menu_lnavi { width: 184px; height: 411px; padding-top: 30px; background:url(../images/menu_lnavi/menu_lnavi_bg.png) no-repeat; float: left;}
#menu_lnavi li { width: 184px; list-style: none; text-align: center; padding: 0px 0px 2px 0px;}

#menu_r { width: 712px; float: right; padding-bottom: 30px;}

#menu_txt { float: left; width: 434px; padding-left: 12px; padding-top: 23px;}
.m_copy { padding-left: 12px; font-size:131%; font-weight: bold;}
#menu_txt p { padding-left: 12px; font-size: 85%;}
#menu_txt dl { margin-left: 12px; padding: 12px 0px 10px 0px; border-bottom: 1px solid #454443; line-height: 180%;}
#menu_txt dt { float: left;}
#menu_txt dd { padding-left: 350px; text-align: right;}
#menu_txt02 dl { margin-left: 12px; padding: 12px 0px 10px 0px; border-bottom: 1px solid #454443; line-height: 180%;}
#menu_txt02 dt { float: left;}
#menu_txt02 dd { padding-left: 300px; text-align: right;}

.menu01 { margin-top: 23px; background: url(../images/menu_bg01.png) no-repeat; padding-top: 4px;}
.menu02 { margin-top: 23px; background: url(../images/menu_bg02.png) no-repeat; padding-top: 4px;}
.kids { background: url(../images/kids.gif) no-repeat; width: 31px; height: 31px;}


#menu_photo {float: right; width: 222px; padding-right: 30px; padding-top: 55px;}
#menu_photo p {padding: 4px 0px; font-size: 85%;}

#menu_tnavi { background: url(../images/menu_navi/top.png) no-repeat; height: 45px; padding-top: 4px;}
#menu_tnavi li { list-style: none; display: inline;}

.p_menu {  width: 434px; padding: 12px; border: 1px solid #c00;}
.p_menu_index { padding: 2px 3px 1px 3px; background: #c00; font-weight: bold;}
.p_menu_l { float: left; width: 160px; font-size: 85%;}
.p_menu_r { float: right; width: 160px; font-size: 85%;}

/*こだわり*/
#waku_t { margin-top: 0px; background:url(../images/waku_t.png) no-repeat top; height: 9px; }
#concept_container { margin-top: 30px; background:url(../images/menu_bg.png) repeat-y; width: 901px; padding-bottom: 30px; }
#concept_title { padding: 0px 0px 0px 12px;}
#concept-lnavi { width: 160px; padding: 30px 0px 0px 27px; float: left; height: 100%;}
#concept-lnavi li { margin-bottom: 13px; }
#concept-r { width: 627px; float: right; margin: 30px 40px 0px 0px; _margin: 30px 20px 0px 0px;}
.kd-01 { margin: 30px 0 8px 0; }

.ko-b01 { background: url(../images/concept/concept_01.png) no-repeat; padding: 45px 0 0 125px; height: 69px; margin-bottom: 10px; }
.ko-b02 { background: url(../images/concept/concept_02.png) no-repeat; padding: 45px 125px 0 0px; height: 69px; margin-bottom: 10px; }
.ko-b03 { background: url(../images/concept/concept_03.png) no-repeat; padding: 45px 0 0 125px; height: 69px; margin-bottom: 10px; }
.ko-b04 { background: url(../images/concept/concept_04.png) no-repeat; padding: 45px 125px 0 0px; height: 179px; margin-bottom: 10px; }

.ko-osusu { margin: 10px 0 0 0; background: url(../images/concept/concept_osusume.png) no-repeat; height: 53px; padding: 213px 0 0 26px;}
.kod-01 p { padding: 8px 0 10px 5px; }


/*店舗*/
#shop-r { width: 607px; float: right; margin: 30px 40px 0px 0px; _margin: 30px 20px 0px 0px; border: 1px solid #780B0A; padding: 10px; position: relative; }

.sh-soul-y { padding: 0 0 0 144px; background: url(../images/shop/yoyogi_r1_c1.png) 15px 0 no-repeat; height: 92px; }
.sh-soul-y2 { padding: 0 0 0 144px; background: url(../images/shop/nakano_r1_c1.png) 15px 0 no-repeat; height: 92px; }
.sh-soul-y3 { padding: 0 0 0 144px; background: url(../images/shop/koenji_r1_c1.png) 15px 0 no-repeat; height: 92px; }
.sh-soul-y4 { padding: 0 0 0 144px; background: url(../images/shop/shinjuku_r1_c1.png) 15px 0 no-repeat; height: 92px; }
.sh-soul-y5 { padding: 0 0 0 144px; background: url(../images/shop/koiwa_01.png) 15px 0 no-repeat; height: 92px; }

.sh-soul-y h1 { font-size: 153.9%; font-weight: bold; color: #fff; margin-bottom: 0.7em; }
.sh-soul-y2 h1 { font-size: 153.9%; font-weight: bold; color: #fff; margin-bottom: 0.7em; }
.sh-soul-y3 h1 { font-size: 153.9%; font-weight: bold; color: #fff; margin-bottom: 0.7em; }
.sh-soul-y4 h1 { font-size: 153.9%; font-weight: bold; color: #fff; margin-bottom: 0.7em; }
.sh-soul-y5 h1 { font-size: 153.9%; font-weight: bold; color: #fff; margin-bottom: 0.7em; }

.shsp { font-size: 131%; line-height: 1.3; }
.sh-bt { position: absolute; top: 78px; right: 10px; }

.sh-gl { background-color: #1A1A1A; padding: 9px 12px; margin: 15px 0; }
.sh-gl h2 { color: #C72020; font-size: 116%; border-left: 3px solid #C72020; padding-left: 8px; margin-bottom: 4px; }

.sh-time { padding: 0 10px; }
.sh14p { font-size: 118%; }
.sh-bov { position: relative; }
.sh-img { position: absolute; top: 0; right: 0; _right: 10px; }

.sh-line { background: url(../images/shop/dot_line.png); height: 1px; margin: 10px 0; }


dl#menu2 ul { list-style: none; }
dl#menu2 dt { text-align: center; position: relative; height: 47px; }
dl#menu2 dt a { display: block; color: #fff; font-weight: bold; text-decoration: none; height: 47px; }
/*追記*/
dl#menu2 { width: 183px; float: left; position: relative; height: 47px; }
dl#menu2 dt ul { background-color: #fff; top: 47px; left: 9px; display: none; position: absolute; z-index: 0; float: left;  }
dl#menu2 dt ul a { color: #fff; height: 24px; text-align: left; width: 174px; }
dl#menu2 dt ul li  {  }

dl#menu3 ul { list-style: none; }
dl#menu3 dt { text-align: center; position: relative; height: 47px; }
dl#menu3 dt a { display: block; color: #fff; font-weight: bold; text-decoration: none; height: 47px; }
/*追記*/
dl#menu3 { width: 172px; float: left; position: relative; height: 47px; }
dl#menu3 dt ul { background-color: #fff; top: 47px; left: 9px; display: none; position: absolute; z-index: 0; float: left;  }
dl#menu3 dt ul a { color: #fff; height: 24px; text-align: left; width: 174px; }
dl#menu3 dt ul li  {  }

/**/
li#a01 a { background: url(/images_navi/nnn01.png) no-repeat; text-indent: -5000px; }
li#a02 a { background: url(/images_navi/nnn02.png) no-repeat; text-indent: -5000px; }
li#a03 a { background: url(/images_navi/nnn03.png) no-repeat; text-indent: -5000px; }
li#a04 a { background: url(/images_navi/nnn04.png) no-repeat; text-indent: -5000px; }
li#a05 a { background: url(/images_navi/nnn05.png) no-repeat; text-indent: -5000px; }


/*プルダウンメニュー、マウスオーバー時のスタイル。*/
li#a01 a:hover  {  background: transparent url(/images_navi/nnn01.png) no-repeat -174px 0px;  }
li#a02 a:hover  {  background: transparent url(/images_navi/nnn02.png) no-repeat -174px 0px;  }
li#a03 a:hover  {  background: transparent url(/images_navi/nnn03.png) no-repeat -174px 0px;  }
li#a04 a:hover  {  background: transparent url(/images_navi/nnn04.png) no-repeat -174px 0px;  }
li#a05 a:hover  {  background: transparent url(/images_navi/nnn05.png) no-repeat -174px 0px;  }


/*ニュース*/
#new-lnavi { width: 160px; padding: 30px 0px 0px 27px; float: left; height: 100%; line-height: 1.4; }
#new-lnavi li { background: url(../images/news/news_r4_c2.png) no-repeat ; margin-bottom: 13px; padding: 0 0 0 15px; }

#news-r { width: 628px; float: right; margin: 30px 40px 0px 0px; _margin: 30px 20px 0px 0px;}
.news-box { width: 628px; padding: 0 0px 0px 0; }
.news-title { background: url(../images/news/news_r3_c4.png) no-repeat; height: 30px; padding: 3px 0 0 15px; font-size: 108%; }
.news-body { margin: 1em 15px 5em 15px; }

#bo-table table { width: 100%; }
#bo-table th { background-color: #474745; font-weight: bold; padding: 8px 12px; text-align: right; vertical-align: top; width: 80px; }
#bo-table td { background-color: #2F2E2C; padding: 8px 12px; border-bottom: 1px solid #494847; }

#bo2-table table { width: 100%; }
#bo2-table th {  padding: 8px 12px;  vertical-align: top; width: 80px; }
#bo2-table td { padding: 8px 12px; }