@charset "utf-8";

/*----------------  all  -------------------*/
*{
	margin: 0px;
	padding: 0px;
}


html {
	
	background-color:#000;
	color:#FFF;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

body {
	padding:0;
	margin:0;
	width:100%;
	min-width:1024px;
	height:100%;
	background-color:#000;
	color:#FFF;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}



.inner1024{
	position:absolute;
	top:0;
	left:0;
	width:1024px;
}



/*----------------  character  -------------------*/


/*----------------  contents  -------------------*/
#wrapper{
	
	position:relative;
	width:100%;
	/*min-width:1024px;*/
	padding:0;
	margin:0 auto;
}

.main{
	position:relative;
	width:1024px;
	height:998px;
	padding:0;
	margin:0 auto;
}

#btn_container_bg{
	z-index: 2;
	position: absolute;
	width: 100%;
	min-width: 1024px;
	height: 50px;
	background-color: #202020;
	background-image: url(../img/navi/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 90px;
	top:0;
}


#btn_container{
	height:50px;
	width:980px;
	margin:0 auto;
	position:relative;
}

#logo{
	position: absolute;
	left: -1px;
	top: -85px;
	}

#koukai{
	position: absolute;
	right: 10px;
	top: -75px;
	}
	
#maeuri-banner{
	position: absolute;
	left: 315px;
	top: -70px;
	}


#boarding-banner{
	position: absolute;
	left: 537px;
	top: -52px;
	}


.btn{
	float:left;
	
}
.btn2{
	float:left;
	padding-top:9px;
	padding-right:24px;
}







/*----------------  contents  -------------------*/
#contents{
	width:100%;
}






/*----------------  intro  -------------------*/

#intro-container{
	/*background-image: url(../img/intro/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 150px;*/
	
	width: 100%;
	height: 2580px;
	min-width: 1024px;
	padding: 0;
	margin: 0 auto;
}

#intro{
	margin:140px auto 0;
	position:relative;
	
}
.introTxt-1{
	position: absolute;
	top: 3px;
	left: 533px;
	}
.introTxt-2{
	position: absolute;
	top: 485px;
	left: 0px;
	}
.introTxt-3{
	position: absolute;
	top: 1046px;
	left: 0px;
	}
.introTxt-4{
	position: absolute;
	top: 1644px;
	left: 0px;
	}


/*----------------  story  -------------------*/

#story-container{
	
	width:100%;
	height:2251px;
	min-width:1024px;
	padding:0;
	margin:0 auto;
}

#story{
	margin:0 auto;
}
.storyTxt-1{
	position: absolute;
	top: 402px;
	left: 3px;
	}
.storyTxt-2{
	position:absolute;
	top:980px;
	left:0px;
	}
.storyTxt-3{
	position:absolute;
	top:1507px;
	left:0px;
	}
.storyTxt-4{
	position: absolute;
	top: 2100px;
	left: -7px;
	}


/*----------------  cast  -------------------*/

#cast-container{
	background-image: url(../img/cast/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 2782px;
	min-width: 1024px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.cast{
	width: 980px;
	padding-top: 170px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
}





/*----------------  trailer  -------------------*/





/*----------------  cast  -------------------*/




/*----------------  staff  -------------------*/


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


/* =======================================
	ClearFixElements
======================================= */
#slideshow02 ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow02 ul {
	display: inline-block;
	overflow: hidden;
}











/*----------------  footer  -------------------*/
#footer{
	background-image: url(../img/common/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 245px;
	width: 100%;
	margin-top: 70px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}










/*----------------  social_container  -------------------*/
#social_container{
	position: absolute;
	z-index:2;
	top:37px;
	width:600px;
	float:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}


.social_btn{
	float:left;
}

#twitter_btn{
	width:110px;
}

#facebook_btn{
	width:115px;
}

#gree_btn{
	width:80px;
}

#mixi_btn{
	width:110px;
}

#google_btn{
	width:110px;
}



/*----------------  png  -------------------*/
*html .png{ behavior: url(iepngfix.htc); }


/*----------------  +  -------------------*/
.clearfix { /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

img { -ms-interpolation-mode: bicubic; }