@charset "utf-8";

/*-------------------------------------------------
	common
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html {
}
body {
	color: #ddd;
	font-size: 1.5/13px;
	line-height: 1.5;
	margin: 0 auto;
	font-family:"Meiryo", "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka, Helvetica, Arial, Sans-serif;
	background: #000;
}
a:link {
	color: #e28b6a;
	text-decoration: none;
}
a:visited {
	color: #e28b6a;
	text-decoration: none;
}
a:hover {
	color: #aaa;
	text-decoration: underline;
}
a:active {
	color: #999;
	text-decoration: none;
}
a:focus {
	outline: 0;
}
a img {
	border: 0;
	text-decoration: none;
}
a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";/* ie6 */
	overflow: hidden;
}
img.curt {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";/* ie6 */
	overflow: hidden;
}
/*-------------------------------------------------
	top
-------------------------------------------------*/
#container {
	position: relative;
	background: url(../images/bg_top.jpg) top center no-repeat;
	margin:0 auto;
	width: 1100px;
}
#slide {
	z-index: 0;
	position: relative;
	margin:0 auto;
	color: #000;
	width: 1000px;
	height: 875px;
}
#title {
	position: absolute;
	z-index: 10;
	top: 35px;
	left: 120px;
}
#logo {
	position: absolute;
	z-index: 10;
	top: 90px;
	left: 120px;
}
#video {
	position: absolute;
	z-index: 10;
	top: 340px;
	left: 0;
	padding: 30px 25px 26px 50px;
	width: 500px;
	height: 284px;
	background: url(../images/bg_video.png) no-repeat;
}
#nav {
	position: absolute;
	z-index: 10;
	top: 680px;
	left: 50px;
}
#nav .nav_cast {
	position: absolute;
	top: 8px;
	left: 25px;
}
#nav .nav_story {
	position: absolute;
	top: 23px;
	left: 347px;
}
#nav .nav_theater {
	position: absolute;
	top: 54px;
	left: 210px;
}
#pr {
	position: absolute;
	z-index: 10;
	top: 780px;
	left: 225px;
}
#bnr {
	position: absolute;
	z-index: 10;
	width: 345px;
	top: 390px;
	right: 50px;
}
#bnr img:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-ms-filter: "alpha( opacity=90 )";/* ie6 */
	overflow: hidden;
}
#sns {
	height: 21px;
	padding: 5px 0;
	text-align: center;
	font-size: 75%;
	background: #262626 url(../images/bg_sns.gif) repeat-x;
}
.wrapper {
	width: 1000px;
	text-align: center;
	height: auto;
	margin: 0 auto;
}
.sns1, .sns2, .sns3, .sns4, .sns5 {
	margin-left: 10px;
	float: left;
	height: 21px;
}
.sns1 {
	margin-left: 120px;
	_margin-left: 80px;
}
.sns5 {
	margin-left: 50px;
}
.footer {
	margin-top: 20px;
	height: 100px;
	z-index: 50;
	text-align: center;
}


/*-------------------------------------------------
	story
-------------------------------------------------*/
.bgmaximage{
	position:fixed !important;
	display:none;
	min-width: 750px;
	min-height: 500px;
}
#storycontent {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
}
#storycontainer {
	position: relative;
	margin:0 auto;
	width: 1000px;
}
#sub_nav {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 560px;
	width: 570px;
	height: 600px;
	background: url(../images/bg_sub_nav.png) no-repeat;
}
h1#sublogo {
	position: absolute;
	top: 33px;
	left: 160px;
	width: 240px;
}
#sub_nav .nav_home {
	position: absolute;
	top: 214px;
	left: 190px;
	height: 36px;
}
#sub_nav .nav_cast {
	position: absolute;
	top: 250px;
	left: 129px;
	height: 36px;
}
#sub_nav .nav_story {
	position: absolute;
	top: 286px;
	left: 271px;
	height: 36px;
}
#sub_nav .nav_theater {
	position: absolute;
	top: 322px;
	left: 205px;
	height: 36px;
}
.story {
	position: absolute;
	z-index: 10;
	top: 370px;
	left: -50px;
}
.loader {
	position:absolute;
	z-index:9999;
	width:39px;
	height:39px;
	top:49%;
	left:49%
}
#storycontent .footer {
	position: relative;
	z-index: 10;
	top: 740px;
	left: 0px;
}
/*-------------------------------------------------
	cast
-------------------------------------------------*/
#castcontent {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
}
#castcontainer {
	position: relative;
	margin:0 auto;
	width: 1000px;
}
.cast {
	position: absolute;
	z-index: 10;
	top: 358px;
	left: -60px;
	width: 960px;
	height: 420px;
	background: url(../images/bg_cast.png) no-repeat;
}
/*-------------------------------------------------
	theater
-------------------------------------------------*/
#theatercontent {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
}
#theatercontainer {
	position: relative;
	margin:0 auto;
	width: 1000px;
}
#theatercontent .footer {
	position: relative;
	z-index: 10;
	top: 740px;
	left: 0px;
}
.theater {
	position: absolute;
	z-index: 10;
	top: 350px;
	left: -50px;
	width: 740px;
	height: 400px;
	background: url(../images/bg_theater.png) no-repeat;
}
table.movie{
	position: absolute;
	top: 80px;
	left: 100px;
	width: 470px;
	margin: 0 auto;
}
.movie tr {
	font-size: 12px;
	border-bottom: 1px dashed #606e64;
}
.movie tr:last-child {
	border-bottom: 0;
}
.movie th{
	border-right: 1px dotted #425547;
	padding: 3px;
	text-align: center;
	font-weight: normal;
}
.movie th:last-child {
	border-right: 0;
}
.movie td{
	vertical-align: top;
	border-right: 1px dotted #425547;
	text-align: center;
	padding: 4px;
}
.movie td:last-child {
	border-right: 0;
}
#imageNavi{
	position: relative;
	top: 72px;
	left: 60px;
	width: 134px;
	float: left;
}
#imageNavi ul{
}
#imageNavi ul li{
	width: 134px;
}
#imageArea{
	width: 766px;
	float: right;
}
#imageArea img{
	position: absolute;
	top: 60px;
	left: 194px;
}
#castcontent .footer {
	position: relative;
	z-index: 10;
	top: 760px;
	left: 0px;
}