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;
 background: #000;
 z-index: 0;
}

#wrap {
 position: relative;
 width: 1200px;
 margin: 0 auto;
 border-left: solid 1px #000;
 border-right: solid 1px #000;
 background: #000;
}

.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; }

/* アルファ */
a img {
 opacity: 1;
 -webkit-transition: all .2s ease;
 -moz-transition: all .2s ease;
 -o-transition: all .2s ease;
 transition: all .2s ease;
}
a:hover img {
 opacity: 0.6;
 filter: alpha(opacity=80);
 -ms-filter: "alpha(opacity=80)";
}

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

/***** header *****/
#header {
 margin: 0; padding: 0;
 position: fixed;
 bottom: 0;
 width: 100%;
 height: 70px;
 background: #000;
 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: url("../img/top/bg.jpg") no-repeat;
 height: 850px;
}
#index img.logo { display: none; }
#index img.logo {
 position: absolute;
 top: 45px; left: 530px;
}
#index div#datail_area {
 position: absolute;
 bottom: 100px; right: 10px;
 width: 396px; height: 124px;
 background: url("../img/top/datail_bg.png") no-repeat;
}
#index div#datail_area a {
 position: absolute;
 bottom: 20px; right: 20px;
}

/***** intro *****/
#intro {
 background: url("../img/intro/bg.jpg") no-repeat;
 height: 1750px;
}
#intro ul.btn,
#intro div.banner {
 position: absolute;
}
#intro ul.btn li,
#intro div.banner ul li {
 float: left;
}
#intro ul.btn { top: 554px; right: 232px; }
#intro ul.btn li { margin-left: 17px; }
#intro div.banner { bottom: 140px; left: 96px; }
#intro div.banner ul { margin-bottom: 20px; }
#intro div.banner ul li { margin-right: 20px; }
#intro div.banner ul.btm { margin-left: 128px; }

/***** story *****/
#story {
 background: url("../img/story/bg.jpg") no-repeat;
 height: 980px;
}

/***** special *****/
#special {
 background: #000;
 height: 940px;
}
#special .box {
 position: relative;
 top: 140px; left: 0;
}
.movie,
.paper {
 position: absolute;
}
.movie {
 width: 440px;
 top: 0; left: 100px;
}
.paper {
 width: 500px;
 top: 0; left: 600px;
}
.movie dl dt,
.paper dl dt {
 float: left;
 margin-right: 15px;
}
.movie dl dd,
.paper dl dd {
 margin-bottom: 8px;
}
.paper .mb10 { margin-left: -14px; }
dl#links {
 position: relative;
 top: 465px;
 margin: 0 auto;
 width: 158px;
}
dl#links dt {
 margin-bottom: 13px;
 text-align: center;
}
dl#links dd { margin-bottom: 28px; }