@charset "UTF-8";

a {
	text-decoration: none;
	color:#fff;
}

a:hover {
	color:#e15c5c;
}


/*-----01：ページ全体------*/
body {
	color: #3e3e3e;
	background: #0f70b2;
	font-weight:bold;
}

/*-----02：背景用レイヤーの共通スタイル------*/
.plx-bg {
	background: center 0 repeat-x fixed;
	width: 100%;
	height: 4200px;
	position: absolute;
	left: 0;
	top: 0;
}

/*-----03：背景用レイヤーの個別スタイル------*/
#bgLayers {
	background-image: url(../images/bg.jpg);
}
#bgLayer1 {
	background-image: url(../images/stars.png);
}
#bgLayer2 {
	background-image: url(../images/stars.png);
	background-position: 500px 0;
}
#bgLayer3 {
	background-image: url(../images/cloud.png);
}

/*-----04：コンテンツ包括要素------*/
#container {
	width: 100%;
	margin: 0 auto;
}

/*-----05：セクションの共通スタイル------*/
.section {
	width: 100%;
	height: 900px;
	position: relative;
	margin: 0 auto;
}

/*-----06：セクション内部の共通スタイル------*/
.sectionContent {
	width: 675px;
	margin: 0 auto;
	padding: 20px 0 0;
	
}
.bgwhite{
	background-color:#fff;
	/*filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
	padding:10px;
}
.bgwhite img {
	margin-left:40px;
}
/*-----07：セクション（カバー）------*/
#cover .copy {
	text-align: center;
}
p.copy{
	font-size:30px;
	color:#fff;
	font-weight:bold;
	
}
#cover h1 {
	text-align: center;
	margin: 40px 0;
}
#cover .date {
	text-align: center;
	margin: 0 0 40px;
}
p.date{
	font-size:25px;
	color:#58441c;
	font-weight:bold;
}
#cover .caststaff {
	font-size: 123.1%;
	text-align: center;
	color: #80c5f4;
	line-height: 1.8;
}
#toList {
	padding-top: 20px;
}
#toList a {
	width: 165px;
	margin: 0 auto;
	display: block;
	font-size:130%;
	
}
#toList a:hover {
	border-color: #e15c5c;
	
}
#toList a img {
	visibility: visible;
}
#toList a:hover img {
	visibility: hidden;
}

/*-----08：セクション（ストーリー）------*/
#story h2 {
	padding: 0 0 20px;
	margin: 0 -10px;
}
#story p {
	font-size: 123.1%;
	line-height: 2.3;
}

/*-----09：セクション（ギャラリー）------*/
#gallery h2 {
	padding: 0 0 5px;
	margin: 0 -10px;
}

/*-----10：ギャラリーのボタン------*/
a.bx-prev {
	display: block;
	position: absolute;
	left: -60px;
	top: 150px;
}
a.bx-next {
	display: block;
	position: absolute;
	right: -60px;
	top: 150px;
}

/*-----11：ギャラリーのキャプション------*/
div.bx-captions {
	text-align: center;
	color: #80c5f4;
	margin-top: 15px;
}

/*-----12：セクション（キャスト）------*/
#cast h2 {
	padding: 0 0 20px;
	margin: 0 -10px;
}
#cast .castlist {
	width: 675px;
	margin: 0 auto;
	border-top: 1px dotted #0f70b2;
	font-size: 116%;
}
#cast .castlist dt {
	float: left;
	padding: 8px 0;
}
#cast .castlist dd {
	border-bottom: 1px dotted #0f70b2;
	padding: 8px 0;
	text-align: right;
	color: #3e3e3e;
}

/*-----13：フッタ------*/
#footer {
	position:fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	padding: 40px 150px;
	margin: 0 -150px;
	background:url(../images/bg01.png) repeat-x;
	text-align: center;
	
}

/*-----14：グローバルナビ------*/
#globalNav {
	margin: -15px auto 10px;
	width: 480px;
}
#globalNav li {
	float: left;
	border-right: 1px dotted #0f70b2;
}
#globalNav li.nv04 {
	border: none;
}
#globalNav li a {
	display: block;
	padding: 0 15px;
	background: no-repeat center -9999px;
}
#globalNav li a:hover, #globalNav li a.current {
	border-color: #000;
	background: no-repeat center center;
}
#globalNav li a img {
	visibility: visible;
}
#globalNav li a:hover img, #globalNav li a.current img {
	visibility: hidden;
}
#globalNav li.nv01 a {
	background-image: url(../images/gn_top_on.png);
}
#globalNav li.nv02 a {
	background-image: url(../images/gn_story_on.png);
}
#globalNav li.nv03 a {
	background-image: url(../images/gn_gallery_on.png);
}
#globalNav li.nv04 a {
	background-image: url(../images/gn_cast_on.png);
}

/*-----15：ソーシャルボタン------*/
#social {
	clear: both;
	width: 235px;
	margin: 0 auto;
	padding: 5px 0 0 15px;
}
#social .socialbutton {
	float: left;
}
#social .twitter iframe {
	width: 110px!important;
}
#social .facebook iframe {
	width: 110px !important;
}

/*-----16：クレジット------*/
p.credit {
	clear: both;
	text-align: center;
	font-size: 75%;
	padding-top: 10px;
	color: #fff;
}