@charset "UTF-8";

/*--------------------------------------------------------------------
author: Nandy
email: nandy@nnbros.com
website: http://www.nnbros.com
/--------------------------------------------------------------------*/

body#menu {
 background: url(../images/top_bg.gif) center repeat-y;
}
/*----- 基本設定 -----*/
div#wrap-bg{
    width: 100%;
    margin: 0 auto;
}
/*----- ここからが重要なフッター下部設定 -----*/
html,body{
    height: 100%;
}
div#wrap-bg{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
 background: url(../images/top_bg_line.gif) center bottom no-repeat;
}

#menu div#menutop {
 margin: 0 auto;
 max-width: 720px;
}

#menu div#menutop .fl_left, #menu div#menutop .fl_right {
 width: 200px;
 background: none;
 margin-top: 120px;
}

#menu div#menutop p {
 text-align: center;
 padding-bottom: 3em;
}
#menu div#menutop a {
 font-size: 5em;
 text-decoration: none; 
 padding-bottom: 0px;
}
#menu div#menutop .lunch {

}
#menu div#menutop .dinner {
 color: #fff;

}
#menu div#menutop .lunch a {
 border-bottom: 1px solid #000;
 border-top: 1px solid #000;
}
#menu div#menutop .dinner a {
 color: #fff;
 border-bottom: 1px solid #fff;
 border-top: 1px solid #fff;
}
#menu div#menutop a.link:hover {
 border: none;
}
#menu div#menutop p.time {
 font-size: 1em;
}


/*----------------------------------------------------
	詳細ページ
----------------------------------------------------*/
.lunch {
 background: #f4edee;
}
.dinner {
 background: #83424c;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
 position: absolute;
 top: 0;
 left: 0;
}
.bgstretcher {
 background: #fff;
 overflow: hidden;
 width: 100%;
 position: fixed;
 z-index: 1;
 _position: absolute; /*IE6 doesn't support fixed positioning*/
 top: 0;
 left: 0;
}


.dinner h2, .dinner h3, .dinner p, .dinner li {
 color: #fff;
}
#menu-detail div#detail-header {
 position: relative;
}
#menu-detail div#detail-header h2 {
 font-size: 3em;
 float: left;
 padding-bottom: 0.3em;
 line-height: 1;
 letter-spacing: 0.1em;
 margin-top: 0.2em;
}#menu-detail div#detail-header p {
 float: right;
 text-align: right;
 margin-top: 2.5em;
}#menu-detail div#detail-header hr {
 width: 100%;
 height: 7px;
 display: block;
 border:0;
 background: url(../images/lunch_line.gif) bottom repeat-x;
 margin-bottom: 1.5em;
}
#menu-detail div#detail-header hr.dinner {
 background: url(../images/dinner_line.gif) bottom repeat-x;
}

#menu-detail div.title {
 border-bottom: 1px solid #000;
 padding-bottom: 2em;
 margin-bottom: 1.5em;
}
#menu-detail div.title-d {
 border-bottom: 1px solid #fff;
}
#menu-detail div.title-dot {
 border-bottom: 1px dotted #000;
}
#menu-detail div.title-dot-d {
 border-bottom: 1px dotted #fff;
}
.dinner div.title-dot {
 border-bottom: 1px dotted #fff;
}
#menu-detail div.title h3, #menu-detail div.title p.price {
 padding-bottom: 0;
 line-height: 1;
}
#menu-detail div.title h3 {
font-size: 0.875em;
 float: left;
 margin-top: 0.5em;
}
#menu-detail div.title p.price {
 font-size: 1.125em;
 float: right;
 text-align: right;
}
#menu-detail div.title p.price span {
 font-size: 0.65em;
}

#menu-detail ul.menu-list {
 margin-top: 1em;
 padding-bottom: 1em;
}
#menu-detail ul.menu-list li {
 text-align: center;
 padding-bottom: 0.5em;
}

#menu-detail ul.menu-list li span.en {
 font-style: italic;
 font-size: 1.125em;
 line-height: 1.2;
 padding-bottom: 0.2em;
}
#menu-detail ul.menu-list li span.jp {
 font-size: 0.875em;
 line-height: 1.2;
 color: #ca959e;
}
#menu-detail div.title p {
 padding-bottom: 0.5em;
 text-align: center;

}
#menu-detail p.caution-en {
 font-size: 0.875em;
}
#menu-detail p.caution-jp {
 font-size: 0.75em;
}

#menu-detail div.sub {
 margin-top:1em;
 padding-bottom: 3em;
}
#menu-detail div.sub p {
 padding-bottom: 0.5em;
}
#menu-detail div.sub p.jp {
 font-size: 0.75em;
}
#menu-detail div.allergy p {
 padding-bottom: 0.5em;
}
#menu-detail div.allergy p.jp {
 font-size: 0.75em;
}
#servicefee {
 padding-bottom: 1em;
}
#servicefee p {
 color: #fff;
}
.lunch #servicefee p {
 color: #000;
}
#servicefee p.title{
 font-size: 1em;
}
#servicefee p.menu {
 font-size: 1.2em;
 padding-bottom: 0.5em;
}
#servicefee p span.cap {
 color: #ca959e;
}

#menu-detail div.title h3 span.cap {
 font-size: 0.875em;
 color: #ca959e;
}
#menu-detail div.menucap {
 margin-top:2em;
}
#menu-detail div.menucap div.block {
 margin-top:1em;
 padding-bottom: 	0.5em;
}
#menu-detail div.menucap div.block p {
 padding-bottom: 0.5em;
}
#menu-detail div.menucap div.block p.jp {
 color: #ca959e;
}
#menu-detail div.menucap div.block p span.big {
 font-size: 1.2em;
}

/*----------------------------------------------------
	720px以下のレイアウト
----------------------------------------------------*/
@media screen and (max-width: 720px) {
body#menu {
 background: #83424c;
}
#menu div#wrap-bg{
 background: none;
}
#menu #main {
 width: 100%;
 padding: 0;
}
#menu #main div#menutop {
 width: 100%;
 padding: 0;
 margin: 0;
}
#menu div#menutop .fl_left, #menu div#menutop .fl_right {
 width: 100%;
 float: none;
 margin-top: 0;
}
#menu #main div.lunch{
 width: 100%;
 background: #f4edee;
}
#menu #main div.dinner{
 width: 100%;
 background: #83424c;
}
#menu-detail div#detail-header h2 {
 font-size: 2.6em;
 padding-bottom: 0.2em;
 margin-top: 0;
 letter-spacing: 1px;
}
#menu-detail div#detail-header p {
 margin-top: 1.6em;
}
#menu div#menutop p {
 padding-bottom: 1em;
 margin-top: 6em;
}
#menu div#menutop p.time {
 margin-top: 0;
 padding-bottom: 4em;
}


}