html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1000px;
  background-color: #000000;
  background-image: url(../image/header_back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 5px;
}

img {
  vertical-align: bottom;
}

#container1 {
  position: relative;
  width: 1000px;
  height: 359px;
  max-height: 100%;
  margin: 0 auto;
}

#header_main {
  position: absolute;
  top: 76px;
  left: 0;
}

#header_frame_01 {
  position: absolute;
  top: 0;
  left: 218px;
}

#header_frame_02 {
  position: absolute;
  top: 275px;
  left: 218px;
}

#ziz_logo {
  position: absolute;
  top: 0;
  left: 375px;
}

#menu_btn {
  position: absolute;
  top: 293px;
  left: 56px;
  width: 888px;
}

.btn {
  float: left;
  padding: 0 8px;
}

#vol_btn {
  width: 902px;
  padding: 30px 0;
  margin: 0 auto;
}

.vol {
  float: left;
}

#title {
  width: 190px;
  padding: 0 0 20px;
  margin: 0 auto;
}

#container2 {
  width: 872px;
  max-height: 100%;
  background-image: url(../image/chara_anne.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
}

#container3 {
  width: 872px;
  max-height: 100%;
  background-image: url(../image/chara_rikuro.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
}

#container4 {
  width: 872px;
  max-height: 100%;
  background-image: url(../image/chara_mitiko.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
}

#container5 {
  width: 872px;
  max-height: 100%;
  background-image: url(../image/chara_lee.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
}

#container6 {
  width: 872px;
  max-height: 100%;
  background-image: url(../image/chara_miki.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
}

#container7 {
  width: 872px;
  max-height: 100%;
  background-image: url(../image/chara_aish.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto 60px;
}

.text_01 {
  width: 700px;
  color: #FFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 160%;
  padding: 188px 0 40px;
  margin: 0 auto;
}

.text_02 {
  width: 700px;
  color: #FFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 160%;
  padding: 188px 0 20px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

.text1 {
  color: #FFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 160%;
}

a {
  color: #FFF;
  font-style: normal;
  text-decoration: underline;
}

a:link {
  color: #FFF;
  font-style: normal;
  text-decoration: underline;
}

a:visited {
  color: #FFF;
  text-decoration: underline;
}

a:hover {
  color: #FFF;
  font-style: normal;
  text-decoration: underline;
}

a img {
  border: none;
  outline: none;
}

a {
  border: none;
  outline: none;
}