@charset "utf-8";


html,body {
	margin:0;
	padding:0;
	background-color: #fff;

	}

body{
	color: #fff;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.hidden{
	position: absolute;
	height: 0; width: 0;
	top: -9999px; left: -9999px;
}

a {
	overflow: hidden;
}

object {
	outline: none;
}

img {
	line-height: 0;
}

::-moz-selection{
background:#316ac5;
color:#ffffff;
}

::selection {
background:#316ac5;
color:#ffffff;
}

/*--------------------------------------
  LINK
---------------------------------------*/

	a:link {
		color:#f50101;
	}
	a:visited {
		color:#f50101;
	}
	a:active {
		color:#f50101;
	}
	a:hover {
		color:#f50101;
	}


/*--------------------------------------
  STRUCTURE
---------------------------------------*/

div#main-area {
	width: 100%;
	min-width: 1000px;
	background: url(../img/in/in_bg.png) top center no-repeat, url(../img/in/in_bg_bottom.png) bottom center no-repeat #fff;
	overflow: hidden;
}

div#wrapper {
	position: relative;
	width: 1000px;
	overflow: hidden;
	background: url(../img/in/wrapper.png) no-repeat 0px 0px ;
	margin: 0 auto;
}


	/* header
	##################################### */

	div#wrapper div#header {
		position: relative;
		width: 1000px;
		height: 225px;
		overflow: hidden;
	}

		h1.site-ttl a,
		h1.site-ttl a:hover {
	position: absolute;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	top: 7px;
	right: 20px;
	width: 450px;
	height: 213px;
	z-index: 100;
		}

		h2.site-roadshow { display: none; }


	/* gnav
	##################################### */

	div#gnavbox {
		position: relative;
		width: 990px;
		height: 53px;
		top: 0px;
		left: 0px;
		margin: 0 auto;
		padding: 0 0 0 0px;
		overflow: hidden;
	}


	/* contents
	##################################### */

	div#contents {
		float: left;
		overflow: hidden;
		width: 1000px;
		margin-top: 80px;
		padding: 0 0px;
		background:url(../img/in/main_head_bg.png) top center no-repeat ;
	}

	div#contents-in {
		float: left;
		overflow: hidden;
		width: 1000px;
		margin-top: 10px;
		padding: 0;
		background:url(../img/in/main_bg.png) center top repeat-y ;
	}

	div#contents-no {
		float: left;
		overflow: hidden;
		width: 1000px;
		padding: 0 0px;
	}

			div.contents-ttl {
				position: relative;
				width: 1000px;
				height: 80px;
				overflow: hidden;
				margin: 0 auto;
			}


			/* TITLE
			##################################### */

			div.contents-ttl .pg-ttl {
				display: block;
				position: relative;
				top: 0px ; left: 0px;
				width: 770px; height: 80px;
				overflow: hidden;
				text-indent: 100%;
				white-space: nowrap;
 				line-height: 0;
				font-size: 1px; /* 上にデバイスが配置される場合に必要  */
				overflow: hidden;
				outline: none;
				margin: 0 auto;
			}

				.ttl-01 { background: url(../intro/img/title.png) no-repeat 0 0; }		/*  イントロダクション  */
				.ttl-02 { background: url(../ticket/img/title.png) no-repeat 0 0; }		/* 前売り */
				.ttl-03 { background: url(../character/img/title.png) no-repeat 0 0; }	/* キャラクター */
				.ttl-04 { background: url(../music/img/title.png) no-repeat 0 0; }		/* 主題歌 */
				.ttl-05 { background: url(../cast/img/title.png) no-repeat 0 0; }		/* キャスト */
				.ttl-06 { background: url(../present/img/title.png) no-repeat 0 0; }	/* 入場者プレゼント */
				.ttl-07 { background: url(../movie/img/title.png) no-repeat 0 0; }		/* ムービー */



			/* backnumber
			##################################### */

			.backnumber-box {
				position: absolute;
				top: 16px;
				left: 190px;
				width: 603px;
				z-index: 301;
			}

				div.contents-ttl div.backnumber-box div.backnumber {
					float: right;
					padding: 0 0 0 0;
				}

				select {
					border: 1px solid #999999;
					background:#fff;
					font-size: 100%;
				}


			/* main
			##################################### */

			#main {
				float: left;
				width: 750px;
				overflow: hidden;
				padding: 19px 0 25px 125px;
			}

				#main h2 {
					color: #db020d;
					font-weight: bold;
					margin-bottom: 15px;
					/*font-size: 116%;*/
					/*font-size: 123.1%;*/
					font-size: 121%;
					letter-spacing: 0.04em;
					line-height: 1.55em;
					border-bottom: 1px solid #c52937;
					padding: 1px 0 11px 0 ;
				}

				#main p {
					line-height: 1.6em;
				}


			#main-emp {
				float: right;
				width: 2px;
				height: 486px;
				/*height: 581px;*/
				overflow: hidden;
			}



	/* footer
	##################################### */

	div#footer {
		position: relative;
		clear: both;
		overflow: hidden;
		margin: 0 auto;
		width: 100%;
		height: 57px;
		margin-bottom: 20px;
		padding-bottom: 141px;
	}

		div#footer div#footer-inner {
			position: relative;
			background: url(../img/in/footer_in.png) no-repeat 0px 0px ;
			margin: 0 auto;
			width: 1000px;
			height: 57px;
		}

			div#footer address.credit {
				position: absolute;
				top: 25px;
				left: 0;
				width: 1000px;
				text-align: center;
				font-weight: bold;
				color: #333;
				font-size: 7px;
				line-height: 1.1em;
			}

			div#footer address.credit::after {
				position: relative;
				top: -14px;
				left: 127px;
				content:" ";
				display:inline-block;
				width:23px;
				height:20px;
				background:url(../img/in/toeilogo.png); background-size: contain;
				vertical-align: middle;
			}


			div#footer .social-link {
				position: absolute;
				top: 16px;
				left: 285px;
				width: 500px;
				z-index: 999;
			}

				.social-twitter {
					float: left;
					/*margin-right: -18px;*/
					_margin-right: -10px;
					width: 121px;
				}

				.social-facebook {
					float: left;
					/*width: 127px;*/
					width: 137px;
				}



/* topbtn */
.scroll2top { display: table-cell; width: 38px; height: 36px; z-index: 200; color: #fff; background-color: #dfe1e1; background:url(../img/scroll2top.png) center top no-repeat;}



/*--------------------------------------
  banner
---------------------------------------*/


		div#banner-area {
			position: relative;
			clear: both;
			overflow: hidden;
			margin: 0 auto;
			width: 1000px;
			height: 70px;
			margin-bottom: 10px;
		}


			.bnr-box {
				width: 1000px;
				padding: 0px 0 0 0px;
				text-align: center;
			}

				.bnr-box ul li {
					display: block;
					height: 70px;
					margin: 0 15px 0 0;
					padding-bottom: 0px;

				}


	div#wrapper .banner-01 {
		position: absolute;
		top: 693px;
		left: 40px;
	}

	div#wrapper .banner-02 {
		position: absolute;
		top: 693px;
		left: 230px;
	}

/*--------------------------------------
  form Module
---------------------------------------*/

	form, fieldset, input, button, select, optgroup, option,
	textarea, label, legend {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	font: 13px/1.231 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;		/* 通常のブラウザは13px */
	*font-size: small;																											/* IE全般はsmall */
	*font: x-small																												/* IE6/7後方互換モードはx-small */
	}

	select {
	background:#FFFFFF;
	border:1px #8e8e8e solid;
	}



/* POSITION
##################################### */
.pos-center { text-align: center;}
.pos-left { text-align: left;}
.pos-right { text-align: right;}


/* FONT
##################################### */
.font-08	{ font-size: 60% !important;}
.font-09	{ font-size: 70% !important;}
.font-10	{ font-size: 77% !important;}
.font-11	{ font-size: 85% !important;}
.font-12	{ font-size: 93% !important;}
.font-13	{ font-size: 100% !important;}
.font-14	{ font-size: 108% !important;}
.font-15	{ font-size: 116% !important;}
.font-16	{ font-size: 123.1% !important;}
.font-17	{ font-size: 130% !important;}
.font-18	{ font-size: 150% !important;}
.font-under	{ text-decoration: underline !important;}
.font-bold	{ font-weight: bold !important;}


/* BOX-BORDER
##################################### */
.txt-box1 { color: #0b0b0b; border: #0b0b0b solid 1px; background: #fcfcfc; padding:2px; margin-bottom:5px;}
.txt-box1-2 { color: #0b0b0b; border: #0b0b0b solid 1px; background: #fcfcfc; padding:3px 2px 2px 3px; margin-bottom:5px;}
.txt-box2 {	color: #ffffff; background: #f40900; padding:2px; margin-bottom:5px;}
.txt-box3 { border-bottom: 0; }
.txt-box4 { color: #0b0b0b; border: #0b0b0b solid 1px; background: #fcfcfc; padding:2px; margin-bottom:5px; font-size: 85%;}
.txt-box5 { color: #ffffff; background: #f40900; padding:2px; margin-bottom:5px; font-size: 121%; font-weight:bold;}
.txt-box6 { color: #0b0b0b; border: #0b0b0b solid 1px; background: #fcfcfc; padding:2px; margin-bottom:5px;	font-size: 108%;
font-weight: bold;}
.txt-box7{
	color: #ffffff;
	background: #f40900;
	padding:4px;
	margin-bottom:5px;
	font-size: 107%;
	font-weight:bold;
	letter-spacing: 0.05em;
}
.txt-box8{
	color: #ffffff;
	background: #f40900;
	padding:4px;
	margin-bottom:5px;
	font-size: 107%;
	font-weight:bold;
	letter-spacing: 0.05em;
}

.border1s		{ border-bottom: 1px solid #c3c3c3; padding-bottom: 20px; margin-bottom: 20px; }
.border1d		{ border-bottom: 1px dotted #c3c3c3; padding-bottom: 20px; margin-bottom: 20px; }
.border1d-2		{ border-bottom: 1px dotted #393939; padding-bottom: 20px; margin-bottom: 20px; }
.border1d-3		{ border-bottom: 1px dotted #393939; padding-bottom: 10px; margin-bottom: 20px; }
.border1d-4		{ border-bottom: 1px dotted #393939; padding-bottom: 10px; margin-bottom: 10px; }
.border1d2		{ border-bottom: 1px dotted #c3c3c3; padding-bottom: 15px; margin-bottom: 20px; }
.border1d3		{ width: 481px; border-bottom: 1px dotted #767676; padding-bottom: 14px; margin-bottom: 15px; }
.border1d4		{ border-bottom: 1px dotted #c3c3c3; padding-bottom: 25px; margin-bottom: 25px; }
.no-border		{ border-bottom: 0; }

.box-txtarea{
	border: #7a7a7a solid 1px;
	background: #fafafa;
	padding: 12px 15px;
}

.box-txtarea2{
	border: #aaaaaa solid 1px;
	background: #fafafa;
	padding: 12px 15px;
}


/* COLOR
##################################### */
.color0	{ color: #000000; }	/* BLACK */
.color1	{ color: #ffffff; }	/* WHITE */
.color2	{ color: #eb0007; }	/* RED */
.color3	{ color: #d30006; }	/* RED2 */
.color4	{ color: #f64b00; }	/* orange */
.color5	{ color: #002b73; }	/* orange */
.color01 { color: #316bff; }	/* blue */
.color02 { color: #ff3333; }	/* red */
.color03 { color: #ab343a; }	/* red */
.color04 { color: #ff1d1d; }	/* red */
.color05 { color: #fbd500; }	/* yellow */
.color-red { color: #e90000; }	/* red */
.color-blue { color: #318ffe; }	/* blue */


/* POSITION
##################################### */
.posi-center { text-align: center;}
.posi-left { text-align: left;}
.posi-right { text-align: right;}


/* BLANK
##################################### */
.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-7 { margin-bottom: 7px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }

.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-7 { padding-bottom: 7px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-35 { padding-bottom: 35px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-45 { padding-bottom: 45px !important; }
.pb-50 { padding-bottom: 50px !important; }


/* LINE
##################################### */
.line-box01 {
	overflow: hidden;
	width: 740px;
	height: 2px;
	margin: 0 0 14px 0;
	padding: 0;
}

	.line-box01 img {
		vertical-align: baseline;
		margin: 0;
		padding: 0;
	}


/*--------------------------------------
  ドラッグコピー禁止
---------------------------------------*/

span.guard001 {
	position: absolute;
	display: block;
	width: 1000px;
	height: 698px;
	background: url(../img/spacer.gif) ;
}