@charset "utf-8";

/* Top */
#top #contents{
height:840px;
background:#000000 url(../img/top/bg_contents.jpg) center top no-repeat;
}
#top #contents-main{
height:840px;
background:url(../img/top/bg_main.png) center -40px no-repeat;
}
#top #contents-fwd{
height:840px;
background:url(../img/top/bg_contents.png) center -30px no-repeat;
}

/* Page ALL */
.chance1{
background:url(../common/chance1.png) left top no-repeat;
width:45px;
height:47px;
}

/* Tokucho */
#tokucho #contents{
height:780px;
background:#000000 url(../img/tokucho/bg_contents.jpg) center -1px no-repeat;
}
#tokucho #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#tokucho-1{
position:absolute;
top:70px;
left:-20px;
width:660px;
height:480px;
display:block;
background:url(../img/tokucho/tokucho1.png) left top no-repeat;
opacity:0;
}
#tokucho-2{
position:absolute;
top:70px;
left:-20px;
width:660px;
height:480px;
display:block;
background:url(../img/tokucho/tokucho2.png) left top no-repeat;
opacity:0;
}
#tokucho-3{
position:absolute;
top:40px;
left:400px;
width:870px;
height:800px;
display:block;
background:url(../img/tokucho/tokucho3.png) left top no-repeat;
}
#tokucho-4{
position:absolute;
top:504px;
left:-210px;
width:1500px;
height:270px;
display:block;
background:url(../img/tokucho/tokucho4.png) left top no-repeat;
}

/* Shinobi */
#shinobi #contents{
height:780px;
background:#000000 url(../img/shinobi/bg_contents.jpg) center -65px no-repeat;
}
#shinobi-1{
position:absolute;
top:120px;
left:838px;
width:260px;
height:440px;
display:block;
background:url(../img/shinobi/tokucho1.png) left top no-repeat;
}
#shinobi-2{
position:absolute;
top:240px;
left:3px;
width:260px;
height:440px;
display:block;
background:url(../img/shinobi/tokucho2.png) left top no-repeat;
}
#shinobi-3{
position:absolute;
top:272px;
left:187px;
width:920px;
height:230px;
display:block;
background:url(../img/shinobi/tokucho3.png) left top no-repeat;
}
#shinobi-4{
position:absolute;
top:112px;
left:12px;
width:620px;
height:200px;
display:block;
background:url(../img/shinobi/tokucho4.png) left top no-repeat;
opacity:0;
}
#shinobi-5{
position:absolute;
top:435px;
left:480px;
width:630px;
height:210px;
display:block;
background:url(../img/shinobi/tokucho5.png) left top no-repeat;
opacity:0;
}
#shinobi-6{
position:absolute;
top:15px;
left:288px;
width:525px;
height:115px;
display:block;
background:url(../img/shinobi/tokucho6.png) left top no-repeat;
opacity:0;
}
#shinobi-7{
position:absolute;
top:655px;
left:450px;
width:530px;
height:110px;
display:block;
background:url(../img/shinobi/tokucho7.png) left top no-repeat;
opacity:0;
}
#shinobi-8{
position:absolute;
top:40px;
left:604px;
width:240px;
height:400px;
display:block;
background:url(../img/shinobi/tokucho8.png) left top no-repeat;
opacity:1;
}
#shinobi-9{
position:absolute;
top:482px;
left:130px;
width:410px;
height:290px;
display:block;
background:url(../img/shinobi/tokucho9.png) left top no-repeat;
opacity:1;
}

/* Story */
#story #contents{
height:780px;
background:#000000 url(../img/story/bg_contents.jpg) center -1px no-repeat;
}
#story #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#story-wrap{
position:absolute;
top:80px;
left:50%;
margin:0 0 0 -455px;
width:910px;
height:660px;
display:block;
background:url(../img/story/bg_story.png) left top no-repeat;
opacity:0;
}
#story-1{
position:absolute;
top:50%;
left:50%;
margin:-280px 0 0 -410px;
width:820px;
height:0px;
display:block;
background:url(../img/story/story1.png) left top no-repeat;
opacity:0;
}

/* hiden */
#hiden #contents{
height:780px;
background:#000000 url(../img/hiden/bg_contents.jpg) center -1px no-repeat;
}
#hiden #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#hiden-wrap{
position:absolute;
top:150px;
left:50%;
margin:0 0 0 -360px;
width:670px;
height:500px;
display:block;
background:url(../img/hiden/hiden1.png) left top no-repeat;
opacity:0;
}
#hiden-1{
position:absolute;
top:50%;
left:50%;
margin:-250px 0 0 -335px;
width:670px;
height:0px;
display:block;
background:url(../img/hiden/hiden2.png) left top no-repeat;
opacity:0;
}
#hiden-2{
position:absolute;
bottom:40px;
right:0px;
width:130px;
height:110px;
display:block;
background:url(../img/hiden/hiden3.png) left top no-repeat;
opacity:0;
}

/* Character */
#character #contents{
height:800px;
background:#000000 url(../img/character/bg_contents.jpg) center -1px no-repeat;
}
#character #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#character-1{
position:absolute;
top:80px;
left:170px;
width:370px;
height:30px;
display:block;
background:url(../img/character/character1.png) left top no-repeat;
}
#character-wrap{
position:absolute;
top:150px;
left:50%;
margin:0 0 0 -500px;
width:1000px;
height:630px;
display:block;
background:url(../img/character/character2.png) left top no-repeat;
opacity:0;
}
#character-3{
position:absolute;
top:-43px;
left:-152px;
width:1210px;
height:620px;
display:block;
background:url(../img/character/character3.png) left top no-repeat;
opacity:0;
}
#character-4{
position:absolute;
top:-14px;
left:130px;
width:370px;
height:370px;
display:block;
background:url(../img/character/character4.png) left top no-repeat;
opacity:0;
}
#character-5{
position:absolute;
top:150px;
left:520px;
width:120px;
height:400px;
display:block;
background:url(../img/character/character5.png) left top no-repeat;
opacity:0;
}
#makimono1{
position:absolute;
top:-25px;
left:-50px;
width:110px;
height:240px;
display:block;
overflow:hidden;
opacity:0;
}
#makimono2{
position:absolute;
top:-25px;
right:-50px;
width:110px;
height:240px;
display:block;
overflow:hidden;
opacity:0;
}
#character-6a{
position:absolute;
top:0;
left:0;
width:110px;
height:25px;
display:block;
background:url(../img/character/character6.png) left top no-repeat;
z-index:2;
}
#character-6b{
position:absolute;
top:0;
left:0;
width:110px;
height:25px;
display:block;
background:url(../img/character/character6.png) left top no-repeat;
z-index:2;
}
#character-7{
position:absolute;
top:-220px;
left:14px;
width:83px;
height:208px;
display:block;
background:url(../img/character/character7.png) left top no-repeat;
}
#character-8{
position:absolute;
top:-220px;
left:14px;
width:83px;
height:208px;
display:block;
background:url(../img/character/character8.png) left top no-repeat;
}
#name1{
position:absolute;
top:330px;
left:368px;
width:90px;
height:60px;
z-index:3;
opacity:0;
}
#name2{
position:absolute;
top:120px;
left:50px;
width:70px;
height:60px;
z-index:3;
opacity:0;
}
#name3{
position:absolute;
top:127px;
left:425px;
width:100px;
height:60px;
z-index:3;
opacity:0;
}
#name4{
position:absolute;
top:250px;
left:60px;
width:80px;
height:60px;
z-index:3;
opacity:0;
}
#name5{
position:absolute;
bottom:20px;
left:130px;
width:100px;
height:40px;
z-index:3;
opacity:0;
}
#name6{
position:absolute;
bottom:20px;
left:280px;
width:100px;
height:40px;
z-index:3;
opacity:0;
}
#name7{
position:absolute;
bottom:20px;
left:420px;
width:80px;
height:40px;
z-index:3;
opacity:0;
}
#name8{
position:absolute;
top:20px;
right:100px;
width:100px;
height:50px;
z-index:3;
opacity:0;
}
#name9{
position:absolute;
bottom:20px;
right:220px;
width:120px;
height:50px;
z-index:3;
opacity:0;
}
#name10{
position:absolute;
bottom:360px;
right:20px;
width:110px;
height:40px;
z-index:3;
opacity:0;
}
#name11{
position:absolute;
bottom:260px;
right:10px;
width:100px;
height:40px;
z-index:3;
opacity:0;
}
#name12{
position:absolute;
bottom:20px;
right:125px;
width:80px;
height:40px;
z-index:3;
opacity:0;
}
#name13{
position:absolute;
bottom:20px;
right:10px;
width:110px;
height:40px;
z-index:3;
opacity:0;
}
.chara-panel{
width:900px;
height:500px;
}
.chara-l{
width:420px;
height:500px;
float:left;
}
.chara-r{
padding:30px 0 0;
width:440px;
height:470px;
float:right;
}
.chara-dtl{
margin:0 0 10px;
width:440px;
height:300px;
}
.chara-vic{
width:440px;
height:100px;
text-align:left;
}
.chara-vic a{
margin:0 10px;
width:80px;
height:100px;
display:inline-block;
}

/* spec */
#spec #contents{
height:800px;
background:#000000 url(../img/spec/bg_contents.jpg) center -1px no-repeat;
}
#spec #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#spec-1{
position:absolute;
top:20px;
right:30px;
width:470px;
height:780px;
display:block;
background:url(../img/spec/spec1.png) left top no-repeat;
opacity:0;
}
#spec-2{
position:absolute;
top:105px;
left:20px;
width:570px;
height:680px;
display:block;
background:url(../img/spec/spec2.png) left top no-repeat;
opacity:0;
}

/* flow */
#flow #contents{
height:780px;
background:#000000 url(../img/flow/bg_contents.jpg) center -1px no-repeat;
}
#flow #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#flow-1{
position:absolute;
top:105px;
left:-15px;
width:340px;
height:650px;
display:block;
background:url(../img/flow/flow1.png) left top no-repeat;
opacity:0;
}
#flow-2{
position:absolute;
top:74px;
right:15px;
width:760px;
height:370px;
display:block;
background:url(../img/flow/flow2.png) left top no-repeat;
opacity:0;
}
#flow-3{
position:absolute;
top:462px;
right:17px;
width:780px;
height:330px;
display:block;
background:url(../img/flow/flow3.png) left top no-repeat;
opacity:0;
}
#flow-4{
position:absolute;
top:422px;
right:24px;
width:260px;
height:350px;
display:block;
background:url(../img/flow/flow4.png) left top no-repeat;
opacity:0;
}
#flow-5a{
position:absolute;
top:240px;
right:20px;
width:120px;
height:120px;
display:block;
background:url(../img/flow/flow5.png) left top no-repeat;
opacity:0;
}
#flow-5b{
position:absolute;
top:472px;
right:20px;
width:120px;
height:120px;
display:block;
background:url(../img/flow/flow5.png) left top no-repeat;
opacity:0;
}

/* tuujyou */
#tuujyou #contents{
height:780px;
background:#000000 url(../img/tuujyou/bg_contents.jpg) center -1px no-repeat;
}
#tuujyou #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#tuujyou-1{
position:absolute;
top:105px;
left:20px;
width:1060px;
height:240px;
display:block;
background:url(../img/tuujyou/tuujyou1.png) left top no-repeat;
opacity:0;
}
#tuujyou-2{
position:absolute;
top:355px;
left:20px;
width:460px;
height:410px;
display:block;
background:url(../img/tuujyou/tuujyou2.png) left top no-repeat;
opacity:0;
}
#tuujyou-3{
position:absolute;
top:355px;
right:18px;
width:580px;
height:410px;
display:block;
background:url(../img/tuujyou/tuujyou3.png) left top no-repeat;
opacity:0;
}
#tuujyou-4{
position:absolute;
top:8px;
right:-20px;
width:410px;
height:100px;
display:block;
background:url(../img/tuujyou/tuujyou4.png) left top no-repeat;
opacity:0;
}
#tuujyou-5{
position:absolute;
top:560px;
left:410px;
width:80px;
height:80px;
display:block;
background:url(../img/tuujyou/tuujyou5.png) left top no-repeat;
opacity:0;
}
#tuujyou-6{
position:absolute;
top:410px;
left:410px;
width:70px;
height:70px;
display:block;
background:url(../img/tuujyou/tuujyou6.png) left top no-repeat;
opacity:0;
}
#tuujyou-7{
position:absolute;
top:32px;
right:396px;
width:34px;
height:34px;
display:block;
background:url(../img/tuujyou/tuujyou7.gif) left top no-repeat;
opacity:0;
}

/* gekkou */
#gekkou #contents{
height:780px;
background:#000000 url(../img/gekkou/bg_contents.jpg) center -1px no-repeat;
}
#gekkou #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#gekkou-1{
position:absolute;
top:40px;
left:5px;
width:1090px;
height:720px;
display:block;
background:url(../img/gekkou/gekkou1.png) left top no-repeat;
opacity:0;
}
#gekkou-3{
position:absolute;
top:560px;
right:20px;
width:80px;
height:80px;
display:block;
background:url(../img/gekkou/gekkou3.png) left top no-repeat;
opacity:0;
}
#gekkou-2{
position:absolute;
top:575px;
left:222px;
width:64px;
height:64px;
display:block;
background:url(../img/gekkou/gekkou2.png) left top no-repeat;
opacity:0;
}
#gekkou-4{
position:absolute;
top:29px;
right:230px;
width:59px;
height:59px;
display:block;
background:url(../img/gekkou/gekkou4.png) left top no-repeat;
background-size:100% 100%;
opacity:0;
}

/* bonus */
#bonus #contents{
height:1200px;
background:#000000 url(../img/bonus/bg_contents.jpg) center -1px no-repeat;
}
#bonus #page-title{
position:absolute;
top:8px;
left:140px;
width:410px;
height:70px;
z-index:2;
}
#bonus-1{
position:absolute;
top:105px;
left:20px;
width:1060px;
height:840px;
display:block;
background:url(../img/bonus/bonus1.png) left top no-repeat;
opacity:0;
}
#bonus-2{
position:absolute;
top:950px;
left:20px;
width:1060px;
height:240px;
display:block;
background:url(../img/bonus/bonus2.png) left top no-repeat;
opacity:0;
}