img { vertical-align: top; border: none; } body { margin: 0; padding: 0; color: #222; background: url(imgs/topline.gif) repeat-x 0 0 #FFF; font-size: 88%; font-family: Meiryo, Osaka, sans-serif; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } a { text-decoration: underline; color: #000; font-size:12px; } a:hover { text-decoration: none; color: #FFA800; } #topNav { width: 904px; margin: 0 auto; padding: 0; } #daimaru { width: 126px; height: 42px; margin: 0 0 0 770px; padding: 0; background: url(imgs/logos.gif) no-repeat -300px 0; text-decoration: none; overflow: hidden; text-indent: -10001px; display: block; } #daimaru:hover {background: url(imgs/logos.gif) no-repeat -450px 0;} #honten { width: 126px; height: 42px; margin: 0 0 0 770px; padding: 0; background: url(imgs/logos.gif) no-repeat -300px -42px; text-decoration: none; overflow: hidden; text-indent: -10001px; display: block; } #honten:hover {background: url(imgs/logos.gif) no-repeat -450px -42px;} #wrapper { width: 904px; margin: 20px auto 70px auto; padding: 4px 0 0 0; background: url(imgs/logos.gif) no-repeat 0 -110px; } #header { margin: 0; padding: 16px 16px 5px 30px; background: url(imgs/cont-mid.gif) top center repeat-y; position: relative; } #header h1 { height: 93px; margin: 0; padding: 0; font-size: 200%; } #hontenTtl { width: 200px; height: 93px; margin: 0; padding: 0; background: url(imgs/logos.gif) no-repeat 0 0; display: block; overflow: hidden; text-indent: -10001px; } #daimaruTtl { width: 290px; height: 93px; margin: 0; padding: 0; background: url(imgs/logos.gif) no-repeat 0 0; display: block; overflow: hidden; text-indent: -10001px; } #header ul { margin: 0; padding: 0; position: absolute; top: 70px; right: 40px; } #header ul li { margin: 0; padding: 0; float: left; list-style-type: none; } #header ul li a { margin: 0 8px; padding: 0; font-size: 114%; font-weight: bold; text-decoration: none; overflow: hidden; text-indent: -10001px; display: block; } #navHome { width: 77px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -162px; } #navMenu { width: 90px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -187px; } #navCate { width: 77px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -212px; } #navAccs { width: 90px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -237px; } #navHome2 { width: 77px; height: 24px; background: url(imgs/logos.gif) no-repeat -110px -162px; } #navMenu2 { width: 90px; height: 24px; background: url(imgs/logos.gif) no-repeat -110px -187px; } #navCate2 { width: 77px; height: 24px; background: url(imgs/logos.gif) no-repeat -110px -212px; } #navAccs2 { width: 90px; height: 24px; background: url(imgs/logos.gif) no-repeat -110px -237px; } #navHome2:hover { width: 77px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -162px; } #navMenu2:hover { width: 90px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -187px; } #navCate2:hover { width: 77px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -212px; } #navAccs2:hover { width: 90px; height: 24px; background: url(imgs/logos.gif) no-repeat 0 -237px; } #headSpc { height: 34px; margin: 0; padding: 0; background: url(imgs/logos.gif) no-repeat 0 -118px; overflow: hidden; text-indent: -10001px; } #content { margin: 0; padding: 40px 40px 60px 40px; background: url(imgs/cont-mid.gif) top center repeat-y; } #contentBot { width: 904px; height: 4px; margin: 0; padding: 0; background: url(imgs/logos.gif) no-repeat 0 -114px; overflow: hidden; text-indent: -10001px; } #homeLeft { width: 324px; margin: 0 0 0 80px; padding: 0; float: left; } #homeRight { width: 361px; margin: 130px 0 0 50px; padding: 0; float: left; } #homeBox { margin: 10px 36px; padding: 0; } #homeRight h3 { margin: 0; padding: 0 0 10px 0; font-size: 100%; } #homeRight p { margin: 0; padding: 0 0 10px 0; } #recommend, #lunch, #dinner { margin: 0 0 20px 0; padding: 0; } .menuLeft { width: 239px; height: 151px; margin: 0; padding: 40px 0; background: url(imgs/menunavs.gif) no-repeat 0 0; float: left; } .menuLeft a { width: 209px; height: 50px; margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -10001px; } .menuNavRe { background: url(imgs/menunavs.gif) no-repeat 0 -443px; } .menuNavLc { background: url(imgs/menunavs.gif) no-repeat 0 -243px; } .menuNavDn { background: url(imgs/menunavs.gif) no-repeat 0 -343px; } .menuNavRe2 { background: url(imgs/menunavs.gif) no-repeat 0 -493px; } .menuNavLc2 { background: url(imgs/menunavs.gif) no-repeat 0 -293px; } .menuNavDn2 { background: url(imgs/menunavs.gif) no-repeat 0 -393px; } .menuNavRe2:hover { background: url(imgs/menunavs.gif) no-repeat 0 -443px; } .menuNavLc2:hover { background: url(imgs/menunavs.gif) no-repeat 0 -243px; } .menuNavDn2:hover { background: url(imgs/menunavs.gif) no-repeat 0 -343px; } .caterLeft { width: 239px; margin: 0; padding: 10px 0 40px 0; text-align: center; float: left; } .caterLeft img { border: 2px solid #F7F7F7 } .caterLeft p { margin: 0; padding: 3px 0 0 0; font-size: 86%; } .menuRight, .caterRight { width: 585px; margin: 0; padding: 0; float: left; } .menuRight h3, .caterRight h3 { width: 510px; margin: 12px auto; padding: 0 0 2px 20px; background: url(imgs/menu-line.gif) no-repeat bottom; font-size: 129%; font-weight: normal; } .menuLPic { width: 500px; margin: auto; padding: 10px 0; } .menuPrice { width: 423px; margin: 20px auto; padding: 0 0 20px 0; } .menuPrice p { margin: 16px 0; padding: 0 0 2px 14px; background: url(imgs/menu-line2.gif) no-repeat bottom; position: relative; } .menuPrice p span { width: 220px; margin: 0; padding: 0; text-align: right; position: absolute; bottom: 2px; right: 14px; } .menuExBox, .caterExBox { width: 384px; margin: 10px auto 30px auto; padding: 14px 30px; background: url(imgs/menu-ex.gif) repeat-y; } .menuExBox h4, .caterExBox h4 { margin: 0; padding: 0 0 10px 0; font-size: 100%; } #accsBox { width: 620px; margin: 20px auto; padding: 4px 40px; background: url(imgs/access-line.gif) repeat-y; } #accsBox table td { margin: 0; padding: 0; vertical-align: top } #map { width: 620px; margin: 20px auto; padding: 0; } #accsBox2 { margin: 0; padding: 30px 0; font-weight: bold; text-align: center; } #contBot { height: 4px; margin: 0; padding: 0; } #footer { height: 140px; margin: 0; padding: 10px 0; background: #6D735E url(imgs/foot.gif) repeat-x top; } #footBox { width: 880px; margin: auto; padding: 20px 0 0 0; color: #FFF; font-size: 86%; } #footBox ul { width: 500px; margin: 0; padding: 0; float: left; } #footBox ul li { margin: 0; padding: 0; float: left; list-style: none; } #footBox ul li a { margin: 0 4px; padding: 0; color: #FFF; display: block; } #footAdd { width: 380px; margin: 0; padding: 0; text-align: right; float: left; } #footAdd h2 { margin: 0 0 5px 0; padding: 0; font-size: 100%; }