@charset "UTF-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FBFBFB;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, input {
margin:0;padding:0;}

.oneColFixCtrHdr #container {
	width: 871px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #F9F9F9 url(../img/bg_foot.jpg) no-repeat;	margin: 0 auto;	text-align: left;	padding: 0px;}
.oneColFixCtrHdr #header {
	background: #F9F9F9 url(../img/bg_top.jpg) no-repeat;	width: 793px;	padding-left: 39px;	padding-top: 20px;	padding-right: 39px;	height: 46px;}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColFixCtrHdr #mainContent {
	padding: 6px 21px 35px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #F9F9F9 url(../img/bg.jpg) repeat-y;
}
.oneColFixCtrHdr #footer {
	background:url(../img/bg_foot.jpg) no-repeat;	padding-top: 4px;	height: 40px;	width: 871px;}
.oneColFixCtrHdr #footer p {}
.floatright {clear: both;	float: right;	font-size: 80%;	display: block;	margin-bottom: 10px;	margin-right: 5px;}
#header a img {	border-style: none;}
#mainContent img {	margin: 0px auto 0px;}
#footernavi {	height: 2em;	width: 831px;	padding-left: 40px;}
#footernavi ul {	text-align: center;}
#footernavi ul li {	float: left;	font-size: 80%;	height: 30px;	list-style: none;	margin-right: 15px;	margin-left:5px;}
#footer p {	font-size: 70%;}
#news p {	font-size: 80%;}
#news01 {	width: 90px;	margin: 0px 0px 0px 130px;	padding: 0px;	float: left;	clear: both;}
#news02 {	width: 500px;	float: left;	padding-top: 3px;}
#news02 p {	margin: 0px 0px 2px;	padding: 0px;	color: #063;}
#news01 h2 {	font-size: 100%;	color: #030;}
#news {	height: 70px;	width: 829px;	clear: both;	padding-top: 20px;	padding-bottom: 20px;}
#navi img {	margin: 0px;	padding: 0px;	float: left;	border-style: none;}
#navi {	margin: 0px;	padding: 0px 0px 0px 56px;	height: 52px;	width: 773px;	clear: both;}
#cast_index {	background: url(../img/cast.jpg) no-repeat;	height: 354px;	width: 529px;	padding-top: 30px;	padding-left: 300px;	padding-bottom: 20px;}
#cast_index table tr td a img {	border-style: none;}
#info {	height: 510px;	width: 810px;	padding: 25px 0px 25px 20px;}
#ticket {	height: 350px;	width: 810px;	padding: 25px 0px 25px 20px;}
#box_right {	height: 510px;	width: 360px;	float: left;	margin-left: 40px;}
#box_right02 {	height: 350px;	width: 440px;	float: right;	margin-right: 20px;}
#box_left {	height: 370px;	width: 350px;	float: left;}
#box01 {	height: 370px;	width: 810px;	float: right;}
#box01 h3 {	color: #333;}
#box01 p {	font-size: 85%;	color: #333;	margin-left: 10px;	margin-top: 3px;}
#box_left img {	margin-left: 10px;}
#box01 h4 {	margin-top: 9px;}
.textsmall {
	font-size: 70%;
}
#ticket_left {	float: left;	width: 150px;	font-size: 90%;	height: 120px;}
#ticket_right {	float: left;	height: 120px;	width: 290px;}
#ticket_last {	display: block;	clear: both;	padding-top: 10px;}
#pagetop {	text-align: right;	display: block;	width: 340px;	clear: both;	padding-right: 20px;}
#ticket_fast {	padding-top: 10px;	padding-bottom: 10px;	font-weight: bold;	color: #F63;}
#ticket_fast p {}
.strong {font-size: 105%;	font-weight: bold;	color: #F60;	margin-top: 4px;	margin-bottom: 4px;	display: block;}
#greeting_text {	font-size: 88%;	padding-top: 10px;}
#greeting_text h4 {	font-size: 120%;	padding-bottom: 10px;}
#staff {	font-size: 88%;	line-height: 1.2em;}
#ticket_img {	height: 404px;	width: 829px;	background: url(../img/ticket.jpg) no-repeat;	display: block;}
#top_text {
	float: right;
	height: 260px;
	width: 365px;
	margin-top: 70px;
	margin-right: 50px;
	display: block;
	overflow: auto;
	color: #FFF;
}
#top_text h1 {
	color: #F90;
	font-size: 90%;
}
#top_text p {	margin-top: 12px;	line-height: 1.2em;}
#top_text p a {	color: #FFF;}
#story_img {	height: 404px;	width: 829px;	background: url(../img/story.jpg) no-repeat;	display: block;}
#story_img div #top_text p {	font: normal 92%/1.3em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#sc_img div #top_text p {	font: normal 92%/1.5em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#sc_img {	height: 404px;	width: 829px;	background: url(../img/sc.jpg) no-repeat;	display: block;}
#cast_member {	height: 404px;	width: 829px;	background: url(../cast_member/cast_bg.jpg) no-repeat;	display: block;}
.sample{}


/* Sample 4*/
#box4{	position:absolute;}
#box4 div{	width:791px;	height:339px;	float:left;}

#box4 h3, #box4 p, #box4 ul{	padding:5px 10px;}
#box4 p{	text-indent:16px;}
#box4 img{	width:200px;	width:791px;	float:left;	margin-top: 17px;	height: 339px;}
#info4{	background:#fff !important;	color:red !important;	cursor:default}
.thumbs{	width:54px;}
.thumbs div{	display:block;	width:54px;	height:41px;	margin:3px 0;	cursor:pointer;}
.thumbs div img{	display:block;	width:100%;	height:100%;	border:none}
.info{	width:240px;	height:50px;	background:#000;	position:absolute;}
.info p, .info h4{	color:#fff;	padding:3px 8px;	font-family:Arial;}
.info h4{	font-size:14px;}
.info h4 a{	float:right;	background:#fff;	color:#000;	font-size:10px;	padding:0 3px;	text-decoration:none}
.mask1{	position:relative;	width:480px;	height:180px;	overflow:hidden;}
.mask2{	position:relative;	width:240px;	height:180px;	overflow:hidden;}
.mask3{	position:relative;	width:791px;	height:356px;	overflow:hidden;	margin-right: 21px;	margin-left: 17px;}
span img{	display:block;	border:none;}

/* Sample 4終了*/

#castnavi img {	margin: 0px;	padding: 0px;	float: left;	border-style: none;}
#castnavi {	margin: 0px;	height: 28px;	width: 791px;	clear: both;	padding-left: 17px;}
#sc_navi {	float: right;	height: 260px;	width: 330px;	margin-top: 70px;	margin-right: 50px;	overflow: auto;	color: #FFF;}
#sc_navi ul {	margin-top: 80px;	line-height: 2em;	margin-left: 15px;}
#sc_navi ul li {	list-style: none;}
#sc_navi ul li a:link {	color: #ECECEC;		text-decoration: none;}
#sc_navi ul li a:visited {	color: #ECECEC;		text-decoration: none;}
#sc_navi ul li a:hover {	color: #F60;		text-decoration: none;}
#sc_navi ul li a:active {text-decoration: none;}