@charset "utf-8";

/*--------------------------------
head
--------------------------------*/
#header{
	background:url(../img/head_bg.jpg) 0 0 no-repeat;
	background-position: center center;
	width: 100%;
	height: 740px;
	overflow: hidden;
}
#header_inner{
	background:url(../img/head_bg.jpg) 0 0 no-repeat;
	background-position: center center;
	position: relative;
	width: 1024px;
	height: 740px;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper{
	width:1048px;
	margin:0 auto;
	overflow:hidden;
	color:#663333;
}



h1#title{
	position: absolute;
	top: 75px;
	left: 242px;
}
#lead01{
	position: absolute;
	top: 16px;
	left: 14px;
}
#lead02{
	position: absolute;
	top: 36px;
	right: 19px;
}
#lead03{
	position: absolute;
	bottom: 70px;
	left: 250px;
}

#release{
	position: absolute;
	bottom: 110px;
	left: 0;
}

#youtube_btn{
	position: absolute;
	bottom: 190px;
	right: 160px;
}



#share{
	position: absolute;
	bottom: 40px;
	right: 110px;
	line-height: 20px;
}
#share li{
	float: left;
}
#share li.facebook {
	width: 155px;
	overflow: visible;
}
#share li.twitter {
	width: 106px;
}
iframe.twitter-share-button {
    width: 105px!important;
}
/*#share li.line {
	width: 82px;
}
*/

/*--------------------------------
h2
--------------------------------*/

#movie_top,#intro_top,#story_top,#cast_staff_top,#info_top {
	margin-left:25px;
	position:absolute;
	margin-top:-22px;
	z-index:1;
}



/*--------------------------------
nav
--------------------------------*/
#nav{
	background:url(../img/nav_bg.png) repeat-x;
}

#nav{
	width:1024px;
	height:48px;
	display:block;
	margin:0 auto;
	position:relative;
	margin-bottom:40px;
}

#nav #trailer_jump a{
	top: 0;
	left: -1px;
	position: absolute;
	display: block;
	width: 204px;
	height: 48px;
	background: url(../img/nav_bg.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#nav #trailer_jump a:hover{
	background: url(../img/nav_bg.png) 0 -48px no-repeat;
}


#nav #intro_jump a{
	top:0;
	left:204px;
	position:absolute;
	display: block;
	width:204px;
	height:48px;
	background: url(../img/nav_bg.png) -204px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #intro_jump a:hover{
	background: url(../img/nav_bg.png) -204px -48px no-repeat;
}

#nav #story_jump a{
	top:0;
	left:408px;
	position:absolute;
	display: block;
	width:206px;
	height:48px;
	background: url(../img/nav_bg.png) -408px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #story_jump a:hover{
	background: url(../img/nav_bg.png) -408px -48px no-repeat;
}
#nav #cast_jump a{
	top:0;
	left:614px;
	position:absolute;
	display: block;
	width:205px;
	height:48px;
	background: url(../img/nav_bg.png) -614px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #cast_jump a:hover{
	background: url(../img/nav_bg.png) -614px -48px no-repeat;
}

#nav #info_jump a{
	top:0;
	left:819px;
	position:absolute;
	display: block;
	width:205px;
	height:48px;
	background: url(../img/nav_bg.png) -819px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#nav #info_jump a:hover{
	background: url(../img/nav_bg.png) -819px -48px no-repeat;
}

/*--------------------------------
trailer
--------------------------------*/
#movie{
	width:1048px;
	height:282px;
	margin-bottom:40px;
	display:block;
	/*overflow:hidden;*/
	position:relative;
}

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

.content_movie{
	width:1048px;
	height:449px;
	position:relative;
	background:url(../img/bg_trailer.png) 0 0 no-repeat;
}

/*--------------------------------
Introduction
--------------------------------*/
#intro{
	width:1048px;
	margin-bottom:40px;
	display:block;
	overflow:hidden;
	position:relative
}

#intro .topics {
	float:right;
	margin:30px 40px 0 0;
}

#intro p.text{
	width:500px;
	display:block;
	margin:0 auto;
	padding:10px 0 30px 0;
	text-align:justify;
	/*letter-spacing:-1px;*/
}

.content_intro{
	width:1048px;
	height:996px;
	position:relative;
	background:url(../img/bg_intro.png) 0 0 no-repeat;
}

.intro_photo {
	top:35px;
	left:35px;
	position:absolute;
	z-index:2;
}

.intro_img_under{
	left: 0;
	right: 0;
	bottom: 30px;
	margin: auto;
	width:992px;
	height:280px;
	position:absolute;
	z-index:1;
}

/*--------------------------------
story
--------------------------------*/
#story{
	width:1048px;
	margin-bottom:40px;
	display:block;
	overflow:hidden;
	position:relative;
}


#story .topics{
	float:left;
	padding:45px 0 0 85px;	
}

#story h3 {
	width:560px;
	text-align:center;
	margin-bottom:14px;
}

#story p.text{
	width:560px;
	display:block;
	text-align:justify;
	/*letter-spacing:-1px;*/
}

.content_story{
	width:1048px;
	height:641px;
	position:relative;
	background:url(../img/bg_story.png) 0 0 no-repeat;
}

.story_photo {
	top:45px;
	right:50px;
	position:absolute;
	z-index:2;
}

.story_img_under{
	left: 0;
	right: 0;
	bottom: 30px;
	margin: auto;
	width:992px;
	height:280px;
	position:absolute;
	z-index:1;
}

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


.content_cast{
	width:1048px;
	height:806px;
	margin-bottom:40px;
	background:url(../img/bg_cast.png) 0 0 no-repeat;
}

.soukanzu{
	text-align:center;
	padding-top:40px;
}

.cast-text dt {
	font-weight:bold;
	margin-left:-5px;
}

.cast-text {
	font-size:12px;
    line-height:1.3;
	margin-left:60px;
}

/*--------------------------------
info
--------------------------------*/
#info{
	width:1048px;
	height:817px;
	position:relative;
	background:url(../img/bg_info.png) 0 0 no-repeat;
	color:#655153;
}

#inner_sell{
	margin:40px 5px 0 35px;
	padding:50px 33px;
	float:left;
	background:url(../img/bg_sell.png) 0 0 no-repeat;
}

#inner_rental{
	margin:40px 30px 0 0;
	padding:50px 30px;
	float:right;
	background:url(../img/bg_rental.png) 0 0 no-repeat;
}

ul.sell_rental{
	float:left;
	text-align:center;
}


ul.sell_rental li.title{
	margin-top:35px;
	font-size:24px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing:-2px;
}

ul.sell_rental li.title_vol{
	font-size:20px;
}

ul.sell_rental li.date{
	margin-bottom:15px;
	font-weight:bold;	
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#ff3b45;
}

ul .date_large {
	font-size:24px;
	font-weight:bolder;
	vertical-align: text-bottom;
}

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