
#wrap {
  height: 100%;
  width: 100%;
  top:0;
  left:0;
  bottom: 0;
  right:0;
  margin:0;
  position: relative;
  background: #fff;
}
#wrap img {
  width: 100%;
  height:auto;
  display: block;
  margin: 0 auto;
}
#header {
  position:relative;
}

#header>img, #footer>img {
  max-width: 1800px;
}

h1 #logo {
  max-width: 346px;
  position: absolute;
  top: 10%;
  width: 20%;
  display: block;
  margin: 0 0 0 57%;
}

#header>a {
  background: url('//static.gesoten.com/img/geso/lp/8276/btn_main_play_off.png') no-repeat;
  background-size: 100%;
  width: 14%;
  height: 48%;
  max-height: 48%;
  max-width: 14%;
  position: absolute;
  top: 52%;
  display: block;
  margin: 0px 0 0 58%;
}
#header>a:hover {
  background: url('//static.gesoten.com/img/geso/lp/8276/btn_main_play_on.png') no-repeat;
  background-size: 100%;
  width: 14%;
  height: 48%;
  max-height: 48%;
  max-width: 14%;
  position: absolute;
  top: 52%;
  display: block;
  margin: 0px 0 0 58%;
}
.jizen_done_top {
  height: 41%!important;
  position: absolute;
  top: 54%;
  display: block;
  margin: 0px 0 0 59%!important;;
  width: 16%!important;
}

#main {
  position: relative;
}

#main img#mainbg {
  display:block;
  max-width: 1800px;
  margin: 0 auto;
}

#main img#sendai {
  max-width: 1000px;
  margin-bottom: 40px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 2% auto;
  right: 0;
  width: 56%;
}

#main img#explain {
  max-width: 1000px;
  margin-bottom: 40px;
  position: absolute;
  top: 4%;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 56%;
}

#footer {
  position: relative;
  margin: 0 auto;
}

#footer>a {
  background: url('//static.gesoten.com/img/geso/lp/8276/btn_play.png');
  background-size: 100%;
  position: absolute;
  bottom: 22%;
  display: block;
  left: 0;
  width: 40%;
  height: 17%;
  right: 0;
  margin: auto;
}
#footer>a:hover {
  opacity: .9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}
.jizen_done_bottom {
  position: absolute;
  display: block;
  left: 0;
  bottom: 22%;
  width: 40%!important;
  margin: auto;
  right: 0;
}
.jizen_done_bottom:hover {
  opacity: .9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

#footer p {
  font-size: 1em;
  margin: 0 auto;
  width: 40%;
  position: absolute;
  bottom: 3%;
  text-align: center;
  left: 0;
  right: 0;
}
