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

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/img/loading.gif)  no-repeat center center;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
.loading {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
}
.loading_fif {
  position: fixed;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 110;
}
.loading_logo{
  position: fixed;
  width: 160px;
  left: 50%;
  top: 37%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#topSiteWrap { position: relative; }
  #topHeaderLogo {
    width: 400px;
    height: 185px;
    margin-left: 20px;
    background: url(/img/logoSmall.png);
  }
#mainWrap {}
#topHeaderWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
}
#topContent {
  position: relative;
  min-width: 740px;
  min-height: 1015px;
  margin-left: 260px;
}
#topNewsWrap {
  position: relative;
  width: 420px;
  margin: 10px auto 0;
  overflow: hidden;
}
#topNewsTimeline {
  margin-top: 10px;
}
#topNewsTimeline li {
  position: relative;
  float: left;
  width: 350px;
  height: 140px;
}
#topNewsTimeline dl { margin:0 10px; }

#topNewsTimeline .topNewsTitle {
  padding: 5px 0;
  margin-bottom: 10px;
  text-decortion: none;
  border-bottom: 1px solid #ff0000;
}
.topNewsSection a { text-decoration: underline; color: #ff6666; }
  .topNewsSection a:hover { text-decoration: none; }

#topNewsTimeline .topNewsTitle a {
  display: block;
  text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
#topNewsWrap h3 {
  width: 100px;
  height: 40px;
  margin-left: 66px;
  background: url(/img/captionNews.png) no-repeat center center;
}
#topNewsWrap h3, #newsTimelineNav {
  float: left;
}
.fifteen img {
    width: 100px;
    position: absolute;
    top: 1.2%;
    right: 1%;
}
#newsTimelineNav li {
  float: left;
  width: 30px;
  text-align: center;
}
#newsTimelineNavPrev a, #newsTimelineNavNext a {
  display: block;
  font-size: 217%;
  text-decoration: none;
  cursor: pointer;
}
.top_news_list_wrap {
  margin: 0 60px !important;
}

#topMainVisual {
  position: relative;
  margin: 0 auto;
  width: 750px;
  height: 800px;
  background: url(/img/mvSmall.jpg) no-repeat center 35px;
}
  #topCatch {
    width: 580px;
    height: 73px;
    margin: 20px auto;
    background: url(/img/topCatchSmall.png) no-repeat right 0;
  }
  #topCatch a {
    display: block;
    width: 580px;
    height: 73px;
    background: none;
  }
  #shinyfesta {
    position: absolute;
    width: 629px;
    margin: 0 auto;
    bottom: 720px;
    right: 70px;
  }
  #bromide {
    bottom: 650px;
    right: 140px;
  }
  #subCatch {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    height: 200px;
    background: url(/img/bd-dvd_catch.png) no-repeat 110px 0;
  }
  #bddvdCatch {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 51px;
    background: url(/img/bd-dvd_release.png) no-repeat center 0;
  }
  #bromide {
    position: absolute;
    width: 485px;
    height: 121px;
  }
  
@media screen and (min-width: 1240px) {
  #topNewsWrap {
    width: 750px;
  }
}
@media screen and (min-width: 1340px) {
  #topMainVisual{
    width: 750px;
    height: 1015px;
    background: url(/img/mvSmall.jpg) no-repeat center 0;
  }
  #topCatch {
    width: 480px;
    height: 25px;
    margin: 10px auto;
    background: url(/img/topCatchSmall.png) no-repeat right 0;
  }
  #topHeaderLogo {
    width: 400px;
    height: 185px;
    margin-left: 20px;
    background: url(/img/logoSmall.png);
  }
  #subCatch { right: 10px; }
}
@media screen and (min-width: 1341px) {
  #topMainVisual{
    width: 1200px;
    height: 1000px;
    background: url(/img/mv.jpg) no-repeat center 30px;
  }
  #topCatch {
    width: 680px;
    height: 86px;
    margin: 30px auto 10px;
    background: url(/img/topCatch.png) no-repeat right 0;
  }
  #topCatch a {
    display: block;
    width: 680px;
    height: 86px;
    background: none;
  }
  #shinyfesta {
    width: 629px;
    margin: 0;
    top: 110px;
    right: 0;
  }
  #bromide {
    top: 145px;
    right: 00px;
  }
  #topHeaderLogo {
    width: 500px;
    height: 230px;
    margin-left: 20px;
    background: url(/img/logo.png) no-repeat center 0;
  }
  #subCatch { right: 100px; }
}
@media screen and (min-width: 1700px) {
  #topNewsWrap {
    width: 1100px;
    margin-left: 200px;}
}
@media screen and (min-width: 1800px) {
  #topMainVisual{
    width: 1500px;
    height: 1200px;
    background: url(/img/mvLarge.jpg) no-repeat center 30px;
  }
  #topCatch {
    width: 780px;
    height: 99px;
    margin: 50px auto 10px;
    background: url(/img/topCatchLarge.png) no-repeat right 0;
  }
  #topCatch a {
    display: block;
    width: 780px;
    height: 99px;
    background: none;
  }
  #shinyfesta {
    width: 629px;
    margin: 0;
    top: 110px;
    right: 0;
  }
  #bromide {
    top: 145px;
    right: 0;
  }
  #topHeaderLogo {
    width: 610px;
    height: 280px;
    margin: 10px 0 0 20px;
    background: url(/img/logoLarge.png) no-repeat center 0;
  }
  #topHeaderWrap { margin-left: 20px; }
  #subCatch { right: 240px; }
  #topNewsWrap {
    width: 760px;
    margin-left: 340px;
  }
  
}