@charset "UTF-8";

@media all {

/* INDEXNAV */
#indexnav         { position: relative; min-height: 300px; height: 1%; background: url(../../restaurant/_img/indexnav_txt.png) 0 114px no-repeat; }
#indexnav a.nav   { /*width: 157px;*/ width: 135px; height: 114px; margin-bottom: 140px; padding: 0; text-indent: -9999px; float: left; background: url(../../restaurant/_img/indexnav.jpg) no-repeat; }
#indexnav .banner { text-align: center; }
#indexnav.plain   { min-height: 114px; background: none; }
#indexnav.plain a.nav { margin-bottom: 0; }
#indexnav.plain .button, #indexnav.plain .banner { display: none; }

#indexnav ul.col6 li.column { width:135px; }
#indexnav ul.col6 li#inav3,#indexnav ul.col6 li#inav4,#indexnav ul.col6 li#inav5 { width: 134px; }

#indexnav ul.col6 li.column p.button { width:127px;margin:0 auto;_margin:0 0 0 5px;padding:0; }

#indexnav ul.index li.column p.button a { width: 127px; height: 20px !important; line-height: 20px !important; text-indent: 0 !important; background: url(../../_common/_img/button_index2.gif) no-repeat !important; }

/* INDEXNAV ( nav : out ) */
#indexnav li#inav1 a { background-position: 0 0; }
#indexnav li#inav2 a { background-position: -135px 0; }
#indexnav li#inav3 a { background-position: -270px 0; }
#indexnav li#inav4 a { background-position: -404px 0; }
#indexnav li#inav5 a { background-position: -538px 0; }
#indexnav li#inav6 a { background-position: -673px 0; }
#indexnav li#inav7 a { background-position: -808px 0; }

/* INDEXNAV ( nav : active ) */
#indexnav li#inav1 a.active { background-position: 0 -228px; }
#indexnav li#inav2 a.active { background-position: -135px -228px; }
#indexnav li#inav3 a.active { background-position: -270px -228px; }
#indexnav li#inav4 a.active { background-position: -404px -228px; }
#indexnav li#inav5 a.active { background-position: -538px -228px; }
#indexnav li#inav6 a.active { background-position: -673px -228px; }
#indexnav li#inav7 a.active { background-position: -808px -228px; }

/* INDEXNAV ( nav : inactive ) */
#indexnav li#inav1 a.inactive { background-position: 0 -114px; }
#indexnav li#inav2 a.inactive { background-position: -135px -114px; }
#indexnav li#inav3 a.inactive { background-position: -270px -114px; }
#indexnav li#inav4 a.inactive { background-position: -404px -114px; }
#indexnav li#inav5 a.inactive { background-position: -538px -114px; }
#indexnav li#inav6 a.inactive { background-position: -673px -114px; }
#indexnav li#inav7 a.inactive { background-position: -808px -114px; }


/* INDEXNAV - OVERLAY */
.overlay          { width: 848px; }
.boxOverlay       { padding: 20px 30px 10px 20px; background: url(../../_common/_img/overlay.png) no-repeat; }
.boxOverlayBottom { width: 890px; height: 20px; background: url(../../_common/_img/overlay_bottom.png) no-repeat; }
.boxOverlayArrow  { width: 30px; height: 20px; top: 0px; left: 30px; background: url(../../_common/_img/overlay_arrow.png) no-repeat top right; }
.boxOverlayArrow2 { display: none; }
.boxOverlayClose  { top: 24px; right: 35px; }
.boxWrap          { margin-top: -70px; padding-left: 30px; padding-bottom: 20px; }


.overlay h2       { width: 462px; height: 22px; margin: 2px 2px 10px !important; padding: 0; text-indent: -9999px; background: url(../../restaurant/_img/overlay_h2.png) no-repeat; }
#index-1 h2       { background-position: 0 0px; }
#index-2 h2       { background-position: 0 -22px; }
#index-3 h2       { background-position: 0 -44px; }
#index-4 h2       { background-position: 0 -66px; }
#index-5 h2       { background-position: 0 -88px; }
#index-6 h2       { background-position: 0 -110px; }
#index-7 h2       { background-position: 0 -132px; }

#flashcontent { width:460px; height:350px; background:#fff; float:right; }
.c_right { width:460px; float:right; }
.c_right #flashcontent { float:none; margin-bottom:10px; }
.c_left { float:left; width:300px; }

p.banner img { margin: 0 10px; }

.t_left { text-align: left; }
.m_l_10 { margin-left:10px; }
img.main { margin: 0 0 0 10px;_margin: 10px 0 0 10px; }

h2.recommend_main { font-size:120%;background:url(../../_common/_img/shadow_heavy.png) repeat-x top left;padding:20px 0 0 10px;  } 

}



