@charset "Shift-JIS";

*{
  margin : 0;
  padding : 0;
}

img {
  border : none;
}

.center {
  text-align : center;
}

a.btn:hover {
  opacity: 0.7;
}

body.teaser {
  background-color: #000000;
  background-image: url("./img/teaser/teaser_main.png?20160122");
  background-repeat: no-repeat;
  background-position: center top;
}

body.official {
  background-color: #000000;
}

div.contents {
  background-image: url("img/background.png");
  background-position: center top;
  width: 1200px;
  height: 1400px;
  position: relative;
  margin-top: 0px;
  margin-left: 0px;
}

div.page {
  position: relative;
  margin-left: 150px;
  padding-top: 55px;
  width: 900px;
}

img.new {
  position: absolute;
  width: 42px;
  height: 24px;
}

div.header {
  position: absolute;
  top: 70px;
  left: 72px;
  width: 779px;
  height: 74px;
}

div.header .top {
  background-image: url("img/empty.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 220px;
  height: 32px;
}

div.header a.top:hover {
  background-image: url("img/header01_on.png");
}

div.header .story {
  background-image: url("img/empty.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 34px;
  left: 0px;
  width: 110px;
  height: 40px;
}

div.header a.story:hover {
  background-image: url("img/header02_on.png");
}

div.header .concept {
  background-image: url("img/empty.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 34px;
  left: 119px;
  width: 137px;
  height: 40px;
}

div.header a.concept:hover {
  background-image: url("img/header03_on.png");
}

div.header .character {
  background-image: url("img/empty.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 34px;
  left: 261px;
  width: 115px;
  height: 40px;
}

div.header a.character:hover {
  background-image: url("img/header04_on.png");
}

div.header .gallery {
  background-image: url("img/empty.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 34px;
  left: 383px;
  width: 138px;
  height: 40px;
}

div.header a.gallery:hover {
  background-image: url("img/header05_on.png");
}

div.header .special {
  background-image: url("img/empty.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 34px;
  left: 529px;
  width: 136px;
  height: 40px;
}

div.header a.special:hover {
  background-image: url("img/header06_on.png");
}

div.header .spec {
  background-image: url("img/empty.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 34px;
  left: 671px;
  width: 108px;
  height: 40px;
}

div.header a.spec:hover {
  background-image: url("img/header07_on.png");
}

table.top_history tr td {
  padding-left: 10px;
}

table.top_info tr td {
  vertical-align: top;
}

table.top_history tr td a:link {
  color : #ffffff;
  text-decoration : none;
}

table.top_history tr td a:visited {
  color : #ffffff;
  text-decoration : none;
}

table.top_history tr td a:active {
  color : #ffffff;
  text-decoration : underline;
}

table.top_history tr td a:hover {
  color : #ffffff;
  text-decoration : underline;
}

.top_banner {
  position: relative;
  margin-bottom: 10px;
  height: 100px;
  display: block;
}

.top_banner_right {
  position: relative;
  margin-bottom: 10px;
  height: 100px;
  display: block;
}

a.chara_btn {
  background-repeat: no-repeat;
  position: absolute;
  left: 68px;
  top: 187px;
  width: 270px;
  height: 18px;
}

a.stand_btn {
  background-image: url("img/empty.png");
  position: absolute;
  top: 500px;
  width: 75px;
  height: 45px;
}

.gallery_image_row {
  position: absolute;
  left: 87px;
}

.gallery_image {
  margin-right: 15px;
}

.special_btn_row {
  position: absolute;
  left: 68px;
}

.special_btn {
  margin-right: 30px;
}