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

.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;
 width: 1200px;
 margin: 0 auto;
}
.dot {
 display: block;
 position: absolute;
 width: 100%; height: 100%;
 background: url("../img/dot.png") repeat;
 z-index: 9;
}

/***** background *****/
#top { background: #000 url("../img/top/bg.jpg") no-repeat center top; }
#intro { background: #000 url("../img/intro/bg.jpg") no-repeat center top; }
#manga { background: #000 url("../img/manga/bg.jpg") no-repeat center top; }
#special { background: #000 url("../img/special/bg.jpg") no-repeat center top; }

/***** footer *****/
#footer {
 position: relative;
 height: 81px;
 background: url("../img/footer.gif") repeat-x left bottom;
 text-align: center;
}
#footer ul {
 position: absolute;
 width: 740px;
 left: 50%; top: 11px;
 margin-left: -370px;
}
#footer ul li {
 float: left;
}
#footer ul li.m {
 margin-left: 10px;
}

/***** youtube *****/
#auto {
 text-indent: -9999px;
}

/***** 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 .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;
 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: 200px; top: 28px;
}
#nav li { float: left; }
#nav li.s { margin: 0 5px; }

/***** top *****/
#top img#logo,
#top #takeshi,
#top img#midashi,
#top div#cont {
	position: absolute;
}
#top img#logo { top:50px; }
#top #takeshi {
 z-index: 999;
 top: 810px; right: 60px;
}
#top img#midashi { top:80px; right:20px; }
#top div#cont { top: 900px; }

/***** intro *****/
#wrap .btn {
 position: absolute;
 width: 102px;
 left: 50%; top: 900px;
 margin-left: -51px;
}