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


/*==========================================================================================

	// Reset,Link,Text,Color

==========================================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 22px;
}
a:link {
	color:#EB3C12;
	text-decoration:none;
}
a:visited {
	color:#EB3C12;
	text-decoration:none;
}
a:hover {
	color:#EB3C12;
	text-decoration:underline;
}
a:active {
	color:#EB3C12;
	text-decoration:none;
}
a:focus {
	text-decoration:none;
}
img {
	margin:0;
	padding:0;
	border:0;
}
li {
	list-style:none;
}
/*==========================================================================================

	// HTML,Body

==========================================================================================*/
html {
	width:100%;
}
body {
	height: 100%;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Verdana", "ＭＳ Ｐゴシック", "sans-serif";
	font-size:12px;
	line-height:1;
	color:#ffffff;
	background-color: #000000;
}
/*==========================================================================================

	// Common

==========================================================================================*/
#wrapper {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
}
/*==========================================================================================

	// Opening

==========================================================================================*/
#opening01 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color: #000000;
}
#opening02 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	background-color: #000000;
}
#opening03 {
	position:absolute;
	top:0;
	left:0;
	background: #7cbe35;
	width:100%;
	height:100%;
	z-index:998;
}
#opening01 .contOpening01 {
	width:1000px;
	height:880px;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#opening02 .contOpening02 {
	width:1000px;
	height:880px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#opening03 .contOpening03 {
	background:url(../img/bgComment.jpg) 50% 0 no-repeat;
	width:100%;
	height:880px;
	padding:0;
	margin:0 auto;
}
#opening03 .contOpening03 img{
position:absolute;
top:30px;
right:30px;
width:60px;
height:14px;
}
/*==========================================================================================

	// Top

==========================================================================================*/
.top {
	width:100%;
	height:1055px;
	background-color: #000000;
	background-image: url(../img/bgTopback.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.bgTop {
	background:url(../img/bgTop.jpg) 50% 0 no-repeat;
	width:100%;
	height:1000px;
	padding:0;
}
.bgcont {
    background:url(../img/bgcont.jpg) 50% 0 no-repeat;
	width:100%;
	height:1000px;
	padding:0;
}
.contTop {
	position:relative;
	top:100px;
	left:0;
	margin:0 auto;
	width:1024px;
	height:880px;
  z-index:200;
}
.btnTop {
	position:absolute;
	top:300px;
	right: 80px;
}
.btnTop li {
	width:140px;
	height:42px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
.btncont {
	position:absolute;
	top:570px;
	right: 80px;
}
.btncont li {
	width:140px;
	height:42px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
#btnAboutTop {
	position:absolute;
	top:390px;
	left:100px;
	width:260px;
	height:97px;
}
#btnAboutmov {
	position:absolute;
	top:520px;
	width:180px;
	height:50px;
	right: 40px;
}
#btnAboutcont {
	position:absolute;
	top:250px;
	left:900px;
	width:80px;
	height:289px;
}
#maincont {
	position:absolute;
	top:0px;
	left:80px;
	width:600px;
}
.btnSnsTop {
	position:absolute;
	top:600px;
	right:0;
}

.btnSnsTop li {
	width:125px;
	height:42px;
	padding:0 0 0 5px;
	float:left;
}
.bnrRetweet{
	position:absolute;
	top:565px;
	left:0;
}
.btnShare {
	position:absolute;
	top:845px;
	left:300px;
	width:460px;
}
.btnShare li {
	width:110px;
	padding:0 5px 0 0;
	float:left;
}
.bnrArea {
	position: relative;
	top: 700px;
	width:600px;
	height:45px;
	margin:0 auto;
}
.bnrArea li{
width:190px;
height:45px;
padding:0 10px 0 0;
float:left;
}
#bnrma {
    position: relative;
 	top: 920px;
	width:600px;
	height:45px;
	margin:0 auto;
	margin-right: auto;
	margin-left: auto;
}

/*==========================================================================================

	// gNav + Kanta

==========================================================================================*/
#gnav {
	overflow: hidden;
	position: fixed;
	right:0;
	width: 180px;
	bottom:0;
	z-index:100;
}
#menu {
	width: 155px;
	padding:0 25px 25px 0;
	text-align:right;
}
#menu h1 {
	padding:0 0 20px 0;
}
#menu ul {
	padding:0 0 20px 0;
}
#menu li {
	padding:0 0 10px 0;
}
#contIco {
	overflow: hidden;
	position: fixed;
	left:0;
	width:157px;
	height:184px;
	bottom:0;
	z-index:100;
}
#kanta {
	width: 107px;
	padding:0 0 0 50px;
}
/*==========================================================================================

	// Cont Title

==========================================================================================*/
.bgTtlCont {
	position: absolute;
	width: 86px;
	height: 800px;
	float: left;
}
.bgTtlContCast {
	position: absolute;
	width: 120px;
	height: 4300px;
	float: left;
}
.bgTtlContCast ul {
	position: absolute;
	top:0;
	left:90px;
	width: 18px;
}
.bgTtlContCast ul li {
	padding:0 0 5px 0;
}
.bgTtlContNotes {
	position: absolute;
	width: 490px;
	/*height:2400px;*/
	height: 5400px;
	float: left;
}
.bgTtlContNotes ul {
	position: absolute;
	top:300px;
	left:150px;
	width:323px;
}
.bgTtlContNotes ul li {
	height:34px;
	text-align:right;
}
.ttlCont {
	position: absolute;
	top:0;
}
/*==========================================================================================

	// Intro

==========================================================================================*/
.intro {
	width:100%;
	height:800px;
	background-color: #000000;
}
.bgIntro {
	background:url(../img/bgIntro.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.contIntro {
	position:relative;
	top:50px;
	left:0;
	margin:0 auto;
	width:960px;
	height:700px;
}
.contIntro p {
	width: 460px;
	padding: 25px 0 0 50px;
	color: #000000;
	font-size:110%;
	line-height:150%;
}
.catchIntro {
	width:731px;
	height:308px;
	margin:0;
	padding:0;
}
/*==========================================================================================

	// Story

==========================================================================================*/
.story {
	width:100%;
	height:800px;
	background-color: #000000;
}
.bgStory {
	background:url(../img/bgStory.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.contStory {
	position:relative;
	top:50px;
	left:0;
	width:960px;
	height:700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 170px;
}
.contStory p {
	width:400px;
	padding:30px 0 0 420px;
	color:#e85298;
	font-size:120%;
	line-height:150%;
}
/*==========================================================================================

	// Cast

==========================================================================================*/
.cast {
	width:100%;
	height:7200px;
	background-color: #000000;
}
.contCast {
	position:relative;
	top:50px;
	left:0;
	margin:0 auto;
	width:840px;
	height:700px;
}
.nameCast {
	position:absolute;
	top:50px;
	left:0;
	width:251px;
	height:254px;
}
.actCast {
	position:absolute;
	bottom:50px;
	right:50px;
	width:201px;
	height:201px;
}
.txtCast {
	position:absolute;
	top:320px;
	left:0;
	width:251px;
	background:url(../img/bgTxtCast.png) 0 0 repeat;
}
.txtCast p {
	padding:10px 15px 10px 15px;
	line-height:150%;
}
.bgCast01 {
	background:url(../img/bgCast01.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast02 {
	background:url(../img/bgCast02.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast03 {
	background:url(../img/bgCast03.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast04 {
	background:url(../img/bgCast04.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast05 {
	background:url(../img/bgCast05.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast06 {
	background:url(../img/bgCast06.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast07 {
	background:url(../img/bgCast07.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast08 {
	background:url(../img/bgCast08.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast09 {
	background:url(../img/bgCast09.jpg) 50% 0 no-repeat;
	width:100%;
	height:800px;
	padding:0;
}
.bgCast0405 {
	width:100%;
	height:880px;
}
.txtCast0405 {
	position:absolute;
	top:50px;
	left:50px;
	width:820px;
}
.txtCast0405 p {
	padding:15px 0 0 0;
	line-height:150%;
}
.txtCast0405 img.profL {
	width:211px;
	height:340px;
	padding:0 20px 0 0;
	float:left;
}
.txtCast0405 img.profR {
	width:211px;
	height:340px;
	padding:0 0 0 20px;
	float:right;
}
.txtCast0405 img.nameR {
	width:214px;
	height:114px;
	padding:0 0 0 375px;
}
.bgStaff {
	background:url(../img/bgStaff.jpg) 50% 0 no-repeat;
	width:100%;
	height:1155px;
	padding:0;
}
.contStaff {
	position:relative;
	top:50px;
	left:0;
	margin:0 auto;
	width:800px;
	height:940px;
}
.contStaff img.profL {
	padding:0 20px 0 0;
	float:left;
}
.contStaff p {
	padding:10px 0 10px 0;
	color:#000000;
	line-height:150%;
}
.contStaff ul {
	padding:5px 0 0 0;
}
.contStaff li {
	padding:0 20px 0 0;
	float:left;
	color:#000000;
	line-height:150%;
	font-weight:bold;
}
.contStaff li span {
	font-size:80%;
	font-weight:normal;
}
.staffTop {
	width:750px;
	padding:0 0 20px 0;
}
.staffMid {
	width:750px;
	padding:30px 0 0 0;
	clear:both;
}
.staffMidL {
	width:355px;
	float:left;
}
.staffMidR {
	width:355px;
	float:right;
}
.nameStaff {
	width:355px;
	height:35px;
	clear:both;
	padding:0 0 0 0;
}
.imgStaff {
	padding:10px 20px 0 0;
	float:left;
}
/*==========================================================================================

	// Production Notes

==========================================================================================*/
.notes {
	width:100%;
	/*height:2400px;*/
	height: 5400px;
	background-color: #000000;
}
.bgNotes {
	width:100%;
	height:800px;
	padding:0;
}
.contNotes {
	width:420px;
	padding:0 0 50px 520px;
}
.contNotes p {
	width:420px;
	padding:10px 0 0 0;
	color:#000000;
	line-height:150%;
}
.thNotes {
	width:420px;
	height:200px;
	padding:0 0 20px 0;
}
.ttlNotes09 {
	padding:50px 0 0 0;
}

/*
#notes04,#notes05,#notes06,#notes07,#notes08,#notes09{
display:none;
}

.comingsoon{
 filter:alpha(opacity=40);
 -moz-opacity: 0.4;
 opacity: 0.4;
}
*/