@charset "UTF-8";

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

html, body { height: 100%; }
body { background: #FFF; }

/* clearfix */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after { clear: both; }

/* selection highlight */ 
::selection { background: #33CCCC; }
::-moz-selection { background: #33CCCC; }

a, a:link, a:visited { color: #FF0000; text-decoration: underline; }
a:hover, a:active { color: #CC0000; text-decoration: underline; }

body { background: url(/img/bg.gif) #FAFAFA center 25px; }
#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #FFF;
}

/* globalHeaderWrap */
#globalHeaderWrap {
  width: 100%;
  background: url(/img/headBg.gif) center 0;
  border-bottom: 5px solid #000;
}
#headerWrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#headerWrap h1 a {
  display: block;
  width: 280px;
  height: 120px;
  margin: 15px auto;
  background: url(/img/logo.png) no-repeat;
}
#headerWrap .new {
  display: block;
  position: absolute;
  top: 2px;
  left: -10px;
  width: 50px;
  height: 20px;
  background: url(/img/globalNavNew.gif) no-repeat left 0;
}
#globalNav li {
  display: block;
  position: relative;
  position: absolute;
  height: 16px;
  padding: 20px 10px 10px 10px;
  background: url(/img/globalNavOn.png) no-repeat -500px bottom;
}
#globalNav li:hover {
  background: url(/img/globalNavOn.png) no-repeat right bottom;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
#globalNav-01, #globalNav-01 a { width: 66px; }
#globalNav-02, #globalNav-02 a { width: 138px; }
#globalNav-03, #globalNav-03 a { width: 80px; }
#globalNav-04, #globalNav-04 a { width: 140px; }
#globalNav-05, #globalNav-05 a { width: 75px; }
#globalNav-06, #globalNav-06 a { width: 98px; }
#globalNav-07, #globalNav-07 a { width: 130px; }
#globalNav-08, #globalNav-08 a { width: 52px; }
#globalNav-09, #globalNav-09 a { width: 35px; }
#globalNav-10, #globalNav-10 a { width: 60px; }
#globalNav-11, #globalNav-11 a { width: 78px; }
#globalNav-12, #globalNav-12 a { width: 98px; }
#globalNav-13, #globalNav-13 a { width: 95px; }
#globalNav-01 { top: 30px; left: 10px;}
#globalNav-02 { top: 30px; left: 100px;}
#globalNav-03 { top: 30px; left: 260px;}
#globalNav-04 { top: 80px; left: 0;}
#globalNav-05 { top: 80px; left: 165px;}
#globalNav-06 { top: 80px; left: 260px;}
#globalNav-07 { top: 30px; right: 220px;}
#globalNav-08 { top: 30px; right: 130px;}
#globalNav-09 { top: 30px; right: 40px;}
#globalNav-10 { top: 80px; right: 255px;}
#globalNav-11 { top: 80px; right: 150px;}
#globalNav-12 { top: 80px; right: 20px;}
#globalNav li a {
  display: block;
  position: relative;
  height: 18px;
  background-image: url(/img/globalNav.png);
}
#globalNav-01 a { background-position: 0 0; }
#globalNav-02 a { background-position: -93px 0; }
#globalNav-03 a { background-position: -255px 0; }
#globalNav-04 a { background-position: -454px 0; }
#globalNav-05 a { background-position: -358px 0; }
#globalNav-06 a { background-position: -616px 0; }
#globalNav-07 a { background-position: 0 -26px; }
#globalNav-08 a { background-position: -160px -26px; }
#globalNav-09 a { background-position: -244px -26px; }
#globalNav-10 a { background-position: -310px -26px; }
#globalNav-11 a { background-position: -388px -26px; }
#globalNav-12 a { background-position: -489px -26px; }
#socialBtnList {
  position: absolute;
  right: 20px;
  top: 10px;
}
#socialBtnList li { float: left; }

/* subSiteWrap */
#subSiteWrap {
  width: 1000px;
  margin: 0 auto;
  background: url(/img/subContentBg.png) no-repeat 0 bottom;
}
#subSiteWrap h2 {
  padding: 35px 0;
  text-align: center;
  background: url(/img/border.png) no-repeat center bottom;
}
#content {
  padding: 35px 0;
  background: url(/img/border.png) no-repeat center bottom;
}

/* fotter */
#globalFooterWrap {
  margin-top: 80px;
  padding: 20px;
  color: #fff;
  background: #000;
}
#globalFooter {
  width: 1000px;
  margin: 0 auto;
}
#footerBnrList {
  width: 870px;
  margin: 0 auto;
}
#siteInfo {
  width: 1000px;
  text-align: center;
  float: left; 
}
#footerBnrList li { float: left; }
#footerBnrList li a { margin-right: 10px; }
#copyright { display: block; margin: 10px 10px 5px; }
#corporateLink li { display: inline-block; }
#corporateLink li a {
  margin: 0 5px;
  color: #fff;
}
#corporateLink li a:hover { text-decoration: underline; }
#attention {
  margin-top: 20px;
  text-align: center;
}

/* other */
.hiddenTxt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#seasonListNav {
  width: 460px;
  margin: 0 auto;
}
#seasonListNav li {
  float: left;
  width: 170px;
  margin:0 30px 25px;
  padding-bottom: 3px;
  border-bottom: 2px dashed #FF0000;
  text-align: center;
}
#seasonListNav li:hover { border-bottom: 2px dashed #000; }
#seasonListNav .alpha {
  opacity: 0.6 !important;
  -moz-opacity: 0.6 !important;
  -ms-filter: "alpha(opacity=60)" !important;
  filter: alpha(opacity=60) !important;
}