@charset "utf-8";
/* CSS Document */

/* ----------------------------------------
*	汎用要素スタイル
---------------------------------------- */
a{	color:#e60012; text-decoration:underline;}
a:hover{ text-decoration:none;}
img{	vertical-align:bottom;}

/* ----------------------------------------
*	汎用クラススタイル
---------------------------------------- */
.toTop{
	position:absolute;
	bottom:30px;
	right:30px;
}
#twitter .toTop{	left:50px;}
.sectionTitle{
	margin:0 0 70px;
	padding:63px 0 0;
	text-align:center;
}

/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル
---------------------------------------- */
#wrapper,
body,
#container,
html{
	position:relative;
	height:100%;
}
#contents {
	overflow: hidden;
	padding:0;
	position:relative;
	z-index:40;
	height:100%;
}
div.section {
	float: left;
	margin-right: 2px;
	position:relative;
	height:100%;
}
#s04{	float:right;}
/*	背景		---------------------------------------- */
#bg01{
	background:url(../images/bg_mountain.jpg) no-repeat 0 bottom;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
#bg02{
	background:url(../images/bg_hill.png) repeat-x 0 bottom;
	position:fixed;
	top:0;
	left:-30px;
	width:100%;
	height:100%;
	padding-left:30px;
	z-index:30;
}
/*	読み込み時ベール		---------------------------------------- */
#veil{
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	background-color:#000;
	width:100%;
	height:100%;
}

/*	ナビゲーション		---------------------------------------- */
#nav {	position: fixed;	left: 60px;	top: 30px;}
.nav{
	margin:0 0 10px 30px;
	position:fixed;
	left:33px;
	bottom:170px;
	padding:0 0 10px 0;
	z-index:10000;
}
.nav li{	list-style:none;}
.nav li a{
	display:block;
	width:219px;
	height:27px;
}
.nav #navTop a{	background:url(../images/btn_nav_top_on.png) no-repeat 0 0; height:28px;}
.nav #navTopic a{	background:url(../images/btn_nav_topics_on.png) no-repeat 0 0;}
.nav #navIntroduction a{	background:url(../images/btn_nav_introduction_on.png) no-repeat 0 0;}
.nav #navStory a{	background:url(../images/btn_nav_story_on.png) no-repeat 0 0;}
.nav #navStaff a{	background:url(../images/btn_nav_staff-cast_on.png) no-repeat 0 0;}
.nav #navMedia a{	background:url(../images/btn_nav_media_on.png) no-repeat 0 0;}
.nav #navMovie a{	background:url(../images/btn_nav_movie_on.png) no-repeat 0 0;}
.nav #navTheater a{	background:url(../images/btn_nav_theater_on.png) no-repeat 0 0;}
.nav #navTwitter a{	background:url(../images/btn_nav_twitter_on.png) no-repeat 0 0; height:28px;}
.nav #navCharacter a{	background:url(../images/btn_nav_character_on.png) no-repeat 0 0;}
.nav #navFes a{	background:url(../images/btn_nav_fes_on.png) no-repeat 0 0;}

/*	Copyright　等		---------------------------------------- */
#copyright{
	position:fixed;
	right:30px;
	bottom:82px;
	text-align:right;
	z-index:10000;
}
.roadshowDate{
	position:absolute;
	right:30px;
	top:30px;
	z-index:30;
}
#top .roadshowDate{
	top:195px;
	left:100px;
}
.logoM{
	position:absolute;
	left:0px;
	top:0px;
	z-index:30;
}

/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
#top h1{
	position:absolute;
	margin:0;
	padding:30px 0 0 30px;
	z-index:30;
	top:-55px;
	left:-30px;
}
#top .lead{
	margin:0;
	position:absolute;
	top:0px;
	right:0;
	z-index:30;
}
#top .blu-ray{
	margin:0;
	position:absolute;
	top:15px;
	right:250px;
	z-index:40;
}
#top .blu-ray a{
	display: block;
	width: 199px;
	height: 197px;
	background: url(../images/bnr_blu-ray_on.png) no-repeat 0 0;
}
#top #bgTop01,
#top #bgTop02{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:3;
	text-align:center;
}
#top #bgTop02{	z-index:2;}
#top #bgTop01 img,
#top #bgTop02 img{
	width:100%;
	height:auto;
}
#top #bgTop01 img{	width:87.9%;}
#top .sectionL{
	position:absolute;
	bottom:82px;
	left:30px;
	z-index:20;
}
#top .sectionR{
	position:absolute;
	bottom:110px;
	right:30px;
	z-index:20;
}
#top #banner{
	position:absolute;
	bottom:10px;
	left:0;
	z-index:20;
	width:100%;
}
#top #banner ul{
	margin:0;
	text-align:center;
}
#top #banner li{
	list-style:none;
	display:inline;
	margin:0 5px;
}
#top #shareLink{
	margin:0;
	background:url(../images/txt_share-site.png) no-repeat 0 50%;
	padding-left:135px;
}
#top #shareLink li{
	list-style:none;
	display:inline;
}
#top #topics{
	background:rgba(0,0,0,0.5);
	border-top:solid 1px #bdb67c;
	border-bottom:solid 1px #303030;
	border-left:solid 1px #5e5e5c;
	border-right:solid 1px #5e5e5c;
	padding:7px;
/*	margin:0 0 25px 30px;*/
	margin:0 0 0 30px;
}
#top #topics table{
	margin:0 0;
	width:520px;
}
#top #topics th,
#top #topics td{
	font-size:12px;
	border:none;
	color:#FFF;
	font-weight:normal;
}
#top #socialLink{
	margin:0 0 3px;
	padding-left:260px;
	overflow:hidden;
}
#top #socialLink li{
	float:left;
	list-style:none;
}
#top #commentLink {
	margin: 0 auto;
	width: 502px;
	height: 172px;
	text-align: right;
	overflow: hidden;
	position: relative;
}

#top #commentLink img {
	top: 0;
	left: 0;
	position: absolute;
}

/* ----------------------------------------
*	ページスタイル　movie.html
---------------------------------------- */
#movie h2{	margin-bottom:30px;}
#movieBtn{
	text-align:center;
	padding-left: 280px;
}

#movie #ax{
	position:absolute;
	right:75px;
	bottom:15%;
}


/* ----------------------------------------
*	ページスタイル　cast-staff.html
---------------------------------------- */
#castStaff ul{
	margin:0;
	text-align:center;
}
#castStaff li{
	list-style:none;
	margin:0 0 40px;
}

/* ----------------------------------------
*	ページスタイル　story.html
---------------------------------------- */
#story h2{	margin-bottom:50px;}
#story .unit p{
	text-align:center;
	margin:0;
}

/* ----------------------------------------
*	ページスタイル　introduction.html
---------------------------------------- */
#introduction h2{	margin-bottom:50px;}
#introduction .unit{
	overflow:hidden;
	margin:0 auto;
	width:762px;
}
#introduction .unit p{
	float:right;
	margin:0 0 0 6px;
}

/* ----------------------------------------
*	ページスタイル　twitter.html
---------------------------------------- */
/*#twitter{	background:url(../images/bg_twitter-item.png) repeat-x right top;}*/
#twitter h2{
	margin:0;
	text-align:center;
	position:absolute;
	top:20%;
	width:100%;
}
#twitter #twitterGadget{
	position:absolute;
	top:20px;
	right:20px;
}
#twitter .tweetveil{
	width:100%;
	position:absolute;
	bottom:0;
	height:216px;
	background:url(../images/bg_twitter-grd.png) repeat-x 0 bottom;
}
#twitter #tweetLink{
	position:absolute;
	bottom:0;
	right:50px;
}
#twitter #tweetLink ul{
	margin:0;
	padding:0 0 100px;
	background:url(../images/parts_tweet.png) no-repeat 50% 0;
}
#twitter #tweetLink li{
	list-style:none;
	text-align:center;
}
#twitter #btnTweet a{
	display:block;
	width:249px;
	height:97px;
	background:url(../images/btn_tweet_on.png) no-repeat 0 0;
}
#twitter #btnFollow a{
	display:block;
	width:249px;
	height:54px;
	background:url(../images/btn_follow_on.png) no-repeat 0 0;
}
#twitter #tweetLink li.lastChild{padding-top:30px; visibility:hidden;}
#twitter #tweetLink p{
	position:absolute;
	top:-140px;
	/*left:-335px;*/
}
#twitter #tweetInc{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#twitter #tweetInc ul{
	padding:20px 320px 0 305px;
	margin:0;
	position:relative;
}
#twitter #tweetInc li{
	list-style:none;
	background:url(../images/bg_twitter.jpg) no-repeat 100% 100% #000000;
	border:solid 3px #1b1b1b;
	margin:0 0 11px;
	box-shadow:2px 3px 0 #040000;
	-moz-box-shadow: 2px 3px 0 #040000;　/* Firefox用 */
	-webkit-box-shadow: 2px 3px 0 #040000;　/* Safari,Google Chrome用 */
}
#twitter #tweetInc li div{
	padding:12px 28px;
	color:#FFF;
}
#twitter #tweetInc li span{
	font-weight:bold;
	color:#996c33;
	display:block;
	margin:0 0 5px;
}

/* ----------------------------------------
*	ページスタイル　character.html
---------------------------------------- */
#character h2{	margin-bottom:50px;}
#character .unit ul{
	margin:0 auto;
	padding: 150px 0 0;
	width: 605px;
	overflow: hidden;
}
#character .unit li{
	list-style: none;
	float: left;
}
#character .unit li a{
	display: block;
	height: 354px;
}
#character .unit #character01,
#character .unit #character01 a{	background: url(../images/pic_character_01_on.png) no-repeat 0 0; width: 121px;}
#character .unit #character02,
#character .unit #character02 a{	background: url(../images/pic_character_02_on.png) no-repeat 0 0; width: 119px;}
#character .unit #character03,
#character .unit #character03 a{	background: url(../images/pic_character_03_on.png) no-repeat 0 0; width: 121px;}
#character .unit #character04,
#character .unit #character04 a{	background: url(../images/pic_character_04_on.png) no-repeat 0 0; width: 120px;}
#character .unit #character05,
#character .unit #character05 a{	background: url(../images/pic_character_05_on.png) no-repeat 0 0; width: 119px;}

/* ----------------------------------------
*	ページスタイル　comment.html
---------------------------------------- */
#comment h2{	margin-bottom:30px;}
#comment ul{
	margin:0 auto;
	text-align:center;
	width:730px;
}
#comment li{
	list-style:none;
	float: left;
}