html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #000;
  color: #FFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 5px;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img {
  margin: 0;
  padding: 0;
}

body {
  display: none;
}

img {
  vertical-align: bottom;
}

/* スペース調整 */
.mt-60 {
  margin-top: -60px;
}

.mt7 {
  margin-top: 7px;
}

.mt10 {
  margin-top: 10px;
}

.mt16 {
  margin-top: 16px;
}

.mt20 {
  margin-top: 20px;
}

.mt24 {
  margin-top: 24px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb70 {
  margin-bottom: 70px;
}

/* 背景 */
#back {
  width: 100%;
  height: 100%;
  position: fixed;
  background-image: url(../image/back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}

/* コンテナー */
#container {
  position: relative;
  width: 100%;
  min-width: 1000px;
  max-height: 100%;
  padding-top: 76px;
}

/* メインコンテンツ */
#top {
  position: relative;
  width: 100%;
  min-width: 1000px;
  min-height: 1000px;
}

#main_top {
  width: 100%;
  min-width: 1000px;
  min-height: 1000px;
  max-height: 1300px;
}

#main_top img {
  width: 100%;
}

#main_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  min-width: 500px;
  height: 100%;
  background-image: url(../image/main_left.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}

#main_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  min-width: 500px;
  height: 100%;
  background-image: url(../image/main_right.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}

#frame {
  position: absolute;
  top: -76px;
  left: 0;
  width: 100%;
  height: 76px;
  background-color: #000;
}

#frame_top {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -267px;
}

#ziz_logo {
  position: absolute;
  top: -76px;
  left: 50%;
  margin-left: -125px;
}

#frame_bottom {
  position: absolute;
  bottom: -2px;
  left: 50%;
  margin-left: -267px;
}

#ziz_twitter {
  position: absolute;
  top: 30px;
  left: 12%;
  margin-left: -100px;
}

/* コンテンツ */
.contents_title {
  width: 900px;
  margin: 20px auto 0;
}

.contents {
  width: 860px;
  margin: 0 auto 80px;
  text-align: center;
}

.special {
  position: relative;
  width: 860px;
  height: 340px;
  margin: 40px auto;
  text-align: center;
}

.special_left {
  position: absolute;
  top: 0;
  left: 0;
}

.special_right {
  position: absolute;
  top: 0;
  right: 0;
}

.special_text {
  position: absolute;
  top: 60px;
  left: 12px;
  width: 528px;
}

.special_pic {
  position: absolute;
  top: 0;
  right: 80px;
}

.story {
  position: relative;
  width: 860px;
  height: 340px;
  margin: 40px auto;
  text-align: center;
}

.story_left {
  position: absolute;
  top: 0;
  left: 0;
}

.story_right {
  position: absolute;
  top: 0;
  right: 0;
}

.story_text {
  position: absolute;
  top: 35px;
  left: 12px;
  width: 528px;
}

.story_pic {
  position: absolute;
  top: 0;
  right: 80px;
}

hr.short {
  width: 80px;
  margin: 60px auto 40px;
  border: solid #B9B9C8;
  border-width: 1px 0 0 0;
}

#info {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
  text-align: center;
  background-image: url(../image/back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}

.design {
  width: 870px;
  margin: 18px auto 0;
}

.design_pic {
  float: left;
  margin: 6px;
}

.clear {
  clear: both;
}

/* テキスト */
.text1 {
  font-size: 14px;
  line-height: 160%;
}

.text2 {
  color: #FFF;
  font-size: 14px;
  line-height: 160%;
}

/* リンク */
a, a:link, a:active, a:visited {
  color: #FFF;
  font-style: normal;
  text-decoration: underline;
}

a:hover, a:active {
  border: none;
  outline: none;
}

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