body{
 margin: 0; padding: 0;
 text-align: left;
 font-size: 62.5%;
 font-family: "Lucida Grande" "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
 color: #fff; line-height: 1.62;
 min-width: 1020px;
 background: #000;
 z-index: 0;
}

#wrap {
 position: relative;
 width: 1200px;
 margin: 0 auto;
}

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.left { float: left; }
.right { float: right; }

/*clearfix関係*/
.cf:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.cf { min-height:1px; }

/***** header *****/
#header {
 margin: 0; padding: 0;
 position: fixed;
 top: 0;
 width: 100%;
 height: 70px;
 background: #000;
 border-bottom: solid 1px #333;
 z-index: 9999;
}
#header .logo {
 margin-top: 30px;
 margin-left: 20px;
}
#header ul#snsb {
 margin-top: 12px;
 margin-right: 20px;
 padding-bottom: 5px;
}
#header ul#snsb li {
 float: right;
 margin-left: 10px;
}
#header ul#snsb iframe {
 margin: 0 !important;
}
#header .copy {
 float: left;
 margin-right: 10px;
 line-height: 1.1em;
 text-align: right;
 color: #fff;
 font-size: 0.8em;
}
#nav {
 position: absolute;
 left: 200px; top: 28px;
}
#nav li { float: left; }
#nav li.s { margin: 0 5px; }

#nav li a:hover,
#nav .current a {
 padding-bottom: 5px;
 border-bottom: solid 1px #ccc;
}

/***** all *****/
#index, #intro, #story, #special {
 position: relative;
}

/***** top *****/
#index {
 background:#ccc url("../img/top/bg.jpg") no-repeat;
 height: 860px;
}
#index .logo {
 position: relative;
 margin: 0 auto;
 top: 100px;
 width: 170px;
}
#index .logo .data {
 position: absolute;
 top: 20px; left: 140px;
}
#index .amazon {
 position: absolute;
 right: 30px; bottom: 0;
}
#index .amazon a {
 position: absolute;
 right: 0; bottom: 120px;
}

/***** intro *****/
#intro {
 background:#000 url("../img/intro/bg.jpg") no-repeat bottom;
 height: 1600px;
}
#intro .contents {
 position: relative;
 top: 340px;
 margin: 0 auto;
 width: 1000px;
 text-align: center;
}
#intro .contents ul.staff {
 margin: 0 auto 60px;
 width: 272px;
}
#intro .contents ul.staff li {
 margin-bottom: 20px;
}
#intro .contents ul.banner_01 {
 margin-left: -20px;
 margin-bottom: 20px;
}
#intro .contents ul.banner_02 {
 margin-left: 234px;
}
#intro .contents ul.banner_01 li,
#intro .contents ul.banner_02 li{
 float: left;
 margin-left: 20px;
}
#intro .contents ul.banner_01 {

}

/***** story *****/
#story {
 background: url("../img/story/bg.jpg") no-repeat;
 height: 1100px;
}
#story .contents {
 position: relative;
 left: 10px;
 margin: 0 auto;
 padding-top: 150px;
 width: 877px;
}

/***** special *****/
#special {
 background: url("../img/special/bg.jpg") no-repeat;
 height: 1010px;
}
#special .movie,
#special .paper {
 position: absolute;
 top: 120px;
}
#special .movie { left: 80px; }
#special .paper { right: 100px; }

#special #links {
 position: relative;
 top: 500px;
 margin: 0 auto;
 width: 172px;
}