@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
*/

/* base setting */
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: #fadef0; }
::-moz-selection { background: #fadef0; }

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

/* site wrap */
body{
  background: url(/img/bg.gif);
}
#siteWrap {
  width: 1106px;
  margin-top: 0;
  padding-bottom: 290px;
  background: url(/img/bgBlue.png) no-repeat left bottom;
}
#headerWrap {
  float: left;
  padding-bottom: 25px;
  width: 300px;
  border-right: 6px solid #3366cc;
}
#headerLogo { margin-right: 5px; text-align: right; }
#topMovie {
  width: 250px;
  margin: 0 auto;
}
#catch {
  width: 250px;
  margin: 0 auto;
  padding-bottom: 10px;
}
#globalNav { }
  #globalNav li a {
    display: block;
    height: 40px;
  }
  #globalNav li:hover {
    display: block;
    height: 40px;
    background-color: #ff0000;
    animation: color infinite 5s ease-in-out;
    -o-animation: color infinite 5s ease-in-out;
    -moz-animation: color infinite 5s ease-in-out;
    -webkit-animation: color infinite 5s ease-in-out;
  }
  @-o-keyframes color {
    0% { background-color: #ff0000; }
    50% { background-color: #0000ff; }
    100% { background-color: #ff0000; }
  }
  @-moz-keyframes color {
    0% { background-color: #ff0000; }
    50% { background-color: #0000ff; }
    100% { background-color: #ff0000; }
  }
  @-webkit-keyframes color {
    0% { background-color: #ff0000; }
    50% { background-color: #0000ff; }
    100% { background-color: #ff0000; }
  }
  #globalNav li a {
    background-image: url(/img/globalNav.png);
    background-repeat: no-repeat;
  }
  #globalNavList-01 a { background-position: 30px 0; }
  #globalNavList-02 a { background-position: 30px -40px; }
  #globalNavList-03 a { background-position: 30px -80px; }
  #globalNavList-04 a { background-position: 30px -120px; }
  #globalNavList-05 a { background-position: 30px -160px; }
  #globalNavList-06 a { background-position: 30px -200px; }
  #globalNavList-07 a { background-position: 30px -240px; }
  #globalNavList-08 a { background-position: 30px -280px; }
  #globalNavList-09 a { background-position: 30px -320px; }
  #globalNavList-10 a { background-position: 30px -360px; }
  #globalNavList-11 a { background-position: 30px -400px; }
    #globalNavList-01 a:hover { background-position: -270px 0; }
    #globalNavList-02 a:hover { background-position: -270px -40px; }
    #globalNavList-03 a:hover { background-position: -270px -80px; }
    #globalNavList-04 a:hover { background-position: -270px -120px; }
    #globalNavList-05 a:hover { background-position: -270px -160px; }
    #globalNavList-06 a:hover { background-position: -270px -200px; }
    #globalNavList-07 a:hover { background-position: -270px -240px; }
    #globalNavList-08 a:hover { background-position: -270px -280px; }
    #globalNavList-09 a:hover { background-position: -270px -320px; }
    #globalNavList-10 a:hover { background-position: -270px -360px; }
    #globalNavList-11 a:hover { background-position: -270px -400px; }
  #globalNav .new {
    background: url(/img/new.png) no-repeat left 0 ;
  }
#topNews {
  margin: 20px 0;
  padding-top: 30px;
  background: url(/img/lineImage.png) repeat-x 5px 0;
}
  #topNews h3 { text-align: center; }
  #topNews time {
    font-weight: bold;
    color: #ff0000;
  }
#topNewsList {}
  #topNewsList li { margin: 0 20px 5px; }
  #topNewsList dd {
    font-size: 125%;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  #topNewsList a { text-decoration: none; }
#topNews {}
  #topNews a { color: #000; }
  #topNews a:hover { color: #ff0000; }
.bnrList {
  margin: 10px 0;
  text-align: center;
}
.bnrList li {
  margin-bottom: 5px;
}
#socialBtnArea {
  margin-top: 20px;
  padding: 0 20px;
}
#socialBtn {
  display:block;
  width:72px;
  height:72px;
  cursor: pointer;
  background: url(/img/shareBtn.png) no-repeat center center;
}
#socialBtnList {
  display: none;
  margin-left: 40px;
  padding: 60px 0 0 30px;
  width: 150px;
  height: 120px;
  background: url(/img/shareBg.png) no-repeat center center;
}

/* main wrap */
#subContent {
  float: left;
  position: relative;
  padding-top: 114px;
  margin-top: 0;
  min-width: 800px;
  background: url(/img/bgRed.png) no-repeat 490px top;
}
#mainWrap{ width: 670px; }
  #mainWrap h3 {
    position: absolute;
    top: 60px;
    right: 140px;
    z-index: 1;
  }
.section {
  margin-right: 120px;
  width: 670px;
  border-top: 7px solid #ff3333;
}
@media screen and (max-width: 1024px) {
  #siteWrap { width: 1106px; }
  #mainWrap{ width: 670px; }
    #mainWrap h3 {
      right: 140px;
    }
  #subContent {
    min-width: 800px;
    background: url(/img/bgRed.png) no-repeat 490px top;
  }
  .section {
    margin-right: 120px;
    width: 670px;
  }
}
@media screen and (min-width: 1024px) {
  #siteWrap { width: 1390px; }
  #mainWrap{ width: 740px; }
    #mainWrap h3 { right: 360px; }
  #subContent {
    width: 1080px;
    background: url(/img/bgRed.png) no-repeat 550px top;
  }
  .section {
    margin-right: 70px;
    width: 740px;
  }
}
@media screen and (min-width: 1390px) {
  #siteWrap { width: 1390px; }
  #mainWrap{ width: 740px; }
    #mainWrap h3 { right: 360px; }
  #subContent {
    width: 1080px;
    background: url(/img/bgRed.png) no-repeat 550px top;
  }
  .section {
    margin-right: 70px;
    width: 740px;
  }
}

/* footer wrap */
#globalFooterWrap {
  text-align: center;
  background : #97b0f2;
  background: -moz-linear-gradient(top, #fadef0, #97b0f2 50%, #a1b8e9); 
  background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #fadef0),color-stop(0, #a1b8e9));
}
#globalFooter { padding: 20px 0; }
  #globalFooter a { color: #000; text-decoration: none; }
  #globalFooter a:hover { tex-decoration: underline; }
#twTimelineWrap {
  width: 920px;
  margin: 0 auto;
}
#twTimelineWrap h3 {
  float: left;
  width: 118px;
  margin-top: 25px;
}
#twTimelineWrap h3 a {
  display: block;
  text-align: center;
  color: #333;
  font-size: 117%;
  font-weight: bold;
  text-decoration: none;
}
#twTimelineWrap h3 a:hover { color: #ff0000; }
.twitter_update_list_wrap {
  height: 100px!important;
  margin: 0 80px!important;
}
#twTimeline {
  position: relative;
  float: left;
  width: 802px;
}
#twitter_update_list {
  height: 60px!important;
  padding: 10px 0;
}
#twitter_update_list li {
  float: left;
  width: 640px;
  line-height: 20px;
  color: #333;
  font-size: 117%;
}
#twitter_update_list li a {
  color: #ff0000;
  text-decoration: underline;
}
#twitter_update_list li a:hover { text-decoration: none; }
#twTimelineNav li {
  position: absolute;
  top: 25px;
  width: 20px;
  height: 50px;
}
#twTimelineNavPrev { left: 30px; }
#twTimelineNavNext { right: 30px; }
#twTimelineNavPrev a, #twTimelineNavNext a {
  display: block;
  width: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 217%;
  text-decoration: none;
}
#twTimelineNavPrev a:hover, #twTimelineNavNext a:hover {
  color: #7090ce;
  cursor: pointer;
}
#corporateLink { }
  #corporateLink li { display: inline-block; }
  #corporateLink li a { margin: 0 10px; }
  #corporateLink li a:hover { text-decoration: underline; }
#globalFooterBnrList {
    width: 880px;
    margin: 20px auto;
  }
  #globalFooterBnrList li { float: left; }
  #globalFooterBnrList li img { margin: 0 10px; }

/* other */
.hiddenTxt {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.hover a {
  display: block;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.hover a:hover {
  opacity: 0.6 !important;
  -moz-opacity: 0.6 !important;
  -ms-filter: "alpha(opacity=60)" !important;
  filter: alpha(opacity=60) !important;
}
iframe[name="google_conversion_frame"] {
	position: absolute;
	height: 0;
}