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

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

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

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

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

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

/***** top *****/
#index {
 position: relative;
 height: 1300px;
 color: #fff;
}
#index .pro,
#index .book,
#index .aooni,
#index #kokuchi { position: absolute; }

#index .pro { left: 35px; top: 95px; }
#index .book { right: 55px; top: 95px; }
#index .aooni {
 left: 50%; top: 100px;
 margin-left: -80px;
 width: 160px;
}

#index #kokuchi {
 left: 50%; top: 765px;
 margin-left: -431px;
 width: 862px;
}

#index #goods,#index #profile,
#index #nico,#index #anime,#index ul#banner { position: absolute; }
#index #goods {
 left: 0; top: 0;
 width: 302px; height: 98px;
 background: url(../img/top/goods.png) no-repeat;
}
#index #goods a {
 position: absolute;
 left: 11px; bottom: 9px;
}
#index #profile {
 left: 0; top: 115px;
 width: 302px; height: 266px;
 background: url(../img/top/profile.png) no-repeat;
}
#index #profile #btn1 {
 position: absolute;
 top: 117px; left: 11px;
}
#index #profile #btn2 {
 position: absolute;
 top: 117px; right: 11px;
}
#index #profile #btn3 {
 position: absolute;
 bottom: 37px; left: 13px;
}
#index #profile #btn3 li { float: left; }
#index #nico {
 left: 320px; top: 0;
 width: 302px; height: 248px;
 background: url(../img/top/nico.png) no-repeat;
}
#index #nico a {
 position: absolute;
 left: 11px; bottom: 11px;
}
#index #anime {
 left: 320px; top: 265px;
 width: 302px; height: 116px;
 background: url(../img/top/anime.png) no-repeat;
}
#index #anime a {
 position: absolute;
 left: 11px; bottom: 11px;
}
#index ul#banner { left: 185px; top: 400px; }
#index ul#banner li { float: left; }
#twitter_w {
 position: absolute;
 top: 0; right: 0;
 width: 220px; height: 385px;
}
.twitter-timeline {
 margin-top: 10px;
}


#intro {
 position: relative;
 height: 800px;
}
#intro img {
 position: absolute;
 left: 50%; top: 150px;
 margin-left: -478px;
 width: 956px;
}


#story {
 position: relative;
 height: 800px;
}
#story img {
 position: absolute;
 left: 50%; top: 150px;
 margin-left: -313px;
 width: 626px;
}


#chara {
 position: relative;
 height: 5800px;
 background: url(../img/chara/bg.png) center bottom no-repeat;
}

#hiroshi,#takuro,#mika,#takeshi,#syun,#anna,
#hiroshi img,#takuro img,#mika img,#takeshi img,#syun img,#anna img { position: absolute; }
#chara ul li#hiroshi {
 right: 0; top: 20px;
 width: 975px; height: 1218px;
 background: url(../img/chara/hiroshi.png) right no-repeat;
}
#chara #hiroshi img { left: 200px; top: 440px; }
#chara #takuro {
 left: 0; top: 920px;
 width: 1007px; height: 1052px;
 background: url(../img/chara/takuro.png) left no-repeat;
}
#chara #takuro img { right: 160px; top: 510px; }
#chara #mika {
 right: 0; top: 1760px;
 width: 1094px; height: 1052px;
 background: url(../img/chara/mika.png) right no-repeat;
}
#chara #mika img { left: 220px; top: 540px; }
#chara #takeshi {
 left: 0; top: 2660px;
 width: 1028px; height: 851px;
 background: url(../img/chara/takeshi.png) left no-repeat;
}
#chara #takeshi img { right: 160px; top: 450px; }
#chara #syun {
 right: 0; top: 3400px;
 width: 1085px; height: 902px;
 background: url(../img/chara/syun.png) right no-repeat;
}
#chara #syun img { left: 210px; top: 430px; }
#chara #anna {
 left: 0; top: 4190px;
 width: 911px; height: 813px;
 background: url(../img/chara/anna.png) left no-repeat;
}


#special {
 position: relative;
 height: 800px;
}
#special div {
 position: absolute;
 left: 50%; top: 150px;
 margin-left: -427px;
 width: 854px;
}
#special #yokoku { float: left; }
#special #kabe { float: right; }


#link {
 position: relative;
 height: 800px;
}
#link img {
 position: absolute;
 left: 50%; top: 300px;
 margin-left: -84px;
 width: 168px;
}