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

#fade {
 width: 1920px; height: 1500px;
 position:absolute;
 top: 50%; left: 50%;
 margin-left: -960px; margin-top: -510px;
 background: #000;
}

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

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

#wrap {
 position: relative;
 min-width: 1000px;
}

/***** header *****/
#header {
 margin: 0; padding: 0;
 position: fixed;
 top: 0;
 width: 100%; min-width: 1000px;
 height: 70px;
 background: #000;
 border-bottom: solid 1px #333;
 z-index: 9999;
}
#header ul#logo {
 margin-top: 25px;
 margin-left: 20px;
}
#header ul#logo li {
 float: left;
 margin-right: 10px;
}
#header ul#snsb {
 margin-top: 12px;
 margin-right: 20px;
 padding-bottom: 5px;
}
#header ul#snsb li {
 float: right;
 width: 100px;
}
#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: 180px; top: 28px;
}
#nav li { float: left; }
#nav li.s { margin: 0 5px; }

#footer {
 position: fixed;
 bottom: 0;
 height: 50px; width: 100%;
 background: #000;
}

/***** top *****/
#top .logo,
#top .sakusha {
 position: absolute;
}
#top .logo {
 margin-left: -76px;
 width: 153px;
 left: 50%; top: 100px;
}
#top .sakusha { left: 80px; top: 120px; }
#top .amazon {
 position: fixed;
 right: 20px; bottom: 20px;
 z-index: 0;
}

/***** introduction *****/
#intro .catch,
#intro .text,
#intro .prof,
#intro ul.banner {
 position: absolute;
}
#intro .catch { left: 40px; top: 100px; }
#intro .text { left: 300px; top: 150px; }
#intro .prof { left: 520px; top: 450px; }
#intro ul.banner { left: 850px; top: 450px; }
#intro ul.banner li {
 margin-bottom: 10px;
}

/***** character *****/
#character .story,
#character .chara {
 position: absolute;
}
#character .story { top: 130px; left: 50px; }
#character .chara {
 margin-left: -519px;
 width: 1039px;
 left: 50%; top: 50px;
}

/***** special *****/
#special .box,
#special .movie,
#special .paper {
 position: absolute;
}
#special .box {
 margin-left: -500px;
 width: 1000px;
 left: 50%; top: 150px;
}
#special .movie { top: 0px; left: 0px; }
#special .paper { top: 0px; right: 0px; }

/***** links *****/
#link .box {
 position: absolute;
 margin-left: -110px;
 width: 221px;
 left: 50%; top: 150px;
}