@charset "UTF-8";

/*--------------------------------
COMMON
--------------------------------*/	
html {
	background: url(../images/bg_main.gif) repeat;
	/*background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;*/
}

#main{
	margin:0;
	padding:0;
}

#wrapper{
	width:1024px;
	margin:0 auto;
	overflow:hidden;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#663333;
}

h2.topic img{
	margin:32px auto 0 auto;
	padding:0;
	display:block;
}

.content{
	width:960px;
	margin:-145px 0 0 0;
	padding:64px 32px;
	background:url(../images/bg_content.gif) 0 0 repeat-y;
	position:relative;
	z-index:100;
}

.content_header{
	width:1024px;
	height:640px;
	margin:0 auto;
	padding:0;
	background: url(../images/bg_header_main.png) 0 0  no-repeat;
	position:relative;
}

.content_movie{
	width:1024px;
	height:449px;
	position:relative;
	background:url(../images/bg_movie.jpg) 0 0 no-repeat;
}

.content_info{
	width:960px;
	height:696px;
	margin:-145px 0 0 0;
	padding:64px 32px;
	background:url(../images/bg_info.jpg) 0 0 no-repeat;
	position:relative;
	z-index:100;
}

.deco_top{
	width:1024px;
	height:145px;
	position:relative;
	margin:0 0 -100px 0;
	padding:0;
	clear:both;
	background:url(../images/deco_top.png) 0 0 no-repeat;
	z-index:200;
}

.deco_bottom{
	width:1024px;
	height:145px;
	position:relative;
	margin:-143px 0 0 0;
	padding:0;
	clear:both;
	background:url(../images/deco_bottom.png) 0 0 no-repeat;
	z-index:300;
}


/*--------------------------------
header
--------------------------------*/
#header{
	background:url(../images/bg_header.gif) 0 0 no-repeat;
	background-position: center center;
	width:100%;
	height:640px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	position:relative;
}

#sns_icons{
	bottom:8px;
	right:8px;
	position:absolute;
}
#sns_icons li{
	margin:2px;
	display:inline-block;
	float:left;
	display:block;
	width:98px;
}

#logo{
	position:absolute;
	bottom:100px;
	left:296px;
}

#catch_01{
	position:absolute;
	top:16px;
	right:0px;
}

#catch_02{
	position:absolute;
	top:16px;
	left:0px;
}

#catch_03{
	position:absolute;
	top:10px;
	left:810px;
}

#release_day{
	position:absolute;
	bottom:0px;
	left:258px;
}

/*--------------------------------
navi
--------------------------------*/
#nav{
	width:1024px;
	height:48px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:16px auto;
}
#nav #trailer_jump a{
	top:0px;
	left:0px;
	position:absolute;
	display: block;
	width:204px;
	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 #intro_jump a{
	top:0px;
	left:204px;
	position:absolute;
	display:block;
	width:205px;
	height:48px;
	background: url(../images/nav.png) -204px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #intro_jump a:hover{
	background: url(../images/nav.png) -204px -48px no-repeat;
}
#nav #story_jump a{
	top:0px;
	left:409px;
	position:absolute;
	display: block;
	width:205px;
	height:48px;
	background: url(../images/nav.png) -409px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #story_jump a:hover{
	background: url(../images/nav.png) -409px -48px no-repeat;
}
#nav #cast_jump a{
	top:0px;
	left:614px;
	position:absolute;
	display: block;
	width:205px;
	height:48px;
	background: url(../images/nav.png) -614px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #cast_jump a:hover{
	background: url(../images/nav.png) -614px -48px no-repeat;
}
#nav #info_jump a{
	top:0px;
	left:819px;
	position:absolute;
	display: block;
	width:205px;
	height:48px;
	background: url(../images/nav.png) -819px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #info_jump a:hover{
	background: url(../images/nav.png) -819px -48px no-repeat;
}

/*--------------------------------
trailer
--------------------------------*/
#movie{
	width:1024px;
	height:449px;
	margin:0 0 16px 0;
	display:block;
	/*overflow:hidden;*/
	position:relative;
}

#trailer{
    width:427px;
	height:250px;
	position:absolute;
	top:120px;
	left:298px;
}
/*--------------------------------
Introduction
--------------------------------*/
#intro{
	width:1024px;
	margin:0 0 16px 0;
	display:block;
	overflow:hidden;
}

#intro h3.topic{
	display:block;
	margin:0 0 0 32px;
	position:relative;
	z-index:300;
}

#intro p.text{
	width:640px;
	display:block;
	margin:0 0 16px 32px;
	padding:8px 16px 16px 16px;
	text-align:justify;
	position:relative;
	z-index:300;
}

#intro_img_right{
	top:-40px;
	right:0px;
	position:absolute;
	z-index:0;
}

/*--------------------------------
story
--------------------------------*/
#story{
	width:1024px;
	margin:0 0 16px 0;
	display:block;
	overflow:hidden;
}

#story p.text{
	width:480px;
	font-size:16px;
	line-height:28px;
	margin:16px 0 0 480px;
	text-align:justify;
	display:block;
}

#story p.line{
	position:absolute;		
}

#story_img_left{
	top:64px;
	left:32px;
	position:absolute;
}

/*--------------------------------
cast&staff
--------------------------------*/
#cast_staff{
	width:1024px;
	margin:0 0 16px 0;
	display:block;
	overflow:hidden;
}

p#soukanzu{
	width:814px;
	margin:0 auto 32px auto; 
	display:block;
	/*visibility:hidden;*/
}

.inner_cast_staff{
	width:896px;
	height:240px;
	position:relative;
	margin:0 64px;
	z-index:0;
	overflow:hidden;
}

dl.cast_staff{
	width:432px;
	float:left;
	margin:0 16px 0 0;
}

dl.cast_staff dt{
	font-weight:bolder;
	height:24px;
	margin:0 0 8px 0;
}

dl.cast_staff dd{
	margin:0;
	line-height:18px;
	font-size:14px;
}
/*--------------------------------
info
--------------------------------*/
#info{
	width:1024px;
	margin:0;
	display:block;
	overflow:hidden;
	position:relative;
}

#inner_sell{
	width:432px;
	height:520px;
	margin:48px 0 0 84px;
	float:left;
}

#inner_rental{
	width:274px;
	height:520px;
	margin:48px 0 0 94px;
	float:left;
}

ul.sell_rental{
	width:200px;
	float:left;
	margin:0;
	color:#000000;
	text-align:center;
}

ul.sell_rental li.jk{
	width:200px;
	margin:0 auto 16px auto;
} 

ul.sell_rental li.title{
	margin:0 auto;
	font-weight:bolder;
	font-size:20px;
}

ul.sell_rental li.title_vol{
	margin:0 auto;
	font-weight:bolder;
}

ul.sell_rental li.date{
	margin:8px auto 8px auto;
	font-weight:bolder;	
	font-size:16px;
	color:#CC0000;	
}

ul.sell_rental li.spec{
	margin:0 auto 8px auto;
    font-size:10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:14px;
}

ul.sell_rental li.btn{
	margin:0 auto;
}

ul.sell_rental li.line{
	width:320px;
	height:3px;
	margin:8px auto;
	background:url(../images/line_info.gif) 0 0 no-repeat;
	}


/*--------------------------------
footer
--------------------------------*/
#copy{
	margin:-64px auto 0 auto;
	display:block;
	text-align:center;
	color:#FFFFFF;
}
/*#footer {
	height:236px;
	margin:0 auto; 
	background:url(../images/bg_footer.png) 0 0 repeat-x;
	overflow:hidden;
}
/*#footer #inner {
	width:1050px;
	/*height:80px;
	overflow:hidden;
	padding:140px 0 0 0;
	margin:0 auto 0 auto;
	background:url(../images/bg_footer_inner.png) 0 0 no-repeat;
	text-align:center;
}*/