@charset "utf-8";

body,html{	
}



/*--------------------------------

@TOP

--------------------------------*/
#top-container{
	position:relative;
	margin: 0 auto;
  	min-width: 1024px;
  	padding: 77px 0 0;
}

#top-contents{
	position:absolute;
	
}r

#top-left-container {
  position: absolute;
  z-index: 1;
  left:14px;
  filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#top-right-container{
	  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  height: 100%;
  overflow: hidden;
}

#top-ttl{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#top-cast{
	position: absolute;
	z-index: 2;
	/*
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	*/
}

#buzzes {
  position: absolute;
  z-index: 2;
  /*
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  */
}
#main-img{
	position:absolute;
	right:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


#bg{
	top:0;
	left:0;
	z-index:1;
}

#badge {
  position: absolute;
  z-index: 2;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}


#ttl-img{
	position:absolute;
	top:40px;
	left:65px;
}

#koukai{
	cursor:pointer;
	position:absolute;
	right:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#copy{
	position:absolute;
	top:104px;
	left:0;
	z-index:3;
}


#btn-container{
	z-index:100;
	position:absolute;
	top:478px;
	left:0;
	width:134px;
}

.btn{
	margin:0 0 10px 0;
}

#credit{
	position:absolute;
	top:41px;
	left:0px;
	z-index:10;
}

#top-right-bottom{
	
}

#filmarks{
	padding-top: 25px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


#top-sns{
	  padding: 25px 0 0 20px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#top-link-container{
	position:absolute;
	right:-500px;
	z-index:100;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#link-btn{
	cursor:pointer;
}

#banner-container{
	background:#dbf1f8;
	padding:10px 10px 0;
}
#banner-container li{
	padding:0 0 10px;
}

#tokuban{
	position:absolute;
	z-index:10;
	top:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#tokuban:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}



/*--------------------------------

@aboutmovie

--------------------------------*/
#aboutmovie{
	margin:14px auto 140px;
}
#flash-txt{
	position:absolute;
	z-index:100;
}

#gallery-container{
	margin:0 auto;
	overflow:hidden;
}

#scroll-guide{
	position:absolute;
	z-index:100;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#gallery-img-container{
	position:absolute;
	display:block;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#gallery-img-container p{
	position:absolute;
	z-index:1;
}

#about-container{
	position:relative;
	width:1024px;
	height:1434px;
	margin:132px auto 0;
	/*background:url(../img/aboutmovie/guide.png) center top no-repeat;*/
}

#aboutmovie-ttl{
	position:absolute;
	top: 53px;
	left: 811px;
}

#about-img-container ul li{
	position:absolute;
}
#aboutmovie-txt1{
	position:absolute;
	z-index:10;
	top:184px;
	left:404px;
}
#aboutmovie-txt2{
	position:absolute;
	z-index:10;
	  top: 931px;
  left: 26px;
}
#aboutmovie-txt3{
	position:absolute;
	z-index:10;
	top:1196px;
	left:26px;
}

#about-img-container ul li:nth-child(1){top:0px; left:465px;}
#about-img-container ul li:nth-child(2){top:0px; left:0;}
#about-img-container ul li:nth-child(3){top:442px; left:0px; z-index:3;}
#about-img-container ul li:nth-child(4){top:332px; left:505px; z-index:2}
#about-img-container ul li:nth-child(5){top:694px; left:416px; z-index:1;}



/*--------------------------------

@trailer

--------------------------------*/
#movie-container{
	margin:15px auto 28px;/*40px auto 28px*/
	background:#000;
}

#trailer-container{
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#trailer-btn-container{
	margin:28px auto 0;
	width:996px;
}
#trailer-btn-container li{
	cursor:pointer;
	float:left;
	margin:0 1px 0 0;
	line-height:104px;
	background:#edeff0;
}
#trailer-btn-container p{
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
	width: 216px;
	height: 100px;
	padding: 0 0 0 115px;
}

#trailer-btn-container p.trailer-type2{
	display: table-cell;
  vertical-align: middle;
  line-height: 0;
  width: 248px;
  height: 100px;
  padding: 0px;
}

#trailer-btn-container li img{
}

#trailer-btn-container li.selected{
	cursor:default;
	background:#459ac1;
}
#trailer-btn-container li:last-child{
	margin:0;
	padding:0;
	width:248px;
}



/*--------------------------------

@CAST

--------------------------------*/
#cast{
	margin:130px auto 0;
	min-width:1024px;
	min-height:735px;
	overflow:hidden;
}

#cast-container{
	position:relative;
	overflow:hidden;
	margin:0 auto;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


#cast-bg{
	position:absolute;
	z-index:1;
}

#cast-profile-container{
	margin:0 auto;
	display:none;
	background-color:rgba(69,154,193,0.95);
	z-index:10;
	position:absolute;
}

#cast-loader{
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	margin-left:-12px;
	margin-top:-12px;
	display:none;
}

#cast-profile-close{
	position:absolute;
	z-index:10;
	cursor:pointer;
}
#cast-profile-close:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}


#profile-btn-container{
	position:absolute;
	z-index:20;
}
#profile-btn-container ul li{
	position:absolute;
	cursor:pointer;
	top:337px;
}
#profile-btn-container ul li:nth-child(1){left: 14px;top: 30px;}
#profile-btn-container ul li:nth-child(2){left: 186px;top: 30px;}
#profile-btn-container ul li:nth-child(3){left: 833px;top: 30px; cursor:default;}
#profile-btn-container ul li:nth-child(4){left: 14px;top: 201px;}
#profile-btn-container ul li:nth-child(5){left: 186px;top: 201px;}
#profile-btn-container ul li:nth-child(6){left: 360px;top: 201px;}
#profile-btn-container ul li:nth-child(7){left: 535px;top: 201px;}
#profile-btn-container ul li:nth-child(8){left: 710px;top: 201px;}
#profile-btn-container ul li:nth-child(9){left: 14px;top: 392px;}
#profile-btn-container ul li:nth-child(10){left: 186px;top: 392px;}
#profile-btn-container ul li:nth-child(11){left: 360px;top: 392px;}
#profile-btn-container ul li:nth-child(12){left: 534px;top: 392px;}
#profile-btn-container ul li:nth-child(13){left: 710px;top: 392px;}
#profile-btn-container ul li:nth-child(14){left: 858px;top: 392px;}
#profile-btn-container ul li:nth-child(15){left: 345px;top: 566px;}
#profile-btn-container ul li:nth-child(16){left: 710px;top: 566px;}

#soukan-container{
	position:absolute;
	width:996px;
	z-index:5;
}

.cast-block{
	padding:0 0 50px;
	margin:0 auto;
}

#cast-soukan{
	position:absolute;
	z-index:1;
}

/*--------------------------------

@STAFF

--------------------------------*/
#staff{
	margin:50px auto 0;
	width:1024px;
}
#staff-contents{
}

#staff-ttl{
	padding:0 0 60px 28px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.staff-profile{
	width:1024px;
	margin:0 auto 100px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}


.staff-profile-txt{
	width:597px;
	padding:0 30px 0 28px;
	display:block;
	float:left;
}

.staff-profile-txt2{
	padding:0 30px 0 28px;
	display:block;
	float:left;
}

.staff-profile-img{
	padding:55px 0 0;
	display:block;
	float:left;
}

.staff-block{
	padding:0 0 70px;
	margin:0 auto;
}



/*--------------------------------

@COMIC

--------------------------------*/
#comic{
	margin:50px auto 0;
	width:1024px;
}

#comic-contents{
}

#comic-ttl{
	padding:0 0 60px 28px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.comic-profile{
	margin:0 0 80px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.comic-profile-txt{
	padding:0 30px 0 28px;
	display:block;
}

.comic-box{
	height:428px;
	margin:0 0 100px;
}

#comic-btn{
	position:absolute;
	z-index:2;
	top:373px;
	left:390px;
}
.comic-profile-txt2{
	position:absolute;
	top:0;
	left:28px;
	z-index:1;
	display:block;
}

.comic-block{
	padding:0 0 70px;
	margin:0 auto;
}






/*--------------------------------

@footer

--------------------------------*/
#footer-container{
	margin:0 auto;
	padding:30px 0 100px;
	min-width:924px;
}
#footer-contents{
}

#back-to-top{
	position:absolute;
	top:0px;
	right:0px;
}

#cc{
	display:block;
	margin:0 auto;
}
#official-sns{
	z-index:100;
	padding:0 0 0 15px;
	position:absolute;
	width:20px;
	top:480px;
	left:0;
}

.official-sns-btn{
	margin:0 0 7px;
}


#sns{
	z-index:100;
	padding:0 10px 0 0;
	position:absolute;
	overflow:hidden;
	height:123px;
	width:20px;
	top:347px;
	left:15px;
	background: url(../img/snsbg.png) no-repeat;
	background-color:#FFF;
	
	-moz-border-radius-topleft: 4px;/*firefox*/
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	
	-webkit-border-top-left-radius: 4px;/*Safari Chrome*/
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	
	-khtml-border-radius-topleft: 4px;/* for old Konqueror browsers*/
	-khtml-border-radius-topright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomleft: 4px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	
}

*html #sns{
	display:hiden;
	background-image:none;
	border:none;
}