@charset "UTF-8";

/* ============================== base.css ============================== */

html { font-size: 100%; } body { margin: 0; padding: 0; width: auto !important; _height: 100%; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 12px; *font-size: 75%; line-height: 1.5; color: #4d3b17; background-color: #f0ebdf; } p { margin: 0; padding: 0; } img { border: 0 none; vertical-align: bottom; } em { font-style: normal; font-weight: bold; } strong { color: #cc3300; } sup { vertical-align: 0.333em; font-size: 75%; *font-size: 100%; } sub { vertical-align: baseline; font-size: 75%; *font-size: 100%; } hr { width: 100%; height: 1px; margin: 1.95em 0 0; *margin-top: 1.4em; padding: 0; border: 0 none; color: #e2dbbf; background-color: #e2dbbf; } a:link { color: #b39500; text-decoration: underline; } a:visited { color: #ccb43d; text-decoration: underline; } a:focus { color: #e6bf00; text-decoration: none; } a:link:hover, a:visited:hover, a:link:active, a:visited:active { color: #e6bf00; text-decoration: none; } a.url:link, a.url:visited { text-decoration: none; } a.url:focus { text-decoration: none; } a.url:link:hover, a.url:visited:hover, a.url:link:active, a.url:visited:active { text-decoration: none; } .center { text-align: center; } .right { text-align: right; } .none { display: none; } 



/* ============================== base_print.css ============================== */

@media print { body { _zoom: 0.67 !important; } } 



/* ============================== bajl.unified.css ============================== */

ins.bajl-balloon { position: absolute; z-index: 1000000; top: 0; left: 0; display: block; overflow: hidden; width: 300px; height: auto; margin: 0; padding: 3px 5px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #d6d6ad #858585 #858585 #d6d6ad; color: black; background: #ffffd6; font-size: 12px; line-height: 1.33; text-decoration: none; } ins.bajl-processing-info { position: absolute; z-index: 1000001; top: 0; left: 0; display: block; overflow: hidden; width: 32px; height: 32px; margin: 0; padding: 0; border: none; background: url(../../img/shared/ico/ico_throbber_01.gif) 50% 50% no-repeat; line-height: 1; text-decoration: none; white-space: nowrap; } ins.bajl-processing-info img { display: block; margin: 0 auto 0.5em; padding: 0; border: none; } #bajl-pseudo-dialog { position: absolute; z-index: 1000000; top: 0; left: 0; display: block; overflow: hidden; width: auto; height: auto; margin: 0; padding: 0; border: none; background: #f2f2f2; text-decoration: none; } #bajl-pseudo-dialog-body { margin: 0; padding: 0; } #bajl-pseudo-dialog-frame { margin: 0; padding: 0; font-size: 1px; line-height: 1; } #bajl-pseudo-dialog-frame iframe { margin: 0; padding: 0; border: none; vertical-align: top; } body.bajl-pseudo-dialog-opened select { _visibility: hidden; } body.bajl-pseudo-dialog-opened #bajl-pseudo-dialog select { _visibility: visible; } #bajl-click-shield { position: absolute; top: 0; left: 0; z-index: 999998; display: block; border: none; width: auto; height: auto; margin: 0; padding: 0; font-size: 1px; line-height: 1; text-decoration: none; background: black; } div.tabView { } div.tabView-enabled { } div.tabView .tabView-tabs, div.tabView-nav .tabView-tabs, div.tabView-topics .tabView-tabs { display: none; } div.tabView-enabled .tabView-tabs { display: block; } div.tabView-discarded .tabView-tabs { display: none; } div.tabView .tabView-tabs .tabView-tab, div.tabView-nav .tabView-tabs .tabView-tab, div.tabView-topics .tabView-tabs .tabView-tab { } div.tabView .tabView-tabs .tabView-tab a, div.tabView-nav .tabView-tabs .tabView-tab a, div.tabView-topics .tabView-tabs .tabView-tab a { } div.tabView-enabled .tabView-tabs .tabView-tab { } div.tabView-enabled .tabView-tabs .tabView-tab a { } div.tabView-enabled .tabView-tabs .tabView-tab-selected { } div.tabView-enabled .tabView-tabs .tabView-tab-selected a { cursor: default; } div.tabView .tabView-pane, div.tabView-nav .tabView-pane, div.tabView-topics .tabView-pane { height: auto; } div.tabView .tabView-pane h3, div.tabView-nav .tabView-pane h3, div.tabView-topics .tabView-pane h3 { } div.tabView-enabled .tabView-pane { display: none; overflow: hidden; *zoom: 1; } div.tabView-enabled .tabView-pane-selected { display: block; } div.tabView-enabled .tabView-pane h3 { position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; font-size: 0; color: #fff; background-color: #fff; } div.slide-canvas { } div.slide-canvas-discarded, div.slide-canvas-enabled { } div.slide-canvas div.slide-viewport { width: 100%; margin: 0; padding: 0; } div.slide-canvas-discarded div.slide-viewport, div.slide-canvas-enabled div.slide-viewport { overflow: hidden; overflow-x: hidden; overflow-y: hidden; } div.slide-canvas div.slide-unit-group { margin: 0; padding: 0; *zoom: 1; } div.slide-canvas div.slide-unit-group:after { clear: both; display: block; content: ""; } div.slide-canvas-discarded div.slide-unit-group, div.slide-canvas-enabled div.slide-unit-group { width: 10000000px !important; } div.slide-canvas div.slide-unit { margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px dotted #ccc; } div.slide-canvas-discarded div.slide-unit, div.slide-canvas-enabled div.slide-unit { float: left; margin: 0; padding: 0; border: none; } div.slide-canvas-enabled div.slide-unit { visibility: hidden; } div.slide-canvas-is-scrolling div.slide-unit, div.slide-canvas-enabled div.slide-unit-selected { visibility: visible !important; } ul.slide-controller { display: none; } div.slide-canvas-enabled ul.slide-controller { display: block; } ul.slide-controller li { } ul.slide-controller li a, ul.slide-controller li a:link, ul.slide-controller li a:visited, ul.slide-controller li a:hover, ul.slide-controller li a:active, ul.slide-controller li a:focus { cursor: pointer; } ul.slide-controller li.slide-select { } ul.slide-controller li.slide-select a { } ul.slide-controller li.slide-select a.pseudo-selected { cursor: default; } ul.slide-controller li.slide-prev { } ul.slide-controller li.slide-prev a { } ul.slide-controller li.slide-prev a.pseudo-disabled { cursor: default; } ul.slide-controller li.slide-next { } ul.slide-controller li.slide-next a { } ul.slide-controller li.slide-next a.pseudo-disabled { cursor: default; } 



/* ============================== header_footer.css ============================== */

#sapporo-header-area a:link, #sapporo-navigation-area a:link, #sapporo-footer-area a:link, #sapporo-related-area a:link { color: #b39500; } #sapporo-header-area a:visited, #sapporo-navigation-area a:visited, #sapporo-footer-area a:visited, #sapporo-related-area a:visited { color: #ccb43d; } #sapporo-header-area a:focus, #sapporo-navigation-area a:focus, #sapporo-footer-area a:focus, #sapporo-related-area a:focus { color: #e6bf00; } #sapporo-header-area a:link:hover, #sapporo-header-area a:visited:hover, #sapporo-header-area a:link:active, #sapporo-header-area a:visited:active, #sapporo-navigation-area a:link:hover, #sapporo-navigation-area a:visited:hover, #sapporo-navigation-area a:link:active, #sapporo-navigation-area a:visited:active, #sapporo-footer-area a:link:hover, #sapporo-footer-area a:visited:hover, #sapporo-footer-area a:link:active, #sapporo-footer-area a:visited:active, #sapporo-related-area a:link:hover, #sapporo-related-area a:visited:hover, #sapporo-related-area a:link:active, #sapporo-related-area a:visited:active { color: #e6bf00; } #sapporo-related-area a:hover img, #sapporo-related-area a:focus img, #sapporo-related-area a.rollover:hover img.norollover, #sapporo-related-area a.rollover:focus img.norollover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; filter: Alpha(opacity=70); opacity: 0.7; zoom: 1; } #sapporo-related-area a.rollover:focus span img, #sapporo-related-area a:hover span.attention img, #sapporo-related-area a:focus span.attention img, #sapporo-related-area a.with-icon:hover img, #sapporo-related-area a.with-icon:focus img, #sapporo-related-area a.rollover:hover img, #sapporo-related-area a.rollover:focus img, #sapporo-related-area a.rollover-button:hover img, #sapporo-related-area a.rollover-button:focus img, #sapporo-related-area a.rollover:hover span img, #sapporo-related-area a.rollover:focus span img, #sapporo-related-area .tabView-tabs a:hover img, #sapporo-related-area .tabView-tabs a:focus img { -ms-filter: none; filter: none; opacity: 1; zoom: default; } #sapporo-header-area { position: relative; margin: 0; padding: 0; width: auto; min-width: 960px; height: auto; border-bottom: 1px solid #f2f0eb; background: #ffffff; text-align: center; z-index: 10; zoom: 1; } #sapporo-header-area .header { margin: 0 auto; padding: 0; width: 960px; text-align: left; } #sapporo-header-area .header:before, #sapporo-header-area .header:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-header-area .header .corporate-name { float: left; margin: 0; padding: 19px 0 20px 5px; } #sapporo-header-area .header .corporate-name a, #sapporo-header-area .header .corporate-name img { display: block; } #sapporo-header-area .header .corporate-name img { margin: 0 0 0 -5px; } #sapporo-header-area .header .corporate-identity { float: left; padding: 1px 0 6px 297px; } #sapporo-header-area .header .corporate-identity img { display: block; } #sapporo-header-area .header .utility { float: right; margin: 0; padding: 9px 5px 0 0; height: 24px; } #sapporo-header-area .header .utility ul { margin: 0; padding: 0; list-style-type: none; } #sapporo-header-area .header .utility ul:before, #sapporo-header-area .header .utility ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-header-area .header .utility ul li { float: left; margin: 5px 0 6px 10px; padding: 0 0 2px 10px; border-left: 1px solid #e2dbbf; *font-size: 1px; *line-height: 10px; } #sapporo-header-area .header .utility ul li.first-child, #sapporo-header-area .header .utility ul li.mypage { margin-left: 0; padding-left: 0; border-left: 0 none; } #sapporo-header-area .header .utility ul li.mypage { margin: 0 -2px 0 8px; padding-top: 0; padding-bottom: 0; } #sapporo-header-area .header .utility ul li a, #sapporo-header-area .header .utility ul li img { display: block; vertical-align: top; } #sapporo-header-area .header .corporate-info { float: right; clear: right; margin: 0; padding: 8px 5px 0 0; } #sapporo-header-area .header .corporate-info ul { float: right; margin: 0; padding: 0; width: 178px; list-style-type: none; } #sapporo-header-area .header .corporate-info ul li { float: left; margin: 0; padding: 0 0 0 20px; font-size: 1; zoom: 1; } #sapporo-header-area .header .corporate-info ul li.first-child { padding-left: 0; } #sapporo-header-area .header .corporate-info ul li a, #sapporo-header-area .header .corporate-info ul li img { display: block; margin: 0; padding: 0; vertical-align: top; } #sapporo-navigation-area { position: relative; margin: 0; padding: 0; width: auto; min-width: 960px; height: auto; border-bottom: 1px solid #dcd5c5; background: #ffffff url(../../img/shared/base/bg_navigation_01.gif) 0 1px repeat-x; text-align: center; z-index: 20; zoom: 1; } #sapporo-navigation-area table { font-size: 100%; } #sapporo-navigation-area .navigation { margin: 0 auto; padding: 0; width: 960px; text-align: left; } #sapporo-navigation-area .navigation:before, #sapporo-navigation-area .navigation:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-navigation-area ul.navigation-list { float: left; margin: 0; padding: 0 0 0 5px; list-style-type: none; zoom: 1; } #sapporo-navigation-area ul.navigation-list:before, #sapporo-navigation-area ul.navigation-list:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-navigation-area ul.navigation-list li { float: left; margin: 0; padding: 0 0 0 2px; background: url(../../img/shared/base/bg_navigation_02.gif) 0 1px no-repeat; } #sapporo-navigation-area ul.navigation-list li a, #sapporo-navigation-area ul.navigation-list li a img { display: block; vertical-align: top; } #sapporo-navigation-area div.navigation-panel { display: none; position: absolute; z-index: 100000; left: 50%; top: 28px; _top: 37px; width: 968px; margin: 0 0 0 -484px; } #sapporo-navigation-area div.navigation-panel div.navigation-panel-before { height: 16px; background: url(../../img/shared/base/bg_navigation-panel_01.png) 0 0 no-repeat; font-size: 0; line-height: 0; } #sapporo-navigation-area div.navigation-panel div.navigation-panel-content { padding: 0 9px; height: 346px; background: url(../../img/shared/base/bg_navigation-panel_02.png) 0 0 repeat-y; zoom: 1; } #sapporo-navigation-area div.navigation-panel div.navigation-panel-content ins.bajl-processing-info { width: 24px; height: 24px; background-image: url(../../img/shared/ico/ico_throbber_02.gif); } #sapporo-navigation-area div.navigation-panel div.navigation-panel-content:before, #sapporo-navigation-area div.navigation-panel div.navigation-panel-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-navigation-area div.navigation-panel div.navigation-panel-after { height: 16px; background-position: left top; background-repeat: no-repeat; font-size: 0; line-height: 0; zoom: 1; } #sapporo-navigation-area div.navigation-panel div.navigation-panel-after, #sapporo-navigation-area #navigation-panel-product div.navigation-panel-after, #sapporo-navigation-area #navigation-panel-campaign div.navigation-panel-after { background-image: url(../../img/shared/base/bg_navigation-panel_04.png); } #sapporo-navigation-area div.navigation-panel.navigation-panel-content-loaded div.navigation-panel-after { background-image: url(../../img/shared/base/bg_navigation-panel_03.png); } #sapporo-navigation-area div.navigation-panel-content iframe { _position: relative; _zoom: 1; display: block; margin: -9px 0 0; padding: 0; width: 100%; height: 355px; border: 0 none; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs { position: relative; margin: -9px 0 10px; padding: 10px 10px 0 5px; background: url(../../img/shared/base/bg_tab_01.gif) 0 0 no-repeat; zoom: 1; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs:before, #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul { margin: 0; padding: 0; list-style-type: none; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul.main { float: left; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul.sub { float: left; padding-left: 21px; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul.extra { float: right; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul li { float: left; margin: 0; padding: 0 0 0 20px; background: none; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul li.tabView-tab { padding-left: 5px; } #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul li a, #sapporo-navigation-area div.navigation-panel-content div.tabView-tabs ul li a img { opacity: 1; filter: none; } #sapporo-navigation-area div.navigation-panel-content div.tabView-pane { height: 304px !important; } #sapporo-navigation-area div.navigation-panel-content div.tabView-pane iframe { margin: 0; height: 100%; } #sapporo-navigation-area div.navigation-panel-content div.tabView-pane ins.bajl-processing-info { margin-top: 50px; } body.home #sapporo-navigation-area div.navigation-panel-content div.tabView-pane ins.bajl-processing-info { margin-top: 0; } #sapporo-navigation-area .search { float: right; margin: 0; padding: 0 5px 0 0; zoom: 1; } #sapporo-navigation-area .search fieldset { float: right; margin: 0; padding: 0; border: 0 none; zoom: 1; } #sapporo-navigation-area .search fieldset legend { position: absolute; right: 110%; bottom: 110%; font-size: 0; color: #ffffff; } #sapporo-navigation-area .search .controls { position: relative; float: right; margin: 0; padding: 0; width: 178px; height: 36px; background: url(../../img/shared/base/bg_navigation_02.gif) 0 1px no-repeat; } #sapporo-navigation-area .search input.text { position: absolute; top: 7px; left: 15px; display: block; margin: 0; padding: 0; border: 0 none; width: 141px; height: 24px; background: url(../../img/shared/base/bg_search_01.gif) 0 0 no-repeat; color: #000000; font-size: 12px; line-height: 24px; text-indent: 5px; } #sapporo-navigation-area .search input.text.bajl-input-prompt { color: #cccccc; } #sapporo-navigation-area .search input.text.bajl-input-prompt.bajl-input-prompt-focus, #sapporo-navigation-area .search input.text.bajl-input-prompt.bajl-input-prompt-changed { background-image: url(../../img/shared/base/bg_search_01_a.gif); color: #000000; } #sapporo-navigation-area .search input.button { position: absolute; top: 7px; right: 0; display: block; } #sapporo-footer-area { padding: 10px 0 0; background-color: #f0ebdf; zoom: 1; } #sapporo-footer-area .site-info-container { position: relative; width: 950px; margin: 0 auto; padding: 0 5px; } #sapporo-footer-area .site-info { background: #ffffff url(../../img/shared/bg/bg_main_02.gif) 0 0 no-repeat; } #sapporo-footer-area .site-info-content { padding: 9px 20px 15px; *padding: 8px 20px 16px; _padding: 8px 20px 7px; background: url(../../img/shared/bg/bg_main-inner_02.gif) 0 100% no-repeat; zoom: 1; } #sapporo-footer-area .site-info-content:before, #sapporo-footer-area .site-info-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-footer-area .site-info .contents { float: left; width: 767px; } #sapporo-footer-area .site-info .contents .main-contents { zoom: 1; } #sapporo-footer-area .site-info .contents .main-contents:before, #sapporo-footer-area .site-info .contents .main-contents:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-footer-area .site-info .contents .main-contents .column { float: left; padding-right: 10px; } #sapporo-footer-area .site-info .contents .main-contents .column.first-child { width: 137px; } #sapporo-footer-area .site-info .contents .main-contents .column.second-child { width: 136px; } #sapporo-footer-area .site-info .contents .main-contents .column.third-child { width: 147px; } #sapporo-footer-area .site-info .contents .main-contents .column.fourth-child { width: 152px; } #sapporo-footer-area .site-info .contents .main-contents .column.fifth-child { width: 145px; } #sapporo-footer-area .site-info .contents .main-contents .group { margin: 0.75em 0 0; } #sapporo-footer-area .site-info .contents .main-contents .column.first-child .group { _margin-top: 0; } #sapporo-footer-area .site-info .contents .main-contents .group a:link, #sapporo-footer-area .site-info .contents .main-contents .group a:visited { text-decoration: none; } #sapporo-footer-area .site-info .contents .main-contents .group a:focus { text-decoration: none; } #sapporo-footer-area .site-info .contents .main-contents .group a:link:hover, #sapporo-footer-area .site-info .contents .main-contents .group a:link:hover, #sapporo-footer-area .site-info .contents .main-contents .group a:visited:active, #sapporo-footer-area .site-info .contents .main-contents .group a:visited:active { text-decoration: none; } #sapporo-footer-area .site-info .contents .main-contents .group-title { font-weight: bold; } #sapporo-footer-area .site-info .contents .main-contents ul { margin: 0; padding: 0; list-style-type: none; } #sapporo-footer-area .site-info .contents .main-contents ul li { margin: 0; padding: 0; } #sapporo-footer-area .site-info .contents .utility { font-size: 91.7%; } #sapporo-footer-area .site-info .contents .utility a:link, #sapporo-footer-area .site-info .contents .utility a:visited { text-decoration: none; } #sapporo-footer-area .site-info .contents .utility a:link:hover, #sapporo-footer-area .site-info .contents .utility a:visited:hover, #sapporo-footer-area .site-info .contents .utility a:link:active, #sapporo-footer-area .site-info .contents .utility a:visited:active { text-decoration: none; } #sapporo-footer-area .site-info .contents .utility ul { margin: 0; padding: 1.2em 0 0; list-style-type: none; zoom: 1; } #sapporo-footer-area .site-info .contents .utility ul:before, #sapporo-footer-area .site-info .contents .utility ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-footer-area .site-info .contents .utility ul li { float: left; margin: 0; padding: 0 20px 0 0; white-space: nowrap; } #sapporo-footer-area .site-info .other-resources { float: left; width: 142px; } #sapporo-footer-area .site-info .other-resources .mobile .qr-related-blockA01 { padding: 11px 0 0; padding-top: 10px; } #sapporo-footer-area .site-info .other-resources .mobile .label img { display: block; margin: 0 auto; zoom: 1; } #sapporo-footer-area .site-info .other-resources .mobile .qr-codeA01 { margin-top: 8px; } #sapporo-footer-area .site-info .other-resources .mobile ul.link-listA01 { padding-top: 0; font-size: 83.3%; } #sapporo-footer-area .site-info .other-resources .mobile ul.link-listA01 li { padding-top: 0; text-align: center; } #sapporo-footer-area .site-info .other-resources .mobile ul.link-listA01 li:first-child { padding-top: 0.8em; *padding-top: 0.6em; } #sapporo-footer-area .site-info .other-resources .mobile ul.link-listA01 li a:link, #sapporo-footer-area .site-info .other-resources .mobile ul.link-listA01 li a:visited { background-position: 0 0.25em; *background-position: 0 0.65em; } #sapporo-footer-area .note-and-publisher { position: relative; width: auto; min-width: 960px; height: auto; margin: 10px 0 0; background-color: #ffffff; text-align: center; z-index: 10; } #sapporo-footer-area .note-and-publisher-content { width: 950px; margin: 0 auto; padding: 20px 0; _padding: 20px 5px; text-align: left; zoom: 1; } #sapporo-footer-area .note-and-publisher-content:before, #sapporo-footer-area .note-and-publisher-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-footer-area .note-and-publisher .note { float: left; } #sapporo-footer-area .note-and-publisher .note img { display: block; zoom: 1; } #sapporo-footer-area .note-and-publisher .publisher { float: right; text-align: right; } #sapporo-footer-area .note-and-publisher .publisher .publisher-name { margin-right: -5px; zoom: 1; } #sapporo-footer-area .note-and-publisher .publisher .copyright { padding: 8px 0 0; zoom: 1; } #sapporo-footer-area .note-and-publisher .publisher .publisher-name:before, #sapporo-footer-area .note-and-publisher .publisher .publisher-name:after, #sapporo-footer-area .note-and-publisher .publisher .copyright:before, #sapporo-footer-area .note-and-publisher .publisher .copyright:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-footer-area .note-and-publisher .publisher .publisher-name img, #sapporo-footer-area .note-and-publisher .publisher .copyright img { float: right; display: block; zoom: 1; } #sapporo-related-area { background-color: #f0ebdf; color: #4d3b17; position: relative; zoom: 1; } #sapporo-related-area:before, #sapporo-related-area:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-related-area .related-area { width: 950px; margin: 0 auto; padding: 0 5px; position: relative; } #sapporo-related-area table { font-size: 100%; } #sapporo-related-area .panel2column, #sapporo-related-area .panel4column { position: relative; } #sapporo-global-navigation-mask-frame { font-size: 0; line-height: 0; height: 0; zoom: 1; } #sapporo-global-navigation-mask { position: fixed; _position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #4d3b17; opacity: 0.2; filter: alpha(opacity=20); z-index: 1; } body.spr-megamenu-activated select { visibility: hidden; } #sapporo-related-area .panel-group { margin: 0 -10px 0 0; margin: 0 -23px 0 0; padding: 0; _position: relative; zoom: 1; } #sapporo-related-area .panel-group:before, #sapporo-related-area .panel-group:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-related-area .panel2column { float: left; width: 470px; margin: 10px 10px 0 0; padding: 0; background: #ffffff url(../../img/shared/bg/bg_column02_01.gif) 0 0 no-repeat; } #sapporo-related-area .panel2column .panel2column-content { margin: 0; padding: 0 10px 10px; background: url(../../img/shared/bg/bg_column02_02.gif) 0 100% no-repeat; position: relative; zoom: 1; } div#sapporo-related-area div.withTab { background: #ffffff url(../../img/shared/bg/bg_column02_03.gif) 0 0 no-repeat !important; } #sapporo-related-area .panel4column { float: left; width: 230px; margin: 10px 10px 0 0; padding: 0; background: #ffffff url(../../img/shared/bg/bg_column01_01.gif) 0 0 no-repeat; } #sapporo-related-area .panel4column .panel4column-content { margin: 0; padding: 0 10px 0.85em; background: url(../../img/shared/bg/bg_column01_02.gif) 0 100% no-repeat; position: relative; zoom: 1; } #sapporo-related-area h2.headingA02 { margin: 0; padding: 2.5em 0 0; *padding-top: 2.4em; font-size: 100%; } #sapporo-related-area h2.headingA02.first-child { padding-top: 1.7em; } #sapporo-related-area h2.headingA02 img { vertical-align: middle; position: relative; *position: static; top: -1px; *top: 0 } #sapporo-footer-area ul.link-listA01, #sapporo-related-area ul.link-listA01 { margin: 0; padding: 0.5em 0 0; *padding-top: 0.55em; list-style-type: none; } #sapporo-footer-area ul.link-listA01 li, #sapporo-related-area ul.link-listA01 li { margin: 0; padding: 0.25em 0 0; } #sapporo-footer-area ul.link-listA01 li:first-child, #sapporo-related-area ul.link-listA01 li:first-child { padding-top: 0; } #sapporo-footer-area ul.link-listA01 li a, #sapporo-related-area ul.link-listA01 li a { padding-left: 10px; zoom: 1; } #sapporo-footer-area ul.link-listA01 li a:link, #sapporo-footer-area ul.link-listA01 li a:visited, #sapporo-related-area ul.link-listA01 li a:link, #sapporo-related-area ul.link-listA01 li a:visited { text-decoration: none; background: url(../../img/shared/ico/ico_arrow_01.gif) 0 0.2em no-repeat; *background-position: 0 0.5em; } #sapporo-footer-area ul.link-listA01 li a:focus, #sapporo-related-area ul.link-listA01 li a:focus { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_01_o.gif); } #sapporo-footer-area ul.link-listA01 li a:link:hover, #sapporo-footer-area ul.link-listA01 li a:visited:hover, #sapporo-footer-area ul.link-listA01 li a:link:active, #sapporo-footer-area ul.link-listA01 li a:visited:active, #sapporo-related-area ul.link-listA01 li a:link:hover, #sapporo-related-area ul.link-listA01 li a:visited:hover, #sapporo-related-area ul.link-listA01 li a:link:active, #sapporo-related-area ul.link-listA01 li a:visited:active { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_01_o.gif); } #sapporo-related-area div.figureA03 * { padding-top: 0; } #sapporo-related-area div.figureA03 { margin: 0; padding-top: 1.6em; } #sapporo-related-area div.figure-blockA01 { margin: 0; padding: 0; } #sapporo-related-area div.figure-blockA01 a:link, div.figure-blockA01 a:visited { text-decoration: none; } #sapporo-related-area div.figure-blockA01 a:focus { text-decoration: none; } #sapporo-related-area div.figure-blockA01 a:link:hover, #sapporo-related-area div.figure-blockA01 a:visited:hover, #sapporo-related-area div.figure-blockA01 a:link:active, #sapporo-related-area div.figure-blockA01 a:visited:active { text-decoration: none !important; } #sapporo-related-area div.figure-blockA01 img { float: left; padding-right: 10px; } #sapporo-related-area div.figure-blockA01 span.caption { font-weight: bold; } #sapporo-related-area div.figure-blockA01 p { margin: 0; padding: 0; } #sapporo-footer-area img.rss, #sapporo-related-area img.rss { position: relative; top: -0.25em; *top: -0.10em; } #sapporo-footer-area img.external, #sapporo-related-area img.external { float: none !important; padding: 0 !important; position: relative; left: 4px; top: -0.45em; *top: -0.2em; } #sapporo-footer-area div.qr-codeA01 { margin: 0.4em auto 0; *margin-top: 0.5em; padding: 0; border: 1px solid #e2dbbf; width: 98px; height: 98px; } #sapporo-related-area div.data-tableA02 { margin: 0; padding: 0.8em 0 0; } #sapporo-related-area div.data-tableA02 table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } #sapporo-related-area div.data-tableA02 table th, #sapporo-related-area div.data-tableA02 table td { padding: 0.4em 0; border-top: 1px solid #e2dbbf; border-bottom: 1px solid #e2dbbf; vertical-align: top; } #sapporo-related-area div.data-tableA02 table th { padding-right: 10px; text-align: left; } #sapporo-related-area table th a:link, #sapporo-related-area table th a:visited { text-decoration: none; } #sapporo-related-area table th a:focus { text-decoration: none; } #sapporo-related-area table th a:link:hover, #sapporo-related-area table th a:visited:hover, #sapporo-related-area table th a:link:active, #sapporo-related-area table th a:visited:active { text-decoration: none; } #sapporo-related-area div.data-tableA02 table th { font-weight: normal; } #sapporo-footer-area ul.link-listA01 li a.with-icon:link, #sapporo-footer-area ul.link-listA01 li a.with-icon:visited, #sapporo-related-area ul.link-listA01 li a.with-icon:link, #sapporo-related-area ul.link-listA01 li a.with-icon:visited { padding-left: 0; background: none; } #sapporo-footer-area ul.link-listA01 li a.with-icon:focus, #sapporo-related-area ul.link-listA01 li a.with-icon:focus { padding-left: 0; background: none; } #sapporo-footer-area ul.link-listA01 li a.with-icon:link:hover, #sapporo-footer-area ul.link-listA01 li a.with-icon:visited:hover, #sapporo-footer-area ul.link-listA01 li a.with-icon:link:active, #sapporo-footer-area ul.link-listA01 li a.with-icon:visited:active, #sapporo-related-area ul.link-listA01 li a.with-icon:link:hover, #sapporo-related-area ul.link-listA01 li a.with-icon:visited:hover, #sapporo-related-area ul.link-listA01 li a.with-icon:link:active, #sapporo-related-areaul.link-listA01 li a.with-icon:visited:active { padding-left: 0; background: none; } #sapporo-footer-area a[href^="http"]:after, #sapporo-related-area a[href^="http"]:after { content: url('../../img/shared/ico/ico_window_02.gif'); margin: 0 0 0 0.3em; background:transparent none; vertical-align: middle; } #sapporo-footer-area a[href*="sapporobeer.jp"]:after, #sapporo-related-area a[href*="sapporobeer.jp"]:after { content: '' !important; margin: 0; } #sapporo-related-area .related-blockA02 { margin: 0; padding: 0; zoom: 1; } #sapporo-related-area .related-blockA02:before, #sapporo-related-area .related-blockA02:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-related-area .related-blockA02 dl { margin: 0; padding: 0.6em 0 0; *padding-top: 0.65em; } #sapporo-related-area .related-blockA02 dl dt { margin: 0; padding: 0; font-weight: bold; } #sapporo-related-area .related-blockA02 a:link, #sapporo-related-area .related-blockA02 a:visited { text-decoration: none; } #sapporo-related-area .related-blockA02 a:focus { text-decoration: none; } #sapporo-related-area .related-blockA02 a:link:hover, #sapporo-related-area .related-blockA02 a:visited:hover, #sapporo-related-area .related-blockA02 a:link:active, #sapporo-related-area .related-blockA02 a:visited:active { text-decoration: none; } #sapporo-related-area .related-blockA02 dl dt span { display: inline-block; padding-top: 0.6em; cursor: pointer; zoom: 1; } #sapporo-related-area .related-blockA02 dl dd { margin: 0.25em 0 0; padding: 0; } #sapporo-related-area .related-blockA02-content { margin: 0; padding: 0; zoom: 1; } #sapporo-related-area .related-blockA02-content:before, #sapporo-related-area .related-blockA02-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-related-area .related-blockA02-content .related-blockA02-column { float: left; width: 210px; padding-left: 30px; } #sapporo-related-area .related-blockA02-content .related-blockA02-column.first-child { padding-left: 0; } #sapporo-related-area .related-blockA02 dl.campaign-listA01 { float: left; width: 210px; padding-left: 30px; } #sapporo-related-area .related-blockA02 dl.campaign-listA01.first-child { padding-left: 0; } #sapporo-related-area .related-blockA02 dl.popular-listA01 { float: left; width: 210px; padding-left: 30px; } #sapporo-related-area .related-blockA02 dl.popular-listA01.first-child { padding-left: 0; } #sapporo-related-area .related-blockA02 dl.faq-listA01 { margin: 0; padding: 0.6em 0 0; } #sapporo-related-area .related-blockA02 dl.faq-listA01 dt { color: #806226; } #sapporo-related-area .related-blockA02 dl.faq-listA01 dd { margin-top: 0.4em; } #sapporo-related-area .related-blockA02 dl.recipe-listA01 { width: 205px; margin: 0; padding: 0.75em 2px 0 3px; *padding-top: 0.8em; } #sapporo-related-area .related-tab-blockA01 { clear: both; margin: 0; padding: 10px 0 0; zoom: 1; } #sapporo-related-area .related-tab-blockA01:before, #sapporo-related-area .related-tab-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-related-area .related-tab-blockA01 h2.headingA02 { float: left; padding-top: 10px; padding-right: 10px; } #sapporo-related-area .related-tab-blockA01 ul.link-listA01 { padding-top: 0; } #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li { float: left; padding-top: 0; padding-right: 5px; } #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li a:link { padding-left: 0; background: none; } #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li a:visited { padding-left: 0; background: none; } #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li a:focus { padding-left: 0; background: none; } #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li a:link:hover, #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li a:visited:hover, #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li a:link:active, #sapporo-related-area .related-tab-blockA01 ul.link-listA01 li a:visited:active { padding-left: 0; background: none; } #sapporo-related-area .tabView-topics .tabView-tabs { display: block !important; } #sapporo-related-area .tabView-topics .tabView-tabs ul { display: none; } #sapporo-related-area .tabView-topics.tabView-enabled .tabView-tabs ul { display: block; } #sapporo-related-area .tabView-topics .tabView-pane h3 { margin: 2em 0 0; font-size: 100%; } #sapporo-related-area .tabView-topics.tabView-enabled .tabView-pane h3 { display: none; } #sapporo-related-area .tabView-topics.tabView-enabled .tabView-pane, #sapporo-related-area .tabView-topics.tabView-enabled .tabView-pane .related-blockA02 { margin-top: -40px; padding-top: 40px; } #sapporo-related-area .related-link-blockA01 { min-height: 25px; _height: 25px; margin: 0; padding: 1.35em 0 0; position: relative; zoom: 1; } #sapporo-related-area .related-link-blockA01:before, #sapporo-related-area .related-link-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-related-area .related-link-blockA01 ul.related-link-listA01 { margin: 0; padding: 0; list-style-type: none; } #sapporo-related-area .related-link-blockA01 ul.related-link-listA01 li { position: absolute; margin: 0; padding: 0; } #sapporo-related-area .related-link-blockA01 ul.related-link-listA01 li.btn { right: 0; bottom: 1px; *bottom: 0; } #sapporo-related-area .related-link-blockA01 ul.related-link-listA01 li.rss { left: 0; bottom: 2px; } #sapporo-related-area .related-link-blockA01 a:link, #sapporo-related-area .related-link-blockA01 a:visited { text-decoration: none; } #sapporo-related-area .related-link-blockA01 a:focus { text-decoration: none; } #sapporo-related-area .related-link-blockA01 a:link:hover, #sapporo-related-area .related-link-blockA01 a:visited:hover, #sapporo-related-area .related-link-blockA01 a:link:active, #sapporo-related-area .related-link-blockA01 a:visited:active { text-decoration: none; } #sapporo-related-area .related-cm-column { visibility: hidden; _overflow: hidden; } #sapporo-related-area .related-cm-blockA01 { margin-left: -10px; padding-top: 20px; } #sapporo-related-area .related-cm-blockA01 object { _position: relative; _z-index: 2; } body.bajl-enabled #sapporo-related-area .related-cm-column { visibility: visible; } body.bajl-enabled #sapporo-related-area .related-cm-blockA01 { height: 293px; } #sapporo-related-area div.slide-canvas, #sapporo-related-area div.slide-canvas div.slide-viewport { position: relative; } #sapporo-related-area div.slide-canvas div.slide-unit { border-bottom: none; padding-bottom: 0; } #sapporo-related-area div.slide-canvas div.slide-unit:before, #sapporo-related-area div.slide-canvas div.slide-unit:after { clear: both; display: block; content: ""; } #sapporo-related-area ul.slide-controller li.slide-prev span { display: block; padding: 1px 2px 3px; width: 30px; height: 30px; background: url(../../img/shared/btn/btn_slide-shadow_01.png) 50% 50% no-repeat; _background: none; } #sapporo-related-area ul.slide-controller li.slide-prev a { display: block; width: 30px; height: 30px; overflow: hidden; text-indent: 30px; font-size: 0; background: url(../../img/shared/btn/btn_slide_01.gif) 50% 50% no-repeat; } #sapporo-related-area ul.slide-controller li.slide-prev a:hover { background-image: url(../../img/shared/btn/btn_slide_01_o.gif); } #sapporo-related-area ul.slide-controller li.slide-prev a:focus { background-image: url(../../img/shared/btn/btn_slide_01_o.gif); } #sapporo-related-area ul.slide-controller li.slide-prev a:active { background-image: url(../../img/shared/btn/btn_slide_01_a.gif); } #sapporo-related-area ul.slide-controller li.slide-prev a.pseudo-disabled { cursor: default; outline: 0 none; background-image: url(../../img/shared/btn/btn_slide_01_d.gif) !important; } #sapporo-related-area ul.slide-controller li.slide-next span { display: block; padding: 1px 2px 3px; width: 30px; height: 30px; background: url(../../img/shared/btn/btn_slide-shadow_02.png) 50% 50% no-repeat; _background: none; } #sapporo-related-area ul.slide-controller li.slide-next a { display: block; width: 30px; height: 30px; overflow: hidden; text-indent: 30px; font-size: 0; background: url(../../img/shared/btn/btn_slide_02.gif) 50% 50% no-repeat; } #sapporo-related-area ul.slide-controller li.slide-next a:hover { background-image: url(../../img/shared/btn/btn_slide_02_o.gif); } #sapporo-related-area ul.slide-controller li.slide-next a:focus { background-image: url(../../img/shared/btn/btn_slide_02_o.gif); } #sapporo-related-area ul.slide-controller li.slide-next a:active { background-image: url(../../img/shared/btn/btn_slide_02_a.gif); } #sapporo-related-area ul.slide-controller li.slide-next a.pseudo-disabled { cursor: default; outline: 0 none; background-image: url(../../img/shared/btn/btn_slide_02_d.gif) !important; } #sapporo-related-area div.slide-canvasA01 { margin: 0; padding: 0; } #sapporo-related-area div.panelR div.slide-canvasA01 { margin: 0 2px 0 3px; padding: 0; } #sapporo-related-area div.slide-canvasA01 ul.slide-controller { position: relative; margin: 0; padding: 0; list-style-type: none; z-index: 10; } #sapporo-related-area div.slide-canvasA01 ul.slide-controller li { position: absolute; top: 60px; margin: 0; padding: 0; z-index: 1; } #sapporo-related-area div.slide-canvasA01 ul.slide-controller li.slide-prev { left: -15px; } #sapporo-related-area div.slide-canvasA01 ul.slide-controller li.slide-next { right: -15px; } #sapporo-related-area div.slide-canvasA01 ul.slide-selector { display: none; margin: 0 0 1.5em; padding: 3px 0 0; list-style-type: none; text-align: center; line-height: 10px; } #sapporo-related-area div.slide-canvasA01.slide-canvas-enabled ul.slide-selector { display: block; } #sapporo-related-area div.slide-canvasA01 ul.slide-selector li { display: inline; margin: 0; padding: 0; } #sapporo-related-area div.slide-canvasA01 ul.slide-selector li span { } #sapporo-related-area div.slide-canvasA01 ul.slide-selector li span a:link, #sapporo-related-area div.slide-canvasA01 ul.slide-selector li span a:visited { background: url(../../img/shared/ico/ico_paging_01.gif) 50% 50% no-repeat; } #sapporo-related-area div.slide-canvasA01 ul.slide-selector li span a:link.pseudo-selected, #sapporo-related-area div.slide-canvasA01 ul.slide-selector li span a:visited.pseudo-selected { cursor: default; background-image: url(../../img/shared/ico/ico_paging_01_s.gif); } #sapporo-related-area div.slide-canvasA01 ul.slide-selector li span img { padding: 0 1px; visibility: hidden; vertical-align: middle; } #sapporo-header-area .header.company .corporate-info ul { width: 235px; } #sapporo-navigation-area .company .search .controls { width: 170px; } #sapporo-navigation-area .company .search input.text { left: 7px; } #sapporo-analysis-area { position: absolute; top: -10000px; left: -10000px; }



/* ============================== header_footer_print.css ============================== */

@media print { #sapporo-header-area .header .corporate-identity { *padding-left: 0px; *margin-left: 297px; *display: inline; } #sapporo-header-area .header .utility, #sapporo-header-area .header .corporate-info, #sapporo-navigation-area, #sapporo-footer-area .site-info-content { display: none !important; } #sapporo-related-area { display: none !important; } #sapporo-related-area .tabView-topics.tabView-enabled .tabView-tabs ul { display: none !important; } #sapporo-related-area .tabView-topics.tabView-enabled .tabView-pane h3 { display: block !important; position: relative; top: -10px; } #sapporo-related-area .tabView-topics.tabView-enabled .tabView-pane, #sapporo-related-area .tabView-topics.tabView-enabled .tabView-pane .related-blockA02 { margin-top: 0 !important; padding-top: 0 !important; height: auto !important; } #sapporo-related-area div.slide-canvasA01 ul.slide-selector { display: none !important; } }



/* ============================== mod_structure.css ============================== */

#structure { width: 950px; margin: 0 auto; padding: 0 5px; position: relative; *overflow: hidden; *zoom: 1; } #structure:after { clear: both; display: block; content: ""; } #structure a:hover img, #structure a:focus img, #structure a.rollover:hover img.norollover, #structure a.rollover:focus img.norollover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; filter: Alpha(opacity=70); opacity: 0.7; zoom: 1; } #structure a.rollover:hover img, #structure a.rollover:focus img, #structure a.rollover-button:hover img, #structure a.rollover-button:focus img, #structure a:hover span.attention img, #structure a:focus span.attention img, #structure a.with-icon:hover img, #structure a.with-icon:focus img, #structure a.rollover:hover span img, #structure a.rollover:focus span img, #structure li.extra a:hover img, #structure li.extra a:focus img, #structure a.swap-img:hover img, #structure a.swap-img:focus img, #structure .tabView-tabs a:hover img, #structure .tabView-tabs a:focus img { -ms-filter: none; filter: none; opacity: 1; zoom: default; } #structure a[href^="http"]:after { content: url('../../img/shared/ico/ico_window_02.gif'); margin: 0 0 0 0.3em; background:transparent none; vertical-align: middle; } #structure a[href*="sapporobeer.jp"]:after { content: '' !important; margin: 0; } #structure dl.float-area dt a:after { content: '' !important; margin: 0; } #structure .definition-listC03 dt a:after { vertical-align: 1px; } #structure a[href$=".pdf"]:before { content: url('../../img/shared/ico/ico_pdf_01.gif'); margin: 0 0.3em 0 0; background:transparent none; vertical-align: middle; } #structure div.topicpath { width: 950px; margin: 0 auto; padding: 0; } #structure div.topicpath p { padding: 10px 0 0; _padding-top: 11px; font-size: 0.92em; line-height: 1; } #structure div.topicpath p a:link, #structure div.topicpath p a:visited { color: #b39500; text-decoration: none; } #structure div.topicpath p a:focus { color: #e6bf00; text-decoration: none; } #structure div.topicpath p a:link:hover, #structure div.topicpath p a:visited:hover, #structure div.topicpath p a:link:active, #structure div.topicpath p a:visited:active { color: #e6bf00; text-decoration: none; } #structure div.topicpath p span { color: #4d3b17; } 



/* ============================== mod_panel.css ============================== */

.panel-group { margin: 0 -10px 0 0; *margin-right: -30px; padding: 0; _position: relative; zoom: 1; } .panel-group:before, .panel-group:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelFull { width: 950px; margin: 10px 0 0; padding: 0; background: #ffffff url(../../img/shared/bg/bg_main_02.gif) 0 0 no-repeat !important; } .panelFull.withTab { margin: 0; background-image: none !important; } .panelFull .panelFull-content { margin: 0; padding: 0 10px 10px; background: url(../../img/shared/bg/bg_main-inner_02.gif) 0 100% no-repeat; zoom: 1; } .panelFull .panelFull-content:before, .panelFull .panelFull-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelFull .panelFull-content.article-page { padding: 0 20px 56px; } .panelFull .panelFull-content.panelFull-content01 { padding-left: 140px; padding-right: 140px; } .panelFull .panelFull-content.panelFull-content02 { padding: 0 20px 20px; } body.mobile .panelFull .panelFull-content.panelFull-content02 { padding-bottom: 15px; *padding-bottom: 7px; } .panelL-group { float: left; width: 710px; margin: 0; padding: 0; } body.recipe .panelL-group { _width: 710px; } .panelL { margin: 10px 0 0; padding: 0; background: #ffffff url(../../img/shared/bg/bg_main_01.gif) 0 0 no-repeat; position: relative; zoom: 1; } .panelL:before, .panelL:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelL .panelL-content { margin: 0; padding: 20px 20px 10px; background: url(../../img/shared/bg/bg_main-inner_01.gif) 0 100% no-repeat; zoom: 1; } .panelL .panelL-content:before, .panelL .panelL-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } body.life .panelL .panelL-content { padding: 20px 20px 0; } .panelL .panelL-content.index-page { _width: 670px; padding: 0 20px 10px; } .panelL .panelL-content.panelL-content-inner { _width: 690px; padding: 0 10px 10px; } .panelL .panelL-content.panelL-content-inner.inner { _width: 690px; padding: 0 10px; } .panelL .article { margin: 0; padding: 0 0 4.15em 85px; width: 585px; zoom: 1; } .panelL .article:before, .panelL .article:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelR { float: left; width: 230px; margin: 10px 0 0 10px; padding: 0; } body.gourmet .panelR { _margin-top: 0; } .panel2column { float: left; width: 470px; margin: 10px 10px 0 0; padding: 0; background: #ffffff url(../../img/shared/bg/bg_column02_01.gif) 0 0 no-repeat; } .panel2column .panel2column-content { margin: 0; padding: 0 10px 10px; background: url(../../img/shared/bg/bg_column02_02.gif) 0 100% no-repeat; position: relative; zoom: 1; } div#sapporo-related-area div.withTab { background: #ffffff url(../../img/shared/bg/bg_column02_03.gif) 0 0 no-repeat !important; } .panel2columnB01-group { float: left; width: 470px; margin: 10px 10px 0 0; padding: 0; background: #ffffff url(../../img/shared/bg/bg_column02_02.gif) 0 100% no-repeat; } .panel2columnB01 { margin: 0; padding: 0; background: url(../../img/shared/bg/bg_column02_01.gif) 0 0 no-repeat; } .panel2columnB01.divide { padding-top: 13px; background: url(../../img/shared/bg/bg_column02_09.gif) 0 0 no-repeat; zoom: 1; } .panel2columnB01 .panel2columnB01-content { margin: 0; padding: 0 20px 1.7em; position: relative; } .panel2columnB01 .panel2columnB01-head { min-height: 154px; _height: 154px; margin: 0 -10px 0 0; _margin: 0 -10px 0 -20px; padding: 0 0 0 220px; _padding: 0 0 0 240px; } .panel2columnB01 .panel2columnB01-head h2.headingA02 { padding-top: 1.7em; } .panel2columnB01 .panel2columnB01-head h2.headingA02 a:link, .panel2columnB01 .panel2columnB01-head h2.headingA02 a:visited { text-decoration: none; } .panel2columnB01 .panel2columnB01-head h2.headingA02 a:focus { text-decoration: none; } .panel2columnB01 .panel2columnB01-head h2.headingA02 a:link:hover, .panel2columnB01 .panel2columnB01-head h2.headingA02 a:visited:hover, .panel2columnB01 .panel2columnB01-head h2.headingA02 a:link:active, .panel2columnB01 .panel2columnB01-head h2.headingA02 a:visited:active { text-decoration: none; } #structure div.topicpath p span { color: #4d3b17; } .panel2columnB01 .panel2columnB01-head img.heading-image { position: absolute; left: 20px; top: 20px; } .panel4column { float: left; width: 230px; margin: 10px 10px 0 0; padding: 0; background: #ffffff url(../../img/shared/bg/bg_column01_01.gif) 0 0 no-repeat; } .panel4column .panel4column-content { margin: 0; padding: 0 10px 0.85em; background: url(../../img/shared/bg/bg_column01_02.gif) 0 100% no-repeat; position: relative; zoom: 1; } body.knowledge #structure .panel4column .panel4column-content { height: 350px; } body.knowledge.bajl-enabled #structure .panel4column .panel4column-content { height: auto; } 



/* ============================== mod_headings.css ============================== */

div.headingA01 { margin: 0; padding: 1.1em 0 0; *padding-top: 1em; font-size: 150%; } div.headingA01 h1 { margin: 0; padding: 0; font-size: 80%; } div.headingA01.article-title { clear: both; padding-top: 0.9em; } div.headingA01 .supertitle, div.headingA01 .subtitle { display: block; font-size: 80%; font-weight: normal; } div.headingA01 .supertitle { margin-bottom: 0.3em; } div.headingA01-cm .supertitle { margin-bottom: 1.2em; *margin-bottom: 1em; } div.headingA01.article-title .subtitle { position: relative; top: -3px; } h2.headingA01 { margin: 0; padding: 1.9em 0 0; font-size: 100%; } h2.headingA01.first-child { padding-top: 1.1em; } h2.headingA02 { margin: 0; padding: 2.5em 0 0; *padding-top: 2.4em; font-size: 100%; } h2.headingA02.first-child { padding-top: 1.7em; } h2.headingB01 { margin: 0; padding: 1.9em 10px 0; font-size: 100%; } h2.headingB01.first-child { padding-top: 1.1em; } body.product div.panelFull-content.article-page h2.headingB01 { padding-right: 0; padding-left: 0; } h2.headingB02 { margin: 0; padding: 2.3em 10px 0; *padding-top: 2.25em; font-size: 100%; } h2.headingB02.first-child { padding-top: 1.5em; *padding-top: 1.4em; } div.headingA02 { margin: 0; padding: 0; font-size: 100%; } div.headingA02 h2 { margin: 0; padding: 0; } div.headingA02 h2.heading-lv2A01 { margin: -8px 0 -14px 7px; _position: relative; } h2.headingA02 img { vertical-align: middle; position: relative; *position: static; top: -1px; *top: 0 } h2.headingA02 span { font-weight: normal; } h2.headingA02.line-up { margin-top: -21px; *margin-top: -18px; } h2.headingA02.not-found { font-weight: normal; } h2.headingA02.not-found span { font-weight: bold; } h2.panelL-headingA01 { margin: 0; padding: 0; position: absolute; left: -1px; top: -26px; } h2.panelL-headingA01 img { _behavior: url(/css/shared/alphaImageLoader.htc); } h3.headingA01 { margin: 0; padding: 1.1em 0 0 0; color: #8c6e00; font-size: 100%; } h3.headingA02 { margin: 0; padding: 1.45em 0 0 0; color: #8c6e00; font-size: 100%; } h3 a:link, h3 a:visited { text-decoration: none; } h3 a:focus { text-decoration: none; } h3 a:link:hover, h3 a:visited:hover, h3 a:link:active, h3 a:visited:active { text-decoration: none; } div.feature-headingA01 { min-height: 130px; *min-height: 133px; _height: 130px; margin-top: 3.3em; *margin-top: 3.1em; border-bottom: 1px solid #e2dbbf; } div.feature-headingA01.first-child { margin-top: 0.8em; *margin-top: 0.6em; } div.feature-headingA01 h2.headingA02 { padding-top: 0; padding-left: 461px; font-size: 100%; position: relative; zoom: 1; } div.feature-headingA01 h2.headingA02 img { position: absolute; left: 0; top: 0; } div.feature-headingA01 div.textA01 p { padding-top: 0; padding-bottom: 0.8em; padding-left: 461px; } 



/* ============================== mod_paragraph.css ============================== */

div.textA01 p { margin: 0; padding: 0.5em 0 0; *padding-top: 0.55em; } div.textA02 p { margin: 0; padding: 0.2em 0 0; *padding-top: 0.25em; } div.textA03 p { margin: 0; padding: 1.6em 0 0; } div.textB01 p { margin: 0; padding: 0; } div.lead-textA01 p { margin: 0; padding: 0.8em 0 0; } div.back-to-pagetopA01 p { margin: 0; padding: 1.4em 0 0; text-align: right; } div.back-to-pagetopA01 p a { padding-left: 10px; } div.back-to-pagetopA01 p a:link, div.back-to-pagetopA01 p a:visited { text-decoration: none; background: url(../../img/shared/ico/ico_arrow_03.gif) 0 0.3em no-repeat; } div.back-to-pagetopA01 a:focus { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_03_o.gif); } div.back-to-pagetopA01 a:link:hover, div.back-to-pagetopA01 a:visited:hover, div.back-to-pagetopA01 a:link:active, div.back-to-pagetopA01 a:visited:active { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_03_o.gif); } 



/* ============================== mod_list.css ============================== */

ul.unordered-listA01, ol.ordered-listA01 { margin: 0; padding: 0.8em 0 0; } ul.unordered-listA01 li, ol.ordered-listA01 li { margin: 0; padding: 0.25em 0 0; } ul.unordered-listA01 li:first-child, ol.ordered-listA01 li:first-child { padding-top: 0; } div.textA01 ul.unordered-listA01, div.textA01 ol.ordered-listA01 { padding-left: 45px; } ul.note-listA01, ul.note-listB01 { margin: 0; padding: 0.3em 0 0 1.25em; *padding-top: 0.15em; list-style-type: none; } ul.note-listA01 li, ul.note-listB01 li { margin: 0.25em 0 0; padding: 0; font-size: 83%; text-indent: -1.5em; } ul.note-listA01 li:first-child, ul.note-listB01 li:first-child { margin-top: 0; } ul.note-listA01 li span.marker, ul.note-listB01 li span.marker { margin-right: 0.5em; } ul.note-listB01 { color: #cc3300; } dl.definition-listA01 { margin: 0; padding: 0.8em 0 0; } dl.definition-listA01 dt { margin: 0; padding: 0.8em 0 0; font-weight: bold; } dl.definition-listA01 dd { margin: 0; padding: 0.25em 0 0; } dl.definition-listA02 { margin: 0; padding: 0; } dl.definition-listA02 dt { margin: 0; padding: 0.8em 0 0; font-weight: bold; } dl.definition-listA02 dd { margin: 0; padding: 0.25em 0 0; } dl.definition-listA02 dt a:link, dl.definition-listA02 dt a:visited { text-decoration: none; } dl.definition-listA02 dt a:focus { text-decoration: none; } dl.definition-listA02 dt a:link:hover, dl.definition-listA02 dt a:visited:hover, dl.definition-listA02 dt a:link:active, dl.definition-listA02 dt a:visited:active { text-decoration: none; } dl.definition-listB01 { margin: 0; padding: 0.8em 0 0 0; zoom: 1; } dl.definition-listB01:before, dl.definition-listB01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } dl.definition-listB01 dt { clear: left; float: left; margin: 0; padding: 0 20px 0 0; font-weight: bold; } dl.definition-listB01 dd { float: left; margin: 0; padding: 0; } dl.definition-listB01 dd ul.link-listB01 { padding-top: 0; } dl.definition-listC01 { width: 210px; margin: 0; padding: 1.3em 0 0; } dl.definition-listC01.first-child { padding-top: 0; } .panelL .column-group-wide .saparate3column .panel-asideA01 dl.definition-listC01.first-child, .panelR dl.definition-listC01.first-child { padding-top: 0.8em; } dl.definition-listC01 dt { margin: 0; padding: 0; font-weight: bold; } dl.definition-listC01 dt a:link, dl.definition-listC01 dt a:visited, dl.definition-listC01 dt a:hover, dl.definition-listC01 dt a:active { text-decoration: none !important; } dl.definition-listC01 dt span { display: inline-block; padding-top: 0.6em; cursor: pointer; } dl.definition-listC01 dd { margin: 0; padding: 0.25em 0 0; } .saparate3columnB01 dl.definition-listC01 { margin-top: 2.15em; padding-top: 0; } .saparate3columnB01 dl.definition-listC01.first-child { margin-top: 0; } dl.definition-listC02 { float: left; width: 340px; margin: 0; padding: 0 0 0 10px; } dl.definition-listC02.first-child { padding-left: 0; } dl.definition-listC02 dt { margin: 0; padding: 0; font-weight: bold; } dl.definition-listC02 dt a:link, dl.definition-listC02 dt a:visited, dl.definition-listC02 dt a:hover, dl.definition-listC02 dt a:active { text-decoration: none !important; } dl.definition-listC02 dt span { display: inline-block; padding-top: 0.6em; cursor: pointer; } dl.definition-listC02 dd { margin: 0.1em 0 0; padding: 0; } dl.definition-listC03 { width: 210px; margin: 1.3em 0 0; padding: 0; position: relative; } dl.definition-listC03.first-child { margin-top: 0; } .panel4column dl.definition-listC03.first-child { margin-top: 0; padding-top: 1.7em; } dl.definition-listC03 dt { margin: 0; padding: 0; font-weight: bold; } dl.definition-listC03 dt a:link, dl.definition-listC03 dt a:visited, dl.definition-listC03 dt a:hover, dl.definition-listC03 dt a:active { text-decoration: none !important; } dl.definition-listC03 dt span { display: inline-block; padding-top: 10px; } dl.definition-listC03 dt a span { cursor: pointer; } dl.definition-listC03 dd { margin: 0; padding: 0; *padding-top: 0.5em; } div.definition-listD01-group { margin-top: 1.4em; zoom: 1; } div.definition-listD01-group:before, div.definition-listD01-group:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.definition-listD01-group.first-child { margin-top: 0.8em; } div.definition-listD01-group dl.definition-listD01 { margin-top: 0; } dl.definition-listD01 { float: left; width: 210px; margin: 0.8em 0 0 20px; padding: 0; position: relative; } dl.definition-listD01.first-child { margin-left: 0; } dl.definition-listD01 dt { margin: 0; padding: 0; font-weight: bold; } dl.definition-listD01 dt a:link, dl.definition-listD01 dt a:visited, dl.definition-listD01 dt a:hover, dl.definition-listD01 dt a:active { text-decoration: none !important; } dl.definition-listD01 dt span.attention { position: absolute; left: -9px; top: -5px; } dl.definition-listD01 dt span.attention img { _behavior: url(/css/shared/alphaImageLoader.htc); } dl.definition-listD01 dt span.shop-name { display: inline-block; padding-top: 0.6em; cursor: pointer; } dl.definition-listD01 dd { margin: 0; padding: 0; } dl.definition-listD01 dd.note { font-size: 83%; } dl.definition-listE01 { margin: 0; padding: 0.8em 0 0; border-bottom: 1px solid #e2dbbf; } dl.definition-listE01 dt { margin: 0; padding-top: 0.4em; border-top: 1px solid #e2dbbf; } dl.definition-listE01 dd { margin: 0; padding: 0 0 0.2em 0; } dl.definition-listE01 dd a:link, dl.definition-listE01 dd a:visited, dl.definition-listE01 dd a:hover, dl.definition-listE01 dd a:active { text-decoration: none !important; } div.selected-listA01 { display: inline; } div.selected-listA01 ul { display: inline; margin: 0; padding: 0; list-style-type: none; } div.selected-listA01 ul li { display: inline; margin: 0 6px 0 0; *margin-right: 10px; padding: 0 9px 0 0; *padding-right: 5px; border-right: 1px solid #e2dbbf; } dl.element-table { margin: 0; padding: 0.8em 0 0; zoom: 1; } dl.element-table:before, dl.element-table:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } dl.element-table dt, dl.element-table dd { margin: 0; padding: 0.33em 0 0; } dl.element-table dt { clear: both; float: left; width: 150px; padding-left: 9px; background: url(../../img/shared/bg/bg-th01.gif) 1px 0.9em no-repeat; } dl.element-table dd { margin-left: 150px; padding-left: 9px; background: url(../../img/shared/bg/bg-td01.gif) 1px 0.7em no-repeat; } dl.element-table dd.table-data { clear: both; margin-left: 0; padding-left: 0; background: none; } ul.movie-select{ margin: 4px 0 0; padding: 0; list-style: none; } ul.movie-select:after{ content: "."; clear: both; display: block; height: 0; visibility: hidden; } ul.movie-select li{ float: left; margin: 0 0 0 4px; } ul.movie-select li.first-child{ margin: 0; } ul.icon-listA01 { margin: -3px 0 0; padding: 0; list-style-type: none; zoom: 1; } ul.icon-listA01:before, ul.icon-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } ul.icon-listA01 li { float: left; margin: 0; padding: 3px 3px 0 0; } ul.icon-listA01 li a, ul.icon-listA01 li img { display: block; } body.function div.option-listB01 ul { margin: 0; padding: 0; list-style-type: none; } ul.figure-block-listA01 { margin: 0.8em 0 0; padding: 0; list-style-type: none; border-top: 1px solid #e2dbbf; zoom: 1; } ul.figure-block-listA01.first-child { border-top: none; } ul.figure-block-listA01:before, ul.figure-block-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } ul.figure-block-listA01 li { float: left; width: 210px; margin: 0; padding: 0.7em 0 0; *padding-top: 0.6em; } ul.figure-block-listA01 li.odd { padding-right: 10px; } ul.figure-block-listA01 li dl, ul.figure-block-listA01 li dt, ul.figure-block-listA01 li dd { margin: 0; padding: 0; } ul.figure-block-listA01 li dt a:link, ul.figure-block-listA01 li dt a:visited { font-weight: bold; text-decoration: none; } ul.figure-block-listA01 li dt a:focus { text-decoration: none; } ul.figure-block-listA01 li dt a:link:hover, ul.figure-block-listA01 li dt a:visited:hover, ul.figure-block-listA01 li dt a:link:active, ul.figure-block-listA01 li dt a:visited:active { text-decoration: none; } ul.figure-block-listA01 li dt img { float: left; padding-top: 2px; *padding-top: 3px; padding-right: 10px; } ul.figure-block-listA01 li dt span { font-weight: normal; } .panelFull ul.figure-block-listA01 { margin: 0 -30px 0 0; padding: 0.9em 0 0.5em; *padding-top: 0.8em; border-top: none; } .panelFull ul.figure-block-listA01 li { padding-right: 30px; } .saparate3columnB01 ul.figure-block-listA01 { margin-top: 0; border-top: none; } .saparate3columnB01 ul.figure-block-listA01 li { padding-top: 1.1em; padding-right: 0; } .panel4column ul.figure-block-listA01 { margin-top: 0; padding-top: 0.85em; border-top: none; } .panel4column ul.figure-block-listA01 li { padding-right: 0; } ul.figure-block-listA02 { margin: 1.3em 0 0; padding: 0; list-style-type: none; border-top: 1px solid #e2dbbf; zoom: 1; } ul.figure-block-listA02.first-child { margin-top: 0; border-top: none; } ul.figure-block-listA02:before, ul.figure-block-listA02:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } ul.figure-block-listA02 li { float: left; width: 210px; margin: 0; padding: 1.5em 0 0; *padding-top: 1.4em; } ul.figure-block-listA02 li.odd { padding-right: 10px; } ul.figure-block-listA02 li dl, ul.figure-block-listA02 li dt, ul.figure-block-listA02 li dd { margin: 0; padding: 0; } ul.figure-block-listA02 li dt a:link, ul.figure-block-listA02 li dt a:visited { font-weight: bold; text-decoration: none; } ul.figure-block-listA02 li dt a:focus { text-decoration: none; } ul.figure-block-listA02 li dt a:link:hover, ul.figure-block-listA02 li dt a:visited:hover, ul.figure-block-listA02 li dt a:link:active, ul.figure-block-listA02 li dt a:visited:active { text-decoration: none; } ul.figure-block-listA02 li dt img { float: left; padding-top: 2px; *padding-top: 3px; padding-right: 10px; } ul.figure-block-listA02 li dt span { font-weight: normal; } 



/* ============================== mod_link-list.css ============================== */

ul.link-listA01 { margin: 0; padding: 0.5em 0 0; *padding-top: 0.55em; list-style-type: none; } ul.link-listA01 li { margin: 0; padding: 0.25em 0 0; } ul.link-listA01 li:first-child { padding-top: 0; } ul.link-listA01 li a { padding-left: 10px; zoom: 1; } ul.link-listA01 li a:link, ul.link-listA01 li a:visited { text-decoration: none; background: url(../../img/shared/ico/ico_arrow_01.gif) 0 0.2em no-repeat; *background-position: 0 0.5em; } ul.link-listA01 li a:focus { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_01_o.gif); } ul.link-listA01 li a:link:hover, ul.link-listA01 li a:visited:hover, ul.link-listA01 li a:link:active, ul.link-listA01 li a:visited:active { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_01_o.gif); } ul.link-listA01.detail { zoom: 1; } ul.link-listA01.detail:before, ul.link-listA01.detail:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } ul.link-listA01.detail li { padding-top: 0; } ul.link-listA01 li.readmore { float: left; margin-top: -2px; *margin-top: 3px; } ul.link-listA01 li.readmore a:link, ul.link-listA01 li.readmore a:visited { padding-left: 0; background: none; } ul.link-listA01 li.readmore a:focus { padding-left: 0; background: none; } ul.link-listA01 li.readmore a:link:hover, ul.link-listA01 li.readmore a:visited:hover, ul.link-listA01 li.readmore a:link:active, ul.link-listA01 li.readmore a:visited:active { padding-left: 0; background: none; } ul.link-listA01 li.readmore a img { margin-right: 5px; *position: relative; *top: -4px; } ul.link-listA01 li.info { float: right; *position: relative; *top: 0px; } ul.utility-listA01 { float: right; margin: 0; padding: 0.45em 0 0; list-style-type: none; } ul.utility-listA01 li { float: left; margin: 0; padding: 0 0 0 20px; } ul.utility-listA01 li.fist-child { padding-left: 0; } ul.utility-listA01 li.extra { margin-top: -5px; } ul.utility-listA01 li a:link, ul.utility-listA01 li a:visited { text-decoration: none; background: none; } ul.utility-listA01 li a:focus { text-decoration: none; background: none; } ul.utility-listA01 li a:link:hover, ul.utility-listA01 li a:visited:hover, ul.utility-listA01 li a:link:active, ul.utility-listA01 li a:visited:active { text-decoration: none; background: none; } ul.link-listB01 { clear: both; margin: 0; padding: 0.8em 0 0; list-style-type: none; zoom: 1; } ul.link-listB01:before, ul.link-listB01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } ul.link-listB01 li { float: left; margin: 0; padding: 0 20px 0 0; white-space: nowrap; white-space: pre; zoom: 1; } ul.link-listB01 li a { padding-left: 10px; } ul.link-listB01 li a:link, ul.link-listB01 li a:visited { text-decoration: none; background: url(../../img/shared/ico/ico_arrow_01.gif) 0 0.2em no-repeat; } ul.link-listB01 li a:focus { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_01_o.gif); } ul.link-listB01 li a:link:hover, ul.link-listB01 li a:visited:hover, ul.link-listB01 li a:link:active, ul.link-listB01 li a:visited:active { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_01_o.gif); } ul.button-listA01 { margin: 0; padding: 0; list-style-type: none; } ul.button-listA01 li { margin: 10px 0 0; padding: 0; } ul.button-listA01 li a, ul.button-listA01 li img { vertical-align: top; } ul.button-listB01 { margin: 0; padding: 0; list-style-type: none; } ul.button-listB01 li { margin: 0.8em 0 0; padding: 0; text-align: right; } ul.button-listB01 li a { padding-left: 0; background: none; } .panel2columnB01 .panel2columnB01-content ul.button-listB01 li { margin-top: 0; position: relative; bottom: -10px; } ul.anchor-link-listA01, ul.anchor-link-listB01 { margin: 0; padding: 0.8em 0 0; list-style-type: none; } ul.anchor-link-listA01 li, ul.anchor-link-listB01 li { margin: 0; padding: 0.25em 0 0; } ul.anchor-link-listA01 li:first-child, ul.anchor-link-listB01 li:first-child { padding-top: 0; } ul.anchor-link-listA01 li a, ul.anchor-link-listB01 li a { padding-left: 10px; } ul.anchor-link-listA01 li a:link, ul.anchor-link-listA01 li a:visited, ul.anchor-link-listB01 li a:link, ul.anchor-link-listB01 li a:visited { text-decoration: none; background: url(../../img/shared/ico/ico_arrow_02.gif) 0 0.35em no-repeat; *background-position: 0 0.3em; } ul.anchor-link-listA01 a:focus, ul.anchor-link-listB01 a:focus { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_02_o.gif); } ul.anchor-link-listA01 a:link:hover, ul.anchor-link-listA01 a:visited:hover, ul.anchor-link-listA01 a:link:active, ul.anchor-link-listA01 a:visited:active, ul.anchor-link-listB01 a:link:hover, ul.anchor-link-listB01 a:visited:hover, ul.anchor-link-listB01 a:link:active, ul.anchor-link-listB01 a:visited:active { text-decoration: none; background-image: url(../../img/shared/ico/ico_arrow_02_o.gif); } ul.anchor-link-listB01 li { display: inline; padding-top: 0; padding-right: 10px; white-space: nowrap; zoom: 1; } body.product div.panelFull-content.article-page ul.anchor-link-listA01 li { display: inline; padding-top: 0; padding-right: 10px; white-space: nowrap; zoom: 1; } div.bookmark ul { margin: 0; padding: 0; list-style-type: none; } body.product div.bookmark ul { padding-top: 1.3em; *padding-top: 1.4em; text-align: right; } body.wine div.bookmark ul { padding-top: 1.7em; *padding-top: 1.65em; text-align: right; } div.bookmark ul li { margin: 0; padding: 0; } ul.link-listA01 li.plain { margin-left: 9px; padding-left: 0; text-indent: 0; background: none; list-style-type: disc; } ul.link-listA01 li.plain a:link, ul.link-listA01 li.plain a:visited { padding-left: 0; text-decoration: underline; } ul.link-listA01 li.plain a:focus { text-decoration: none; } ul.link-listA01 li.plain a:link:hover, ul.link-listA01 li.plain a:visited:hover, ul.link-listA01 li.plain a:link:active, ul.link-listA01 li.plain a:visited:active { text-decoration: none; } 



/* ============================== mod_figure.css ============================== */

div.figureA01 *, div.figureA02 *, div.figureA03 * { padding-top: 0; } div.figureA01 { margin: 0; padding: 0; } div.figureA02 { margin: 0; padding-top: 0.8em; } div.figureA03 { margin: 0; padding-top: 1.6em; } div.figureA04 { margin: 0; padding-top: 0.8em; padding-left: 10px; } div.figureA05 { margin: 0; padding: 0 0 20px; } div.figureA01 img { display: block; } div.figureA01 a span, div.figureA02 a span { display: block; padding-top: 0.6em; font-weight: bold; } div.figureA01 div.legend p, div.figureA01 div.legend ul.unordered-listA01, div.figureA01 div.legend ul.link-listA01 { margin-top: 0.25em; } div.figureA03 div.legend p { margin-top: 0.6em; } div.product-detailA01 div.link-banner { position: absolute; right: -13px; top: 11px; } div.banner-area { margin: 0 -7px; padding: 10px 0 0; } div.figure-blockA01 { margin: 0; padding: 0; } div.figure-blockA01 a:link, div.figure-blockA01 a:visited { text-decoration: none; } div.figure-blockA01 a:focus { text-decoration: none; } div.figure-blockA01 a:link:hover, div.figure-blockA01 a:visited:hover, div.figure-blockA01 a:link:active, div.figure-blockA01 a:visited:active { text-decoration: none !important; } div.figure-blockA01 img { float: left; padding-right: 10px; } div.figure-blockA01 span.caption { font-weight: bold; } div.figure-blockA01 span.block { font-weight: normal; } div.figure-blockA01 p { margin: 0; padding: 0; } 



/* ============================== mod_image.css ============================== */

img.ico { padding-left: 0.333em; padding-bottom: 0.25em; *padding-top: 0.25em; _padding-top: 0.417em; *padding-bottom: 0; background: #ffffff; vertical-align: -0.333em; *vertical-align: -0.083em; _vertical-align: 0.083em; } img.pdf { position: relative; top: -0.1em; *top: -0.2em; } img.rss { position: relative; top: -0.25em; *top: -0.10em; } img.postcard, img.pc, img.mobile { position: relative; top: -0.25em; *top: -0.1em; } img.external { float: none !important; padding: 0 !important; vertical-align: baseline; position: relative; left: 4px; } div.qr-blockA01 { font-size: 83.3%; text-align: center; } div.qr-codeA01 { margin: 10px auto 0; *margin-top: 0.5em; border: 1px solid #e2dbbf; width: 98px; height: 98px; } div.qr-codeA01 div.qr-code-inner { margin: 8px 0 0 8px; width: 82px; height: 82px; text-align: left !important; } div.qr-codeA01 div.qr-code-inner:before, div.qr-codeA01 div.qr-code-inner:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.qr-codeA01 div.qr-code-inner div { float: left; padding: 0; border-style: solid; border-width: 2px 0 0 2px; border-color: #fff; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0; } div.qr-blockA01 ul.link-listA01 { padding-top: 0.7em; } dd.QRcode-styleA01 { padding-top: 0; font-size: 83.3%; position: absolute; left: 10px; top: 10px; } dd.QRcode-styleA01 div.qr-codeA01 { margin: 0; padding: 8px; border: 0 none; background-color: #ffffff; } dd.QRcode-styleA01 ul.link-listA01 { padding-top: 0.4em; *padding-top: 0.15em; } img.qr-code { border: 1px solid #e2dbbf; } div#addclips_dropdown a:link { color: #b39500 !important; } div#addclips_dropdown a:visited { color: #ccb43d !important; } div#addclips_dropdown a:focus { color: #e6bf00 !important; } div#addclips_dropdown a:link:hover, div#addclips_dropdown a:visited:hover, div#addclips_dropdown a:link:active, div#addclips_dropdown a:visited:active { color: #e6bf00 !important; background: none; text-decoration: none !important; } td#addclips_head_line a:link { background-color: #ffffff !important; } span#addclips_bookmark_tab, span#addclips_rss_tab { color: #4d3b17 !important; font-weight: bold !important; } span#addclips_bookmark_tab a, span#addclips_rss_tab a { font-weight: bold !important; } a#addclips_no_decoration:focus u { color: #e6bf00 !important; } a#addclips_no_decoration:link:hover u, a#addclips_no_decoration:visited:hover u, a#addclips_no_decoration:link:active u, a#addclips_no_decoration:visited:active u { color: #e6bf00 !important; background: none; text-decoration: none !important; } 



/* ============================== mod_table.css ============================== */

div.data-tableA01, div.data-tableA02, div.data-tableA03, div.data-tableA04 { margin: 0; padding: 0.8em 0 0; } div.data-tableA01 table, div.data-tableA02 table, div.data-tableA03 table, div.data-tableA04 table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } div.data-tableA01 table th, div.data-tableA01 table td, div.data-tableA02 table th, div.data-tableA02 table td, div.data-tableA03 table th, div.data-tableA03 table td, div.data-tableA04 table th, div.data-tableA04 table td { padding: 0.4em 0; border-top: 1px solid #e2dbbf; border-bottom: 1px solid #e2dbbf; vertical-align: top; } div.data-tableA01 table th, div.data-tableA02 table th, div.data-tableA03 table th, div.data-tableA04 table th { padding-right: 10px; text-align: left; } table th a:link, table th a:visited { text-decoration: none; } table th a:focus { text-decoration: none; } table th a:link:hover, table th a:visited:hover, table th a:link:active, table th a:visited:active { text-decoration: none; } div.data-tableA01 { padding-right: 10px; padding-left: 10px; } div.data-tableA02 table th { font-weight: normal; } body.product div.panelFull-content.article-page div.data-tableA02 table { margin: 0; padding: 0; border-collapse: collapse; } body.product div.panelFull-content.article-page div.data-tableA02 table th, body.product div.panelFull-content.article-page div.data-tableA02 table td { padding: 0.35em 10px; border-top: 1px solid #e2dbbf; border-bottom: none; border-left: 1px solid #e2dbbf; text-align: center; } body.product div.panelFull-content.article-page div.data-tableA02 table th { font-weight: normal; } body.product div.panelFull-content.article-page div.data-tableA02 table td { text-align: center; } div.data-tableA03 table { width: auto; } body.gourmet div.data-tableA03 table thead th { padding-top: 0.5em; padding-right: 15px; padding-bottom: 0.3em; } body.gourmet div.data-tableA03 table tbody th, body.gourmet div.data-tableA03 table tbody td { padding-top: 0.55em; *padding-top: 0.5em; padding-right: 15px; padding-bottom: 0.3em; } body.gourmet div.data-tableA03 table tbody th { _padding-top: 0.6em; } body.gourmet div.data-tableA03 table tbody th img { vertical-align: middle; position: relative; top: -2px; *top: -1px; } div.data-tableA04 { padding-right: 10px; padding-left: 10px; padding-bottom: 0.88em; *padding-bottom: 0.85em; } div.event-section div.data-tableA04 { padding-right: 0; padding-left: 0; padding-bottom: 0; } div.data-tableA04 td ul.link-listB01 { padding-top: 0; } div.data-tableA04 td ul.link-listB01 li { margin-right: 10px; padding-right: 10px; border-right: 1px solid #e2dbbf; } div.data-tableA04 td ul.link-listB01 li.last-child { margin-right: 0; padding-right: 0; border-right: none; } div.data-tableA04 td ul.link-listB01 li a:link, div.data-tableA04 td ul.link-listB01 li a:visited { padding-left: 0; background-image: none; } div.data-tableA04 td ul.link-listB01 li a:focus { padding-left: 0; background-image: none; } div.data-tableA04 td ul.link-listB01 li a:link:hover, div.data-tableA04 td ul.link-listB01 li a:visited:hover, div.data-tableA04 td ul.link-listB01 li a:link:active, div.data-tableA04 td ul.link-listB01 li a:visited:active { padding-left: 0; background-image: none; } div.data-tableB01, div.data-tableB02, div.data-tableB03 { margin: 0; padding: 0.8em 0 0; } div.data-tableB01 table, div.data-tableB02 table, div.data-tableB03 table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } div.data-tableB01 table th, div.data-tableB01 table td, div.data-tableB02 table th, div.data-tableB02 table td, div.data-tableB03 table th, div.data-tableB03 table td { padding: 0.6em 0 0.5em; vertical-align: top; } div.data-tableB01 table th, div.data-tableB02 table th, div.data-tableB03 table th { padding-right: 10px; text-align: left; } div.data-tableB01 { padding-right: 10px; padding-left: 10px; } div.form-blockA01 div.data-tableB01 { padding-right: 10px; padding-left: 10px; } div.data-tableB02 table th { font-weight: normal; } div.data-tableB03 table { width: auto; } div.data-tableC01 { margin: 0; padding: 0; } div.data-tableC01 table { margin: 0; padding: 0; border-collapse: collapse; } div.data-tableC01 table th, div.data-tableC01 table td { padding: 0.35em 10px; border-top: 1px solid #e2dbbf; border-left: 1px solid #e2dbbf; } div.data-tableC01 table th { font-weight: normal; } div.data-tableC01 table td { text-align: center; } div.format-tableA01 { margin: 0; padding: 0.8em 0 0; } div.format-tableA01 table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } div.format-tableA01 table th, div.format-tableA01 table td { padding: 0.6em 0 0.5em; border-bottom: 1px solid #e2dbbf; vertical-align: top; } div.format-tableA01 table th { width: 19%; padding-right: 10px; text-align: left; font-weight: normal; } div.format-tableA01 table thead th { font-weight: bold; } div.format-tableA01 a:link, div.format-tableA01 a:visited { text-decoration: none; } div.format-tableA01 a:focus { text-decoration: none; } div.format-tableA01 a:link:hover, div.format-tableA01 a:visited:hover, div.format-tableA01 a:link:active, div.format-tableA01 a:visited:active { text-decoration: none; } div.format-tableA02 { margin: 0; padding: 0.8em 0 0; } div.format-tableA02 table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } div.format-tableA02 table th, div.format-tableA02 table td { padding: 0.25em 0; vertical-align: top; } div.format-tableA02 table th { padding-right: 10px; text-align: left; } div.format-tableA02 table thead th { font-weight: weight; } div.format-tableA02 table thead th.column2 { padding-left: 12px; font-weight: weight; } div.format-tableA02 table tbody th { font-weight: normal; } div.format-tableA02 table td { padding-left: 12px; background: url(../../img/shared/bg/bg-td01.gif) 0 0.65em no-repeat; *background-position: 0 0.9em; } div.layout-tableA01 { padding: 1.3em 0 0; *padding-top: 1.35em; } div.layout-tableA01 table { margin: 0; padding: 0; border-collapse: collapse; } div.layout-tableA01 table td { padding: 0; } div.layout-tableA01 table td div.figureA01.first-child { padding-right: 40px; } div.layout-tableA01 table td span { font-size: 83%; } div.layout-tableA01 div.figureA01 a:link, div.layout-tableA01 div.figureA01 a:visited { padding-left: 0; background: none; text-decoration: none; } div.layout-tableA01 div.figureA01 a:focus { padding-left: 0; background: none; text-decoration: none; } div.layout-tableA01 div.figureA01 a:link:hover, div.layout-tableA01 div.figureA01 a:visited:hover, div.layout-tableA01 div.figureA01 a:link:active, div.layout-tableA01 div.figureA01 a:visited:active { padding-left: 0; background: none; text-decoration: none; } div.layout-tableA01 div.figureA01 a img { display: inline; margin-top: 0.55em; *margin-top: 0.65em; } div.layout-tableA01 div.figureA01 a span { display: inline; padding: 0 0 0 5px; font-size: 100%; font-weight: normal; zoom: 1; } div.form-tableA01 td input { display: inline; } 



/* ============================== mod_form.css ============================== */

form { position: relative; margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: 0 none; } legend { display: none; } input, select { font-size: 100%; } input.text, input.password { display: block; width: 40%; padding: 3px 5px 2px; *padding: 4px 5px 0; background-color: #fafafa; border: 1px solid #e2dbbf; } input.prompt { background-color: #fafafa; border: 1px solid #e2dbbf; } input.text.bajl-input-prompt { padding: 3px 5px 2px; *padding: 4px 5px 0; background-color: #fafafa; border: 1px solid #e2dbbf; } input.text.bajl-input-prompt-focus, input.text.bajl-input-prompt-changed { background-color: #ffffff; color: #000000; } label.prompt-label { margin: 1px 2px; position: absolute; color: #cccccc; cursor: text; } input.radio { margin: 0 0.25em 0 0; *margin-right: 0; padding: 0; vertical-align: -0.167em; _vertical-align: 0; } input.checkbox { margin: 0 6px 0 0; *margin-right: 3px; padding: 0; vertical-align: -0.167em; _vertical-align: 0; } form table td.note * { display: inline; margin: 0; padding: 0; } form table td.note ul { list-style-type: none; margin-left: 9px; } form table td label.condition01 { padding-left: 16px; *padding-left: 12px; *position: relative; _position: static; *top: -0.2em; } body.wine form div.data-tableA01 #taste-red, body.wine form div.data-tableA01 #taste-other { display: none; } div.option-listA01 { margin: 0; padding: 0; } div.option-listA01 ul { margin: 0; padding: 0; list-style-type: none; } div.option-listA01 ul li { float: left; *margin-left: -4px; _margin-left: -2px; padding: 0 20px 0 0; white-space: nowrap; } div.option-listA01 ul li.pseudo-disabled { color: #cccccc; } div.button-listA01, div.button-listB01 { margin: 0; padding: 0.8em 0 0; } div.button-listA01 ul, div.button-listB01 ul { margin: 0; padding: 0; list-style-type: none; } div.button-listA01 ul li, div.button-listB01 ul li { height: 25px !important; margin: 0; padding: 0; } div.button-listB01 { text-align: center; } div.form-blockA01 { zoom: 1; } div.form-blockA01:before, div.form-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.form-blockA01 form div.data-tableB01 { padding-top: 0; } div.form-blockA01 form ul.unordered-listA01 { float: left; padding-top: 0; list-style-type: none; } div.form-blockA01 form ul.unordered-listA01 li { float: left; padding-top: 0; padding-right: 20px; } div.form-blockA01 form ul.unordered-listA01 label { font-weight: bold; *position: relative; *top: -2px; } div.form-blockA01 form ul.unordered-listA01 select { width: 141px; } div.form-blockA01 form div.button-listA01 { float: left; padding-top: 0; padding-left: 0; position: relative; top: -0.28em; *top: -0.15em; } div.form-blockA01 form ul.link-listA01 { float: left; padding-top: 0.05em; *padding-top: 0.1em; } div.form-blockA01 form ul.link-listA01 li { padding-top: 0; } div.form-blockA02 { margin: 0; padding: 0.8em 0 0.3em; zoom: 1; } div.form-blockA02:before, div.form-blockA02:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.form-blockA02 input.text { float: left; margin: 0 6px 0 0; _margin-right: 3px; } div.form-blockA02 input.buttonA01 { margin-top: -2px; } form.validation input.bajl-input-prompt { color: #ccc; } form.validation input.bajl-input-prompt-focus, form.validation input.bajl-input-prompt-changed { color: black; } body form.validation input.pseudo-error, body form.validation textarea.pseudo-error { background-color: #fff2f2; outline: 1px dotted #cc3300; } form.validation ins.validation-field { margin: 0; padding: 0; display: inline; position: relative; text-decoration: none; zoom: 1; } form.validation ins.error-message { position: absolute; left: 65%; bottom: 100%; background: url(../../img/shared/bg/bg_error_01.png) 0 0 no-repeat; _background-image: url(../../img/shared/bg/bg_error_01.gif); text-decoration: none; white-space: nowrap; font-size: 10px; cursor: default; } form.validation td.textarea ins.validation-field, form.validation td.textarea textarea { display: inline-block; } form.validation td.textarea ins.error-message { top: -31px; *top: -37px; } form.validation ins.error-message span { display: block; zoom: 1; background: url(../../img/shared/bg/bg_error_02.png) 100% 0 no-repeat; _background-image: url(../../img/shared/bg/bg_error_02.gif); } form.validation ins.error-message span span { background: url(../../img/shared/bg/bg_error_03.png) 0 100% no-repeat; _background-image: url(../../img/shared/bg/bg_error_03.gif); } form.validation ins.error-message span span span { padding: 0 4px 10px; background: url(../../img/shared/bg/bg_error_04.png) 100% 100% no-repeat; _background-image: url(../../img/shared/bg/bg_error_04.gif); } form.validation ins.error-message span span span span { padding: 4px 0; background: #c00; } form.validation ins.error-message span span span span span { margin: 0 -4px; padding: 2px 10px 2px 6px; *padding-top: 1px; *padding-bottom: 3px; background: #c00; color: #fff; position: relative; } form.validation dl.form-tableA01 ins.error-message { left: 0; } 



/* ============================== mod_tab.css ============================== */

div.tabView-tabsA01 { height: 30px; margin: 10px 0 0; padding: 10px 10px 0; background: #e2dbbf url(../../img/shared/bg/bg_tab_01.gif) 0 0 no-repeat; zoom: 1; } div.tabView-tabsA01:before, div.tabView-tabsA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.tabView-tabsA01 ul { float: left; margin: 0; padding: 0; list-style-type: none; } div.tabView-tabsA01 ul li { float: left; margin: 0; padding: 0 5px 0 0; } div.tabView-tabsA01 ul.sub-category { padding-left: 10px; } div.tabView-tabsA01 ul.extra-category { float: right; } div.tabView-tabsA01 ul.extra-category li { padding-right: 0; } div.tabView-tabsB01 { height: 30px; padding: 10px 10px 0; background: #e2dbbf url(../../img/shared/bg/bg_tab_04.gif) 0 0 no-repeat; zoom: 1; } div.tabView-tabsB01:before, div.tabView-tabsB01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.tabView-tabsB01 ul { float: right; margin: 0; padding: 0; list-style-type: none; } div.tabView-tabsB01 ul li { float: left; margin: 0; padding: 0 0 0 5px; font-size: 0; line-height: 0; vertical-align: bottom; } div.tabView-tabsB01 ul li.first-child { padding-left: 0; } div.tabView-tabsB02 { width: 690px; height: 30px; _margin-right: -20px; padding: 10px 10px 0; background: #e2dbbf url(../../img/shared/bg/bg_tab_04.gif) 0 0 no-repeat; position: relative; zoom: 1; } div.tabView-tabsB02:before, div.tabView-tabsB02:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.tabView-tabsB02 ul { float: left; margin: 0; padding: 0; list-style-type: none; } div.tabView-tabsB02 ul li { float: left; margin: 0; padding: 0 0 0 5px; font-size: 0; line-height: 0; vertical-align: bottom; } div.tabView-tabsB02 ul li.first-child { padding-left: 0; } div.tabView-tabsB02 ul li.extra { position: absolute; right: 10px; top: 8px; } div.tabView-tabsC01 { width: 434px; height: 31px; padding: 9px 13px 0; background: #dddddd url(../../img/shared/bg/bg_tab_02.gif) 0 0 no-repeat; zoom: 1; } div.tabView-tabsC01:before, div.tabView-tabsC01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.tabView-tabsC01 ul.link-listA01 { float: left; padding-top: 0; zoom: 1; } div.tabView-tabsC01 ul.link-listA01:before, div.tabView-tabsC01 ul.link-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.tabView-tabsC01 ul.link-listA01 li { float: left; padding: 0 0 0 2px; font-size: 0; line-height: 0; vertical-align: bottom; } div.tabView-tabsC01 ul.link-listA01 li.first-child { padding-left: 0; } div.tabView-tabsC01 ul.link-listA01 li a { padding-left: 0; background: none; } div.tabView-tabsD01 { width: 664px; height: 31px; padding: 9px 13px 0; background: #dddddd url(../../img/shared/bg/bg_tab_05.gif) 0 0 no-repeat; zoom: 1; } div.tabView-tabsD01:before, div.tabView-tabsD01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.tabView-tabsD01 ul.link-listA01 { float: left; padding-top: 0; zoom: 1; } div.tabView-tabsD01 ul.link-listA01:before, div.tabView-tabsD01 ul.link-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.tabView-tabsD01 ul.link-listA01 li { float: left; padding: 0 0 0 2px; font-size: 0; line-height: 0; vertical-align: bottom; } div.tabView-tabsD01 ul.link-listA01 li.first-child { padding-left: 0; } div.tabView-tabsD01 ul.link-listA01 li a { padding-left: 0; background: none; } 



/* ============================== mod_column.css ============================== */

.column-group { margin: 0 -10px 0 0; *margin-right: -30px; padding: 0; _position: relative; zoom: 1; } .column-group:before, .column-group:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .column-group a:link, .column-group a:visited { text-decoration: none; } .column-group a:focus { text-decoration: none; } .column-group a:link:hover, .column-group a:visited:hover, .column-group a:link:active, .column-group a:visited:active { text-decoration: none; } .column-group-wide { margin: 0 0 0 -10px; _margin: 0 0 0 -30px; } .panelL .column-group.column-group-wide h2.headingA01, .panelL .column-group.column-group-wide h2.headingA02 { padding-top: 2.2em; } .panelL .column-group.column-group-wide .saparate3column { float: left; width: 210px !important; margin: 0 0 0 20px !important; } .panelL .column-group.column-group-wide .saparate3column .panel-asideA01 { width: 210px; margin-bottom: 0; background: none; } .panelL .column-group.column-group-wide .saparate3column .panel-asideA01 .panel-asideA01-content { padding: 0; background: none; } .panelL .column-group.column-group-wide .saparate3column .panel-asideA01 .figure-blockA01 .figureA03 { padding-top: 0.8em; } .column-group.column2right { padding-left: 340px; } .panelFull .column-group .saparate4column { float: left; width: 225px; margin: 10px 10px 0 0; _margin-right: 0; padding: 0; } .panelFull .column-group .saparate5column { float: left; width: 178px; margin: 10px 10px 0 0; padding: 0; } .panelFull .power-brandA01 { margin: 0 -10px 0 0; padding: 0; position: relative; overflow: hidden; zoom: 1; } .panelFull .power-brandA01 .column-group { float: left; margin-right: 0; position: relative; left: 50%; } .panelFull .power-brandA01 .column-group .saparate3column { float: left; width: 304px; margin: 10px 9px 0 0; position: relative; left: -50%; } .panelFull .power-brandA01 .column-group .saparate4column { float: left; width: 225px; margin: 10px 10px 0 0; position: relative; left: -50%; } body.product .panelL .column-group, body.wine .panelL .column-group, body.cm .panelL .column-group { _margin-right: -40px; } .panelL .column-group .saparate2column { float: left; width: 320px; margin: 0 20px 0 0; padding: 0; position: relative; } .panelL .column-group .saparate2column.typeB { margin-top: 0.8em; } .panelL .column-group .saparate2column.typeC { width: 320px; margin-right: 10px; margin-top: 0.8em; } .panelL .column-group .saparate2column.typeD { width: 340px; margin-right: 0; margin-top: 0.8em; } .panelL .column-group .saparate2column.typeE { padding-left: 85px; } .panelL .column-group .saparate2column.typeE .headingA01 { padding-top: 0; } .panelL .column-group .saparate3column { float: left; width: 223px; margin: 0.8em 20px 0 -10px; _position: relative; } .panelL .column-group .saparate3column.last-child { margin-right: -10px; } .panelL .article .column-group .saparate3column { width: 178px; margin: 0.8em 10px 0 0; } .panelL .column-group .saparate3columnB01 { float: left; width: 210px; _height: 1px; margin: 0; padding: 0 20px 0.8em 0; } .panelL .column-group .saparate3columnB01.first-child { clear: both; } .panelL .column-group .saparate3columnB01.last-child { margin-right: -10px; } .column-group .saparate3column-alcohol .alcohol-blockA01 { float: left; width: 214px; margin: 0.8em 0 0; padding: 0; _display: inline; } .column-group .saparate3column-alcohol .alcohol-blockA01.stay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=35)"; filter: Alpha(opacity=35); opacity: 0.35; zoom: 1; } .panelFull .column-group .saparate3column-alcohol .alcohol-blockA01 { margin-left: 18px; } .panelFull .column-group .saparate3column-alcohol .alcohol-blockA01.first-child { margin-left: 0; } .panelL .column-group .saparate3column-alcohol .alcohol-blockA01 { margin-left: 14px; } .panelL .column-group .saparate3column-alcohol .alcohol-blockA01.first-child { margin-left: 0; } .panelL .column-group .saparate4column { float: left; width: 160px; margin: 0 10px 0 0; } .panelL .area-search-blockB02 .column-group .saparate3column-alcohol .alcohol-blockA01 { float: left; width: 214px; margin: 0.8em 0 0 9px; _display: inline; } .panelL .area-search-blockB02 .column-group .saparate3column-alcohol .alcohol-blockA01.first-child { margin-left: 0; } .panelL .column-group div.saparate2column-feature { float: left; width: 330px; margin: 0; padding: 1.25em 10px 0; } .panelL .column-group div.saparate2column-text { float: left; width: 330px; margin: 0; padding: 1em 0 0; } .panelL .column-group div.saparate2column-text h2.headingA02.first-child { padding-top: 0; font-size: 100%; } .panelL .article .column-group .columnL1width { float: left; width: 208px; margin: 0 20px 0 0; } .panelL .article .column-group .columnR2width { float: left; width: 357px; } 



/* ============================== mod_item-panel.css ============================== */

.product-blockA01 { width: 304px; margin: 0; padding: 0; } .product-blockB01 { width: 225px; margin: 0; padding: 0; } .product-blockA01 h3.product-name, .product-blockB01 h3.product-name { margin: 0; padding: 0 0 0.5em; font-weight: normal; font-size: 100%; } .product-blockA01 h3.product-name span, .product-blockB01 h3.product-name span { display: block; padding: 0.5em 10px 0; _padding-bottom: 0.5em; text-align: center; } .product-blockA01 h3.product-name { background: url(../../product/img/shared/bg_column03_02.gif) 0 100% no-repeat; } .product-blockA01 h3.product-name span { background: url(../../product/img/shared/bg_column03_01.gif) 0 0 no-repeat; } .product-blockB01 h3.product-name { background: url(../../product/img/shared/bg_column04_02.gif) 0 100% no-repeat; } .product-blockB01 h3.product-name span { background: url(../../product/img/shared/bg_column04_01.gif) 0 0 no-repeat; } .product-blockC01 { width: 178px; margin: 0; padding: 0; } .product-blockC01 h3.product-name { margin: 0; padding: 0; font-size: 0; line-height: 0; vertical-align: bottom; } .product-blockC01 div.textA01 p { padding-top: 0; text-align: center; background: url(../../product/img/shared/bg_column05_01.gif) 0 0 no-repeat; zoom: 1; } .product-blockC01 div.textA01 p a { display: block; padding: 0.5em 10px; background: url(../../product/img/shared/bg_column05_02.gif) 0 100% no-repeat; } .product-blockD01 { width: 178px; margin: 0; padding: 4px 0 0; background: url(../../product/img/shared/bg_column05_04.gif) 0 0 no-repeat; } .product-blockD01 .product-blockD01-head { margin: 0; padding: 0; border-bottom: 1px solid #e8e2cd; background: url(../../product/img/shared/bg_column05_03.gif) 0 0 repeat-y; } .product-blockD01 .product-blockD01-head h3.column-title { margin: 0; padding: 0; font-size: 100%; } .product-blockD01 .product-blockD01-head h3.column-title a { display: block; padding: 1em 10px; } .product-blockD01 .product-blockD01-content { margin: 0; padding: 0; background: url(../../product/img/shared/bg_column05_03.gif) 0 0 repeat-y; } .product-blockD01 p.textA01.label01 { margin: 0 1px; padding: 0.5em 6px 0 0; *padding-top: 0.4em; font-size: 83%; text-align: right; color: #b39500; background-color: #fefefe; } .product-blockD01 div.figureA01 { margin: 0.8em 1px 0; background-color: #f7f7f0; } .product-blockD01 div.figureA01 h3.product-name { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } .product-blockD01 div.figureA01 a { display: block; height: 300px; background: url(../../product/wine/img/shared/bg_item_01.jpg) 0 0 no-repeat; } body.recipe .product-blockD01 div.figureA01 a { height: auto; } body.bajl-enabled .product-blockD01 div.figureA01 a { height: auto; } .product-blockD01 div.figureA01 a span { display: block; padding: 9px 10px 0; text-align: center; font-weight: normal; cursor: pointer; } body.recipe div.recipe-latest-mariage02 .product-blockD01 div.figureA01 a span { padding-bottom: 0.45em; } .product-blockD01 p.textA01.labe02 { margin: 0.25em 10px 0; padding-bottom: 0.45em; *padding-bottom: 0.5em; color: #b39500; text-align: center; } .product-blockD01 ul.unordered-listA01 { margin-left: 0; } .product-blockD01 ul.unordered-listA01 li { text-align: center; } .product-blockD01 div.textA01.description { background: url(../../product/img/shared/bg_column05_05.gif) 0 0 no-repeat; zoom: 1; } .product-blockD01 div.textA01.description p { margin-top: 0; padding: 0.8em 10px; background: url(../../product/img/shared/bg_column05_06.gif) 0 100% no-repeat; } .product-blockD01 div.textA01.description p { height: 100px; } body.bajl-enabled .product-blockD01 div.textA01.description p { height: auto; } .alcohol-blockA01 { width: 214px; margin: 0; padding: 0; } .alcohol-blockA01 h3.alcohol-name { margin: 0; padding: 0; font-size: 0; line-height: 0; vertical-align: bottom; } .alcohol-blockA01 div.textA01 { height: 60px; padding-top: 0; background: url(../../gourmet/img/shared/bg_column03_01.gif) 0 100% no-repeat; zoom: 1; } body.bajl-enabled .alcohol-blockA01 div.textA01 { height: auto; } .alcohol-blockA01 div.textA01 p { display: block; padding: 6px 10px !important; background: url(../../gourmet/img/shared/bg_column03_02.gif) 0 0 no-repeat; } .alcohol-blockA01 div.textA01 p strong { font-weight: normal; } .cm-blockA01 { width: 225px; padding: 4px 0 0; background: url(../../img/shared/bg/bg_frame_07.gif) 0 0 no-repeat; } .cm-blockA01 .cm-blockA01-content { min-height: 242px; _height: 242px; padding: 0 8px 0 9px; background: url(../../img/shared/bg/bg_frame_08.gif) 0 100% no-repeat; } .cm-blockA01 .cm-blockA01-content .QRcode-blockA01 { text-align: center; } .cm-blockA01 .cm-blockA01-content .QRcode-blockA01 h2 { padding-top: 44px; *padding-top: 43px; } 



/* ============================== mod_frame.css ============================== */

.panelFull div.frameA01 { margin: 10px 0 0; padding: 7px 0 0; background: url(../../img/shared/bg/bg_frame_01.gif) 0 0 no-repeat; zoom: 1; } .panelFull div.frameA01-content { margin: 0; padding: 0 10px 6px; background: url(../../img/shared/bg/bg_frame_02.gif) 0 100% no-repeat; } .panelFull div.frameA01 ul:first-child, .panelFull div.frameA01 dl:first-child, .panelFull div.frameA01 p:first-child { padding-top: 0; } .panelL div.frameA01 { margin: 10px -10px 0; padding: 10px 0 0; background: url(../../img/shared/bg/bg_layout-block_05.gif) 0 0 no-repeat; zoom: 1; } .panelL div.frameA01-content { padding: 0 10px 5px; background: url(../../img/shared/bg/bg_layout-block_06.gif) 0 100% no-repeat; } .panelL div.frameA01 ul.link-listB01 { padding-top: 0.25em; } .panelL-content-inner div.frameA01 { margin: 10px 0 0; padding: 10px 0 0; background: url(../../img/shared/bg/bg_layout-block_05.gif) 0 0 no-repeat; } .panelL-content-inner div.frameA01-content { padding: 0 10px 10px; background: url(../../img/shared/bg/bg_layout-block_06.gif) 0 100% no-repeat; } .panelL div.frameA01 h2.headingA02.first-child { padding-top: 0.85em; } .panelL .article div.frameA01{ margin: 10px -10px 0; padding: 7px 0 0; background: url(../../img/shared/bg/bg_layout-block_03.gif) 0 0 no-repeat; _position: relative; } .panelL .article div.frameA01-content { padding: 0 10px 5px; background: url(../../img/shared/bg/bg_layout-block_04.gif) 0 100% no-repeat; _position: relative; _top: -3px; } .panelL div.frameA01 h2.headingA01.first-child, .panelL div.frameA01 h2.headingA02.first-child, .panelL div.frameA01 h3.headingA01.first-child, .panelL div.frameA01 h3.headingA02.first-child { padding-top: 0.6em; } .panelL div.frameA01 ul:first-child, .panelL div.frameA01 dl:first-child, .panelL div.frameA01 p:first-child { padding-top: 0; } .panelL div.frameA01 ul.link-listA01, .panelL div.frameA01 ul.link-listA01 li, .panelL div.frameA01 p { _padding-top: 0; } .panelL div.frameA01 ul.link-listB01 li a.with-icon { _position: relative; _top: 3px; } div.frameA02 { width: 350px; margin: 1.6em -10px 0; padding: 10px 0 0; background: url(../../img/shared/bg/bg_layout-block_13.gif) 0 0 no-repeat; _position: relative; zoom: 1; } div.frameA02-content { margin: 0; padding: 0 10px 4px; *padding-bottom: 5px; background: url(../../img/shared/bg/bg_layout-block_14.gif) 0 100% no-repeat; _position: relative; _top: -3px; } div.frameA02 h2.headingA02.first-child { padding-top: 0.6em; } div.frameA02 ul.link-listB01 { padding-top: 0; } div.frameA03 { width: 210px; margin: 0.6em 0 0; padding: 2px 0 0; background: url(../../img/shared/bg/bg_layout-block_15.gif) 0 0 no-repeat; } div.panel2columnB01-head div.frameA03 { } div.frameA03-content { margin: 0; padding: 0 10px 2px 1px; background: url(../../img/shared/bg/bg_layout-block_16.gif) 0 100% no-repeat; zoom: 1; } div.frameA03-content:before, div.frameA03-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.frameA03 div.qr-codeA01 { float: left; margin: 0; padding: 0; border: 0 none; } div.frameA03 div.textA01 p { margin-left: 98px; padding-top: 6px; font-weight: bold; } div.frameA03 ul.link-listA01 { margin-left: 98px; padding-top: 0; font-size: 83.3%; } div.frameA03 ul.link-listA01 li { padding-left: 10px; *padding-left: 0; text-indent: -10px; *text-indent: 0; } div.frameA04 { width: 660px; margin: 0.6em 0 0; padding: 10px 0 0; background: url(../../img/shared/bg/bg_layout-block_17.gif) 0 0 no-repeat; } div.frameA04-content { margin: 0; padding: 0 10px 10px; background: url(../../img/shared/bg/bg_layout-block_18.gif) 0 100% no-repeat; zoom: 1; } div.frameA04-content:before, div.frameA04-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.frameB01 { width: 602px; margin: 2.2em -10px 0; padding: 10px 0 0; background: url(../../img/shared/bg/bg_frame_09.gif) 0 0 no-repeat; _position: relative; } div.frameB01 div.frameB01-content { margin: 0; padding: 0 10px 6px; background: url(../../img/shared/bg/bg_frame_10.gif) 0 100% no-repeat; _position: relative; _top: -3px; } .panelL div.frameB01 h3.headingA01:first-child, .panelL div.frameB01 h3.headingA02:first-child { padding-top: 0.6em; color: #4d3b17; } div.frameB02 { margin: 0; padding: 10px 0 0; background: url(../../img/shared/bg/bg_column_03_03.gif) 0 0 no-repeat; } div.frameB02-content { height: 450px; margin: 0; padding: 0 10px 3px; background: url(../../img/shared/bg/bg_column_03_04.gif) 0 100% no-repeat; } body.bajl-enabled div.frameB02-content { height: auto; } div.frameB02-content dl.contact-listA01 { margin: 0; padding: 1.2em 0 1em; *padding-bottom: 0.9em; } div.frameB02-content dl.contact-listA01 dt { margin: 0; padding: 0.25em 0 0; font-weight: bold; } div.frameB02-content dl.contact-listA01 dd { margin: -0.7em 0 -0.65em; padding: 0.5em 0 0; font-size: 150%; font-weight: bold; } div.frameB02-content div.figureA03 { margin-left: -2px; } div.frameB02 h3.headingA02.first-child { padding-top: 0.85em; } div.frameB02 ul.link-listA01 { padding-top: 0.3em; } div.frameB02 ul.link-listA01 li a { *background-position: 0 0.45em; zoom: 1; } 



/* ============================== mod_index-block.css ============================== */

.panelL div.index-blockA01 { margin: 10px -10px 0; padding: 10px 10px 0; background: url(../../img/shared/bg/bg_layout-block_05.gif) 0 0 no-repeat; position: relative; zoom: 1; } .panelL div.index-blockA01-content { clear: both; min-height: 137px; *min-height: 138px; _height: 138px; margin: 0 -10px; padding: 0 10px 0.6em; background: url(../../img/shared/bg/bg_layout-block_06.gif) 0 100% no-repeat; zoom: 1; } .panelL div.index-blockA01.first-child { margin-top: 17px; } .panelL div.index-blockA01.complete, .panelL div.index-blockA01.finish { background: url(../../img/shared/bg/bg_layout-block_07.gif) 0 0 no-repeat; } .panelL div.index-blockA01.complete div.index-blockA01-content, .panelL div.index-blockA01.finish div.index-blockA01-content { background: url(../../img/shared/bg/bg_layout-block_08.gif) 0 100% no-repeat; } .panelL div.index-blockA01 dl.definition-listA01 { padding: 0 0 3.6em 289px; *padding-bottom: 3.7em; } .panelL div.index-blockA01 dl.definition-listA01 dt { padding-top: 0.2em; *padding-top: 0; line-height: 1.15; } .panelL div.index-blockA01 dl.definition-listA01 dt a { text-decoration: none; } .panelL div.index-blockA01 dl.definition-listA01 dt img { position: absolute; left: 10px; top: 10px; } .panelL div.index-blockA01 dl.definition-listA01 dd { padding-top: 0; } .panelL div.index-blockA01 dl.definition-listA01 dd.sub-title { padding-top: 0.15em; color: #cc3300; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail dt.icon { position: absolute; left: 220px; top: 0; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail dd.table { margin-left: -69px; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail div.data-tableB02 { padding: 0.5em 0 0; *padding-top: 0.35em; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail table th, .panelL div.index-blockA01 dl.definition-listA01 dd.detail table td { padding-top: 0; padding-bottom: 0; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail table th { width: 16%; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail table td { width: 84%; padding-left: 9px; background: url(../../img/shared/bg/bg-td01.gif) 0 0.4em no-repeat; *background-position: 1px 0.4em; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail ul.link-listA01 { clear: both; padding-top: 0; zoom: 1; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail ul.link-listA01:before, .panelL div.index-blockA01 dl.definition-listA01 dd.detail ul.link-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelL div.index-blockA01 dl.definition-listA01 dd.detail ul.link-listA01 li { float: left; padding-top: 0; padding-right: 10px; } .panelL div.index-blockA01 dl.definition-listA01 dd.btn ul.link-listA01 { position: absolute; right: 8px; bottom: 6px; } .panelL div.index-blockA01 dl.definition-listA01 dd.btn ul.link-listA01 li a { padding-left: 0; background-image: none; } 



/* ============================== mod_layout-block.css ============================== */

.product-detailA01 div.headingA01 { padding-top: 6.4em; *padding-top: 5.95em; } .product-detailA01 div.headingA01-cm { padding-top: 0; } .product-detailA01 div.headingA01 h1 { padding-top: 1.1em; *padding-top: 0.95em; } .product-detailA02 div.headingA01 { padding-top: 6.4em; *padding-top: 5.95em; } .product-detailA02 div.headingA01 h1 { line-height: 1.2; } .product-detailA02 div.headingA01 h1 span.supertitle { padding-bottom: 1em; } .product-detailA02 ul.link-listA01.btn { margin-left: -2px; padding-top: 1.3em; } .product-detailA02 ul.link-listA01.btn li { padding-top: 0; } .product-detailA02 ul.link-listA01.btn li a { padding-left: 0; background: none; } div.related-blockB01 { margin: 0.8em 0 0; padding: 0; } div.related-blockB01 dl.definition-listA01 { padding-top: 0; } div.related-blockB01 dl.definition-listA01 dt, div.related-blockB01 dl.definition-listA01 dd { padding-top: 0; } div.related-blockB01 dl.definition-listA01 dt span { display: inline-block; padding-top: 0.6em; cursor: pointer; zoom: 1; } div.related-blockB01 a:link, div.related-blockB01 a:visited { text-decoration: none; } div.related-blockB01 dt a:focus { text-decoration: none; } div.related-blockB01 a:link:hover, div.related-blockB01 a:visited:hover, div.related-blockB01 a:link:active, div.related-blockB01 a:visited:active { text-decoration: none; } div.related-blockB01 ul.link-listA01 { padding-top: 0; } div.related-blockB01 ul.link-listA01 li { padding-top: 0.25em; } div.news-titleA01 { clear: both; zoom: 1; } div.news-titleA01:before, div.news-titleA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.news-titleA01 div.headingA01 { float: left; } div.news-titleA01 ul.link-listA01 { float: right; padding-top: 1.65em; *padding-top: 1.75em; } div.news-titleA01 ul.link-listA01 li { float: left; padding-top: 0; padding-left: 20px; } div.news-titleA01 ul.link-listA01 li a { _position: relative; _top: -2.8px; } div.news-titleA01 ul.link-listA01 li a.with-icon { _position: static; _top: 0; } ul.link-listA01 li a.with-icon:link, ul.link-listA01 li a.with-icon:visited, ul.link-listB01 li a.with-icon:link, ul.link-listB01 li a.with-icon:visited { padding-left: 0; background: none; } ul.link-listA01 li a.with-icon:focus, ul.link-listB01 li a.with-icon:focus { padding-left: 0; background: none; } ul.link-listA01 li a.with-icon:link:hover, ul.link-listA01 li a.with-icon:visited:hover, ul.link-listA01 li a.with-icon:link:active, ul.link-listA01 li a.with-icon:visited:active, ul.link-listB01 li a.with-icon:link:hover, ul.link-listB01 li a.with-icon:visited:hover, ul.link-listB01 li a.with-icon:link:active, ul.link-listB01 li a.with-icon:visited:active { padding-left: 0; background: none; } div.layout-blockA01 { margin: 0; padding: 0; zoom: 1; } div.layout-blockA01:before, div.layout-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.layout-blockA01 div.figureA01 { float: left; _width: 200px; margin: 0; padding-top: 1.3em; *padding-top: 1.35em; } div.layout-blockA01 div.figureA01.first-child { padding-right: 20px; } div.layout-blockA01 div.figureA01 span.caption { display: block; padding: 0.8em 0 0.6em; *padding: 0.6em 0 0.8em; font-size: 83%; } div.layout-blockA01 div.figureA01 ul.link-listA01 { padding-top: 0; zoom: 1; } div.layout-blockA01 div.figureA01 ul.link-listA01:before, div.layout-blockA01 div.figureA01 ul.link-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.layout-blockA01 div.figureA01 ul.link-listA01 li { float: left; padding-top: 0; } div.layout-blockA01 div.figureA01 ul.link-listA01 li.first-child { padding-right: 19px; } div.layout-blockA01 div.figureA01 a:link, div.layout-blockA01 div.figureA01 a:visited { padding-left: 0; background: none; text-decoration: none; cursor: pointer; } div.layout-blockA01 div.figureA01 a:focus { text-decoration: none; } div.layout-blockA01 div.figureA01 a:link:hover, div.layout-blockA01 div.figureA01 a:visited:hover, div.layout-blockA01 div.figureA01 a:link:active, div.layout-blockA01 div.figureA01 a:visited:active { text-decoration: none; } div.layout-blockA01 div.figureA01 a img, div.layout-blockA01 div.figureA01 a span { display: inline-block; } div.layout-blockA01 div.figureA01 a span { padding-top: 0; padding-left: 5px; font-weight: normal; *position: relative; *top: 1px; } div.area-head { width: 950px; margin: 0.8em 0 0; background: #ffffff url(../../img/shared/bg/bg_main_02.gif) 0 0 no-repeat; } div.area-head-content { height: 60px; padding-left: 10px; background: url(../../img/shared/bg/bg_main-inner_02.gif) 0 100% no-repeat; zoom: 1; } div.area-head-content:before, div.area-head-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.area-head div.headingA01 { float: left; padding-top: 0; font-size: 0; line-height: 0; vertical-align: bottom; } div.area-head div.headingA01 h1 { float: left; height: 60px; } div.area-head div.headingA01 ul.unordered-listA01 { float: left; height: 60px; padding-top: 0; padding-left: 8px; list-style-type: none; } div.area-head div.headingA01 ul.unordered-listA01 li { padding-top: 0; } div.area-head ul.link-listA01 { float: right; height: 60px; padding-top: 0; } div.area-head ul.link-listA01 li { float: left; padding-top: 0; font-size: 0; line-height: 0; vertical-align: bottom; } div.area-head ul.link-listA01 li.returnA01 { padding-left: 11px; background: #ffffff url(../../gourmet/area/img/index/bg_area-head_01.gif) 0 0 no-repeat; } div.area-head ul.link-listA01 li.returnA02 { padding-left: 1px; background: #ffffff url(../../gourmet/area/img/index/bg_area-head_02.gif) 0 0 no-repeat; } div.area-head ul.link-listA01 li.returnA01 a:link, div.area-head ul.link-listA01 li.returnA01 a:visited, div.area-head ul.link-listA01 li.returnA02 a:link, div.area-head ul.link-listA01 li.returnA02 a:visited { padding-left: 0; background: none; } div.area-head ul.link-listA01 li.returnA01 a:focus, div.area-head ul.link-listA01 li.returnA02 a:focus { padding-left: 0; background: none; } div.area-head ul.link-listA01 li.returnA01 a:link:hover, div.area-head ul.link-listA01 li.returnA01 a:visited:hover, div.area-head ul.link-listA01 li.returnA01 a:link:active, div.area-head ul.link-listA01 li.returnA01 a:visited:active, div.area-head ul.link-listA01 li.returnA02 a:link:hover, div.area-head ul.link-listA01 li.returnA02 a:visited:hover, div.area-head ul.link-listA01 li.returnA02 a:link:active, div.area-head ul.link-listA01 li.returnA02 a:visited:active { padding-left: 0; background: none; } .panelL div#gourmet-area-search { background: url(../../gourmet/img/shared/bg_area-list_01.gif) left bottom no-repeat; } .panelL div#gourmet-map-search { background: url(../../gourmet/img/shared/bg_area-list_02.gif) left bottom no-repeat; } .panelL div.area-search-blockA01 { margin: 10px 0 0; padding: 0; zoom: 1; } .panelL div.area-search-blockA01:before, .panelL div.area-search-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelL div.area-search-blockA01-left { float: left; margin: 0; padding: 0; background: #dddddd; } .panelL div.area-search-blockA01-left div.tabView { width: 460px; } .panelL div.area-search-blockA01-left div.tabView-tabs { position: relative; z-index: 2; display: block !important; } .panelL div.area-search-blockA01-left div.tabView-tabs li { display: none; } body.bajl-enabled .panelL div.area-search-blockA01-left div.tabView-tabs li { display: block; } .panelL div.area-search-blockA01-left div.tabView-tabs li.first-child { display: block; cursor: default; } .panelL div.area-search-blockA01-left div.tabView-tabs li.first-child a { cursor: default; } body.bajl-enabled .panelL div.area-search-blockA01-left div.tabView-tabs li.first-child a { cursor: pointer; } body.bajl-enabled .panelL div.area-search-blockA01-left div.tabView-tabs li.tabView-tab-selected a { cursor: default; } .panelL div.area-search-blockA01-right { float: right; margin: 0; padding: 0 10px 0 0; } .panelL div.area-search-blockA01 div.area-list { width: 430px; height: 265px; margin: 0; padding: 10px 15px 0; zoom: 1; } .panelL div.area-search-blockA01 div.area-list:before, .panelL div.area-search-blockA01 div.area-list:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.area-list ul.link-listA01.parent, div.area-list ul.link-listA01.child { height: 248px; padding-top: 0; border: 1px solid #e2dbbf; overflow: auto; overflow-x: hidden; overflow-y: scroll; background: white; } div.area-list ul.link-listA01.parent { float: left; width: 198px; display: none; } body.bajl-enabled div.area-list ul.link-listA01.parent { display: block; } div.area-list ul.link-listA01.parent li { padding-top: 0; } div.area-list ul.link-listA01.parent li a { display: block; padding: 0.2em 9px 0; background-image: none; cursor: pointer !important; zoom: 1; } div.area-list ul.link-listA01.parent li a:link, div.area-list ul.link-listA01.parent li a:visited, div.area-list ul.link-listA01.parent li a:hover, div.area-list ul.link-listA01.parent li a:focus, div.area-list ul.link-listA01.parent li a:active { color: #4d3b17; text-decoration: none !important; _background-image: none; } div.area-list ul.link-listA01.parent li a:hover, div.area-list ul.link-listA01.parent li a:active { background-color: #f0ebdf; } div.area-list ul.link-listA01.parent li a.area-list-selected { background-color: #f0ebdf; } div.area-list ul.link-listA01.child { width: 428px; float: right; } body.bajl-enabled div.area-list ul.link-listA01.child { width: 198px; } div.area-list ul.link-listA01.child li { font-weight: bold; margin-left: 5px; padding-top: 0.2em; padding-right: 9px; } body.bajl-enabled div.area-list ul.link-listA01.child li { font-weight: normal; } div.area-list ul.link-listA01.child li ul { margin-bottom: 0.5em; padding-top: 0; border: none; } body.bajl-enabled div.area-list ul.link-listA01.child li ul { margin-bottom: 0; } div.area-list ul.link-listA01.child li ul li { font-weight: normal; margin-left: 1em; } body.bajl-enabled div.area-list ul.link-listA01.child li ul li { margin-left: 0; } div.area-list ul.link-listA01.child li a:link, div.area-list ul.link-listA01.child li a:visited, div.area-list ul.link-listA01.child li a:hover, div.area-list ul.link-listA01.child li a:active { text-decoration: none !important; } div.area-list ul.link-listA01.child li a:link, div.area-list ul.link-listA01.child li a:visited { background-image: none; } div.area-list ul.link-listA01.child li a:hover, div.area-list ul.link-listA01.child li a:active { background: url(../../img/shared/ico/ico_arrow_01_o.gif) 0 0.2em no-repeat; } .panelL div.area-search-blockA01 div.area-list.child-only { background: url(../../gourmet/img/shared/bg_area-list_02.gif) 0 0 no-repeat; } div.area-list.child-only ul.link-listA01.child { float: none; width: 410px !important; height: 230px; padding: 9px; } div.area-list.child-only ul.link-listA01.child li { float: left; width: 185px; margin-left: 0; padding-top: 0.2em; } .panelL div.area-search-blockA02 { margin: 1.65em 0 0; padding: 0; background: #ddd; } .panelL div.area-search-blockA02 div.tabView-tabs { display: block !important; } .panelL div.area-search-blockA02 div.tabView-tabs li { position: relative; z-index: 2; display: none; } body.bajl-enabled .panelL div.area-search-blockA02 div.tabView-tabs li { display: block; } .panelL div.area-search-blockA02 div.tabView-tabs li.first-child { display: block; cursor: default; } .panelL div.area-search-blockA02 div.tabView-tabs li.first-child a { cursor: default; } body.bajl-enabled .panelL div.area-search-blockA02 div.tabView-tabs li.first-child a { cursor: pointer; } body.bajl-enabled .panelL div.area-search-blockA02 div.tabView-tabs li.tabView-tab-selected a { cursor: default; } .panelL div.area-search-blockA02 div.area-list { width: 660px; margin: 0; padding: 10px 15px 15px; *padding-bottom: 1.1em; background: url(../../gourmet/img/shared/bg_area-list_03.gif) 0 100% no-repeat; zoom: 1; } .panelL div.area-search-blockA02 div.area-list:before, .panelL div.area-search-blockA02 div.area-list:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelL div.area-search-blockA02 div.data-tableA04 { padding-right: 0; padding-bottom: 0; padding-left: 0; } .panelL div.area-search-blockA02 div.data-tableA04 td ul.link-listB01 li span { color: #cccccc; } .panelL div.area-search-blockA02 ul.note-listA01 { float: right; } .panelL div.feature-blockA01 { margin-top: 10px; margin-bottom: 1.25em; *margin-bottom: 1.3em; _position: relative; _right: -10px; zoom: 1; } .panelL div.feature-blockA01:before, .panelL div.feature-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelL div.feature-blockA01 dl.definition-listC02 { width: 330px; } .panelL div.feature-blockA01 dl.definition-listC02.first-child { padding-left: 10px; _padding-left: 0; } .panelL div.area-search-blockB01-group { width: 690px; padding-top: 4px; background: #dddddd url(../../gourmet/img/shared/bg_index-block_01.gif) 0 0 no-repeat; } .panelL div.area-search-blockB01-group-content { width: 684px; padding: 0 3px 2px; background: #dddddd url(../../gourmet/img/shared/bg_index-block_02.gif) 0 100% no-repeat; } .panelL div.area-search-blockB02 { width: 684px; margin-top: 1px; padding-top: 4px; background: #ffffff url(../../gourmet/img/shared/bg_index-block_03.gif) 0 0 no-repeat; } .panelL div.area-search-blockB02-content { width: 660px; padding: 0 12px 1.05em; background: #ffffff url(../../gourmet/img/shared/bg_index-block_04.gif) 0 100% no-repeat; } .panelL div.area-search-blockB02 div.data-tableA04 { padding-right: 0; padding-left: 0; } .panelL div.area-search-blockB03 { margin: 10px 0 0; _margin-right: -20px; padding: 4px 0 0; background: url(../../img/shared/bg/bg_layout-block_05.gif) 0 0 no-repeat; } .panelL div.area-search-blockB03-content { padding: 0 10px 0.85em; background: url(../../img/shared/bg/bg_layout-block_06.gif) 0 100% no-repeat; zoom: 1; } .panelL div.area-search-blockB03-content:before, .panelL div.area-search-blockB03-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panelL div.area-search-blockB03.withTab { margin-top: 0; padding-top: 0; background-image: none; } .panelL div.area-search-blockB03.withTab div.area-search-blockB03-content { padding-top: 0; padding-bottom: 0.8em; } div.search-titleA01 { margin: 0; padding: 1.25em 10px 0; position: relative; zoom: 1; } div.search-titleA01:before, div.search-titleA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.search-titleA01 div.headingA01 { float: left; padding-top: 0; } div.search-titleA01 div.headingA01.image-titleA01 { position: absolute; left: 9px; top: -6px; } div.search-titleA01 div.headingA01 h1 img { _behavior: url(/css/shared/alphaImageLoader.htc); } div.search-titleA01 ul.link-listA01 { float: right; padding-top: 0.2em; } div.search-titleA01 ul.link-listA01 li { float: left; padding-top: 0; } ul.link-listA01.rightA { padding-top: 0; text-align: right; position: relative; left: -10px; } ul.link-listA01.rightA li { padding-top: 0; } div.shop-dataA01 div.frameA01 { position: relative; } div.shop-dataA01 div.frameA01-content { zoom: 1; } div.shop-dataA01 div.frameA01-content:before, div.shop-dataA01 div.frameA01-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 { clear: both; padding-top: 0; position: relative; zoom: 1; } div.shop-dataA01 div.frameA01-content dl.definition-listA01:before, div.shop-dataA01 div.frameA01-content dl.definition-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt { padding-top: 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt a:link, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt a:visited { text-decoration: none; cursor: pointer; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt a:focus { text-decoration: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt a:link:hover, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt a:visited:hover, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt a:link:active, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt a:visited:active { text-decoration: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.images { float: left; display: block; width: 210px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.images img.main-image { display: block; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.images img.sub-image1 { display: block; float: left; padding: 10px 10px 0 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.images img.sub-image2 { display: block; float: left; padding: 10px 0 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.attention { position: absolute; top: -5px; left: -9px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.attention img { _behavior: url(/css/shared/alphaImageLoader.htc); } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.title { padding-left: 10px; font-size: 118%; position: relative; top: -2px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.sub-title { padding-top: 0; padding-left: 220px; font-size: 100%; position: relative; top: -2px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.genre { padding-top: 0; font-size: 83.3%; position: absolute; top: -2px; right: 0; _right: 20px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon { width: 450px; _width: 445px; margin-left: 220px; padding-top: 0.3em; overflow: hidden; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon a:link, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon a:visited { text-decoration: none; cursor: pointer; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon a:focus { text-decoration: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon a:link:hover, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon a:visited:hover, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon a:link:active, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon a:visited:active { text-decoration: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon span.icon { float: left; padding: 0 10px 0 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.coupon span.detail { position: relative; top: -2px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.detail { width: 450px; _width: 445px; margin-left: 220px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.detail div.data-tableB02 { padding: 0.5em 0 0; *padding-top: 0.35em; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.detail table { clear: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.detail table th, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.detail table td { padding-top: 0; padding-bottom: 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.detail table th { width: 16%; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.detail table td { width: 84%; padding-left: 9px; background: url(../../img/shared/bg/bg-td01.gif) 0 0.4em no-repeat; *background-position: 1px 0.4em; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.drink { clear: both; font-size: 10px; *font-size: 83.3%; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.drink dt { margin-bottom: -10px; padding-top: 1.2em; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.drink dd { padding-top: 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.drink dd table { margin: 0; padding: 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.drink dd table tr { height: 74px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.drink dd table td.icon { width: 28px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.drink dd table td.drink-name { width: 83px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn { float: right; padding-top: 1em; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li { padding-top: 0; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 { position: relative; right: -2px; top: 4px; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li a:link, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li a:visited { padding-left: 0; background: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li a:focus { padding-left: 0; background: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li a:link:hover, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li a:visited:hover, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li a:link:active, div.shop-dataA01 div.frameA01-content dl.definition-listA01 dd.btn ul.link-listA01 li a:visited:active { padding-left: 0; background: none; } div.search-helpA01 { min-height: 40px; _height: 40px; margin: 0; padding: 0 10px; zoom: 1; } div.search-helpA01:before, div.search-helpA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.search-helpA01 h2.headingA02 { float: left; } div.search-helpA01 ul.link-listB01 { clear: none; float: right; padding-top: 1.25em; } div.search-helpA01 ul.link-listB01 li { padding-top: 0; padding-right: 0; } div.search-helpA01 ul.link-listB01 li.to-anchor { padding-right: 20px; } div.search-helpA01 ul.link-listB01 li.to-anchor a:link, div.search-helpA01 ul.link-listB01 li.to-anchor a:visited { background-image: url(../../img/shared/ico/ico_arrow_03.gif); } div.search-helpA01 ul.link-listB01 li.to-anchor a:focus { background-image: url(../../img/shared/ico/ico_arrow_03_o.gif); } div.search-helpA01 ul.link-listB01 li.to-anchor a:link:hover, div.search-helpA01 ul.link-listB01 li.to-anchor a:visited:hover, div.search-helpA01 ul.link-listB01 li.to-anchor a:link:active, div.search-helpA01 ul.link-listB01 li.to-anchor a:visited:active { background-image: url(../../img/shared/ico/ico_arrow_03_o.gif); } div.shop-infoA01 { margin: 0; padding: 1.5em 0 0.5em; *padding-top: 1.3em; zoom: 1; } div.shop-infoA01:before, div.shop-infoA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.shop-infoA01 div.info1, div.shop-infoA01 div.info2 { width: 330px; margin: 0; padding: 0; } div.shop-infoA01 div.info1 { float: left; } div.shop-infoA01 div.info2 { float: right; text-align: right; } div.shop-infoA01 div.headingA01 { padding-top: 0.4em; line-height: 1.285; } div.shop-infoA01 div.headingA01 span.supertitle { font-size: 71.4%; color: #a69d8b; } div.shop-infoA01 p.location { margin: 0; padding: 0; font-size: 83.3%; } div.shop-infoA01 p.coupon { margin: 0.3em 0 0; padding: 0; } div.shop-infoA01 p.coupon a:link, div.shop-infoA01 p.coupon a:visited { text-decoration: none; } div.shop-infoA01 p.coupon a:focus { text-decoration: none; } div.shop-infoA01 p.coupon a:link:hover, div.shop-infoA01 p.coupon a:visited:hover, div.shop-infoA01 p.coupon a:link:active, div.shop-infoA01 p.coupon a:visited:active { text-decoration: none; cursor: pointer; } div.shop-infoA01 p.coupon span { display: inline-block; margin: 0.3em 0 0; } div.shop-detail-areaA01 { margin: 0; padding: 1.3em 0 0; zoom: 1; } div.shop-detail-areaA01:before, div.shop-detail-areaA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.shop-detail-areaA01 .shop-detail-pic { float: left; width: 320px; } div.shop-detail-areaA01 .shop-detail-note { float: right; width: 330px; } div.shop-detail-areaA01 .shop-detail-note .data-tableA02 { padding-top: 0; } div.shop-detail-areaA02 { width: 330px; margin: 0; padding: 1.7em 0 0; zoom: 1; } div.shop-detail-areaA02:before, div.shop-detail-areaA02:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.shop-detail-areaA02 .button-listA01 { float: left; width: 199px; padding-top: 0; } div.shop-detail-areaA02 .button-listA01 ul.link-listA01 { padding-top: 0; } div.shop-detail-areaA02 .button-listA01 ul.link-listA01 li { padding-top: 0.85em; } div.shop-detail-areaA02 .button-listA01 ul.link-listA01 li.first-child { padding-top: 0; } div.shop-detail-areaA02 .button-listA01 ul.link-listA01 li a { padding-left: 0; background: none; } div.shop-detail-areaA02 .QRcode-blockA01 { float: left; width: 111px; padding-left: 20px; } div.shop-detail-areaA02 .QRcode-blockA01 h2.headingA02 { padding-top: 0; } div.columnR4width div.shop-detail-areaA02 { padding-top: 0; } div.columnR4width div.shop-detail-areaA02 .QRcode-blockA01 { padding-left: 10px; } div.product-list-blockA01 { padding: 0; margin: 0.45em 0 0; background: url(../../img/shared/bg/bg_product-list_01.gif) 0 0 repeat-y; } div.product-list-content { border-top: 1px solid #e2dbbf; zoom: 1; } div.product-list-content:before, div.product-list-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } dl.product-listA01 { float: left; margin: 0; padding: 0.8em 10px; width: 175px; overflow: hidden; zoom: 1; } dl.product-listA01:before, dl.product-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } dl.product-listA01 dt { margin: 0; padding-top: 0; font-weight: bold; line-height: 1.25; } dl.product-listA01 dt span { display: block; margin: 0 0 0 38px; padding: 17px 0 0; } dl.product-listA01 dt img { display: block; float: left; } dl.product-listA01 dd { margin: 0 0 0 38px; padding: 0; } div.column-group dl.product-listA01 { } .panelL .article .column-group .columnL2width { float: left; width: 245px; margin-top: 0.8em; margin-right: 20px; } .panelL .article .column-group .columnL2width div.data-tableA02 { padding-top: 0; } .panelL .article .column-group .columnL2width div.data-tableA02 td { text-align: right; } .panelL .article .column-group .columnR4width { float: left; margin-top: 0.8em; width: 320px; } .panelL .column-group .columnL3width { float: left; width: 528px; margin: 0 29px 0 0; } .panelL .column-group .columnR3width { float: left; width: 111px; padding-top: 10px; } .panelL .column-group .columnR3width h2.headingA02 { padding-top: 0; } .figureA02.print-btn { margin-left: -3px; } div.condition-groupA01 { display: none; } body.bajl-enabled div.condition-groupA01 { display: inline; } div.condition-groupA01 div.edit { display: inline; } div.condition-groupA01 div.edit img { padding-right: 3px; } div.condition-groupA01 div.edit a:link, div.condition-groupA01 div.edit a:visited { text-decoration: none; } div.condition-groupA01 div.edit a:focus { text-decoration: none; } div.condition-groupA01 div.edit a:link:hover, div.condition-groupA01 div.edit a:visited:hover, div.condition-groupA01 div.edit a:link:active, div.condition-groupA01 div.edit a:visited:active { text-decoration: none; } div.condition-disabled { display: none; } div.coupon-blockA01 { margin: 0 -2px 0 -7px; position: relative; background: url(../../img/shared/bg/bg_coupon-block_02.gif) 4px 0 repeat-y; zoom: 1; } div.coupon-block-frame { background: url(../../img/shared/bg/bg_coupon-block_03.gif) 4px 100% no-repeat; } div.coupon-block-content { padding: 43px 12px 38px 26px; width: 498px; background: url(../../img/shared/bg/bg_coupon-block_01.gif) 0 0 no-repeat; zoom: 1; } div.coupon-block-content:before, div.coupon-block-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.coupon-block-content table { width: 100%; border-collapse: collapse; } div.coupon-block-content table th.coupon-summary { padding: 0; border: 0 none; width: 186px; text-align: left; vertical-align: middle; color: #4d3b17; } div.coupon-block-content table td.coupon-detail { padding: 0 0 0 20px; border: 0 none; vertical-align: middle; } div.coupon-block-content table div.format-tableA01 { padding-top: 0; } div.coupon-block-content table div.format-tableA01 th, div.coupon-block-content table div.format-tableA01 td { padding: 0.333em 0; border-top: 1px solid #e8e2cc; } div.mobile-introductionA01 { margin-top: 1.3em; margin-right: -3px; zoom: 1; } div.mobile-introductionA01:before, div.mobile-introductionA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.mobile-introductionA01 div.frameA04 { float: left; margin-top: 0; } div.mobile-introductionA01 div.frameA04-content { padding: 0 20px 12px; } div.mobile-introductionA01 div.frameA04 ul.unordered-listA01 { *padding-top: 0.7em; list-style-type: none; } div.mobile-introductionA01 div.frameA04 ul.unordered-listA01 li { float: left; padding-top: 0; padding-left: 25px; } div.mobile-introductionA01 div.frameA04 ul.unordered-listA01 li.first-child { padding-left: 0; } div.mobile-introductionA01 div.qr-related-blockA01 { float: left; width: 236px; margin-left: 17px; padding-top: 10px; background: url(../../img/shared/bg/bg_layout-block_19.gif) 0 0 no-repeat; _display: inline; } div.mobile-introductionA01 div.qr-related-blockA01-content { padding-bottom: 1em; background: url(../../img/shared/bg/bg_layout-block_20.gif) 0 100% no-repeat; } div.mobile-introductionA01 div.qr-related-blockA01-content h2.headingA02.first-child { padding-top: 0.9em; *padding-top: 1.25em; } 



/* ============================== mod_related-block.css ============================== */

.panel2column .related-blockA01 dl.definition-listA01 { width: 450px; height: 250px; } body.bajl-enabled .panel2column .related-blockA01 dl.definition-listA01 { height: auto; } .panel2column .related-blockA01 dl.definition-listA01 dt, .panel2column .related-blockA01 dl.definition-listA01 dd { padding-top: 0; } .panel2column .related-blockA01 dl.definition-listA01 dt a:link, .panel2column .related-blockA01 dl.definition-listA01 dt a:visited { text-decoration: none; } .panel2column .related-blockA01 dl.definition-listA01 dt a:focus { text-decoration: none; } .panel2column .related-blockA01 dl.definition-listA01 dt a:link:hover, .panel2column .related-blockA01 dl.definition-listA01 dt a:visited:hover, .panel2column .related-blockA01 dl.definition-listA01 dt a:link:active, .panel2column .related-blockA01 dl.definition-listA01 dt a:visited:active { text-decoration: none; } .panel2column .related-blockA01 dl.definition-listA01 dt span { display: inline-block; padding-top: 0.6em; cursor: pointer; zoom: 1; } .related-blockA02 { margin: 0; padding: 0; zoom: 1; } .related-blockA02:before, .related-blockA02:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .related-blockA02 dl { margin: 0; padding: 0.6em 0 0; *padding-top: 0.65em; } .related-blockA02 dl dt { margin: 0; padding: 0; font-weight: bold; } .related-blockA02 a:link, .related-blockA02 a:visited { text-decoration: none; } .related-blockA02 a:focus { text-decoration: none; } .related-blockA02 a:link:hover, .related-blockA02 a:visited:hover, .related-blockA02 a:link:active, .related-blockA02 a:visited:active { text-decoration: none; } .related-blockA02 dl dt span { display: inline-block; padding-top: 0.6em; cursor: pointer; zoom: 1; } .related-blockA02 dl dd { margin: 0.25em 0 0; padding: 0; } .related-blockA02-content { margin: 0; padding: 0; zoom: 1; } .related-blockA02-content:before, .related-blockA02-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .related-blockA02-content .related-blockA02-column { float: left; width: 210px; padding-left: 30px; } .related-blockA02-content .related-blockA02-column.first-child { padding-left: 0; } .related-blockA02 dl.campaign-listA01 { float: left; width: 210px; padding-left: 30px; } .related-blockA02 dl.campaign-listA01.first-child { padding-left: 0; } .related-blockA02 dl.popular-listA01 { float: left; width: 210px; padding-left: 30px; } .related-blockA02 dl.popular-listA01.first-child { padding-left: 0; } .related-blockA02 dl.faq-listA01 { margin: 0; padding: 0.6em 0 0; } .related-blockA02 dl.faq-listA01 dt { color: #806226; } .related-blockA02 dl.faq-listA01 dd { margin-top: 0.4em; } .related-blockA02 dl.recipe-listA01 { width: 205px; margin: 0; padding: 0.75em 2px 0 3px; *padding-top: 0.8em; } .related-tab-blockA01 { clear: both; margin: 0; padding: 10px 0 0; zoom: 1; } .related-tab-blockA01:before, .related-tab-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .related-tab-blockA01 h2.headingA02 { float: left; padding-top: 10px; padding-right: 10px; } body.function #sapporo-related-area .related-tab-blockA01 h2.headingA02 { float: left; padding-top: 10px; padding-right: 10px; } .related-tab-blockA01 ul.link-listA01 { padding-top: 0; } .related-tab-blockA01 ul.link-listA01 li { float: left; padding-top: 0; padding-right: 5px; } .related-tab-blockA01 ul.link-listA01 li a:link { padding-left: 0; background: none; } .related-tab-blockA01 ul.link-listA01 li a:visited { padding-left: 0; background: none; } .related-tab-blockA01 ul.link-listA01 li a:focus { padding-left: 0; background: none; } .related-tab-blockA01 ul.link-listA01 li a:link:hover, .related-tab-blockA01 ul.link-listA01 li a:visited:hover, .related-tab-blockA01 ul.link-listA01 li a:link:active, .related-tab-blockA01 ul.link-listA01 li a:visited:active { padding-left: 0; background: none; } .tabView-topics .tabView-tabs { display: block !important; } .tabView-topics .tabView-tabs ul { display: none; } .tabView-topics.tabView-enabled .tabView-tabs ul { display: block; } .tabView-topics .tabView-pane h3 { margin: 2em 0 0; font-size: 100%; } .tabView-topics.tabView-enabled .tabView-pane h3 { display: none; } .tabView-topics.tabView-enabled .tabView-pane, .tabView-topics.tabView-enabled .tabView-pane .related-blockA02 { margin-top: -40px; padding-top: 40px; } .related-link-blockA01 { min-height: 25px; _height: 25px; margin: 0; padding: 1.35em 0 0; position: relative; zoom: 1; } .related-link-blockA01:before, .related-link-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .related-link-blockA01 ul.related-link-listA01 { margin: 0; padding: 0; list-style-type: none; } .related-link-blockA01 ul.related-link-listA01 li { position: absolute; margin: 0; padding: 0; } .related-link-blockA01 ul.related-link-listA01 li.btn { right: 0; bottom: 1px; *bottom: 0; } .related-link-blockA01 ul.related-link-listA01 li.rss { left: 0; bottom: 2px; } .related-link-blockA01 a:link, .related-link-blockA01 a:visited { text-decoration: none; } .related-link-blockA01 a:focus { text-decoration: none; } .related-link-blockA01 a:link:hover, .related-link-blockA01 a:visited:hover, .related-link-blockA01 a:link:active, .related-link-blockA01 a:visited:active { text-decoration: none; } .related-cm-column { visibility: hidden; _overflow: hidden; } .related-cm-blockA01 { margin-left: -10px; padding-top: 20px; } .related-cm-blockA01 object { _position: relative; _z-index: 2; } body.bajl-enabled .related-cm-column { visibility: visible; } body.bajl-enabled .related-cm-blockA01 { height: 293px; } .campaign-list-blockA01 { margin: 0 0 0 -10px; position: relative; z-index: 10; zoom: 1; } .campaign-list-blockA01:before, .campaign-list-blockA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .campaign-list-blockA01 dl { margin: 0; padding: 1.25em 0 0; *padding-top: 1.35em; } .campaign-list-blockA01 dl dt { margin: 0; padding: 0; font-weight: bold; } .campaign-list-blockA01 dl dt span { display: inline-block; padding-top: 0.6em; cursor: pointer; zoom: 1; } .campaign-list-blockA01 dl dd { margin: 0.1em 0 0; padding: 0; } .campaign-list-blockA01 a:link, .campaign-list-blockA01 a:visited, .campaign-list-blockA01 a:hover, .campaign-list-blockA01 a:active { text-decoration: none !important; cursor: pointer; } .campaign-list-blockA01 dl.campaign-listA01 { float: left; width: 210px; padding-left: 20px; } 



/* ============================== mod_search-utility.css ============================== */

div.search-utility { margin: 0; padding: 0; zoom: 1; } div.search-utility:before, div.search-utility:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } div.search-utility.top { margin: 0; padding: 1.85em 10px 0; } div.search-utility.bottom { margin: 0; padding: 0.9em 10px 0; } div.search-utility dl.definition-listA01 { padding-top: 0; zoom: 1; } div.search-utility dl.definition-listA01 dt, div.search-utility dl.definition-listA01 dd { float: left; padding-top: 0; font-weight: normal; } div.search-utility dl.definition-listA01 span.total { color: #cc3300; } div.search-utility dl.definition-listA01 span.total, div.search-utility dl.definition-listA01 span.from, div.search-utility dl.definition-listA01 span.to, div.search-utility dl.definition-listA01 span.stay { font-weight: bold; } div.search-utility dl.definition-listA01.result dt { padding-top: 0.8em; padding-right: 10px; } div.search-utility dl.definition-listA01.result dt span { font-weight: bold; } div.search-utility.bottom dl.definition-listA01.result dt { padding-top: 0; } div.search-utility dl.definition-listA01.result dd span { font-size: 166.7%; } div.search-utility.bottom dl.definition-listA01.result dd span { font-size: 100%; } div.search-utility dl.definition-listA01.result dd.clear { clear: both; padding-top: 0.8em; zoom: 1; } div.search-utility dl.definition-listA01.sort { clear: both; padding-top: 0.3em; float: left; } div.search-utility dl.definition-listA01.sort dd { padding-right: 16px; color: #e2dbbf; } div.search-utility dl.definition-listA01.sort dd span { color: #4d3b17; } div.search-utility dl.definition-listA01.sort dd a:link, div.search-utility dl.definition-listA01.sort dd a:visited { text-decoration: none; } div.search-utility dl.definition-listA01.sort dd a:focus { text-decoration: none; } div.search-utility dl.definition-listA01.sort dd a:link:hover, div.search-utility dl.definition-listA01.sort dd a:visited:hover, div.search-utility dl.definition-listA01.sort dd a:link:active, div.search-utility dl.definition-listA01.sort dd a:visited:active { text-decoration: none; } ul.paging-listA01 { float: right; margin: 0; padding: 0; list-style-type: none; } div.search-utility.bottom ul.paging-listA01 { margin-top: -0.28em; *margin-top: -1.7em; } ul.paging-listA01 li { float: left; margin: 0; padding: 0; } ul.paging-listA01 li.prev img, ul.paging-listA01 li.next img { font-size: 0; line-height: 0; vertical-align: bottom; } div.search-utility.top ul.paging-listA01 li.prev img, div.search-utility.top ul.paging-listA01 li.next img { position: relative; top: 2px; *top: 0; } div.search-utility.bottom ul.paging-listA01 li.prev img, div.search-utility.bottom ul.paging-listA01 li.next img { position: relative; top: 1px; *top: 0; } ul.paging-listA01 li.prev img { position: relative; left: -6px; } ul.paging-listA01 li.next img { position: relative; left: -2px; } ul.paging-listA01 li a, ul.paging-listA01 li em { display: block; padding: 0.3em 7px 0; *padding-top: 0.2em; } ul.paging-listA01 li.prev a, ul.paging-listA01 li.next a { padding: 0; } ul.paging-listA01 li.prev a { margin-right: 7px; } ul.paging-listA01 li.next a { margin-left: 7px; } ul.paging-listA01 li a:link, ul.paging-listA01 li a:visited { text-decoration: none; } ul.paging-listA01 li a:focus { text-decoration: none; } ul.paging-listA01 li a:link:hover, ul.paging-listA01 li a:visited:hover, ul.paging-listA01 li a:link:active, ul.paging-listA01 li a:visited:active { text-decoration: none; } body.news_release div.search-utility.top { padding: 1.6em 0 0; *padding-top: 1.7em; } body.news_release div.search-utility.bottom { padding-right: 0; padding-left: 0; } body.news_release div.search-utility.top dl.definition-listA01.result dt { padding-top: 0; } body.news_release div.search-utility.top dl.definition-listA01.result dd span { font-size: 100%; } body.news_release div.search-utility ul.paging-listA01 { margin-top: -3px; *margin-top: -20px; } body.news_release div.search-utility ul.paging-listA01.style-adjust { margin-top: 0; *position: relative; *top: 2px; } body.gourmet div.search-utility.top ul.paging-listA01 { margin-top: 6px; *margin-top: -23px; } body.recipe div.search-utility.top ul.paging-listA01 { *margin-top: 3px; } 



/* ============================== mod_printpage.css ============================== */

body.gourmet-print, body.gourmet-print * { font-size: 97%; line-height: 1.2; background: none; } body.gourmet-print cite { font-style: normal; } body.gourmet-print #structure { width: auto; padding: 0; overflow: hidden; } body.gourmet-print .header { width: 672px; height: 65px; margin-left: 19px; margin-right: 19px; position: relative; } body.gourmet-print .header #ciLogo { position: absolute; left: 1px; top: 37px; } body.gourmet-print .header #symbol { position: absolute; left: 318px; top: 20px; } body.gourmet-print .header ul.utility-navA01 { margin: 0; padding: 0; list-style-type: none; position: absolute; right: 1px; top: 32px; } body.gourmet-print .header ul.utility-navA01 li { margin: 0; padding: 0; } body.gourmet-print .panelL { float: none; width: 672px; margin-left: 19px; margin-right: 19px; } body.gourmet-print .panelL-content { padding: 0; } body.gourmet-print .gourmet-title { margin-top: 0.75em; zoom: 1; } body.gourmet-print .gourmet-title:before, body.gourmet-print .gourmet-title:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } body.gourmet-print .gourmet-title div.headingA01 { float: left; width: 332px; margin-right: 10px; padding-top: 0; } body.gourmet-print .gourmet-title div.headingA01 h1 { font-size: 100%; _font-size: 66%; } *:first-child+html body.gourmet-print .gourmet-title div.headingA01 h1 { font-size: 66%; } body.gourmet-print .gourmet-title ul.print-navA01, body.gourmet-print .gourmet-title ul.unordered-listA01 { margin: 0; padding: 0; list-style-type: none; } body.gourmet-print .gourmet-title ul.print-navA01 { float: left; margin-right: 10px; } body.gourmet-print .gourmet-title ul.unordered-listA01 { float: right; width: 245px; font-size: 83%; } body.gourmet-print .gourmet-title ul.print-navA01 li, body.gourmet-print .gourmet-title ul.unordered-listA01 li { margin: 0; padding: 0; } body.gourmet-print .gourmet-content01 { margin-top: 0.6em; zoom: 1; } body.gourmet-print .gourmet-content01:before, body.gourmet-print .gourmet-content01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } body.gourmet-print .coupon-block, body.gourmet-print .questionnaire-block { width: 309px; padding: 0.45em 10px 0.8em; border: 1px solid #e2dbbf; } body.gourmet-print .coupon-block { float: left; } body.gourmet-print .questionnaire-block { float: right; } body.gourmet-print .gourmet-content01 h2.headingA02 { padding-top: 0.4em; font-size: 88%; } body.gourmet-print .gourmet-content01 div.textA01 p { margin: 0; padding: 0; font-size: 88%; } body.gourmet-print .gourmet-content01 div.data-tableA02 table { width: 100%; } body.gourmet-print .gourmet-content01 div.data-tableA02 table th, body.gourmet-print .gourmet-content01 div.data-tableA02 table td { padding-top: 0.5em; padding-left: 0; } body.gourmet-print .coupon-block ul.unordered-listA01 { margin: 0; padding: 0; list-style-type: none; } body.gourmet-print .coupon-block ul.unordered-listA01 li { margin: 0; padding: 0; } body.gourmet-print .questionnaire-block div.textA01 p { margin-top: 0; } body.gourmet-print .questionnaire-block .space01 { padding-left: 5px; } body.gourmet-print .questionnaire-block .space02 { padding-left: 100px; } body.gourmet-print .gourmet-content02 { margin-top: 0.8em; border: 1px solid #e2dbbf; } body.gourmet-print .gourmet-content03 { margin-top: 0.8em; zoom: 1; } body.gourmet-print .gourmet-content03:before, body.gourmet-print .gourmet-content03:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } body.gourmet-print .gourmet-content03-01 { float: left; width: 562px; } body.gourmet-print .gourmet-content03-01 div.data-tableB02 { padding-top: 0; } body.gourmet-print .gourmet-content03-01 table th, body.gourmet-print .gourmet-content03-01 table td { padding-top: 0; padding-bottom: 0; padding-left: 0; } body.gourmet-print .gourmet-content03-01 table td ul { margin: 0; padding: 0; list-style-type: none; } body.gourmet-print .gourmet-content03-02 { float: right; width: 100px; } body.gourmet-print div.qr-codeA01 { margin: 0; } body.gourmet-print address.copyrightA01 { float: right; padding-top: 0.6em; font-size: 83.3%; font-style: normal; } 



/* ============================== mod_pseudo-dialog.css ============================== */

#bajl-pseudo-dialog-frame { font-size: 100%; line-height: 1.5; } #bajl-click-shield { background: #4d3b17; *background: url(../../img/shared/bg/bg_mask_01.png); _background: #4d3b17; } #bajl-pseudo-dialog.gourmet-search-condition { background: none; } #bajl-pseudo-dialog.gourmet-search-condition div.condition-content { width: 797px; background: url(../../img/shared/bg/bg_dialog_01.png) 0 0 no-repeat; } #bajl-pseudo-dialog.gourmet-search-condition div.condition-content div.condition-frame { padding: 5px 0; background: url(../../img/shared/bg/bg_dialog_02.png) 0 100% no-repeat; } #bajl-pseudo-dialog.gourmet-search-condition div.condition-content div.condition-frame div.condition-inner { padding: 8px 20px 11px; background: #ffffff; } #bajl-pseudo-dialog.gourmet-search-condition div.condition-area { width: 470px; background-image: url(../../img/shared/bg/bg_dialog_03.png); } #bajl-pseudo-dialog.gourmet-search-condition div.condition-area div.condition-frame { background-image: url(../../img/shared/bg/bg_dialog_04.png); } #bajl-pseudo-dialog.gourmet-search-condition ul.close { position: absolute; top: 10px; right: 10px; margin: 0; padding: 0; list-style-type: none; } #bajl-pseudo-dialog.gourmet-search-condition ul.close li { margin: 0; padding: 0; } #bajl-pseudo-dialog.gourmet-search-condition div.dialog-header { zoom: 1; } #bajl-pseudo-dialog.gourmet-search-condition div.dialog-header:before, #bajl-pseudo-dialog.gourmet-search-condition div.dialog-header:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #bajl-pseudo-dialog.gourmet-search-condition div.title { float: left; margin: 0; padding: 6px 0 0; } #bajl-pseudo-dialog.gourmet-search-condition ul.selector { float: left; margin: 0; padding: 0 0 0 10px; list-style-type: none; zoom: 1; } #bajl-pseudo-dialog.gourmet-search-condition ul.selector:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #bajl-pseudo-dialog.gourmet-search-condition ul.selector li { float: left; margin: 0; padding: 0 0 0 10px; } #bajl-pseudo-dialog.gourmet-search-condition div.condition { clear: both; margin: 0; padding: 20px 0; zoom: 1; } #bajl-pseudo-dialog.gourmet-search-condition div.condition div.format-tableA01 table th, #bajl-pseudo-dialog.gourmet-search-condition div.condition div.format-tableA01 table td { border-top: 1px solid #e2dbbf; } #bajl-pseudo-dialog.gourmet-search-condition div.condition:before, #bajl-pseudo-dialog.gourmet-search-condition div.condition:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #bajl-pseudo-dialog.gourmet-search-condition ul.action { margin: 0; padding: 0; list-style-type: none; text-align: center; line-height: 34px; } #bajl-pseudo-dialog.gourmet-search-condition ul.action li { display: inline; padding: 0 1px 0 2px; } #bajl-pseudo-dialog.gourmet-search-condition ul.action li img { vertical-align: middle; } #bajl-pseudo-dialog.gourmet-search-condition ul.action li a.cancel img { padding: 3px 0 7px; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 { margin: -10px -20px 0 0; padding: 0; list-style-type: none; zoom: 1; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01:before, #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 li { float: left; margin: 0; padding: 10px 0 0; width: 259px; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 li label { display: block; cursor: pointer; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 li input, #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 li img { vertical-align: middle; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 li input { margin: 0 10px 0 0; padding: 0; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 li.pseudo-disabled img { opacity: 0.4; filter: alpha(opacity=40); } #bajl-pseudo-dialog.gourmet-search-condition div.area-list { clear: both; margin: 0 auto; width: 430px; height: 250px; padding-top: 0; padding-right: 0; padding-left: 0; background-image: url(../../gourmet/img/shared/bg_area-list_01.gif); background-position: 50% -10px; } #bajl-pseudo-dialog.gourmet-search-condition div.area-list.child-only { background-image: url(../../gourmet/img/shared/bg_area-list_02.gif); } #bajl-pseudo-dialog.gourmet-search-condition div.area-list ul.link-listA01 li.pseudo-disabled { color: #cccccc; } #bajl-pseudo-dialog.gourmet-search-condition div.area-list ul.link-listA01.child li { font-weight: bold; } #bajl-pseudo-dialog.gourmet-search-condition div.area-list ul.link-listA01.child li ul { margin-left: 20px; } #bajl-pseudo-dialog.gourmet-search-condition div.area-list ul.link-listA01.child li ul li { font-weight: normal; } #bajl-pseudo-dialog.gourmet-search-condition ul.condition-listA01 li { position: relative; } #bajl-pseudo-dialog.gourmet-search-condition div.tooltip { position: absolute; bottom: 100%; left: 30px; display: none; margin: 0 0 -19px; width: 222px; height: 67px; background: url(../../img/shared/bg/bg_tooltip_01.png) 0 0 no-repeat; _margin-bottom: 0; _border: 1px solid gray; _background: white; } #bajl-pseudo-dialog.gourmet-search-condition div.tooltip p { margin: 0; padding: 10px 14px 0; } #bajl-pseudo-dialog.bajl-lightbox { background: none; } #bajl-pseudo-dialog div.bajl-lightbox-frame { display: none; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame { display: block; width: 550px; background: url(../../img/shared/bg/bg_dialog_05.png) 0 0 no-repeat; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame div.bajl-lightbox-content { padding: 5px 0; background: url(../../img/shared/bg/bg_dialog_06.png) 0 100% no-repeat; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame div.bajl-lightbox-content div.bajl-lightbox-inner { padding: 45px 50px 42px; background: #ffffff; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame div.bajl-lightbox-content div.bajl-lightbox-inner iframe { display: block; margin: 0 auto; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame div.bajl-lightbox-close { position: absolute; top: 10px; right: 10px; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame p { margin: 7px 0 0; padding: 0; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame a.download { text-decoration: none; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame a.download img, #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame a.download span { display: inline-block; } #bajl-pseudo-dialog.bajl-lightbox div.bajl-lightbox-frame a.download span { padding-left: 5px; } 



/* ============================== mod_slide-canvas.css ============================== */

#structure div.slide-canvas, #structure div.slide-canvas div.slide-viewport { position: relative; } #structure div.slide-canvas div.slide-unit { border-bottom: none; padding-bottom: 0; } #structure div.slide-canvas div.slide-unit:before, #structure div.slide-canvas div.slide-unit:after { clear: both; display: block; content: ""; } #structure ul.slide-controller li.slide-prev span { display: block; padding: 1px 2px 3px; width: 30px; height: 30px; background: url(../../img/shared/btn/btn_slide-shadow_01.png) 50% 50% no-repeat; _background: none; } #structure ul.slide-controller li.slide-prev a { display: block; width: 30px; height: 30px; overflow: hidden; text-indent: 30px; font-size: 0; background: url(../../img/shared/btn/btn_slide_01.gif) 50% 50% no-repeat; } #structure ul.slide-controller li.slide-prev a:hover { background-image: url(../../img/shared/btn/btn_slide_01_o.gif); } #structure ul.slide-controller li.slide-prev a:focus { background-image: url(../../img/shared/btn/btn_slide_01_o.gif); } #structure ul.slide-controller li.slide-prev a:active { background-image: url(../../img/shared/btn/btn_slide_01_a.gif); } #structure ul.slide-controller li.slide-prev a.pseudo-disabled { cursor: default; outline: 0 none; background-image: url(../../img/shared/btn/btn_slide_01_d.gif) !important; } #structure ul.slide-controller li.slide-next span { display: block; padding: 1px 2px 3px; width: 30px; height: 30px; background: url(../../img/shared/btn/btn_slide-shadow_02.png) 50% 50% no-repeat; _background: none; } #structure ul.slide-controller li.slide-next a { display: block; width: 30px; height: 30px; overflow: hidden; text-indent: 30px; font-size: 0; background: url(../../img/shared/btn/btn_slide_02.gif) 50% 50% no-repeat; } #structure ul.slide-controller li.slide-next a:hover { background-image: url(../../img/shared/btn/btn_slide_02_o.gif); } #structure ul.slide-controller li.slide-next a:focus { background-image: url(../../img/shared/btn/btn_slide_02_o.gif); } #structure ul.slide-controller li.slide-next a:active { background-image: url(../../img/shared/btn/btn_slide_02_a.gif); } #structure ul.slide-controller li.slide-next a.pseudo-disabled { cursor: default; outline: 0 none; background-image: url(../../img/shared/btn/btn_slide_02_d.gif) !important; } #structure div.slide-canvasA01 { margin: 0; padding: 0; } #structure div.panelR div.slide-canvasA01 { margin: 0 2px 0 3px; padding: 0; } #structure div.slide-canvasA01 ul.slide-controller { position: relative; margin: 0; padding: 0; list-style-type: none; z-index: 10; } #structure div.slide-canvasA01 ul.slide-controller li { position: absolute; top: 60px; margin: 0; padding: 0; z-index: 1; } #structure div.slide-canvasA01 ul.slide-controller li.slide-prev { left: -15px; } #structure div.slide-canvasA01 ul.slide-controller li.slide-next { right: -15px; } #structure div.slide-canvasA01 ul.slide-selector { display: none; margin: 0 0 1.5em; padding: 3px 0 0; list-style-type: none; text-align: center; line-height: 10px; } #structure div.slide-canvasA01.slide-canvas-enabled ul.slide-selector { display: block; } #structure div.slide-canvasA01 ul.slide-selector li { display: inline; margin: 0; padding: 0; } #structure div.slide-canvasA01 ul.slide-selector li span { } #structure div.slide-canvasA01 ul.slide-selector li span a:link, #structure div.slide-canvasA01 ul.slide-selector li span a:visited { background: url(../../img/shared/ico/ico_paging_01.gif) 50% 50% no-repeat; } #structure div.slide-canvasA01 ul.slide-selector li span a:link.pseudo-selected, #structure div.slide-canvasA01 ul.slide-selector li span a:visited.pseudo-selected { cursor: default; background-image: url(../../img/shared/ico/ico_paging_01_s.gif); } #structure div.slide-canvasA01 ul.slide-selector li span img { padding: 0 1px; visibility: hidden; vertical-align: middle; } 



/* ============================== mod_print.css ============================== */

@media print{ div#structure { display: table !important; *overflow: visible !important; } .panelFull .column-group .saparate5column { *margin-right: 0 !important; } .panelFull .column-group .saparate4column { *margin-right: 0 !important; } .panel-group, .column-group { display: table !important; } .area-search-blockB03 dl.definition-listD01 { *margin-left: 10px; } div.condition-groupA01 div.condition-content { display: none; } div.shop-dataA01 div.frameA01-content dl.definition-listA01 dt span.images img.sub-image1 { *padding-right: 5px; } body.gourmet .panelL-group .panelL .panelL-content.panelL-content-inner.inner { display: none !important; } .panelFull .panelFull-content { *padding: 0 !important; } *:first-child+html .panel2columnB01 .panel2columnB01-head h2.headingA02, *:first-child+html .panel2columnB01 .panel2columnB01-head div.textA01, *:first-child+html .panel2columnB01 .panel2columnB01-head div.frameA03 { padding-left: 30px; } *:first-child+html .panel2columnB01 .panel2columnB01-head div.frameA03 div.textA01 { padding-left: 0; } *html .panel2columnB01 .panel2columnB01-head h2.headingA02, *html .panel2columnB01 .panel2columnB01-head div.textA01, *html .panel2columnB01 .panel2columnB01-head div.frameA03 { padding-left: 50px; } *html .panel2columnB01 .panel2columnB01-head div.frameA03 div.textA01 { padding-left: 0; } body.function .scroll-areaA01 { height: auto !important; overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } form.validation ins.error-message { display: none !important; } body.gourmet-print { *zoom: 0.98 !important; _zoom: 0.88 !important; } body.gourmet-print .gourmet-content02 { text-align: center; } body.gourmet-print .gourmet-content02 img { width: 603px; height: 458px; } body.gourmet-print .header, body.gourmet-print .panelL { margin-left: 0; margin-right: 0; } body.gourmet-print ul.utility-navA01, body.gourmet-print ul.print-navA01 { display: none; } } 



/* ============================== sidebar.css ============================== */

div.local-navA01 { margin: 0 -3px 0.4em; padding: 0 3px; background: url(../../img/shared/bg/bg_local-nav_01.gif) 0 51px repeat-y; zoom: 1; } div.local-navA01 h2.category-title { margin: 0 -3px; padding: 1px 3px 0; font-size: 0; line-height: 0; vertical-align: bottom; background: url(../../img/shared/bg/bg_local-nav_02.gif) 0 0 no-repeat; zoom: 1; } div.local-navA01 ul { width: 100%; margin: 0 -3px; padding: 0 3px 9px; list-style-type: none; background: url(../../img/shared/bg/bg_local-nav_03.gif) 0 100% no-repeat; zoom: 1; } div.local-navA01 ul li { margin: 0; padding: 0; } div.local-navA01 ul li a { display: block; padding: 0.55em 20px 0.4em; *padding: 0.5em 20px; border-top: 1px solid #e2dbbf; background-color: #f3f1e8; zoom: 1; } div.local-navA01 ul li a:link, div.local-navA01 ul li a:visited { text-decoration: none; background: #fcf9f2; } div.local-navA01 ul li a:focus { text-decoration: none; background: #fcfbf7 url(../../img/shared/ico/ico_arrow_01_o.gif) 11px 1em no-repeat; } div.local-navA01 ul li a:link:hover, div.local-navA01 ul li a:visited:hover, div.local-navA01 ul li a:link:active, div.local-navA01 ul li a:visited:active { text-decoration: none; background: #fcfbf7 url(../../img/shared/ico/ico_arrow_01_o.gif) 11px 1em no-repeat; } div.local-navA01 ul li.stay { position: relative; top: 1px; background: url(../../img/shared/bg/bg_local-nav_04.gif) 0 100% no-repeat; zoom: 1; } div.local-navA01 ul li.stay em { display: block; padding: 0.55em 18px 0.4em; *padding: 0.5em 18px; font-weight: normal; background: url(../../img/shared/bg/bg_local-nav_05.gif) 0 0 no-repeat; zoom: 1; } div.local-navA02 { margin: 0; padding: 0 0 0.45em; padding-bottom: 0.5em; } div.local-navA02 ul li a { padding-left: 9px; *padding-left: 10px; } div.local-navA02 ul li a:link, div.local-navA02 ul li a:visited { text-decoration: none; background: none; } div.local-navA02 ul li a:focus { text-decoration: none; background: url(../../img/shared/ico/ico_arrow_01_o.gif) 0 0.2em no-repeat; } div.local-navA02 ul li a:link:hover, div.local-navA02 ul li a:visited:hover, div.local-navA02 ul li a:link:active, div.local-navA02 ul li a:visited:active { text-decoration: none; background: url(../../img/shared/ico/ico_arrow_01_o.gif) 0 0.2em no-repeat; } div.local-navA02 ul li em { padding-left: 8px; font-weight: bold; } div.local-navA02 ul li ul { margin: 0; padding: 0 0 0 20px; } .panel-asideA01 { width: 230px; margin: 0 0 10px; padding: 0; background: #ffffff url(../../img/shared/bg/bg_column01_01.gif) 0 0 no-repeat; } .panel-asideA01-content { padding: 0 10px 10px; background: url(../../img/shared/bg/bg_column01_02.gif) 0 100% no-repeat; zoom: 1; } .panel-asideA01-content:before, .panel-asideA01-content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .panel-asideA01 h2 a:link, .panel-asideA01 h2 a:visited, .panel-asideA01 div.figureA02 a:link, .panel-asideA01 div.figureA02 a:visited, .panel-asideA01 div.product-blockC01 div.textA01 a:link, .panel-asideA01 div.product-blockC01 div.textA01 a:visited { text-decoration: none; } .panel-asideA01 h2 a:focus, .panel-asideA01 div.figureA02 a:focus, .panel-asideA01 div.product-blockC01 div.textA01 a:focus { text-decoration: none; } .panel-asideA01 h2 a:link:hover, .panel-asideA01 h2 a:visited:hover, .panel-asideA01 h2 a:link:active, .panel-asideA01 h2 a:visited:active, .panel-asideA01 div.figureA02 a:link:hover, .panel-asideA01 div.figureA02 a:visited:hover, .panel-asideA01 div.figureA02 a:link:active, .panel-asideA01 div.figureA02 a:visited:active, .panel-asideA01 div.product-blockC01 div.textA01 a:link:hover, .panel-asideA01 div.product-blockC01 div.textA01 a:visited:hover, .panel-asideA01 div.product-blockC01 div.textA01 a:link:active, .panel-asideA01 div.product-blockC01 div.textA01 a:visited:active { text-decoration: none; } .panel-asideA01 form input.text { width: 94.5%; } body.campaign input#text1 { padding: 1px 5px 3px; } body.campaign input#text1.text.bajl-input-prompt { padding: 1px 5px 3px; background: #ffffff url(../../img/shared/bg/bg_input_01.gif) 0 0 no-repeat; } body.campaign input#text1.text.bajl-input-prompt.bajl-input-prompt-focus, body.campaign input#text1.text.bajl-input-prompt.bajl-input-prompt-changed { background: none; } body.campaign input#text2 { *padding: 1px 5px 4px; } body.campaign input#text2.text.bajl-input-prompt { *padding: 1px 5px 4px; background: #ffffff url(../../img/shared/bg/bg_input_02.gif) 0 0 no-repeat; } body.campaign input#text2.text.bajl-input-prompt.bajl-input-prompt-focus, body.campaign input#text2.text.bajl-input-prompt.bajl-input-prompt-changed { background: none; } .cm-related-blockA01-container { display: none; } body.bajl-enabled .cm-related-blockA01-container { display: block; } .panel-asideA01 .cm-related-blockA01 { _margin-right: -10px; margin-left: -10px; padding-top: 10px; } .panel-asideA01 .cm-related-blockA01 .cm-blockA01 { padding-top: 0; background: none; } .panel-asideA01 .cm-related-blockA01 .cm-blockA01-content { padding: 0; background: none; } .wine-search-blockA01 dl.form-listA01, .recipe-search-blockA01 dl.form-listA01 { padding-top: 0; } .wine-search-blockA01 dl.form-listA01 dt, .recipe-search-blockA01 dl.form-listA01 dt { padding-top: 0.6em; } .wine-search-blockA01 dl.form-listA01 dd, .recipe-search-blockA01 dl.form-listA01 dd { padding-top: 0; } .wine-search-blockA01 dl.form-listA01 dd select, .recipe-search-blockA01 dl.form-listA01 dd select { width: 100%; } .wine-search-blockA01 div.botton-listA01 ul.link-listA01, .recipe-search-blockA01 div.botton-listA01 ul.link-listA01 { padding-top: 1.65em; } .wine-search-blockA01 div.botton-listA01 ul.link-listA01 li, .recipe-search-blockA01 div.botton-listA01 ul.link-listA01 li { padding-top: 0; } .wine-search-blockA01 div.botton-listA01 li.search1, .recipe-search-blockA01 div.botton-listA01 li.search1 { float: left; font-size: 0; line-height: 0; vertical-align: bottom; } .wine-search-blockA01 div.botton-listA01 ul li.search2, .recipe-search-blockA01 div.botton-listA01 ul li.search2 { float: left; padding-top: 10px; position: relative; top: -6px; left: 11px; } .release-search-blockA01 input.text { width: 99%; margin-top: 0.6em; } .release-search-blockA01 input.buttonA01 { margin-top: 0.8em; *margin-top: 0.75em; } .recipe-related-blockA01 { margin: 0; padding: 0 0 0.5em; } .contact-related-blockA01 { margin: 0 0 -4px; padding: 0; } .contact-related-blockA01 dl.contact-listA01 { margin: 0; padding: 1.4em 0 1em; } .contact-related-blockA01 dl.contact-listA01 dt { margin: 0; padding: 0; color: #806226; font-weight: bold; } .contact-related-blockA01 dl.contact-listA01 dd { margin: -0.7em 0 -0.65em; padding: 0.5em 0 0; font-weight: bold; font-size: 150%; } .contact-related-blockA01 div.figureA03 { position: relative; left: -2px; } .support-related-blockA01 { margin: 0; padding: 0 0 0.5em; } .panel-asideA01 .product-related-blockA01 .product-blockC01, .panel-asideA01 .product-related-blockA01 .product-blockD01 { margin: 0.8em auto 0; } .qr-related-blockA01 { margin: 0; padding: 0 0 0.6 em; *padding-bottom: 0.7em; } .qr-related-blockA01 h2.headingA02 { text-align: center; } .qr-related-blockA01 div.textA01.mobile-comment { width: 160px; margin: 0 auto; text-align: center; position: relative; } .qr-related-blockA01 div.textA01.mobile-comment p { padding-top: 0.2em; *padding-top: 0.25em; } .qr-related-blockA01 div.textA01.mobile-comment p img.mobile-image { display: block; position: absolute; left: -43px; top: 43px; _behavior: url(/css/shared/alphaImageLoader.htc); } .qr-related-blockA01 ul.link-listA01 { font-size: 83.3%; } .qr-related-blockA01 ul.link-listA01 li { padding-top: 0; text-align: center; } .other-company-related-blockA01 { margin: 0; padding: 0 0 0.5em; } .for-press-related-blockA01 { margin: 0; padding: 0 0 0.4em; *padding-bottom: 0.5em; } .blog-parts-related-blockA01-container { display: none; } body.bajl-enabled .blog-parts-related-blockA01-container { display: block; } .panel-asideA01 .blog-parts-related-blockA01 { padding-top: 1.5em; } .panel-asideA01 .blog-parts-related-blockA01 #blogparts { display: block; margin: 0 auto; } .panel-asideA01 .blog-parts-related-blockA01 object, .panel-asideA01 .blog-parts-related-blockA01 embed { display: block; margin: 0 auto; } .panel-asideA01 .blog-parts-related-blockA01 dl.definition-listA01 { padding-left: 0; } .panel-asideA01 .blog-parts-related-blockA01 a:link, .panel-asideA01 .blog-parts-related-blockA01 a:visited { text-decoration: none; } .panel-asideA01 .blog-parts-related-blockA01 a:link:focus { text-decoration: none; } .panel-asideA01 .blog-parts-related-blockA01 a:link:hover, .panel-asideA01 .blog-parts-related-blockA01 a:visited:hover, .panel-asideA01 .blog-parts-related-blockA01 a:link:active, .panel-asideA01 .blog-parts-related-blockA01 a:visited:active{ text-decoration: none; } .user-statusA01 { position: relative; margin: -2px -4px 0.25em -5px; padding: 0; background: url(../../img/shared/bg/bg_column_04_02.gif) 0 0 repeat-y; zoom: 1; } .user-statusA01 .panel-asideA01 { margin-bottom: 0; background-image: url(../../img/shared/bg/bg_column_04_01.gif); background-color: transparent; width: 239px; } .user-statusA01 .panel-asideA01 .panel-asideA01-content { padding: 2px 14px 16px 15px; background-image: url(../../img/shared/bg/bg_column_04_03.gif); zoom: 1; } .user-statusA01 .headingA01 { margin: 12px 0 6px; padding: 0; font-size: 100%; line-height: 1.5; } .user-statusA01 ul.btn-listA01 { margin: 0; padding: 0; list-style-type: none; } .user-statusA01 ul.btn-listA01 li { margin: 0; padding: 0; } .user-statusA01 ul.btn-listA01 li a, .user-statusA01 ul.btn-listA01 li img { vertical-align: top; } .user-statusA01 ul.link-listA01 { padding-top: 0.3em; } .user-statusA01 dl.definition-listC01 dd ul.link-listA01 { padding-top: 0; } .user-statusA01 h2.headingA02 { padding-top: 1.9em; } .mailmagazine-status-blockA01 { margin-top: -3px; } .mailmagazine-statusA01 { margin: 10px 0 0; background: url(../../img/shared/bg/bg_mailmagazine-status_02.gif) 0 100% no-repeat; zoom: 1; } .mailmagazine-statusA01 dl { position: relative; margin: 0; padding: 8px 9px 7px 59px; min-height: 31px; _height: 31px; background: url(../../img/shared/bg/bg_mailmagazine-status_01.gif) 0 0 no-repeat; } .mailmagazine-statusA01.mailmagazine-statusA01-registered { background-image: url(../../img/shared/bg/bg_mailmagazine-status_04.gif); } .mailmagazine-statusA01.mailmagazine-statusA01-registered dl { background-image: url(../../img/shared/bg/bg_mailmagazine-status_03.gif); } .mailmagazine-statusA01 dl dt { margin: 0; padding: 0; font-weight: bold; } .mailmagazine-statusA01 dl dd.status { position: absolute; top: 10px; left: 9px; margin: 0; padding: 0; } .mailmagazine-statusA01 dl dd.function { margin: 0; padding: 0; } .mailmagazine-statusA01 dl dd.function ul.link-listA01 { padding-top: 0; } .mailmagazine-statusA01 dl dd.function ul.link-listA01 li { padding-top: 0; } div.panel-asideA01 h2.headingA03 { margin: 0 -5px 0; padding: 0; }