html, body, div, p, span, img, a, form, fieldset, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: none; outline: none; _border: 0; _outline: 0; font-size: 9pt; font-weight: normal; font-style: normal; vertical-align: top; line-height: 12pt; }
input, select, option { margin: 0; padding: 0; }
ul, dl { list-style: none; }
em, b, strong { font-weight: normal; font-style: normal; }
html { height: 100%; overflow: auto; overflow-y: scroll; }
* html { width: 100%; overflow: hidden; }
body { height: 100%; overflow: visible; }
body, input, textarea { font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", Verdana, sans-serif; }
* html body { width: 100%; overflow: hidden; }
#background { position: fixed; width: 100%; height: 100%; }
* html #background { _position: absolute; }
#mainground { position: relative; }
* html #mainground { width: 100%; height: 100%; overflow: auto; overflow-y: scroll; }
#foreground { z-index: 1; position: fixed; }
* html #foreground { position: absolute; }
#mainground { width: 100%; }
#mainground .content { margin: 0px auto; padding-left: 180px; width: 770px; }
#foreground { width: 100%; }
#foreground .content { margin: 0px auto; padding-right: 10px; _padding-right: 17px; width: 940px; _width: 950px; }
.clearfix { display: block; /display: inline-block; width: 100%; height: 1px; min-height: 1px; line-height: 1px; margin-bottom: -1px; overflow: hidden; }
div#navigator { position: absolute; z-index: 1; width: 160px; height: 440px; background-repeat: no-repeat; text-align: center; padding: 20px 10px; }
div#navigator div.logo { display: inline-block; margin-bottom: 20px; }
div#navigator div.logo a { display: inline-block; width: 100%; height: 100%; }
div#navigator ul { display: inline-block; padding-right: 5px; padding-top: 5px; }
div#navigator ul li { float: right; padding-left: 6px; padding-top: 8px; }
div#navigator ul li a { display: block; word-break: break-all; overflow: hidden; line-height: 1.2em; text-decoration: none; overflow: hidden; cursor: pointer; text-indent: -4096px; }
div#navigator ul li.br { height: 1px; width: 100%; overflow: hidden; }
a { color: #211d1d; }
a:hover { text-decoration: none; }
.paper_head { background: url("../../img/layout/paper_head.png"); background-repeat: no-repeat; height: 8px; overflow: hidden; }
.paper_body { background: url("../../img/layout/paper_body.png"); background-repeat: repeat-y; }
.paper_foot { background: url("../../img/layout/paper_foot.png"); background-repeat: no-repeat; height: 8px; overflow: hidden; /margin-bottom: -8px; _margin-bottom: -10px; }
.paper_deep { background: url("../../img/layout/paper_deep.png"); }
.hr { background: url("../../img/layout/hr.png"); background-repeat: repeat-x; height: 32px !important; line-height: 32px !important; overflow: hidden !important; margin-bottom: -31px !important; }
.vr { background: url("../../img/layout/hr.png"); background-repeat: repeat-y; }
#company, #recruit, #contact, #privacy, #news { padding-top: 50px; }
#company h2, #recruit h2, #contact h2, #privacy h2, #news h2 { position: relative; _position: absolute; text-align: right; padding-right: 60px; _padding-right: 120px; }
#company h2 img, #recruit h2 img, #contact h2 img, #privacy h2 img, #news h2 img { float: right; }
#company .block, #recruit .block, #contact .block, #privacy .block, #news .block { padding-bottom: 50px; margin-left: 60px; margin-right: 192px; }
h2.header { float: none; padding: 4px 0px; _margin-top: -18px; }
h2.header img { display: block; margin: 0px auto; }
ul.dtdd { display: block; }
ul.dtdd li { display: block; width: 100%; padding: 10px 0px; }
ul.dtdd li span { display: table-cell; vertical-align: middle; width: 123px; /margin-right: -128px; /display: inline; /zoom: 1; padding-left: 5px; }
ul.dtdd li p { display: table-cell; vertical-align: middle; /margin-left: 128px; /display: inline; /zoom: 1; }
ul.dtdd li.hr { padding: 0px; margin: 0px; display: block; width: 100%; height: 32px; min-height: 32px; max-height: 32px; line-height: 32px; margin-bottom: -31px; overflow: hidden; }
ul.piano .even { background: url("../../img/layout/piano_even.png"); }
#footer { clear: both; }
#footer ul { padding-left: 6px; _margin-top: 8px; }
#footer ul li { display: inline; margin-left: -3px; }
#footer ul li a img { display: inline-block; }
#footer div { padding-top: 5px; padding-bottom: 20px; }
#footer div small, #footer div a { float: left; color: WHITE; text-decoration: none; }
#footer div small { line-height: 16px; }
#footer div a { margin-left: 5px; }
#footer div a.backToTop { margin-left: 0px; float: right; }
#footer .backToTop, #footer .privacy, #footer .recruit, #footer .company { display: block; text-indent: -4096px; background-image: url("../../img/layout/footer_navigation.png"); background-repeat: no-repeat; }
#footer .backToTop { width: 95px; height: 16px; background-position: -214px -0px; }
#footer .privacy { width: 83px; height: 16px; background-position: -129px -0px; }
#footer .recruit { width: 63px; height: 16px; background-position: -64px -0px; }
#footer .company { width: 62px; height: 16px; background-position: -0px -0px; }
#footer .backToTop:hover { background-position: -214px -18px; }
#footer .privacy:hover { background-position: -129px -18px; }
#footer .recruit:hover { background-position: -64px -18px; }
#footer .company:hover { background-position: -0px -18px; }
div.back_to_top { display: block; text-align: center; padding: 24px 0px; }
div.back_to_top a { display: inline-block; width: 157px; height: 42px; background-position: -0px -0px; background-repeat: no-repeat; }
div.back_to_top a:hover { background-position: -0px -44px; }
div#navigator ul { width: 107px; }
div#navigator a:hover { opacity: 1; filter: none; }
#navigator .logo, #navigator .contact, #navigator .store, #navigator .menu, #navigator .about, #navigator .index, #navigator .gion { background-image: url("../../img/saryo/_common/navigator.png"); background-repeat: no-repeat; }
#navigator .selected .gion, #navigator .gion:hover { background-position: -155px -245px; }
#navigator .selected .contact, #navigator .contact:hover { background-position: -124px -245px; }
#navigator .selected .store, #navigator .store:hover { background-position: -93px -245px; }
#navigator .selected .menu, #navigator .menu:hover { background-position: -62px -245px; }
#navigator .selected .about, #navigator .about:hover { background-position: -31px -245px; }
#navigator .selected .index, #navigator .index:hover { background-position: -0px -245px; }
#navigator .logo { width: 77px; height: 82px; background-position: -0px -0px; }
#navigator .contact { width: 29px; height: 111px; background-position: -124px -84px; }
#navigator .store { width: 29px; height: 103px; background-position: -93px -84px; }
#navigator .menu { width: 29px; height: 155px; background-position: -62px -84px; }
#navigator .about { width: 29px; height: 133px; background-position: -31px -84px; }
#navigator .index { width: 29px; height: 159px; background-position: -0px -84px; }
#navigator .gion { width: 31px; height: 140px; background-position: -155px -84px; }
#background { background: url("../../img/saryo/_common/background.png"); }
div.back_to_top a { background-image: url("../../img/saryo/_common/back_to_top.png"); }
#lightbox a { display: inline-block; width: 30px; height: 30px; background-image: url("../../img/saryo/_common/close.png"); background-repeat: no-repeat; }


#store .tokyo_shiodome {display:none;}
#recruit ul.recruit_navigator .tokyo_shiodome {display:none;}
.store_navigator a.tokyo_shiodome {display:none;}