@charset "UTF-8";

.t10 {font-size: 10px;}
.t12 {font-size: 12px;}
.t14 {font-size: 14px;}
.t16 {font-size: 16px;}

a:link {
	color:#F90;
	text-decoration:underline;
}
a:visited {
	color:#F60;
	text-decoration:underline;
}
a:hover {
	color:#36C;
	text-decoration:none;
}
a:active {
	color:#36C;
}
a:focus {	text-decoration:none;	}

img {
	border:0px;
	margin: 0;
	padding: 0;
}

.clearFix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


html {
  height:100%;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:160%;
	color:#333;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-image: url(../img/bg.gif);
}
#wrapper {
	width:100%;
	margin:0 auto;
	height: 100%;
}
#content {
	height:100%;
	overflow: hidden;
	font-size: 12px;
	width: 900px;
	margin: 0 auto;
	line-height: 160%;
}

#logo {
	width: 900px;
	height: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-top: 5px;
}

#menu {
	height: 15px;
	text-align: center;
	margin-left: 205px;
}

#mainp {
	width: 900px;
	height: 480px;
	background-image: url(../img/main.jpg);
	margin-bottom: 0px;
}

#val {
	width: 900px;
	margin: 0px auto;
	text-align: right;
	font-size: 10px;	
}

#trail {
	width: 380px;
	text-align: right;
	font-size: 10px;
	height: 229px;
	margin-top: 10px;
	margin-left: 20px;
	position: absolute;
}

#clear {
	clear: both;
	margin-bottom: 15px;
}

.cclear {
	clear: both;
}

#biling {
	width: 554px;
	height: 155px;
	float: left;
	text-align: right;
}



#bulp {
	width: 900px;
	margin: 0px auto;
	height: 480px;
}

#bulp .tex{
	width: 500px;
	height: 320px;
	overflow: auto;
	margin-top: 100px;
	margin-left: 30px;
	position: absolute;
	padding: 15px;
}

#introp {
	width: 900px;
	margin: 0px auto;
	height: 480px;
	margin-bottom: 10px;
}

#introp .tex{
	width: 280px;
	height: 320px;
	overflow: auto;
	margin-top: 100px;
	margin-left: 30px;
	padding: 15px;
	float: left;
}

#introp .pic{
	width: 480px;
	height: 420px;
	overflow: auto;
	margin-top: 30px;
	margin-left: 50px;
	float: left;
}


#storyp {
	width: 900px;
	margin: 0px auto;
	height: 480px;
	margin-bottom: 10px;
}

#storyp .tex{
	width: 280px;
	height: 320px;
	overflow: auto;
	margin-top: 100px;
	margin-left: 30px;
	padding: 15px;
	float: left;
}

#storyp .pic{
	width: 480px;
	height: 420px;
	overflow: auto;
	margin-top: 30px;
	margin-left: 50px;
	float: left;
}


#newsp {
	width: 900px;
	margin: 0px auto;
	height: 480px;
	background-image: url(../img/news_bg.jpg);
	margin-bottom: 10px;
}

#newsp .tex{
	width: 445px;
	height: 295px;
	overflow: auto;
	margin-top: 110px;
	margin-left: 390px;
	padding: 15px;
	position: absolute;
	color: #CCC;
}

#newsp .day{
	font-size: 10px;
	width: 415px;
}

#newsp .title{
	font-size: 12px;
	color: #C93;
	width: 415px;
}

#newsp .texs{
	font-size: 12px;
	width: 415px;
}

#foot {
	width: 900px;
}


#theap {
	width: 900px;
	margin: 0px auto;
	height: 480px;
	background-image: url(../img/theater_bg.jpg);
	margin-bottom: 10px;
}

#theap .tex{
	width: 810px;
	height: 320px;
	overflow: auto;
	margin-top: 100px;
	margin-left: 30px;
	padding: 15px;
	position: absolute;
	color: #CCC;
}

#direcp {
	width: 900px;
	margin: 0px auto;
	height: 480px;
	margin-bottom: 10px;
}

#direcp .tex{
	width: 500px;
	height: 320px;
	overflow: auto;
	margin-top: 100px;
	margin-left: 30px;
	position: absolute;
	padding: 15px;
}

#castp {
	width: 900px;
	margin: 0px auto;
	height: 480px;
	margin-bottom: 10px;
}

#castp .tex{
	width: 810px;
	height: 320px;
	overflow: auto;
	margin-top: 100px;
	margin-left: 30px;
	position: absolute;
	padding: 15px;
}








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

	// ニュース

==========================================================================================*/
#news {
	width:325px;
	height:145px;
	float: left;
	margin-left: 4px;
	margin-right: 13px;
}

.powered {
	position:relative;
	width:940px;
	height:51px;
	background:url(../img/bg_pwd.gif) 0 0 no-repeat;
}
.poweredTxt {
	position:absolute;
	top:3px;
	left:777px;
}

.date {
	width:500px;
	background:#333;
}
.dateTxt {
	margin:0 5px;
	padding:3px;
	font-size:85%;
	color:#FFF;
}
.newsTtl {
	padding:10px 0 15px;
	color:#000;
	font-weight:bold;
}
.newsTxt {
	padding:0 0 10px;
}
.btn_close {
	position:absolute;
	top:522px;
	left:0;
	width:560px;
	height:48px;
}
.newsArea {
	width:500px;
	padding:0 0 30px;
	clear:both;
}
#textArea{
	color:#333;
	width:520px;
	height:375px;
	padding:0 20px 0 20px;
	overflow:auto;
}
.newsR {
	float:right;
}
.newsL {
	float:left;
}
.caps {
	font-size:85%;
}

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

	// 劇場情報

==========================================================================================*/
#theater {
	position:relative;
	width:560px;
	height:570px;
	padding:150px 0 0 0;
	background:#FFF url(../theater/img/img_theater.jpg) 0 0 no-repeat;
}


#menu .menu01 {
	display:block;
	background: url(../img/menu_01.gif) no-repeat top left;
	margin-right:25px;
	width:85px;
	height:15px;
	text-indent:-9999px;
	overflow: hidden;
	float: left;
}
#menu .menu01 a { display:block; width:85px; height:15px; }
#menu .menu01 a:link,
#menu .menu01 a:visited{}
#menu .menu01 a:hover,
#menu .menu01 a:active{ background: url(../img/menu_01.gif) no-repeat 0px -15px; }

#menu .menu02 { display:block; background: url(../img/menu_03.gif) no-repeat top left; margin-right:20px; width:45px; height:15px; text-indent:-9999px; overflow: hidden; float: left; }
#menu .menu02 a { display:block; width:45px; height:15px; }
#menu .menu02 a:link,
#menu .menu02 a:visited{}
#menu .menu02 a:hover,
#menu .menu02 a:active{ background: url(../img/menu_03.gif) no-repeat 0px -15px; }

#menu .menu03 { display:block; background: url(../img/menu_05.gif) no-repeat top left; margin-right:20px; width:50px; height:15px; text-indent:-9999px; overflow: hidden; float: left; }
#menu .menu03 a { display:block; width:50px; height:15px; }
#menu .menu03 a:link,
#menu .menu03 a:visited{}
#menu .menu03 a:hover,
#menu .menu03 a:active{ background: url(../img/menu_05.gif) no-repeat 0px -15px; }

#menu .menu04 { display:block; background: url(../img/menu_07.gif) no-repeat top left; margin-right:25px; width:45px; height:15px; text-indent:-9999px; overflow: hidden; float: left; }
#menu .menu04 a { display:block; width:45px; height:15px; }
#menu .menu04 a:link,
#menu .menu04 a:visited{}
#menu .menu04 a:hover,
#menu .menu04 a:active{ background: url(../img/menu_07.gif) no-repeat 0px -15px; }

#menu .menu05 { display:block; background: url(../img/menu_09.gif) no-repeat top left; margin-right:20px; width:60px; height:15px; text-indent:-9999px; overflow: hidden; float: left; }
#menu .menu05 a { display:block; width:60px; height:15px; }
#menu .menu05 a:link,
#menu .menu05 a:visited{}
#menu .menu05 a:hover,
#menu .menu05 a:active{ background: url(../img/menu_09.gif) no-repeat 0px -15px; }

#menu .menu06 { display:block; background: url(../img/menu_11.gif) no-repeat top left; margin-right:25px; width:130px; height:15px; text-indent:-9999px; overflow: hidden; float: left; }
#menu .menu06 a { display:block; width:130px; height:15px; }
#menu .menu06 a:link,
#menu .menu06 a:visited{}
#menu .menu06 a:hover,
#menu .menu06 a:active{ background: url(../img/menu_11.gif) no-repeat 0px -15px; }

#menu .menu07 { display:block; background: url(../img/menu_13.gif) no-repeat top left; margin-right:20px; width:60px; height:15px; text-indent:-9999px; overflow: hidden; float: left; }
#menu .menu07 a { display:block; width:60px; height:15px; }
#menu .menu07 a:link,
#menu .menu07 a:visited{}
#menu .menu07 a:hover,
#menu .menu07 a:active{ background: url(../img/menu_13.gif) no-repeat 0px -15px; }

#menu .menu08 { display:block; background: url(../img/menu_15.gif) no-repeat top left; width:60px; height:15px; text-indent:-9999px; overflow: hidden; float: left; }
#menu .menu08 a { display:block; width:60px; height:15px; }
#menu .menu08 a:link,
#menu .menu08 a:visited{}
#menu .menu08 a:hover,
#menu .menu08 a:active{ background: url(../img/menu_15.gif) no-repeat 0px -15px; }