.main {
  text-align: center; }
  .main .l-inner {
    padding: 0 0 10px 0; }
  .main .main_lead {
    margin: 0 0 75px 0; }
  .main .main_box {
    position: relative;
    height: 920px; }
  .main .main_character {
    position: absolute;
    top: 110px;
    right: -10px;
    z-index: 0;
    pointer-events: none; }
  .main .main_release {
    position: absolute;
    left: 0px;
    top: 246px;
    z-index: 0; }
  .main .box_reserve {
    position: absolute;
    top: 700px;
    right: -10px; }
    .main .box_reserve a {
      display: block;
      position: relative; }
    .main .box_reserve .bg {
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 0; }
    .main .box_reserve .icon {
      position: absolute;
      left: -90px;
      top: -25px;
      z-index: 1; }
  .main .box_news {
    width: 375px;
    height: 196px;
    position: absolute;
    left: 0px;
    top: 700px;
    z-index: 0;
    background: url("../images/top/news_bg_v2.png") center top no-repeat;
    text-align: left; }
    .main .box_news .news_title {
      margin: 24px 0 15px 22px; }
    .main .box_news dl {
      display: block;
      width: 310px;
      margin: 0 0 8px 36px;
      color: #29616e;
      zoom: 1;
      font-size: 11px;
      font-weight: bold;
      line-height: 1.5em; }
      .main .box_news dl:after {
        content: "";
        clear: both;
        display: block; }
    .main .box_news dt {
      width: 60px;
      float: left; }
    .main .box_news dd {
      width: 250px;
      float: right; }
  .main .box_twi {
    width: 262px;
    height: 196px;
    position: absolute;
    left: 394px;
    top: 700px;
    z-index: 0;
    background: url("../images/top/twi_bg.png") center top no-repeat;
    text-align: left; }
    .main .box_twi .twi_title {
      margin: 24px 0 15px 20px; }
    .main .box_twi .twitter-timeline {
      margin: 10px 0 0 10px;
      min-height: 114px !important; }

.movie {
  position: absolute;
  left: 0px;
  top: 344px;
  z-index: 0;
  margin: 0 0 105px; }
  .movie .l-inner {
    height: 505px; }
  .movie h3.movie_title {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0; }
  .movie .movie_thumb {
    position: absolute;
    left: -2px;
    top: 20px;
    z-index: 1; }
    .movie .movie_thumb.new:before {
      background: url("../images/common/hd_gnav_new.png") no-repeat 0 0;
      content: "";
      display: block;
      width: 42px;
      height: 22px;
      position: absolute;
      left: 5px;
      top: -37px;
      z-index: 10; }
  .movie .movie_icon_l {
    position: absolute;
    left: -30px;
    top: 308px;
    z-index: 2; }
  .movie .movie_icon_r {
    position: absolute;
    left: 415px;
    top: 40px;
    z-index: 2; }
  .movie h3.ss_title {
    position: absolute;
    right: 0px;
    top: 132px;
    z-index: 0; }
  .movie .ss_list {
    display: block;
    width: 735px;
    position: absolute;
    right: 0px;
    top: 210px;
    z-index: 0;
    zoom: 1; }
    .movie .ss_list:after {
      content: "";
      clear: both;
      display: block; }
    .movie .ss_list li {
      float: left;
      width: 215px;
      height: 130px;
      box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px;
      -moz-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px;
      margin: 0 0 30px 30px;
      position: relative; }
    .movie .ss_list li:first-child {
      margin-left: 275px; }
    .movie .ss_list li:after {
      content: "";
      display: block;
      background: url("../images/common/icon_zoom.png") center top repeat;
      width: 31px;
      height: 31px;
      position: absolute;
      right: 10px;
      bottom: 10px;
      z-index: 1; }
  .movie .ss_icon_l {
    position: absolute;
    left: 230px;
    top: 475px;
    z-index: 2; }
  .movie .ss_icon_r {
    position: absolute;
    right: -50px;
    top: 180px;
    z-index: 2; }

.countdown {
  position: absolute;
  left: 0px;
  top: 494px;
  z-index: 0; }

.banner_area {
  padding: 0 0 40px; }
  .banner_area .box_bnr {
    position: relative;
    width: 100%;
    height: 110px; }
    .banner_area .box_bnr a {
      display: block;
      position: relative; }
    .banner_area .box_bnr .bnr {
      position: absolute; }
    .banner_area .box_bnr .l1 {
      left: 10px; }
    .banner_area .box_bnr .l2 {
      left: 170px; }
    .banner_area .box_bnr .l3 {
      left: 330px; }
    .banner_area .box_bnr .l4 {
      left: 490px; }
    .banner_area .box_bnr .l5 {
      left: 650px; }
    .banner_area .box_bnr .l6 {
      left: 810px; }

.about {
  position: relative;
  padding: 0 0 40px;
  z-index: 1; }
  .about .main_about {
    text-align: center;
    width: 788px;
    height: 379px;
    background: url("../images/top/main_about_bg_v2.png") center top no-repeat;
    margin: 0 auto; }
    .about .main_about h2 {
      padding: 20px 0 0 0; }
    .about .main_about .about_text {
      margin: -10px 0 0 0; }

.intro {
  position: relative;
  z-index: 1; }
  .intro .l-inner {
    height: 360px; }
  .intro h3.intro_title {
    position: absolute;
    left: -25px;
    top: 0px;
    z-index: 0; }
  .intro .intro_text {
    position: absolute;
    left: 28px;
    top: 125px;
    z-index: 1; }
  .intro .intro_map {
    position: absolute;
    left: 560px;
    top: -90px;
    z-index: 0; }
  .intro .btn_more {
    position: absolute;
    left: 25px;
    top: 257px;
    z-index: 0; }

.character .l-inner {
  height: 1247px; }
.character h3.character_title {
  position: absolute;
  left: 92px;
  top: 0px;
  z-index: 0; }
.character .btn_more {
  position: absolute;
  left: 400px;
  top: 265px;
  z-index: 10; }
.character .character_img01 {
  position: absolute;
  left: -14px;
  top: 254px;
  z-index: 0; }
.character .character_img02 {
  position: absolute;
  left: 196px;
  top: 254px;
  z-index: 0; }
.character .character_img03 {
  position: absolute;
  left: 388px;
  top: 254px;
  z-index: 0; }
.character .character_img04 {
  position: absolute;
  left: 580px;
  top: 254px;
  z-index: 0; }
.character .character_img05 {
  position: absolute;
  left: 771px;
  top: 254px;
  z-index: 0; }
.character .character_text {
  position: absolute;
  left: 280px;
  top: 170px;
  z-index: 0; }

.map .l-inner {
  height: 500px; }
.map h3.map_title {
  position: absolute;
  right: -24px;
  top: 0px;
  z-index: 0; }
.map .map_text {
  position: absolute;
  left: 493px;
  top: 180px;
  z-index: 2; }
.map .map_img1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px; }
.map .map_img2 {
  position: absolute;
  left: 240px;
  top: 83px;
  z-index: 0;
  box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px 5px; }
.map .map_icon_r {
  position: absolute;
  right: -15px;
  top: -30px;
  z-index: 0; }
.map .btn_more {
  position: absolute;
  left: 776px;
  top: 301px;
  z-index: 1; }

.limited {
  background: url("../images/top/limited_bg.png") center top repeat; }
  .limited .l-inner {
    height: 600px; }
  .limited h3 {
    position: absolute;
    left: 38px;
    top: 89px;
    z-index: 0; }
  .limited .copy {
    position: absolute;
    left: 38px;
    top: 157px;
    z-index: 0; }
  .limited h4 {
    position: absolute;
    left: 38px;
    top: 189px;
    z-index: 0; }
  .limited .detail {
    position: absolute;
    left: 38px;
    top: 347px;
    z-index: 0; }
  .limited .img {
    position: absolute;
    left: 545px;
    top: 125px;
    z-index: 1; }
  .limited .btn {
    position: absolute;
    left: 5541wpx;
    top: 437px;
    z-index: 0; }

.details {
  background-color: #424242; }
  .details .l-inner {
    padding: 87px 0 83px 0;
    width: 836px; }
  .details .spec {
    background: url("../images/common/bar_dot.png") center bottom repeat-x;
    padding: 0 0 25px 0;
    margin: 0 0 25px 0; }

.paper_story {
  position: absolute;
  left: 50%;
  top: 1875px;
  z-index: 0;
  margin: 0 0 0 -170px; }

.paper_character {
  position: absolute;
  left: 50%;
  top: 2373px;
  z-index: 0;
  margin: 0 0 0 -480px; }

.paper_map {
  position: absolute;
  left: 50%;
  top: 2932px;
  z-index: 0;
  margin: 0 0 0 -213px; }