@charset "UTF-8";

/*--------------------------------
common
--------------------------------*/	
html {
	/*background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;*/
}

#main{
	background:url(../images/bg_main.jpg) 0 0 repeat-x;
	margin:0;
	padding:0;
	
}

#wrapper{
	width:1024px;
	min-width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

h2.topic{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

h3.catch{
	display:block;
	margin:0 auto 16px auto;
}

.content{
	width:960px;
	padding:48px 16px 16px 16px;
	background:url(../images/bg_wh_80.png) repeat;
}

/*--------------------------------
header
--------------------------------*/	
#header{
	width:1024px;
	height:700px;
	margin:0 auto;
	display:block;
	position:relative;
	overflow:hidden;
}

#inner_header{
	background:url(../images/bg_header.jpg) 0 0 no-repeat;
	/*background-position: center center;*/
	width:1024px;
	height:100%;
	margin:0 auto;
	position:relative;	
}

#logo{
	position:absolute;
	top:16px;
	right:16px;
}

#catch{
	position:absolute;
	bottom:322px;
	right:16px;
}

#day_oa{
	position:absolute;
	bottom:222px;
	right:16px;
}

#day_release{
	position:absolute;
	bottom:104px;
	right:80px;
}

#outer_sns_icons{
	position:absolute;
	top:16px;
	right:16px;
}

ul#sns_icons{
	width:126px;
	height:60px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
ul#sns_icons #twitter a{
	top:0;
	left:0;
	position:absolute;
	display: block;
	width:60px;
	height:60px;
	background:url(../images/header/btn_tw.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
ul#sns_icons #twitter a:hover{
	background: url(../images/header/btn_tw.png) 0 -60px no-repeat;
}

ul#sns_icons #facebook a{
	top:0;
	right:0;
	position:absolute;
	display: block;
	width:60px;
	height:60px;
	background:url(../images/header/btn_fb.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
ul#sns_icons #facebook a:hover{
	background:url(../images/header/btn_fb.png) 0 -60px no-repeat;
}

#event{
	position:absolute;
	bottom:370px;
	left:290px;
}

/*--------------------------------
navi
--------------------------------*/
#nav{
	width:1024px;
	height:48px;
	display:block;
	overflow:hidden;
	margin:16px auto 0 auto;
	position:relative;
}
#nav #trailer_jump a{
	top:0;
	left:0;
	position:absolute;
	display: block;
	width:176px;
	height:48px;
	background: url(../images/nav.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #trailer_jump a:hover{
	background: url(../images/nav.png) 0 -48px no-repeat;
}
#nav #story_jump a{
	top:0;
	left:176px;
	position:absolute;
	display: block;
	width:150px;
	height:48px;
	background: url(../images/nav.png) -176px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #story_jump a:hover{
	background: url(../images/nav.png) -176px -48px no-repeat;
}
#nav #cast_staff_jump a{
	top:0;
	left:336px;
	position:absolute;
	display: block;
	width:232px;
	height:48px;
	background: url(../images/nav.png) -336px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #cast_staff_jump a:hover{
	background: url(../images/nav.png) -336px -48px no-repeat;
}
#nav #info_jump a{
	top:0px;
	left:568px;
	position:absolute;
	display: block;
	width:216px;
	height:48px;
	background: url(../images/nav.png) -568px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #info_jump a:hover{
	background: url(../images/nav.png) -568px -48px no-repeat;
}

#nav #English_jump a{
	top:0px;
	left:784px;
	position:absolute;
	display: block;
	width:120px;
	height:48px;
	background: url(../images/nav.png) -784px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #English_jump a:hover{
	background: url(../images/nav.png) -784px -48px no-repeat;
}
#nav #Chainese_jump a{
	top:0px;
	left:904px;
	position:absolute;
	display: block;
	width:120px;
	height:48px;
	background: url(../images/nav.png) -914px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #Chainese_jump a:hover{
	background: url(../images/nav.png) -914px -48px no-repeat;
}

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

#trailer{
	width:992px;
	height:448px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 0 24px 0;
	padding:16px;
}

.content_trailer{
	width:992px;
	height:448px;
	background:url(../images/bg_trailer.png) 208px 240px no-repeat, url(../images/bg_wh_80.png);
	-pie-background:url(../images/bg_trailer.png) 208px 240px no-repeat, url(../images/bg_wh_80.png);
	behavior:url(../js/PIE.htc);
	padding:0;
}

#trailer #movie{
	width:427px;
	height:250px;
	position:absolute;
	top:96px;
	left:298px;
}

#link_text{
	width:287px;
	height:24px;
	position:absolute;
    bottom:102px;
	left:368px;
	font-size:14px;
	font-weight:bolder;
	overflow:hidden;
}

#link_text #text{
	width:271px;
	height:20px;
	float:left;
	display:block;
}

#arrow{
	width:16px;
	height:20px;
	float:left;
	font-size:20px;
	line-height:20px;
	display:block;
}

/*--------------------------------
story
--------------------------------*/
#story{
	width:992px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 0 24px 0;
	padding:16px;
}

.category{
	width:960px;
	margin:0;
	position:relative;
}

.text_story{
	line-height:32px;
	text-align:center;	
}

.line_story{
	width:960px;
	height:61px;
	margin:24px 0 32px 0;
	background:url(../images/story/line.png) 0 0 no-repeat;
}

/*//////// 01 ////////*/ 
#inner_story_01{
	width:614px;
	height:340px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:100;
}

#story_01_left{
	position:absolute;
	top:40px;
	left:0;
	z-index:0;
}

#story_01_right{
	position:absolute;
	top:-8px;
	right:0;
	z-index:0;
}
/*//////// 02 ////////*/ 
#inner_story_02{
	width:467px;
	height:540px;
    margin:0 0 0 56px;
	padding:0;
	position:relative;
	z-index:100;
}

#story_02_1{
	position:absolute;
	top:-40px;
	right:16px;
	z-index:40;
}

#story_02_2{
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}

#story_02_3{
	position:absolute;
	bottom:24px;
	left:300px;
	z-index:20;
}

#story_02_4{
	position:absolute;
	bottom:0;
	right:0;
	z-index:30;
}
/*//////// 03 ////////*/ 
#inner_story_03{
	width:339px;
	height:403px;
    margin:0 0 0 56px;
	position:relative;
	padding:0;
}

#story_03_right{
	position:absolute;
    top:0;
	right:0;
}

#story_03_right_cap{
	position:absolute;
	top:350px;
	right:0;
	text-align:right;
}

#story_03_bnr{
	position:absolute;
	top:172px;
	left:58px;
}

#story_03_bnr_cap{
	position:absolute;
	top:325px;
	right:62px;
	text-align:right;
}



/*--------------------------------
cast
--------------------------------*/
#cast_staff{
	width:992px;
	height:600px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 0 24px 0;
	padding:16px;
}

p#soukanzu{
	margin:0 auto 40px auto;
	display:block;
	visibility: hidden;
}

dl.cast_staff{
	width:640px;
	display:block;
	position:absolute;
	bottom:32px;
	left:32px;
}

dl.cast_staff dt{
	font-size:14px;
	font-weight:bolder;
	margin:10px 0 0 0;
}

dl.cast_staff dd{
	margin:0 0 0 0;
	line-height:14px;
	font-size:11px;
}


/*--------------------------------
info
--------------------------------*/
#info_Japanese{
	width:992px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 0 24px 0;
	padding:16px;
}

#info_English{
	width:992px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 0 24px 0;
	padding:16px;
}

#info_Chainese{
	width:992px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 0 24px 0;
	padding:16px;
	font-family :'Simhei','MS UI Gothic','Hei','sans-serif'；
}

#outer_btn_lang{
	width:240px;
	height:48px;
	position:absolute;
	top:24px;
	right:32px;
}

ul#btn_lang{
	width:240px;
	height:48px;
	position:relative;
	display:block;
	overflow:hidden;
}
ul#btn_lang li#lang_English a{
	top:0;
	left:0;
	position:absolute;
	display: block;
	width:120px;
	height:48px;
	background: url(../images/nav.png) -784px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
ul#btn_lang li#lang_English a:hover{
	background: url(../images/nav.png) -784px -48px no-repeat;
}
ul#btn_lang li#lang_Chainese a{
	top:0;
	left:120px;
	position:absolute;
	display: block;
	width:120px;
	height:48px;
	background: url(../images/nav.png) -914px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
ul#btn_lang li#lang_Chainese a:hover{
	background: url(../images/nav.png) -914px -48px no-repeat;
}

.img_c_lang{
	position:absolute;
	top:0px;
	left:0px;
}

/*===   common   ===*/
.content_info{
	width:992px;
	padding:56px 0 16px 0;
}

.inner_top,.inner_bottom{
	width:992px;
	height:40px;
	margin:0;
	padding:0;
}

.inner_info{
	width:912px;
	padding:0 40px;
	position:relative;
}

ul.jk_btn{
	width:320px;
	margin:0 16px 0 0;
	float:left;
}

ul.jk_btn li.jk{
	margin:0;
	padding:0;	
}

ul.jk_btn li.btn{
	width:212px;
	margin:8px auto 0 auto;
	display:block;
}

/*===   privilege   ===*/
.pink{
	color:#fd4861;
}

.green{
	color:#17a217;
}

.orange{
	color:#fe932b;
}

dl.privilege{
	width:544px;
	margin:0 0 78px 0;
	padding:16px;
	float:right;
	display:block;
	color:#333;
	position:relative;
}

dl.privilege dt.title{
	margin:0 auto;
	font-size:24px;
	font-weight:bolder;
	text-align:center;
}

dl.privilege dd.title_cap{
	margin:8px auto 16px auto;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
}

dl.privilege dt{
	margin:16px 0 8px -6px;
	font-size:16px;
	font-weight:bolder;
}

dl.privilege dd{
	margin:0;
	font-size:16px;	
}

.indent{
	margin:0 0 0 16px;
}

.spec{
	 margin:16px 0 0 0;
	 display:block;
}

.release_day{
	position:absolute;
	bottom:56px;
	right:74px;
}


/*===   bg   ===*/
.bg_J{
	background:url(../images/info/bg_j.gif) 0 0 repeat;
}

.bg_E{
	background:url(../images/info/bg_e.gif) 0 0 repeat;
}

.bg_C{
	background:url(../images/info/bg_c.gif) 0 0 repeat;
}

.inner_bg_J{
	background:url(../images/info/bg_inner_j.png) 0 0 repeat-y;
}

.inner_bg_E{
	background:url(../images/info/bg_inner_e.png) 0 0 repeat-y;
}

.inner_bg_C{
	background:url(../images/info/bg_inner_c.png) 0 0 repeat-y;
}

.inner_top_J{
	background:url(../images/info/inner_top_j.png) 0 0 no-repeat;
}

.inner_top_E{
	background:url(../images/info/inner_top_e.png) 0 0 no-repeat;
}

.inner_top_C{
	background:url(../images/info/inner_top_c.png) 0 0 no-repeat;
}

.inner_bottom_J{
	background:url(../images/info/inner_bottom_j.png) 0 0 no-repeat;
}

.inner_bottom_E{
	background:url(../images/info/inner_bottom_e.png) 0 0 no-repeat;
}

.inner_bottom_C{
	background:url(../images/info/inner_bottom_c.png) 0 0 no-repeat;
}
/*--------------------------------
footer
--------------------------------*/
#footer {
	margin:0;
	padding:0;
	overflow:hidden;
}
#footer #inner_footer{
	width:1011px;
	/*height:300px;*/
	overflow:hidden;
	margin:0 auto 56px auto;
	text-align:center;
}

ul#footer_item{
	width:1011px;
	margin:0 auto;
	/*position:relative;*/
}

ul#footer_item li#img{
	width:263px;
	margin:0 auto 8px auto;
}

ul#footer_item li#line_footer{
	width:1011px;
	height:4px;
	margin:16px auto;
	background:url(../images/footer/line.png) 0 0 no-repeat;
}

ul#footer_item li#copy{
	display:block;
	text-align:center;
	margin:0 auto;
}

#footer ul#banner{
	width:820px;
	height:210px;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding:0;
	display:block;
}

#footer ul#banner li{
	margin:0 8px 0 0;
	padding:0;
	float:left;
}

#footer ul#banner li.none{
	margin:0;
	padding:0;
	float:left;
}