@charset "utf-8";
/* ===================================================================
 CSS information

 file name  :layout.css
 style info :ヘッダー、フッター、サイドメニュー等大枠のみ
 =================================================================== */

/* ===== CONTENTS ===========================================

	1: ALL
	2: HEADER
	3: MAIN
	4: FOOTER

========================================================== */

/*
===== 1: ALL ======================================= */
body {
  text-align: center;
  color: #a2a2a2;
  font-size: 13px;
  font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
  word-wrap: break-word;
  word-break: break-all;
  *font-size: small;
  /* for IE Quirks Mode */
  *font: x-small;
  background-color: #000;
}

#in {
  background: url(../img/common/contents_body_bg.jpg) no-repeat top center #000000;
}

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

#fb-root {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 0px;
}

/*
===== 2: HEADER ======================================= */

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

#in #header {
  height: 222px;
}

#in #header h1 {
  display: none;
}

#navi {
  position: relative;
  padding: 129px 0 0 0;
}

#navi li {
  float: left;
}

li.navi_about {
  width: 224px;
  height: 93px;
}

li.navi_story {
  width: 185px;
  height: 93px;
}

li.navi_entry {
  width: 183px;
  height: 93px;
}

li.navi_system {
  width: 183px;
  height: 93px;
}

li.navi_movie {
  width: 225px;
  height: 93px;
}

#navi li.navi_top {
  position: absolute;
  top: 96px;
  left: 0px;
}

/*
===== 3: MAIN ======================================= */

#contents {
  width: 1000px;
  position: relative;
  margin: 0 auto;
}

#contentsEntry {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  height: 1600px;
}

#contents #uc {
  margin: 122px 0 105px 0;
}

#in #wrapper {
  width: 1000px;
  background: url(../img/common/contents_body_bg.jpg) no-repeat center top;
}

#in #contentsbody {
  width: 950px;
  margin: 0 auto;
}

/*
===== 4: FOOTER ======================================= */

#footer {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  background: url(../img/common/footer_bg.png) no-repeat top center;
}

#footer02 {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  background: url(../img/common/footer_bg2.jpg) no-repeat top center;
}

#footer #share,
#footer02 #share {
  position: absolute;
  top: 10px;
  right: 20px;
}

#footer #share,
#footer02 #share {
  position: absolute;
  top: 10px;
  right: 20px;
  vertical-align: top;
  text-align: left;
}

#footer #share .shop,
#footer02 #share .shop {
  position: absolute;
  top: 0px;
  right: 730px;
  width: 190px;
}

#footer #share .twitter,
#footer02 #share .twitter {
  position: absolute;
  top: 0px;
  right: 235px;
  width: 116px;
}

#footer #share .fb-lik,
#footer02 #share .fb-lik {
  position: absolute;
  top: 0px;
  right: 120px;
  width: 116px;
}

#footer #share .mixi,
#footer02 #share .mixi {
  position: absolute;
  top: 0px;
  right: 94px;
}

#in #footer #credit,
#in #footer02 #credit {
  margin: 0 auto;
  padding: 30px 0 20px 0;
}