@charset "UTF-8";

/* ============================== base_sp.css ============================== */

html { font-size: 100%; } body { margin: 0; padding: 0; width: auto !important; _height: 100%; background-color: #f0ebdf; } #sapporo-header-area, #sapporo-navigation-area, #sapporo-topicpath-area, #sapporo-footer-area, #sapporo-related-area { 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; } #sapporo-header-area p, #sapporo-navigation-area p, #sapporo-topicpath-area p, #sapporo-footer-area p, #sapporo-related-area p { margin: 0; padding: 0; } #sapporo-header-area img, #sapporo-navigation-area img, #sapporo-topicpath-area img, #sapporo-footer-area img, #sapporo-related-area img { border: 0 none; vertical-align: bottom; } #sapporo-header-area em, #sapporo-navigation-area em, #sapporo-topicpath-area em, #sapporo-footer-area em, #sapporo-related-area em { font-style: normal; font-weight: bold; } #sapporo-header-area a:link, #sapporo-navigation-area a:link, #sapporo-topicpath-area a:link, #sapporo-footer-area a:link, #sapporo-related-area a:link { color: #b39500; text-decoration: underline; } #sapporo-header-area a:visited, #sapporo-navigation-area a:visited, #sapporo-topicpath-area a:visited, #sapporo-footer-area a:visited, #sapporo-related-area a:visited { color: #ccb43d; text-decoration: underline; } #sapporo-header-area a:focus, #sapporo-navigation-area a:focus, #sapporo-topicpath-area a:focus, #sapporo-footer-area a:focus, #sapporo-related-area a:focus { color: #e6bf00; text-decoration: none; } #sapporo-header-area a:link:hover, #sapporo-navigation-area a:link:hover, #sapporo-topicpath-area a:link:hover, #sapporo-footer-area a:link:hover, #sapporo-related-area a:link:hover, #sapporo-header-area a:visited:hover, #sapporo-navigation-area a:visited:hover, #sapporo-topicpath-area a:visited:hover, #sapporo-footer-area a:visited:hover, #sapporo-related-area a:visited:hover, #sapporo-header-area a:link:active, #sapporo-navigation-area a:link:active, #sapporo-topicpath-area a:link:active, #sapporo-footer-area a:link:active, #sapporo-related-area a:link:active, #sapporo-header-area a:visited:active, #sapporo-navigation-area a:visited:active, #sapporo-topicpath-area a:visited:active, #sapporo-footer-area a:visited:active, #sapporo-related-area a:visited:active { color: #e6bf00; text-decoration: none; } #sapporo-header-area a.url:link, #sapporo-navigation-area a.url:link, #sapporo-topicpath-area a.url:link, #sapporo-footer-area a.url:link, #sapporo-related-area a.url:link, #sapporo-header-area a.url:visited, #sapporo-navigation-area a.url:visited, #sapporo-topicpath-area a.url:visited, #sapporo-footer-area a.url:visited, #sapporo-related-area a.url:visited { text-decoration: none; } #sapporo-header-area a.url:focus, #sapporo-navigation-area a.url:focus, #sapporo-topicpath-area a.url:focus, #sapporo-footer-area a.url:focus, #sapporo-related-area a.url:focus { text-decoration: none; } #sapporo-header-area a.url:link:hover, #sapporo-navigation-area a.url:link:hover, #sapporo-topicpath-area a.url:link:hover, #sapporo-footer-area a.url:link:hover, #sapporo-related-area a.url:link:hover, #sapporo-header-area a.url:visited:hover, #sapporo-navigation-area a.url:visited:hover, #sapporo-topicpath-area a.url:visited:hover, #sapporo-footer-area a.url:visited:hover, #sapporo-related-area a.url:visited:hover, #sapporo-header-area a.url:link:active, #sapporo-navigation-area a.url:link:active, #sapporo-topicpath-area a.url:link:active, #sapporo-footer-area a.url:link:active, #sapporo-related-area a.url:link:active, #sapporo-header-area a.url:visited:active, #sapporo-navigation-area a.url:visited:active, #sapporo-topicpath-area a.url:visited:active, #sapporo-footer-area a.url:visited:active, #sapporo-related-area a.url:visited:active { text-decoration: none; } #sapporo-topicpath-area { min-width: 960px; background-color: #f0ebdf; color: #4d3b17; text-align: center; zoom: 1; } #sapporo-topicpath-area:before, #sapporo-topicpath-area:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #sapporo-topicpath-area div.topicpath { width: 950px; margin: 0 auto; padding: 0; text-align: left; } #sapporo-topicpath-area div.topicpath p { padding: 10px 0; _padding: 11px 0 9px; font-size: 0.92em; line-height: 1; } #sapporo-topicpath-area div.topicpath p a:link, #sapporo-topicpath-area div.topicpath p a:visited { color: #b39500; text-decoration: none; } #sapporo-topicpath-area div.topicpath p a:focus { color: #e6bf00; text-decoration: none; } #sapporo-topicpath-area div.topicpath p a:link:hover, #sapporo-topicpath-area div.topicpath p a:visited:hover, #sapporo-topicpath-area div.topicpath p a:link:active, #sapporo-topicpath-area div.topicpath p a:visited:active { color: #e6bf00; text-decoration: none; } #sapporo-topicpath-area div.topicpath p span { color: #4d3b17; } #sapporo-topicpath-area.topicpathA { background-color: #f0ebdf; } #sapporo-topicpath-area.topicpathB { background-color: transparent; } #sapporo-topicpath-area.topicpathC { background-color: transparent; color: #ffffff; } #sapporo-topicpath-area.topicpathC div.topicpath { color: #ffffff; } #sapporo-topicpath-area.topicpathC div.topicpath p a:focus { color: #ffe046; } #sapporo-topicpath-area.topicpathC div.topicpath p a:link:hover, #sapporo-topicpath-area.topicpathC div.topicpath p a:visited:hover, #sapporo-topicpath-area.topicpathC div.topicpath p a:link:active, #sapporo-topicpath-area.topicpathC div.topicpath p a:visited:active { color: #ffe046; } #sapporo-topicpath-area.topicpathC div.topicpath p span { color: #ffffff; } #sapporo-topicpath-area { _background-color: expression( this.className.match("topicpathA") ? "#f0ebdf" : this.className.match("topicpathB") ? "transparent" : this.className.match("topicpathC") ? "transparent" : "#f0ebdf" ); } div#sapporo-special-contents-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; } div#sapporo-special-contents-area a.has-img-elements:after, div#sapporo-special-contents-area a[href*="sapporobeer.jp"]:after { content: '' !important; margin: 0; } div#sapporo-special-contents-area 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; } 



/* ============================== base_sp_print.css ============================== */

@media print { body { _zoom: 0.67 !important; } #sapporo-topicpath-area div.topicpath { display: table !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 { 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 .contents .utility ul li a.with-icon { *position: relative; *top: 2px; } #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 { 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.2em; } #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-top: 9px; 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; } }