/**************************************************** Shanghai.2009 2009/12/2 ****************************************************/ html,body { background:#720002} body { background:#720002 url(../img/bg.gif) repeat-x 0 -47px} #wrapper { padding:0; width:965px; position:relative; padding-top:100px} a,a:hover { text-decoration:none} em { font-weight:700} .en { font-family:Verdana,sans-serif !important} .jp { font-family:'MS Gothic',sans-serif !important} h2 { font-size:16px; font-weight:700} /* =header --------------------------*/ #header { height:139px; background:url(../img/banner.jpg) no-repeat 0 0} #home #header { height:330px; background:url(../img/banner.home.jpg) no-repeat 0 0 } h1 { position:absolute; top:41px; left:388px; z-index:20; width:180px; height:180px; background:url(../img/logo.png) no-repeat 0 0} h1 a { display:block; height:180px; text-indent:-9999px} /* =nav --------------------------*/ #nav { position:absolute; top:123px; z-index:1; background:#9E1105 url(../img/bg.png) repeat-x 0 0; height:47px; width:100%} #nav li a, #nav li a:hover { position:absolute; top:0; height:47px; text-indent:-9999px; background:url(../img/nav.png); background-repeat:no-repeat} #nav #n1 { left:97px; width:86px; background-position:0 0} #nav a#n1:hover { background-position:0 -47px} #nav #n2 { left:178px; width:123px; background-position:-86px 0} #nav a#n2:hover { background-position:-86px -47px} #nav #n3 { left:306px; width:82px; background-position:-209px 0} #nav a#n3:hover { background-position:-209px -47px} #nav #n4 { left:568px; width:92px; background-position:-291px 0} #nav a#n4:hover { background-position:-291px -47px} #nav #n5 { left:660px; width:114px; background-position:-383px 0} #nav a#n5:hover { background-position:-383px -47px} #nav #n6 { left:774px; width:92px; background-position:-497px 0} #nav a#n6:hover { background-position:-497px -47px} /* =news --------------------------*/ #news { position:absolute; top:270px; right:0; height:150px; width:324px; background:url(../img/news.bg.png) no-repeat 0 0; color:#fff; z-index:5; padding:0 10px} #news h2 { line-height:40px; padding:3px 0 0 0} /* =content --------------------------*/ #content { margin:5px 0 0} #home #content { margin:5px 0} #content .box { background:url(../img/box.corner.gif) no-repeat -235px 100%; padding-bottom:20px; *padding-bottom:3px; height:260px} #content .box img { display:block; border-top:1px solid #fff} #content h2 { height:36px; padding-top:3px; margin-bottom:1px} .box h2 { background:url(../img/box.corner.gif) no-repeat 0 0;} * html #main { overflow:hidden} #main h2 { background:url(../img/main.corner.gif) no-repeat 0 0; border-bottom:1px solid #c00} #content h2 span { background-color:#fff; background-repeat:no-repeat; background-position:15px 48%; display:block; height:36px; text-indent:-9999px} #month-title span, #month #main h2 span { background-image:url(../img/h2.month.gif)} #lunch-title span , #lunch #main h2 span { background-image:url(../img/h2.lunch.gif)} #dinner-title span, #dinner #main h2 span { background-image:url(../img/h2.dinner.gif)} #retail-title span, #retail #main h2 span { background-image:url(../img/h2.retail.gif)} #about #main h2 span { background-image:url(../img/h2.about.gif)} #layout #main h2 span { background-image:url(../img/h2.layout.gif)} #reservation-title span { background-image:url(../img/h2.reservation.gif)} #content .box p { background:#fff; height:116px; padding:10px; font-size:14px} #main { background:#fff url(../img/main.corner.gif) no-repeat -715px 100%; min-height:893px; margin-bottom:5px} #article { padding:20px 30px 40px; font-size:14px} #article h3 { color:#c00; font-weight:700; line-height:26px} #article p { margin:0 0 20px} #lunch #menu { margin:0 -25px; padding:10px 0 10px 10px} #lunch #menu .unit { width:213px; height:153px; padding:0; border:1px solid #ccc; background:#eee; float:left; margin:0 15px 15px 0} #lunch #menu .unit img { display:block; background:url(../img/comingsoon.jpg) no-repeat 0 0} #about #map { width:650px; height:450px; border:1px solid #c00} #layout #main { height:896px} #layout #article p { float:left; margin-right:20px} #retail table { background:#FFFBF8; border:1px solid #facaad} #retail table td { padding:4px} #side .box { margin-bottom:5px; height:auto; padding-bottom:3px} #side .box p { font-size:12px; height:auto} #reservation { height:145px; background:#fff; position:relative} /* =footer --------------------------*/ #footer { background:#0D0D0D url(../img/footer.shadow.jpg) no-repeat 0 100%; color:#ccc; height:160px} #footer a, #footer em { color:#fff} #footer .en { font-size:11px} #copyright, #shop-hours { height:85px; float:left; background-image:url(../img/footer.corner.gif); background-repeat:no-repeat; padding:15px 0 0 35px;} #copyright { background-position:0 0; width:475px} #shop-hours { background-position:100% -100px; width:410px} #flagon { position:absolute; right:-60px; bottom:5px; width:130px; height:185px} * html #flagon { right:-25px} #OT_searchWrapperAll { width:100%; padding:10px} .OT_feedTitle { display:none} #OT_partySizeLbl, #OT_partySize, #OT_dateLbl, #OT_date, #OT_timeLbl, #OT_time { float:left} #OT_date div { display:inline} #OT_date { width:150px; height:27px} #OT_searchWrapperAll dt { padding:2px 4px 4px 2px} #side #OT_searchWrapperAll dd { width:180px; padding-bottom:4px; height:27px} #cal1Shim, #dateDisplay { display:none} .feedFormField, #startDate { border:1px solid #900; padding:2px; font:14px Arial,sans-serif;} #cal1 { width:160px; background:#fff} #OT_searchWrapper #imageCal { position:absolute; z-index:100; left:185px; border:2px solid #B80000; border-width:0 3px 3px; width:160px; height:160px} #OT_searchWrapper table { border:0; line-height:0} td.partOfCal { background:#fff} td.clickableDays { text-align:center; background:#fff; line-height:18px} td.clickableDays a { font-family:Verdana; color:#333} td.nonclickableDays { color:#ccc; font-family:Verdana; text-align:center; background:#fff; line-height:18px} td.weekdays { background:#e55; color:#fff; text-align:center; line-height:26px} td.months { color:#333; font-family:Verdana; line-height:18px} #startDate { width:90px} select.feedFormField { width:80px; margin-right:15px} #OT_submitWrap { float:left; width:100%; padding:10px 0 0 36px} #OT_logoLink { display:none} #OT_logo { position:absolute; right:5px; bottom:0} * html #OT_logo { right:60px}