@charset "utf-8";

p.attention { text-align: right; font-size: 0.9em;}


/* sec1 */
#meal #sec1 { width:1100px; margin-top:20px;}
#meal #sec1:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec1 h3 { float:left; width:365px;}
#meal #sec1 p { float:left; width:340px; padding:20px 0 0 20px;}
#meal #sec1 img.photo { float:right; padding-left:13px;}


/* #sec2 */
#meal #sec2 { width:1100px; padding-top:37px; overflow:hidden; /display:inline-block;}
#meal #tab-container-1 { overflow:hidden;}
#meal #tab-container-1-nav { width:1104px;}
#meal #tab-container-1-nav:after{ content:" " ; clear:both; display:block; height:0;}
#meal #tab-container-1-nav li { float:left; width:180px; padding-right:4px;}
#meal #tab-container-1-nav li a.active { display:block; width:180px; height:56px;}
#meal #tab-container-1-nav li a.active img { display:none;}
#meal #tab-container-1-nav li.navi1 a.active { background:url(../../meal/img/navi1_on.gif) no-repeat;}
#meal #tab-container-1-nav li.navi2 a.active { background:url(../../meal/img/navi2_on.gif) no-repeat;}
#meal #tab-container-1-nav li.navi3 a.active { background:url(../../meal/img/navi3_on.gif) no-repeat;}
#meal #tab-container-1-nav li.navi4 a.active { background:url(../../meal/img/navi4_on.gif) no-repeat;}
#meal #tab-container-1-nav li.navi5 a.active { background:url(../../meal/img/navi5_on.gif) no-repeat;}
#meal #tab-container-1-nav li.navi6 a.active { background:url(../../meal/img/navi6_on.gif) no-repeat;}

#meal #tab1 { background:url(../../meal/img/sec2_1_bg.gif); overflow:hidden;}
#meal #tab1 div h4 { border-left:5px solid #bbd766;}
#meal #tab2 { background:url(../../meal/img/sec2_2_bg.gif); overflow:hidden;}
#meal #tab2 div h4 { border-left:5px solid #efd063;}
#meal #tab3 { background:url(../../meal/img/sec2_3_bg.gif); overflow:hidden;}
#meal #tab3 div h4 { border-left:5px solid #e7a952;}
#meal #tab4 { background:url(../../meal/img/sec2_4_bg.gif); overflow:hidden;}
#meal #tab4 div h4 { border-left:5px solid #df9d68;}
#meal #tab5 { background:url(../../meal/img/sec2_5_bg.gif); overflow:hidden;}
#meal #tab5 div h4 { border-left:5px solid #c9967f;}
#meal #tab6 { background:url(../../meal/img/sec2_6_bg.gif); overflow:hidden;}
#meal #tab6 div h4 { border-left:5px solid #93c1dc;}

#meal .tab { width:1090px; padding:12px 0 1px 10px; overflow:hidden;}
#meal .tab:after{ content:" " ; clear:both; display:block; height:0;}
#meal .tab div.box { display:table; margin-bottom:18px;}
#meal .tab div.box div { width:339px; background:url(../../meal/img/sec2_box_bg.gif) repeat-y; padding:10px 16px 10px 8px; margin-bottom:18px; display:table-cell; vertical-align:top; /display:inline; /zoom:1;}
#meal .tab div.box div h4 { margin:10px 0; padding-left:10px;}


/* #sec3 */
#meal #sec3 { background:#fff; border:1px solid #e3e3e3; margin-top:40px; padding:18px 0 10px 0; /display:inline-block;}
#meal #sec3:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec3 h3 { float:left; width:127px;}

#meal #sec3 .photo_col { float:left; width:570px;}
#meal #sec3 .photo_col:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec3 .photo_col img { float:left; padding:0 8px 8px 0;}

#meal #sec3 .detail_col { float:left; width:381px;}
#meal #sec3 .detail_col h4 { padding:23px 0 30px 0;}
#meal #sec3 .detail_col dl { display:inline-block; background:#fbf1ea; padding:15px; margin-top:20px;}
#meal #sec3 .detail_col dl:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec3 .detail_col dt { float:left; width:135px; text-align:right; padding-right:15px;}
#meal #sec3 .detail_col dd { float:right; width:200px;}
#meal #sec3 .detail_col a { display:block; width:381px; height:46px; margin-top:15px;}
#meal #sec3 .detail_col a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#meal #sec3 .detail_col ul { color:#bf4343; margin-top:20px;}


/* #sec4 */
#meal #sec4 { background:url(../../meal/img/sec4_bg.jpg) no-repeat #fff; border:1px solid #e3e3e3; margin-top:40px; padding:20px 0 40px 20px;}
#meal #sec4:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec4 h3 { float:left; widows:364px;}
#meal #sec4 p.intro { float:right; width:470px; padding-top:10px;}

#meal #sec4 .detail_col { clear:both; width:1060px; padding-top:20px;}
#meal #sec4 .detail_col div { float:left; width:244px; padding-right:25px;}
#meal #sec4 .detail_col div.no_pa { padding-right:0;}
#meal #sec4 .detail_col div h4 { padding:10px 0 5px 0;}
#meal #sec4 .detail_col div p.price { font-size:1.3em; text-align:right; padding-bottom:20px;}
#meal #sec4 .detail_col div p.price span { font-size:0.8em;}


/* #sec5 */
#meal #sec5 { width:1116px; margin-top:40px;}
#meal #sec5:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec5 div { float:left; width:540px; background:#fff; border:1px solid #e3e3e3; margin-right:16px; padding-bottom:30px;}
#meal #sec5 div h3 { margin:10px 0 25px -1px;}
#meal #sec5 div img.photo { display:block; width:auto; margin: 0 auto 20px auto;}
#meal #sec5 div dl { padding:0 30px;}
#meal #sec5 div dl dd.attention{text-align:right; font-size:0.9em;}
#meal #sec5 div p { padding:0 30px;}
#meal #sec5 div p.caution { background:#f6ffe5; margin:20px 30px 0 30px; text-align:center; letter-spacing:-0.01em; padding:15px 0;}


/* #sec6 */
#meal #sec6 { padding-top:40px;}
#meal #sec6:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec6 .title_col { float:left; width:535px; padding:50px 0 0 25px;}
#meal #sec6 .title_col p { padding:35px 0 0 20px;}
#meal #sec6 .title_col p img { display:block; width:159px; margin:25px 0 0 auto;}
#meal #sec6 img.photo { float:right; padding:15px 0 0 14px;}

#meal #sec6 .photo_col { clear:both; padding-top:13px;}
#meal #sec6 .photo_col:after{ content:" " ; clear:both; display:block; height:0;}
#meal #sec6 .photo_col img { float:left; padding-right:13px;}
#meal #sec6 .photo_col img#chef { margin-top:-206px; padding-left:9px; position:relative; z-index:1;}