/* sapporo-header-area
======================================*/
#sapporo-header-area {
  border-bottom: 0 none; }

#sapporo-header-area .header .corporate-name {
  padding-bottom: 15px; }

#sapporo-header-area .header .corporate-identity {
  padding-bottom: 1px; }

/* sapporo-navigation-area
======================================*/
#sapporo-navigation-area div.navigation-panel {
  top: auto;
  bottom: 21px; }

#sapporo-navigation-area div.navigation-panel div.tabView-nav {
  position: relative;
  padding-bottom: 40px;
  _margin-top: -40px;
  _zoom: 1; }

#sapporo-navigation-area div.navigation-panel div.tabView-tabs {
  position: absolute;
  bottom: -7px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  width: 935px;
  background-image: url(../../img/index/bg_tab_01.gif); }

/* main-swf-area
 ======================================*/
#main-swf-area {
  width: 100%;
  min-width: 960px;
  height: 335px;
  margin: 0 0 -15px;
  padding: 0;
  border-top: 15px solid white;
  background-color: #f0ebdf; }

#main-swf-area #main-swf-area-content {
  width: 950px;
  margin: 0 auto;
  padding: 0 5px; }

#main-swf-area #main-swf-area-content a {
  display: block;
  width: 552px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  top: -6px; }

#main-swf-area a:hover img,
#main-swf-area a:focus img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
  filter: Alpha(opacity=70);
  opacity: 0.7;
  zoom: 1; }

#main-swf-area object {
  display: block;
  position: relative;
  top: -15px; }

#main-swf-area .flash-cm-playerA02 {
  background: none;
  width: 100%;
  min-height: 0;
  _height: 335px; }

/* ----- when megamenu is opened ----- */
/*
body.spr-megamenu-activated #main-swf-area {
	background-color: #9E937B;
}


body.spr-megamenu-activated #main-swf-area object {
	visibility: hidden !important;
}
*/
@media print {
  .home #sapporo-related-area {
    display: block !important; }

  .home #sapporo-related-area .panel-group .slide-canvasA01 {
    display: none; }

  div#main-swf-area div#main-swf-area-content {
    display: block; }

  div#main-swf-area object {
    display: none; } }
/* panel-alertA01
======================================*/
div.panel-alertA01 {
  margin-top: 10px;
  background: white url(../../img/index/bg_panel-alert_02.gif) 0 100% no-repeat; }

div.panel-alertA01-content {
  padding: 0 20px 1.6em;
  padding-bottom: 1.65em;
  background: url(../../img/index/bg_panel-alert_01.gif) 0 0 no-repeat;
  zoom: 1; }

div.panel-alertA01 h2.headingA02.first-child {
  padding-top: 1.5em;
  color: #cc3300; }

div.panel-alertA01 ul.link-listA01 {
  padding-top: 0.75em; }

div.panel-alertA01 ul.link-listA01 li a:link,
div.panel-alertA01 ul.link-listA01 li a:visited,
div.panel-alertA01 ul.link-listA01 li a:focus,
div.panel-alertA01 ul.link-listA01 li a:link:hover,
div.panel-alertA01 ul.link-listA01 li a:visited:hover,
div.panel-alertA01 ul.link-listA01 li a:link:active,
div.panel-alertA01 ul.link-listA01 li a:visited:active {
  padding-left: 0;
  background: none; }

div.panel-alertA01 ul.link-listA01 li a img {
  padding-right: 3px;
  padding-left: 3px; }

/* panel-alertA01-2
======================================*/
div.panel-alertA01-content.shin {
  padding: 1.2em 20px 1.0em;
  background: url(../../img/index/bg_panel-alert_01.gif) 0 0 no-repeat;
  zoom: 1; }

div.panel-alertA01 h2.headingA02.first-child.shin2 {
  display: none;
  padding-top: 1.5em;
  color: #cc3300; }

div.panel-alertA01 h2.headingA02.first-child.shin2 span {
  display: block; }

div.panel-alertA01 ul.link-listA01.shin3 {
  padding-top: 0em; }

div.panel-alertA01 ul.link-listA01.shin3 p {
  padding-top: 0.1em;
  float: left; }

/*---TOP button---*/
div.panel-alertA01 ul.link-listA01 #button {
  height: 26px;
  background: url(../../img/index/btn_0_maru.gif) right top no-repeat;
  padding-right: 1px; }

div.panel-alertA01 ul.link-listA01 #button a {
  display: block;
  float: right;
  width: auto;
  height: 26px;
  line-height: 26px;
  padding: 0 9px 0 10px;
  background: no-repeat; }

div.panel-alertA01 ul.link-listA01 #button a:link {
  background-image: url(../../img/index/btn_011.gif); }

div.panel-alertA01 ul.link-listA01 #button a:visited {
  background-image: url(../../img/index/btn_011.gif); }

div.panel-alertA01 ul.link-listA01 #button a:hover {
  background-image: url(../../img/index/btn_01_o1.gif); }

div.panel-alertA01 ul.link-listA01 #button a:active {
  background-image: url(../../img/index/btn_01_a1.gif); }

div.panel-alertA01 ul.link-listA01 #button a font {
  font-size: 80%; }

.clear {
  clear: both; }

/*---TOP button end---*/
/* panel-alertB01
======================================*/
div.panel-alertB01 {
  margin: 10px 0 0;
  background: white url(../../img/shared/bg/bg_main_02.gif) 0 0 no-repeat; }

div.panel-alertB01-content {
  padding: 0 10px 1.3em;
  background: url(../../img/shared/bg/bg_main-inner_02.gif) 0 100% no-repeat;
  zoom: 1; }

div.panel-alertB01-content:before,
div.panel-alertB01-content:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

div#sapporo-related-area div.panel-alertB01 h2.headingA02.first-child {
  float: left;
  width: 100px;
  padding-top: 1.5em;
  *padding-top: 1.4em;
  zoom: 1; }

div#sapporo-related-area div.panel-alertB01 h2.headingA02.first-child {
  float: left;
  width: 100px;
  padding-top: 1.5em;
  *padding-top: 1.4em;
  zoom: 1; }

div#sapporo-related-area div.panel-alertB01 ul.link-listA01 {
  margin-left: 100px;
  padding-top: 1.5em;
  *padding-top: 1.2em;
  zoom: 1; }

div.panel-alertB01 ul.link-listA01 li a img {
  padding-right: 3px;
  padding-left: 3px; }


/* panel-alertB02
======================================*/
div.panel-alertB02 {
  margin: 10px 0 0;
  padding-top: 8px;
  background: white url(../../img/shared/bg/bg_main_02.gif) 0 0 no-repeat; }

div.panel-alertB02-content {
  padding: 0 10px;
  background: url(../../img/shared/bg/bg_main-inner_02.gif) 0 100% no-repeat;
  min-height: 51px;
  _height: 51px;
  position: relative;
  zoom: 1; }

div.panel-alertB02-content:before,
div.panel-alertB02-content:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

div#sapporo-related-area div.panel-alertB02 ul.link-listA01 {
  padding-top: 0;
  font-weight: bold;
  zoom: 1; }

div#sapporo-related-area div.panel-alertB02 ul.link-listA01 li{
  margin-left: 80px;
}

div#sapporo-related-area div.panel-alertB02 ul.link-listA01 img{
  position: absolute;
  top: 0;
  left: 10px;
}

div#sapporo-related-area div.panel-alertB02 p {
  margin-top: 0.3em;
  margin-left: 80px;
  }

/* headline-tableA01
======================================*/
div.headline-tableA01 {
  display: none;
  width: 950px;
  margin: 10px 0 0;
  padding: 0;
  background: white url(../../img/index/bg_headline-table_02.gif) 0 100% no-repeat; }

body.bajl-enabled div.headline-tableA01 {
  display: block; }

div.headline-tableA01-content {
  margin: 0;
  padding: 0;
  background: url(../../img/index/bg_headline-table_01.gif) 0 0 no-repeat; }

div.headline-tableA01 table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse; }

div.headline-tableA01 table th,
div.headline-tableA01 table td {
  padding: 8px 0 5px;
  *padding: 4px 0 3px;
  vertical-align: middle;
  font-weight: normal; }

div.headline-tableA01 table th {
  font-weight: normal; }

div.headline-tableA01 table th.heading {
  padding: 7px 0 6px;
  *padding: 0 0 10px; }

div.headline-tableA01 table th h2 {
  margin: 0;
  *margin-top: -3px;
  padding: 0; }

div.headline-tableA01 a:link,
div.headline-tableA01 a:visited {
  text-decoration: none; }

div.headline-tableA01 a:focus {
  text-decoration: none; }

div.headline-tableA01 a:link:hover,
div.headline-tableA01 a:visited:hover,
div.headline-tableA01 a:link:active,
div.headline-tableA01 a:visited:active {
  text-decoration: none; }

/* popular-listA01
======================================*/
div.panelFull dl.popular-listA01 {
  padding-top: 0.85em; }

div.related-blockA02 {
  height: auto !important;
  /* overwrite rule of mod_*.css */ }

div.panelFull dl.popular-listA01 .flash-cm-playerA03 object {
  display: block; }

/* alert111108
======================================*/
#alert111108 a:link,
#alert111108 a:visited {
  color: #4d3b17;
  text-decoration: none; }

#alert111108 a:hover,
#alert111108 a:active {
  color: #4d3b17;
  text-decoration: none; }

/* alerttxt
======================================*/
#alerttxt {
  clear: both;
  padding-top: 10px; }

/* main-area
 ======================================*/
#main-area {
  width: 100%;
  min-width: 960px;
  height: 335px;
  margin: 0 0 -15px;
  padding: 0;
  border-top: 15px solid white;
  background-color: #f0ebdf; }

#main-area #main-area-content {
  width: 950px;
  height: 345px;
  margin: -10px auto 0;
  padding: 0;
  position: relative;
  overflow: hidden; }

#main-area #main-area-content a {
  display: block;
  width: 552px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  top: -6px; }
/*
#main-area-content img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: Alpha(opacity=80);
  opacity: 0.8;
  zoom: 1; }
*/
#main-area-content img { border-radius: 3px; }
#main-area-content a:hover img,
#main-area-content a:focus img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: Alpha(opacity=50);
  opacity: 0.9;
  zoom: 1;
  border-radius: 3px; }

#main-area object {
  display: block;
  position: relative;
  top: -15px; }

#main-area .flash-cm-playerA02 {
  background: none;
  width: 100%;
  min-height: 0;
  _height: 335px; }

#main-area #image-slide {
  margin-top: 40px;
  width: 1600px;
  height: 335px;
  zoom: 1;
  position: relative; }

#main-area #image-slide:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden; }

#main-area #image-slide .item {
  position: absolute;
  left: 0;
  top: 0; }

#main-area #image-slide .item a {
  top: 0;
  width: auto; }

#main-area #image-slide .item img {
  width: 440px;
  position: relative; }

#main-area-content #image-slide .active img,
#main-area-content #image-slide .active img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: Alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

#main-area-content #image-slide .active a:hover img,
#main-area-content #image-slide .active a:focus img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
  filter: Alpha(opacity=90);
  opacity: 0.9;
  zoom: 1; }

#main-area #main-area-logo {
  display: none;
  text-align: center;
  margin-top: 110px; }

#btn-image-slide {
  list-style: none;
  position: relative;
  width: 552px;
  z-index: 20;
  margin: 0 auto;
  display: none; }
  #btn-image-slide .prev {
    position: absolute;
    left: 8px;
    left: -9px \9;
    *left: -9px;
    top: 122px;
    z-index: 20; }
  #btn-image-slide .next {
    position: absolute;
    left: 563px;
    left: 539px\9;
    *left: 539px;
    top: 122px;
    z-index: 20; }

:root #btn-image-slide .prev {
  left: -9px \0; }

:root #btn-image-slide .next {
  left: 539px \0; }
