@charset "UTF-8";

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

html { font-size: 100%; } body { margin: 0; padding: 0; width: auto !important; 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: #806A00; text-decoration: underline; } a:visited { color: #80774c; 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; zoom: 1; } .right { text-align: right; zoom: 1; } .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: 30000px !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; } @media print { ins.bajl-balloon { dis\play: none !important; } div.tabView-enabled .tabView-tabs { display: none !important; } div.tabView-enabled .tabView-pane { display: block !important; height: auto !important; min-height: 0 !important; } div.tabView-enabled .tabView-pane h3 { position: static !important; overflow: visible !important; width: auto !important; height: auto !important; font-size: 117% !important; color: black !important; background-color: transparent !important; } div.slide-canvas-discarded div.slide-viewport, div.slide-canvas-enabled div.slide-viewport { overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; height: auto !important; min-height: 0 !important; } div.slide-canvas-discarded div.slide-unit-group, div.slide-canvas-enabled div.slide-unit-group { width: auto !important; height: auto !important; min-height: 0 !important; } div.slide-canvas-discarded div.slide-unit, div.slide-canvas-enabled div.slide-unit { float: none !important; visibility: visible !important; margin-bottom: 1em !important; padding-bottom: 1em !important; border-bottom: 1px dotted #ccc !important; } div.slide-canvas-enabled ul.slide-controller { display: none !important; } }



/* ============================== mod_navpanel.css ============================== */

body.navigation-panel-content{width:950px;margin:0;padding:0;background-color:#fcf9f2}body.navigation-panel-content #structure{width:950px;height:320px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;background:white url(../../img/shared/base/bg_navigation-panel_05.gif) 0 0 no-repeat;position:relative;*zoom:1}body.navigation-panel-content #structure:after{clear:both;display:block;content:""}body.navigation-panel-content #structure #structure-content{height:100%;padding:0 20px}body.navigation-panel-content #sapporo-footer-area{position:relative;z-index:2;overflow:hidden;width:910px;height:35px;margin:0;padding:0 20px;background:url(../../img/shared/base/bg_navigation-footer_01.gif) repeat-x}body.navigation-panel-content #sapporo-footer-area ul.link-listA01{margin:1em 0 0;padding:0;list-style-type:none;*zoom:1}body.navigation-panel-content #sapporo-footer-area ul.link-listA01:before,body.navigation-panel-content #sapporo-footer-area ul.link-listA01:after{clear:both;display:block;content:""}body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li{float:left;margin:0;padding:0 20px 0 0}body.navigation-panel-content #structure a[href^="http"]:after,body.navigation-panel-content #sapporo-footer-area a[href^="http"]:after{content:url('/img/shared/ico/ico_window_02.gif');margin:0 0 0 .3em;background:transparent none;vertical-align:middle}body.navigation-panel-content #structure a[href*="sapporobeer.jp"]:after,body.navigation-panel-content #sapporo-footer-area a[href*="sapporobeer.jp"]:after{content:''!important;margin:0}body.navigation-panel-content #structure .panel-group{margin:0 -10px 0 0;margin:0 -23px 0 0;padding:0;_position:relative;*zoom:1}body.navigation-panel-content #structure .panel-group:before,body.navigation-panel-content #structure .panel-group:after{clear:both;display:block;content:""}body.navigation-panel-content #structure .panelFull{clear:both;width:910px;margin:10px 0 0;padding:0;background:#fff url(../../img/shared/base/bg_panel_01.gif) 0 0 no-repeat!important;position:relative}body.navigation-panel-content #structure .panelFull .panelFull-content{margin:0;padding:0 10px 10px;background:url(../../img/shared/base/bg_panel_02.gif) 0 100% no-repeat;*zoom:1}body.navigation-panel-content #structure .panelFull .panelFull-content:before,body.navigation-panel-content #structure .panelFull .panelFull-content:after{clear:both;display:block;content:""}body.navigation-panel-content #structure .column-group{margin:0 -10px 0 0;padding:0;*zoom:1}body.navigation-panel-content #structure .column-group:before,body.navigation-panel-content #structure .column-group:after{clear:both;display:block;content:""}body.navigation-panel-content #structure .column-group a:link,body.navigation-panel-content #structure .column-group a:visited{text-decoration:none}body.navigation-panel-content #structure .column-group a:focus{text-decoration:none}body.navigation-panel-content #structure .column-group a:link:hover,body.navigation-panel-content #structure .column-group a:visited:hover,body.navigation-panel-content #structure .column-group a:link:active,body.navigation-panel-content #structure .column-group a:visited:active{text-decoration:none}body.navigation-panel-content #structure div.headingA01{margin:0;padding:1.1em 0 0;*padding-top:1em;font-size:150%}body.navigation-panel-content #structure div.headingA01 h1{margin:0;padding:0;font-size:80%}body.navigation-panel-content #structure div.textA01 p{margin:0;padding:.5em 0 0;*padding-top:.55em}body.navigation-panel-content #structure div.figureA01{margin:0;padding:0}body.navigation-panel-content #structure ul.link-listA01{margin:0;padding:.5em 0 0;*padding-top:.55em;list-style-type:none}body.navigation-panel-content #structure ul.link-listA01 li{margin:0;padding:.25em 0 0}body.navigation-panel-content #structure ul.link-listA01 li:first-child{padding-top:0}body.navigation-panel-content #structure ul.link-listA01 li a,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a{padding-left:10px;*zoom:1}body.navigation-panel-content #structure ul.link-listA01 li a:link,body.navigation-panel-content #structure ul.link-listA01 li a:visited,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a:link,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a:visited{text-decoration:none;background:url(../../img/shared/ico/ico_arrow_01.gif) 0 .2em no-repeat;*background-position:0 .5em}body.navigation-panel-content #structure ul.link-listA01 li a:focus,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a:focus{text-decoration:none;background-image:url(../../img/shared/ico/ico_arrow_01_o.gif)}body.navigation-panel-content #structure ul.link-listA01 li a:link:hover,body.navigation-panel-content #structure ul.link-listA01 li a:visited:hover,body.navigation-panel-content #structure ul.link-listA01 li a:link:active,body.navigation-panel-content #structure ul.link-listA01 li a:visited:active,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a:link:hover,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a:visited:hover,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a:link:active,body.navigation-panel-content #sapporo-footer-area ul.link-listA01 li a:visited:active{text-decoration:none;background-image:url(../../img/shared/ico/ico_arrow_01_o.gif)}body.navigation-panel-content #structure ul.link-listB01{clear:both;margin:0;padding:.8em 0 0;list-style-type:none;zoom:1}body.navigation-panel-content #structure ul.link-listB01:before,body.navigation-panel-content #structure ul.link-listB01:after{clear:both;display:block;content:""}body.navigation-panel-content #structure ul.link-listB01 li{float:left;margin:0;padding:0 20px 0 0;white-space:nowrap;white-space:pre;zoom:1}body.navigation-panel-content #structure ul.link-listB01 li a{padding-left:10px}body.navigation-panel-content #structure ul.link-listB01 li a:link,body.navigation-panel-content #structure ul.link-listB01 li a:visited{text-decoration:none;background:url(../../img/shared/ico/ico_arrow_01.gif) 0 .2em no-repeat}body.navigation-panel-content #structure ul.link-listB01 li a:focus{text-decoration:none;background-image:url(../../img/shared/ico/ico_arrow_01_o.gif)}body.navigation-panel-content #structure ul.link-listB01 li a:link:hover,body.navigation-panel-content #structure ul.link-listB01 li a:visited:hover,body.navigation-panel-content #structure ul.link-listB01 li a:link:active,body.navigation-panel-content #structure ul.link-listB01 li a:visited:active{text-decoration:none;background-image:url(../../img/shared/ico/ico_arrow_01_o.gif)}body.navigation-panel-content #structure ul.note-listA01{margin:0 0 0 15px;padding:.3em 0 0;*padding-top:.15em;list-style-type:none}body.navigation-panel-content #structure ul.note-listA01 li{margin:.25em 0 0;padding:0;font-size:83%;position:relative;zoom:1}body.navigation-panel-content #structure ul.note-listA01 li:first-child{margin-top:0}body.navigation-panel-content #structure ul.note-listA01 li span.marker{width:1em;padding-right:5px;text-align:right;position:absolute;top:0;right:100%}body.navigation-panel-content #structure ul.figure-block-listA01{margin:.8em 0 0 0;padding:0;list-style-type:none;border-top:0;zoom:1}body.navigation-panel-content #structure ul.figure-block-listA01:before,body.navigation-panel-content #structure ul.figure-block-listA01:after{clear:both;display:block;content:""}body.navigation-panel-content #structure ul.figure-block-listA01 li{float:left;width:210px;margin:0 15px 0 0;padding:.7em 0 .4em;*padding:.6em 0 .4em}body.navigation-panel-content #structure ul.figure-block-listA01 li:nth-child(3),body.navigation-panel-content #structure ul.figure-block-listA01 li:nth-child(6),body.navigation-panel-content #structure ul.figure-block-listA01 li:nth-child(9){width:225px;margin-right:0}body.navigation-panel-content #structure ul.figure-block-listA01 li dl,body.navigation-panel-content #structure ul.figure-block-listA01 li dt,body.navigation-panel-content #structure ul.figure-block-listA01 li dd{margin:0;padding:0}body.navigation-panel-content #structure ul.figure-block-listA01 li dt{padding-left:78px;position:relative;zoom:1}body.navigation-panel-content #structure ul.figure-block-listA01 li dt a:link,body.navigation-panel-content #structure ul.figure-block-listA01 li dt a:visited{font-weight:bold;text-decoration:none}body.navigation-panel-content #structure ul.figure-block-listA01 li dt a:focus{text-decoration:none}body.navigation-panel-content #structure ul.figure-block-listA01 li dt a:link:hover,body.navigation-panel-content #structure ul.figure-block-listA01 li dt a:visited:hover,body.navigation-panel-content #structure ul.figure-block-listA01 li dt a:link:active,body.navigation-panel-content #structure ul.figure-block-listA01 li dt a:visited:active{text-decoration:none}body.navigation-panel-content #structure ul.figure-block-listA01 li dt img{position:absolute;left:0;top:3px}body.navigation-panel-content #structure ul.figure-block-listA01 li dd{padding-left:78px}body.navigation-panel-content #structure ul.link-btnA01,body.navigation-panel-content #sapporo-footer-area ul.link-btnA01{margin:0;padding:0;list-style-type:none}body.navigation-panel-content #structure ul.link-btnA01 li,body.navigation-panel-content #sapporo-footer-area ul.link-btnA01 li{margin:0;padding:0}body.navigation-panel-content #structure ul.link-btnA01 li img,body.navigation-panel-content #sapporo-footer-area ul.link-btnA01 li img{_behavior:url(/css/shared/alphaImageLoader.htc)}.clear{clear:both}body.navigation-panel-content.product{background-color:white}body.navigation-panel-content.product #structure{height:270px;background-image:none}body.navigation-panel-content.product #sapporo-footer-area{width:934px;padding:0 8px;background:white}body.navigation-panel-content.product.parent-is-toppage #structure{margin-top:40px;_margin-top:expression(document.body.className.indexOf('product')>-1 ? '40px':'0px')}body.navigation-panel-content.product.parent-is-toppage #sapporo-footer-area{position:absolute;_position:expression(document.body.className.indexOf('product')>-1 ? 'absolute':'static');top:0}body.navigation-panel-content.product #structure div.slide-canvas{width:950px;margin:0 0 0 -10px;padding:0}body.navigation-panel-content.product #structure div.slide-canvas div.panel-group{_position:static;width:30000px!important;margin:0;padding:0}body.navigation-panel-content.product #structure ul.slide-controller{margin:0;padding:0}body.navigation-panel-content.product #structure ul.slide-controller li{position:absolute;top:76px;display:block;list-style:none;width:25px;height:108px;margin:0;padding:0}body.navigation-panel-content.product #structure ul.slide-controller li.slide-prev{left:0}body.navigation-panel-content.product #structure ul.slide-controller li.slide-next{left:925px}body.navigation-panel-content.product #structure ul.slide-controller li a{display:block;width:100%;height:100%;background:transparent none left top no-repeat}body.navigation-panel-content.product #structure ul.slide-controller li a,body.navigation-panel-content.product #structure ul.slide-controller li a img{opacity:1;filter:none!important}body.navigation-panel-content.product #structure ul.slide-controller li.slide-prev a.pseudo-disabled{background-image:url(../../img/shared/base/btn_prev_01_d.png)}body.navigation-panel-content.product #structure ul.slide-controller li.slide-next a.pseudo-disabled{background-image:url(../../img/shared/base/btn_next_01_d.png)}body.navigation-panel-content.product #structure ul.slide-controller li a.pseudo-disabled img{display:none}body.navigation-panel-content.product #structure .panelFull{position:static;width:auto;margin:0;padding:0;background:none!important}body.navigation-panel-content.product #structure .panelFull .panelFull-content{margin:0;padding:0;background:0}body.navigation-panel-content.product #structure .column-group .saparate4column{float:left;width:225px;margin:10px 10px 0 0;padding:0}body.navigation-panel-content.product #structure .column-group .saparate5column{float:left;width:178px;margin:0 10px 0 0;padding:0}body.navigation-panel-content.product #structure .product-blockC01{width:178px;margin:0;padding:0}body.navigation-panel-content.product #structure .product-blockC01 h3.product-name{margin:0;padding:0;font-size:0;line-height:0;vertical-align:bottom}body.navigation-panel-content.product #structure .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}body.navigation-panel-content.product #structure .product-blockC01 div.textA01 p a{display:block;padding:.5em 10px;background:url(../../product/img/shared/bg_column05_02.gif) 0 100% no-repeat}body.navigation-panel-content.product #structure .panelFull-content .frameA01{display:none}body.navigation-panel-content.product ul.link-btnA01 li{text-align:right}body.navigation-panel-content.product #structure .flash-cm-playerA02{width:225px;_height:207px;min-height:207px;background:url(../../img/shared/bg/bg_cm-player_01.gif) 0 177px no-repeat}body.navigation-panel-content.product #structure .flash-cm-playerA02 object{display:block;_height:177px;min-height:177px}body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01{padding:5px 0 0}body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01 li{padding:0}body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01 li a:link,body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01 li a:visited{display:block;padding:0;background:0 none;text-align:center}body.navigation-panel-content.product #structure .flash-cm-playerA02 ins.BrightcoveExperienceAlternate{display:block;margin:0;padding:0;width:225px;padding:8px 0 0;height:169px;background:url(../../img/shared/bg/bg_cm_list.png) 0 0 no-repeat;text-decoration:none}body.navigation-panel-content.product #structure .flash-cm-playerA02 ins.BrightcoveExperienceAlternate video{display:block;margin:0 auto;width:210px;height:118px;background:#000}body.navigation-panel-content.product #structure .flash-cm-playerA02 ins.BrightcoveExperienceAlternate .video-title{margin:3px 12px 0;padding:0}body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01{padding:5px 0 0}body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01 li{padding:0}body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01 li a:link,body.navigation-panel-content.product #structure .flash-cm-playerA02 ul.link-listA01 li a:visited{display:block;padding:0;background:0 none;text-align:center}body.navigation-panel-content.product #structure .flash-cm-playerA02 .figure{display:block;margin:0;padding:0;width:218px;padding:8px 7px 0;height:169px;background:url(../../img/shared/bg/bg_cm_list.png) 0 0 no-repeat;text-decoration:none}body.navigation-panel-content.product #structure .flash-cm-playerA02 .figure img{margin:0 auto;width:210px;height:118px}body.navigation-panel-content.product #structure .flash-cm-playerA02 .figure .figcaption{margin-top:5px;padding-left:5px;_margin-left:5px;color:##4d3b17}.flash-cm-playerA02 .figure a:hover img,.flash-cm-playerA02 .figure a:focus img{-ms-filter:"alpha(opacity=70)";filter:Alpha(opacity=70);opacity:.7;zoom:1}body.navigation-panel-content.gourmet #structure div.headingA01{float:left;padding-top:33px;padding-left:39px}body.navigation-panel-content.gourmet #structure div.headingA01 p{width:262px;margin-left:9px;padding-top:1em;font-size:66.7%;text-align:center}body.navigation-panel-content.gourmet #structure ul.link-btnA01{padding-top:.9em;padding-left:44px}body.navigation-panel-content.gourmet #structure div.area-list{float:left;width:520px;margin:0 0 0 20px;_margin-left:10px;padding:34px 0 0 0}body.navigation-panel-content.gourmet #structure div.data-tableA04{margin:0;padding:.5em 0 0 0}body.navigation-panel-content.gourmet #structure div.data-tableA04 table{width:100%;margin:0;padding:0;border-collapse:collapse}body.navigation-panel-content.gourmet #structure div.data-tableA04 table th,body.navigation-panel-content.gourmet #structure div.data-tableA04 table td{padding:.4em 0;border-top:1px solid #e2dbbf;border-bottom:1px solid #e2dbbf;vertical-align:top}body.navigation-panel-content.gourmet #structure div.data-tableA04 th{padding-right:10px;text-align:left}body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01{padding-top:0}body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li{margin-right:10px;padding-right:10px;border-right:1px solid #e2dbbf}body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li.last-child{margin-right:0;padding-right:0;border-right:0}body.navigation-panel-content.gourmet #structure div.data-tableA04 th a:link,body.navigation-panel-content.gourmet #structure div.data-tableA04 th a:visited{text-decoration:none}body.navigation-panel-content.gourmet #structure div.data-tableA04 th a:focus{text-decoration:none}body.navigation-panel-content.gourmet #structure div.data-tableA04 th a:link:hover,body.navigation-panel-content.gourmet #structure div.data-tableA04 th a:visited:hover,body.navigation-panel-content.gourmet #structure div.data-tableA04 th a:link:active,body.navigation-panel-content.gourmet #structure div.data-tableA04 th a:visited:active{text-decoration:none}body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li a:link,body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li a:visited{padding-left:0;background-image:none}body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li a:focus{padding-left:0;background-image:none}body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li a:link:hover,body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li a:visited:hover,body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li a:link:active,body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li a:visited:active{padding-left:0;background-image:none}body.navigation-panel-content.gourmet #structure div.data-tableA04 td ul.link-listB01 li span{color:#ccc}body.navigation-panel-content.gourmet #structure ul.note-listA01 li{text-align:right}body.navigation-panel-content.gourmet #structure ul.note-listA01 li span.marker{position:static}body.navigation-panel-content.recipe{background:#f0ebdf url(../../recipe/img/shared/bg/bg_body_01.gif) 0 0 repeat}body.navigation-panel-content.recipe #structure{background:transparent url(../../img/shared/base/bg_navigation-panel_06.gif) 0 0 no-repeat}body.navigation-panel-content.recipe #structure div.headingA01{padding-top:0;position:absolute;left:521px;top:35px;zoom:1}body.navigation-panel-content.recipe #structure div.headingA01 h1 img{_behavior:url(/css/shared/alphaImageLoader.htc)}body.navigation-panel-content.recipe #structure div.headingA01 div.figureA01{margin:-125px 0 0 53px;padding:0}body.navigation-panel-content.recipe #structure div.headingA01 div.textA01{display:none}body.navigation-panel-content.recipe #structure div.headingA01 div.textA01 p{margin:0;padding:0}body.navigation-panel-content.recipe #structure ul.link-btnA01{position:relative;z-index:2;margin:19px 0 0 51px}body.navigation-panel-content.recipe #structure div.slide-canvasA01 ul.slide-controller{display:none}body.navigation-panel-content.recipe #structure div.slide-canvas-enabled div.slide-unit{visibility:visible}body.navigation-panel-content.recipe #structure .panel4column{float:left;_float:none;width:470px;margin:20px 0 10px;padding:0;background:#fff url(../../img/shared/bg/bg_column02_01.gif) 0 0 no-repeat}body.navigation-panel-content.recipe #structure .panel4column .panel4column-content{margin:0;padding:0 15px 10px;background:url(../../img/shared/bg/bg_column02_02.gif) 0 100% no-repeat;position:relative;*zoom:1}body.navigation-panel-content.recipe #structure h2.headingA02{margin:0;padding:2.5em 0 0;*padding-top:2.4em;font-size:100%}body.navigation-panel-content.recipe #structure h2.headingA02.first-child{padding-top:1.7em}body.navigation-panel-content.recipe #structure h2.headingA02 img{vertical-align:middle;position:relative;*position:static;top:-1px;*top:0}body.navigation-panel-content.recipe #structure h2.headingA02.first-child img{_behavior:url(/css/shared/alphaImageLoader.htc)}body.navigation-panel-content.recipe #structure h2.headingA02 span{font-weight:normal}body.navigation-panel-content.recipe #structure .related-blockA02 dl{float:left;width:205px;margin:0 30px 0 0;_margin-right:15px;padding:.6em 0 0 0;*padding-top:.65em;*zoom:1}body.navigation-panel-content.recipe #structure .related-blockA02 dl:before,body.navigation-panel-content.recipe #structure .related-blockA02 dl:after{clear:both;display:block;content:""}body.navigation-panel-content.recipe #structure .related-blockA02 dl dt{margin:0;padding:0;font-weight:bold}body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:link,body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:visited{text-decoration:none}body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:focus{text-decoration:none}body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:link:hover,body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:visited:hover,body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:link:active,body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:visited:active{text-decoration:none}body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:hover img,body.navigation-panel-content.recipe #structure .related-blockA02 dl dt a:focus img{-ms-filter:"alpha(opacity=70)";filter:Alpha(opacity=70);opacity:.7;zoom:1}body.navigation-panel-content.recipe #structure .related-blockA02 dl dt span{display:inline-block;padding-top:.6em;cursor:pointer;zoom:1}body.navigation-panel-content.recipe #structure .related-blockA02 dl dd{margin:.25em 0 0;padding:0}body.navigation-panel-content.recipe #structure .related-link-blockA01{display:none}body.navigation-panel-content.recipe #structure .panelFull{margin-top:0}body.navigation-panel-content.recipe #structure .panelFull .panelFull-content{padding-bottom:5px}body.navigation-panel-content.recipe #structure .panelFull .panelFull-content h2.headingA02{float:left;padding-top:10px;padding-right:40px}body.navigation-panel-content.recipe #structure .panelFull .panelFull-content h2.headingA02 img{_behavior:url(/css/shared/alphaImageLoader.htc)}body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01,body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li{float:left}body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01{padding-top:8px;*padding-top:9px}body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li{padding-top:0;padding-right:17px}body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a{padding-left:0}body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a:link,body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a:visited{background:0}body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a:focus{background:0}body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a:link:hover,body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a:visited:hover,body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a:link:active,body.navigation-panel-content.recipe #structure .panelFull ul.link-listA01 li a:visited:active{background:0}body.navigation-panel-content.knowledge #structure #structure-content{background:url(../../../../../img/shared/base/bg_knowledge_01.jpg) 100% 0 no-repeat}body.navigation-panel-content.knowledge #structure div.column-one-third{float:left;width:210px;margin-right:15px;_margin-right:-15px}body.navigation-panel-content.knowledge #structure div.column-one-third ul.link-listA02{margin:0;padding:.5em 0 0;*padding:.4em 0 0;list-style-type:none;font-size:80%}body.navigation-panel-content.knowledge #structure div.column-one-third ul.link-listA02 li{margin:0;padding:.28em 0 0;*padding:.4em 0 0}body.navigation-panel-content.knowledge #structure div.column-two-third{float:left;width:470px}body.navigation-panel-content.knowledge #structure div.column-two-third ul.figure-block-listA01 li:nth-child(3),body.navigation-panel-content.knowledge #structure div.column-two-third ul.figure-block-listA01 li:nth-child(6),body.navigation-panel-content.knowledge #structure div.column-two-third ul.figure-block-listA01 li:nth-child(9){width:210px;margin-right:15px}body.navigation-panel-content.knowledge #structure div.column-two-third ul.figure-block-listA01 li:nth-child(2),body.navigation-panel-content.knowledge #structure div.column-two-third ul.figure-block-listA01 li:nth-child(4),body.navigation-panel-content.knowledge #structure div.column-two-third ul.figure-block-listA01 li:nth-child(6){width:225px;margin-right:0}body.navigation-panel-content.knowledge #structure ul.link-btnA01{position:absolute;right:20px;top:279px}body.navigation-panel-content.life #structure #structure-content{background:url(../../../../../img/shared/base/bg_life_01.jpg) 100% 0 no-repeat}body.navigation-panel-content.life #structure ul.figure-block-listA01{width:675px}body.navigation-panel-content.life #structure ul.link-btnA01{position:absolute;right:20px;top:279px}body.navigation-panel-content.company #structure #structure-content{background:url(../../../../../img/shared/base/bg_company_01.jpg) 100% 0 no-repeat}body.navigation-panel-content.company #structure ul.figure-block-listA01{width:675px}body.navigation-panel-content.company #structure ul.link-btnA01{position:absolute;right:20px;top:279px}body.campaign.navigation-panel-content #structure{width:950px;height:320px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;background:#f7f4ed url(../../img/shared/base/bg_navigation-panel_07.gif) 0 0 no-repeat;position:relative;*zoom:1}body.campaign.navigation-panel-content #sapporo-footer-area{position:relative;z-index:2;overflow:hidden;width:910px;height:35px;margin:0;padding:0 20px;background:url(../../img/shared/base/bg_navigation-footer_01.gif) repeat-x}body.navigation-panel-content.campaign #structure #structure-content{zoom:1}body.navigation-panel-content.campaign #structure{height:355px}body.navigation-panel-content.campaign #sapporo-footer-area{display:none}body.navigation-panel-content.campaign #structure div.headingA01{float:right;width:375px;padding-top:95px;text-align:center;position:relative;left:-30px}body.navigation-panel-content.campaign #structure div.headingA01 div.textA01{font-size:12px;*font-size:66.7%;line-height:1.5}body.navigation-panel-content.campaign #structure div.headingA01 div.textA01 p{padding-top:.8em;*padding-top:.75em}body.navigation-panel-content.campaign #structure div.headingA01 ul.link-btnA01{padding-top:.85em;*padding-top:.9em}body.navigation-panel-content.campaign #structure div.panel-canvas-area{float:left;margin-top:10px}.panel-canvas-area a:hover img,.panel-canvas-area a:focus img{-ms-filter:"alpha(opacity=70)";filter:Alpha(opacity=70);opacity:.7}.panel-canvas-area .panel2column{background:url("../../img/shared/bg/bg_column02_01.gif") no-repeat scroll 0 0 #fff;margin:10px 10px 0 0;padding:0;width:470px}.panel-canvas-area .panel2column .panel2column-content{background:url("../../img/shared/bg/bg_column02_02.gif") no-repeat scroll 0 100% transparent;margin:0;padding:0 10px 10px;position:relative;height:305px}.panel-canvas-area .related-blockA02:before,.related-blockA02:after{clear:both;content:".";display:block;height:0;visibility:hidden}.panel-canvas-area .related-blockA02:before,.related-blockA02:after{clear:both;content:".";display:block;height:0;visibility:hidden}.panel-canvas-area .related-blockA02{margin:0;padding:0}.panel-canvas-area h2.headingA02.first-child{padding-top:1.7em}.panel-canvas-area h2.headingA02{font-size:100%;margin:0;padding:2.5em 0 0}.panel-canvas-area .related-blockA02 dl.campaign-listA01.first-child{padding-left:0;padding-top:.5em;padding-bottom:.5em}.panel-canvas-area .related-blockA02 dl.campaign-listA01{float:left;padding-left:30px;width:210px}.panel-canvas-area .related-blockA02 dl{margin:0}.panel-canvas-area .related-blockA02 dl dt{font-weight:bold;margin:0;padding:0}.panel-canvas-area .related-blockA02 dl dt span{cursor:pointer;display:inline-block;padding-top:.6em}.panel-canvas-area a[href*="sapporobeer.jp"]:after,a[href*="sapporobeer.jp"]:after{content:""!important;margin:0}.panel-canvas-area .related-blockA02 a:link,.related-blockA02 a:visited{text-decoration:none}.related-blockA02 dl dd{margin:.25em 0 0;padding:0}.panel-canvas-area .related-blockA02 dl dd.icon:after{clear:both;content:".";display:block;height:0;visibility:hidden}.panel-canvas-area dl dd.icon{margin:.75em 0 0}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01.plus{background:url("/mypage/img/point/point_info_icon_b01-plus.gif") no-repeat scroll 0 0 transparent;height:13px;padding-top:3px;position:relative;width:80px}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01{font-size:10px;font-weight:bold;text-align:center}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01,.panel-canvas-area .related-blockA02 dl dd.icon span.image-icon{float:left;margin-right:1px}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01.plus .plusB01-icon{left:0;position:absolute;top:-7px}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01{font-size:10px;font-weight:bold;text-align:center}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01.plus span.device-starB01{color:#4d3b17;left:38px;position:absolute;top:0}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01{font-size:10px;font-weight:bold;text-align:center}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01.plus span.device-pointB01{color:#4d3b17;left:49px;position:absolute;top:0}.panel-canvas-area .related-blockA02 dl dd.icon span.point-info-iconB01{font-size:10px;font-weight:bold;text-align:center}.panel-canvas-area .related-link-blockA01 ul.related-link-listA01{display:none}.panel-canvas-area div.slide-canvas,.panel-canvas-area div.slide-canvas div.slide-viewport{position:relative;_left:-10px}.panel-canvas-area div.slide-canvas div.slide-unit{border-bottom:0;padding-bottom:0;+zoom:1}.panel-canvas-area div.slide-canvas div.slide-unit:before,.panel-canvas-area div.slide-canvas div.slide-unit:after{clear:both;display:block;content:""}.panel-canvas-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:0}.panel-canvas-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}.panel-canvas-area ul.slide-controller li.slide-prev a:hover{background-image:url(../../img/shared/btn/btn_slide_01_o.gif)}.panel-canvas-area ul.slide-controller li.slide-prev a:focus{background-image:url(../../img/shared/btn/btn_slide_01_o.gif)}.panel-canvas-area ul.slide-controller li.slide-prev a:active{background-image:url(../../img/shared/btn/btn_slide_01_a.gif)}.panel-canvas-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}.panel-canvas-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:0}.panel-canvas-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}.panel-canvas-area ul.slide-controller li.slide-next a:hover{background-image:url(../../img/shared/btn/btn_slide_02_o.gif)}.panel-canvas-area ul.slide-controller li.slide-next a:focus{background-image:url(../../img/shared/btn/btn_slide_02_o.gif)}.panel-canvas-area ul.slide-controller li.slide-next a:active{background-image:url(../../img/shared/btn/btn_slide_02_a.gif)}.panel-canvas-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}.panel-canvas-area div.slide-canvasA01{margin:0;padding:0}.panel-canvas-area div.panelR div.slide-canvasA01{margin:0 2px 0 3px;padding:0}.panel-canvas-area div.slide-canvasA01 ul.slide-controller{position:relative;margin:0;padding:0;list-style-type:none;z-index:10}.panel-canvas-area div.slide-canvasA01 ul.slide-controller li{position:absolute;top:60px;margin:0;padding:0;z-index:1}.panel-canvas-area div.slide-canvasA01 ul.slide-controller li.slide-prev{left:-15px}.panel-canvas-area div.slide-canvasA01 ul.slide-controller li.slide-next{right:-15px}.panel-canvas-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}.panel-canvas-area div.slide-canvasA01.slide-canvas-enabled ul.slide-selector{display:block}.panel-canvas-area div.slide-canvasA01 ul.slide-selector li{display:inline;margin:0;padding:0}.panel-canvas-area div.slide-canvasA01 ul.slide-selector li span a:link,.panel-canvas-area div.slide-canvasA01 ul.slide-selector li span a:visited{background:url(../../img/shared/ico/ico_paging_01.gif) 50% 50% no-repeat}.panel-canvas-area div.slide-canvasA01 ul.slide-selector li span a:link.pseudo-selected,.panel-canvas-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)}.panel-canvas-area div.slide-canvasA01 ul.slide-selector li span img{padding:0 1px;visibility:hidden;vertical-align:middle}