@charset "utf-8";

/* -------------------------
01 BASE
02 HEADER
03 FOOTER
04 SIDE
05 NAVIGATION
06 CONTENTS
 ∟	TOP
 ∟	SUB
------------------------- */


/* ------------------------- 01 BASE ------------------------- */
html {
	height:100%;
	min-height:100%;
}
body {
	color:#FFFFFF;
	background-color:#000000;
}

a {
	color:#FFFFFF;
	text-decoration:underline;
	outline:none;/*chrome枠線消去*/
}
.nonborder {
  border:none;
  outline:none;
}
a:link {
}
a:visited {
}
a:hover {
	
}
a:active {
}

a.active,
a.soon {
	cursor:default;
	outline:none;
}


/* ------------------------- 02 HEADER ------------------------- */
#header {
	width:100%;
	height:45px;
	position:fixed;
	top:0;
	left:0;
	background-image:url(../images/bg_header.jpg);
	/*background-repeat:no-repeat;*/
	background-position:center top;
	z-index:10;
}

#headerIn {
	position:relative;
}


/* ------------------------- 03 FOOTER ------------------------- */
#footer {
	width:100%;
	height:47px;
	position:fixed;
	bottom:0;
	left:0;
	background-image:url(../images/bg_footer.jpg);
	/*background-repeat:no-repeat;*/
	background-position:center top;
	z-index:70;
}

#share {
	margin:13px 15px 0 13px;
	float:left;
}
#share td {
	margin:0 10px 0 0;
}
#share_fb {
	width:120px;
}

#copyright {
	width:135px;
	height:11px;
	background-image:url(../images/copyright.png);
	float:left;
	margin:19px 0 0 0;
}


/* ------------------------- 04 SIDE ------------------------- */
.sideA {
	position:fixed;
	bottom:0;
	right:0;
	z-index:80;
}
#sideA1 {
	width:430px;
	height:767px;
	background-image:url(../images/side_a1.png);
}
#sideA2 {
	width:229px;
	height:680px;
	background-image:url(../images/side_a2.png);
}
#sideA3 {
	width:353px;
	height:787px;
	background-image:url(../images/side_a3.png);
}
#sideA4 {
	width:229px;
	height:680px;
	background-image:url(../images/side_a4.png);
}
#sideA5 {
	width:233px;
	height:680px;
	background-image:url(../images/side_a5.png);
}
#sideA6 {
	width:411px;
	height:680px;
	background-image:url(../images/side_a6.png);
}
#sideA7 {
	width:487px;
	height:1081px;
	background-image:url(../images/side_a7.png);
}
#sideA8 {
	width:346px;
	height:1453px;
	background-image:url(../images/side_a8.png);
}
#sideA9 {
	width:350px;
	height:680px;
	background-image:url(../images/side_a9.png);
}
#sideA10 {
	width:381px;
	height:740px;
	background-image:url(../images/side_a10.png);
}
#sideA11 {
	width:226px;
	height:680px;
	background-image:url(../images/side_a11.png);
}


.sideB {
	position:fixed;
	bottom:0;
	left:181px;
	z-index:50;
}
#sideB2 {
	width:668px;
	height:573px;
	background-image:url(../images/side_b2.png);
}
#sideB11 {
	width:538px;
	height:583px;
	background-image:url(../images/side_b11.png);
}


.sideC {
	height:680px;
	position:fixed;
	top:0;
	left:0;
	z-index:60;
}
#sideC1 {
	width:425px;
	background-image:url(../images/side_c1.png);
}
#sideC2 {
	width:425px;
	background-image:url(../images/side_c2.png);
}
#sideC3 {
	width:425px;
	background-image:url(../images/side_c3.png);
}
#sideC4 {
	width:425px;
	background-image:url(../images/side_c4.png);
}
#sideC5 {
	width:610px;
	background-image:url(../images/side_c5.png);
}
#sideC6 {
	width:425px;
	background-image:url(../images/side_c6.png);
}
#sideC7 {
	width:425px;
	background-image:url(../images/side_c7.png);
}
#sideC8 {
	width:570px;
	background-image:url(../images/side_c8.png);
}
#sideC9 {
	width:425px;
	background-image:url(../images/side_c9.png);
}
#sideC10 {
	width:425px;
	background-image:url(../images/side_c10.png);
}
#sideC11 {
	width:425px;
	background-image:url(../images/side_c11.png);
}



/* ------------------------- 05 NAVIGATION ------------------------- */
#nav {
	position:absolute;
	top:77px;
	left:13px;
	z-index:100;
}
#nav li {
	margin-bottom:2px;
}

#nav li a {
	width:205px;
	height:23px;
	display:block;
}
#nav li a:hover,
#nav li a.active {
	background-position:right 0;
}
#nav li a.soon:hover {
	background-position:left 0;
}

#nav li.nav1 a {
	background-image:url(../images/nav1.png);
}
#nav li.nav2 a {
	background-image:url(../images/nav2.png);
}
#nav li.nav3 a {
	background-image:url(../images/nav3.png);
}
#nav li.nav4 a {
	background-image:url(../images/nav4.png);
}
#nav li.nav5 a {
	background-image:url(../images/nav5.png);
}
#nav li.nav6 a {
	background-image:url(../images/nav6.png);
}
#nav li.nav7 a {
	background-image:url(../images/nav7.png);
}
#nav li.nav8 a {
	background-image:url(../images/nav8.png);
}
#nav li.nav9 a {
	background-image:url(../images/nav9.png);
}
#nav li.nav10 a {
	background-image:url(../images/nav10.png);
}
#nav li.nav11 a {
	background-image:url(../images/nav11.png);
}
#nav li.nav12 a {
	background-image:url(../images/nav12.png);
}
#nav li.nav13 a {
	background-image:url(../images/nav13.png);
}
#nav li.nav14 a {
	background-image:url(../images/nav14.png);
}
#nav li.end {
	margin:0;
}

#sp-nav {
	display:none;
}


/* ------------------------- 06 CONTENTS ------------------------- */
#container {
	width:100%;
	min-width:100%;
	min-height:680px;
	margin:0 auto;
	position:relative;
	z-index:60;
}

#logo {
	position:fixed;
	bottom:0;
	right:7px;
	z-index:90;
}

.block {
	position:absolute;
	background-image:url(../images/dot.png);
	z-index:30;
}
.block .head {
	width:100%;
	height:10px;
	background-image:url(../images/line1.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 0 15px 0;
}
.block .headIn {
	width:100%;
	height:10px;
	background-image:url(../images/line2.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.block .foot {
	width:100%;
	height:10px;
	background-image:url(../images/line3.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:15px 0 0 0;
}
.block .footIn {
	width:100%;
	height:10px;
	background-image:url(../images/line4.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.mainBlo {
	margin:10px 10px 10px 30px;
}
.mainBlo h4 {
	display:block;
	color:#fff160;
	margin:0 0 14px 0;
}
.mainBlo .data,
.mainBlo .texBody {
	margin:0 0 14px 20px;
}
.mainBlo .texBody p {
	line-height:1.8;
	margin:0 0 13px 0;
}



#top {
	background-image:url(../images/top_loop.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
#top #wrapper {
	width: 100%;
	height: 100%;
	min-height:782px;
	position:absolute;
	z-index: 9999;
	left: 0;
	top: 0;
}

#headerTop {
	width:100%;
	height:65px;
	z-index:10;
	background-color:#000;
	position:absolute;
	top:0;
}

#top #containerTop {
	width:1120px;
	height:735px;
	margin:0 auto;
	position:relative;
	z-index:20;
}


#top #anime,
#top #comic {
	position:absolute;
	z-index:10;
}
#top #anime {
	background-image:url(../images/btn_top_anime_over.png);
	top:39px;
	left:13px;
}
#top #anime a {
	width:547px;
	height:696px;
	display:block;
	background-image:url(../images/btn_top_anime.png);
}
#top #comic {
	background-image:url(../images/btn_top_comic_over.png);
	top:65px;
	right:30px;
}
#top #comic a {
	width:581px;
	height:670px;
	display:block;
	background-image:url(../images/btn_top_comic.png);
}
#top #anime a:hover,
#top #comic a:hover {
	background-image:none;
}

#top #tweet {
	width:304px;
	height:57px;
	display:block;
	background-image:url(../images/btn_top_twitter.jpg);
	position:absolute;
	top:665px;
	left:408px;
	z-index:20;
}
#top #tweet:hover {
	background-position:0 bottom;
}

#footerTop {
	width:100%;
	height:65px;
	/*background-color:#000;*/
	position:absolute;
	bottom:10px;
	z-index:20;
}
#footerTopIn {
	width:1120px;
	margin:0 auto;
	position:relative;
}

#top #shareBtn {
	width:150px;
	height:28px;
	background-image:url(../images/btn_top_share.jpg);
	position:absolute;
	top:37px;
	left:485px;
}

#shareTop {
	width:238px;
	height:85px;
	background-image:url(../images/btn_top_share_pop.png);
	position:absolute;
	top:-56px;
	left:441px;
}
#top #share {
	margin:13px 0 0 52px;
}
#top #share td {
	padding:0 10px 6px 0;
}



#news .block {
	width:600px;
	margin:90px auto;
	position:relative;
}
#news .contents {
	min-height:460px;
}




#intro .block {
	width:600px;
	margin:90px auto;
	position:relative;
}
#intro .contents {
	min-height:560px;
}




#story .block {
	width:600px;
	margin:90px auto;
	position:relative;
}
#story .contents {
	min-height:460px;
}
#story .tab {
	margin:0 0 40px 0;
}
#story .tab dt {
	width:110px;
	height:30px;
	float:left;
	background-image:url(../images/story_tab0.jpg);
}
#story .tab dd {
	float:left;
}
#story .tab dd a {
	width:110px;
	height:30px;
	display:block;
}
#story .tab dd a:hover,
#story .tab dd a.active {
	background-position:0 bottom;
}
#story .tab dd.nav1 a {
	background-image:url(../images/story_tab1.png);
}
#story .tab dd.nav2 a {
	background-image:url(../images/story_tab2.png);
}
#story .tab dd.nav3 a {
	background-image:url(../images/story_tab3.png);
}

#story .btn {
	margin-left:49px;
}
#story .btn li {
	float:left;
}
#story .btn li.btn1 {
	margin-right:20px;
}
#story .btn li a {
	width:240px;
	height:60px;
	display:block;
}
#story .btn li a:hover {
	background-position:0 bottom;
}
#story .btn li.btn1 a {
	background-image:url(../images/btn_story1.jpg);
}
#story .btn li.btn2 a {
	background-image:url(../images/btn_story2.jpg);
}




#character {
	overflow:hidden;
}
#character #container {
	z-index:10;
}

#character,
#character #container,
#character #amiL,
#character #amiR,
#character #select  {
	height:100%;
	min-height:100%;
}
#character #amiL {
	width:330px;
	height:1000px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/chara_ami_l.png);
	background-repeat:repeat-y;
	z-index:30;
}
#character #amiR {
	width:210px;
	height:1000px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../images/chara_ami_r.png);
	background-repeat:repeat-y;
	z-index:30;
}


#character #navCharaL,
#character #navCharaR {
	position:absolute;
	z-index:200;
}
#character #navCharaL {
	left:210px;
}
#character #navCharaR {
	right:120px;
}

#character #navCharaL a,
#character #navCharaR a {
	width:55px;
	height:117px;
	display:block;
}
#character #navCharaL a {
	background-image:url(../images/arrow_left.png)
}
#character #navCharaR a {
	float:right;
	background-image:url(../images/arrow_right.png)
}


#character #select {
	width:100%;
	z-index:10;
	overflow:hidden;
	position:relative;
}
#character #select #charaBody {
	width:2483px;
	height:784px;
	position:absolute;
	z-index:20;
	bottom:47px;
	background-repeat:no-repeat;
}

#character .huki {
	position: absolute;
	top: 350px;
}
#character #huki1 {
	left: 7px;
}
#character #huki2 {
	left: 156px;
}
#character #huki3 {
	left: 339px;
}
#character #huki4 {
	left: 593px;
}
#character #huki5 {
	left: 790px;
}
#character #huki6 {
	left: 992px;
}
#character #huki7 {
	left: 1151px;
}
#character #huki8 {
	left: 1319px;
}
#character #huki9 {
	left: 1505px;
}
#character #huki10 {
	left: 1701px;
}
#character #huki11 {
	left: 1861px;
}
#character #huki12 {
	left: 2022px;
}
#character #huki13 {
	left: 2182px;
}
#character #huki14 {
	left: 2302px;
}
#character #huki15 {
	left: 2442px;
}
#character #huki16 {
	left: 2542px;
}



#character-pop {
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	position:relative;
	overflow:hidden;
}
#character-pop #container {
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	background-image:url(../images/dot.gif);
	z-index:40;
}
#character-pop #btnClose {
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	top:19px;
	right:20px;
	background-image:url(../images/btn_close.png);
}
#character-pop #nav {
	width:100%;
	position:absolute;
}
#character-pop #nav li a {
	width:22px;
	height:40px;
	display:block;
}
#character-pop #nav li.left {
	float:left;
	margin:0 0 0 17px;
	background-image:url(../images/nav_left.png)
}
#character-pop #nav li.right {
	float:right;
	margin:0 17px 0 0;
	background-image:url(../images/nav_right.png)
}
#character-pop #charaBody {
	position:absolute;
}

#btnCara {
	position:absolute;
	top:20px;
	right:20px;
	z-index:100
}




#correlation .block {
	width:600px;
	margin:90px auto;
	position:relative;
}




#cast .block {
	width:600px;
	margin:90px auto;
	position:relative;
}
#cast .contents {
	min-height:460px;
}

#cast .tab {
	margin:0 0 40px 0;
}
#cast .tab dt {
}
#cast .tab dd {
	float:left;
}
#cast .tab dd a {
	width:100px;
	height:30px;
	display:block;
}
#cast .tab dd a:hover,
#cast .tab dd a.active {
	background-position:0 bottom;
}
#cast .tab dd.nav1 a {
	background-image:url(../images/cast_tab1.jpg);
}
#cast .tab dd.nav2 a {
	background-image:url(../images/cast_tab2.jpg);
}



#onair #container {
	min-height:800px;
}
#onair .block {
	width:600px;
	margin:90px auto;
	position:relative;
}
#onair .contents {
	min-height:460px;
}

#onair .mainBlo .title {
	width:450px;
	color:#fff160;
	margin:14px 0;
}
#onair .mainBlo .data,
#onair .mainBlo .texBody {
	width:430px;
}




#movie #container {
	min-height:1300px;
}
#movie .block {
	width:350px;
	margin:70px auto;
	position:relative;
	background-image:none;
}
#movie .mainBlo {
	margin:0 0 50px 0;
}
#movie .mainBlo .imgBlo {
	margin:0 0 18px 0;
}
#movie .mainBlo h4 {
	width:160px;
	height:20px;
	margin:0 auto; 
}
#movie #mainBlo1 h4 {
	background-image:url(../images/movie_title1.png);
}
#movie #mainBlo2 h4 {
	background-image:url(../images/movie_title2.png);
}
#movie #mainBlo3 h4 {
	background-image:url(../images/movie_title3.png);
}
#movie #mainBlo4 h4 {
	background-image:url(../images/movie_title4.png);
}




#special .block {
	width:560px;
	margin:20px auto;
	position:relative;
}
#special .contents {
	height:445px;
}

#special .spBlo {
	width:529px;
	position:absolute;
}
#special .spBlo h4.title {
	width:131px;
	height:60px;
	position:absolute;
	top:3px;
	left:31px;
	background-image:url(../images/special_title1.png);
}
#special #spBlo1 h4.title {
}
#special .mainBlo {
	width:320px;
	margin:0;
	position:absolute;
	top:3px;
	left:210px;
	background-color:#000;
}

#special .mainBlo .imgBody {
	margin:0 0 20px 0;
	height:209px;
}
#special .mainBlo h4 {
	margin:0 10px 12px 10px;
}
#special .mainBlo .texBody {
	margin:0 10px 15px 10px;
}

#sp1nav {
	position:absolute;
	top:112px;
	left:24px;
}

#sp1nav li {
	margin-bottom:13px;
}
#sp1nav li a {
	text-decoration:none;
}
#sp1nav li a:hover,
#sp1nav li a.active {
	color:#fff160;
}






#cd #container {
	/*min-height:2800px;*/
}
#cd .block {
	width:600px;
	margin:90px auto;
	position:relative;
}
#cd .contents {
	min-height:460px;
}

#cd .blockCd {
	margin:0 0 30px 0;
}

#cd .blockCd .photo {
	width:125px;
	float:left;
}

#cd .blockCd .texBody {
	width:320px;
	float:left;
	margin:0 0 0 20px;
}

#cd .blockCd .texBody h4 {
	color:#f6ff00;
}

#cd .cdMenu .title {
	color:#fff160;
	margin-bottom:15px;
}

#cd .cdMenu {
	padding-bottom:500px;
}

#cd .tab {
	clear:both;
	margin:0 0 30px 0;
}
#cd .tab li {
	float:left;
}
#cd .tab a {
	height:30px;
	display:block;
}
#cd .tab1 a {
	width:135px;
	background-image:url(../images/cd_tab1.jpg)
}
#cd .tab2 a {
	width:160px;
	background-image:url(../images/cd_tab2.jpg)
}
#cd .tab3 a {
	width:200px;
	background-image:url(../images/cd_tab3.jpg)
}
#cd .tab a:hover,
#cd .tab a.active {
	background-position:0 bottom;
}





#cd .tabOya {
	clear:both;
	margin:0 0 30px 0;
}
#cd .tabOya li {
	float:left;
}
#cd .tabOya a {
	height:30px;
	display:block;
}
#cd .tabOya1 a {
	width:135px;
	background-image:url(../images/oya_tab1.jpg)
}
#cd .tabOya2 a {
	width:135px;
	background-image:url(../images/oya_tab2.jpg)
}
#cd .tabOya a:hover,
#cd .tabOya a.active {
	background-position:0 bottom;
}

.cdLink a {
    display:block;
    width:90px;
    height:23px;
    background:url(../images/btn_sound_2.gif) no-repeat left top;
}

.cdLink a:hover {
    background-position:left bottom;
}