body {
  background-color: #000000;
}
#loading .bg {
  position: fixed;
  z-index: 910;
}
#loading .bg img {
  width: 100%;
}
#loading .hana {
  display: none;
  position: fixed;
  z-index: 950;
  left: 50%;
  top: 50%;
  margin-left: -66px;
  margin-top: -150px;
}
#loading .msg {
  display: none;
  position: fixed;
  z-index: 950;
  max-width: 25%;
  left: 50%;
  top: 50%;
  margin-left: -160px;
  margin-top: 89px;
}
#loading .msg img {
  width: 100%;
}
#loading .persent {
  position: fixed;
  z-index: 950;
  left: 10px;
  top: 10px;
}
#loading .ari {
  position: fixed;
  z-index: 920;
}
#loading .ari img {
  width: 100%;
}
#loading .ari img.pa {
  display: none;
}
#loading .gya {
  position: fixed;
  z-index: 970;
}
#loading .gya img {
  width: 100%;
}
#contents {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#contents #header {
  width: 1098px;
  margin: auto;
  padding: 0px 15px;
  position: absolute;
  z-index: 500;
}

#contents #header .menu {
  position: absolute;
  z-index: 520;
  height: 60px;
  right: 0px;
  /* top: 0px; */
  top: -60px;
}
#contents #header ul.menu li {
  width: 97px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0xp
  text-indent: -9999px;
  height: 30px;
  overflow: hidden;
}
#contents #header ul.menu li a {
  width: 97px;
  height: 50px;
  display: block;
  text-indent: -9999px;
}
#contents #header ul.menu li.top {
  background: transparent url("../img/index/m_top.png") no-repeat scroll center bottom;
}
#contents #header ul.menu li.movie {
  background: transparent url("../img/index/m_movie.png") no-repeat scroll center bottom;
}
#contents #header ul.menu li.enquete {
  background: transparent url("../img/index/m_enquete.png") no-repeat scroll center bottom;
}
#contents #header ul.menu li.twitter {
  background: transparent url("../img/index/m_twitter.png") no-repeat scroll center bottom;
}
#contents #header ul.menu li.hp {
  background: transparent url("../img/index/m_hp.png") no-repeat scroll center bottom;
}

#index {
  background-color: #f3ed53;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 200;
  min-height: 835px;
}
#index .bg {
  position: absolute;
  height: 100%;
  z-index: 210;
  background: transparent url("../img/index/line.gif") no-repeat scroll center top;
  min-width: 1098px;
  width: 100%;
}
#index .container {
  position: relative;
  width: 1098px;
  margin: auto;
  padding: 0px 15px;
  height: 100%;
  min-height: 835px;
  overflow: hidden;
}
#index .logo {
  position: absolute;
  z-index: 220;
}
#index .logo img {
  width: 100%;
}
#index .logo.kan {
  /*  top: 70px; */
  left: 300px;
  width: 243px;
  height: 236px;
  opacity: 0;
  top: -236px;
}
#index .logo.goku {
  top: 70px;
  /* right: 255px; */
  width: 243px;
  height: 236px;
  opacity: 0;
  right: -243px;
}
#index .logo.gaku {
  top: 315px;
  /* left: 300px; */
  width: 246px;
  height: 248px;
  opacity: 0;
  left: -246px;
}
#index .logo.en {
  /* bottom: 377px; */
  left: 630px;
  width: 233px;
  height: 245px;
  opacity: 0;
  bottom: -245px;
}

#index .logo.prison {
  z-index: 225;
  /* top: 93px; */
  left: 323px;
  width: 528px;
  height: 56px;
  opacity: 0;
  top: -56px;
}
#index .key-visual {
  z-index: 230;
  position: absolute;
  width: 539px;
  left: 283px;
  top: 155px;
  display: none;
}
#index .key-visual img {
  width: 100%;
}
#index .msg {
  z-index: 240;
  position: absolute;
  width: 226px;
  /* top: 123px; */
  top: -712px;
  left: 140px;
}
#index .msg img {
  width: 100%;
}
#index .guide {
  position: absolute;
  z-index: 220;
  width: 171px;
  left: 916px;
  top: 40px;
  display: none;
}
#index .guide img.ari {
  width: 60px;
  float: right;
}
#index .guide div {
  width: 100%;
  cursor: pointer;
}
#index .guide div img {
  width: 100%;
}
#index div.ari {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
}
#slides .bg {
  z-index: 400;
  width: 100%;
  height: 100%;
  position: fixed;
}

#slides .bg img {
  width: 100%;
  display: none;
}
#slides #next {
  right: 10px;
  top: 50%;
  margin-top: -38px;
}

#slides #prev {
  left: 10px;
  top: 50%;
  margin-top: -38px;
}

#slides #autoplay {
  top: 10px;
  left: 10px;
}

.photos .photo {
  border-color: rgb(85, 111, 212);
  border-width: 5px;
  border-style: solid;
}

#movie {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 400;
}

#movie .bg {
    background-color: #000000;
    width: 100%;
    height: 100%;
    z-index: 410;
    position: fixed;
    opacity: 0.7;
}

#movie .movie-body {
    position: absolute;
    z-index: 420;
    top: 50%;
    margin-top: -205px;
    left: 50%;
    margin-left: -365px;
}