@charset "utf-8";
/* ===============================================================
CSS information
#このスタイルシートの構成
■ リセット
■ 共通設定
■ index.html
■ title.html
■ related.html
■ schedule_01.html
■ YouTube
=============================================================== */

/*---------------------------
	リセット
----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
body {
	*font-size: small;
	*font: x-small;
	font: normal normal normal 12px/1.6 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'HG丸ゴシックM-PRO', sans-serif;
	font-family: 'メイリオ', 'Meiryo','ＭＳ Ｐゴシック', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','HG丸ゴシックM-PRO', sans-serif;
	background-color: #fff;
	min-width: 960px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	font-family: 'メイリオ', 'Meiryo','ＭＳ Ｐゴシック', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','HG丸ゴシックM-PRO', sans-serif !important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset input[type="search"] */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
input[type="search"]:focus {
  outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	font-family: 'メイリオ', 'Meiryo','ＭＳ Ｐゴシック', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','HG丸ゴシックM-PRO', sans-serif !important;
}

/* html5 */
header, footer, nav, section, article, figure, main, aside {
	display:block;
}

a {
	color: #0048ff;
}




/*---------------------------
	共通設定
----------------------------*/

/* ----- all ----- */
html {
	width: 100%;
	min-height: 960px;
}
body {
	width: 100%;
	min-height: 960px;
	height: 100%;
	background-color: #FFFFFF;
}
main {
	min-height: 960px;
}
.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.opacity:hover {
	opacity: 0.8;
}

/* ----- header ----- */
header {
	position: relative;
	z-index: 10;
	text-align: center;
	font-size: 0;
}
header .container {
	height: 100%;
}
#globalNav nav,
#globalNav ul,
#globalNav li {
	float: left;
	height: 40px;
}
#globalNav nav li span {
	cursor: pointer;
}
#globalNav div > ul {
	height: 22px;
	position: absolute;
	right: 27px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#globalNav div > ul li {
	margin-left: 17px;
}
#globalNav div > ul.sns > .twitter {
	padding-top: 3px;
}

header .logoarea {
	background-color: #333575;
	text-align: left;
}
header .logoarea .inner {
	width: 960px;
	margin: auto;
	font-size: 0;
}

/* ----- footer ----- */
footer {
	position: relative;
	top: 10px;
	width: 100%;
	height: 30px;
	background-color: #333575;
	text-align: center;
}
footer .container {
	height: 100%;
	overflow: hidden;
	text-align: center;
}
footer .container img {
	position: relative;
}

/* ----- main ----- */
main {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #FFFFFF;
	overflow: hidden;
}
main > img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.lowerPages header {
}
.lowerPages main div#topVisual {
	width: 100%;
	height: 201px;
	position: relative;
	background-color: #060706;
	background-repeat: no-repeat;
	background-position: left 50px center;
}
.lowerPages main div#topVisual > div {
	width: 960px;
	height: 201px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
}
.lowerPages main div#topVisual > div img {
	position: relative;
	left: -220px;
}
.lowerPages main .container {
	top: 18px;
	display: table;
}
.lowerPages main .container aside {
	width: 200px;
	height: 100%;
	display: block;
	float: left;
	vertical-align: top;
	background-color: #fff;
}
.lowerPages main .container aside li {
	cursor: pointer;
}
.lowerPages main .container section {
	width: 700px;
	padding-top: 7px;
	text-align: right;
	float: right;
	position: relative;
}
.lowerPages main .container section.tab img {
	display: none;
}
.lowerPages main .container section.tab img.show,
.lowerPages main .container section.tab a.show {
	display: inline-block !important;
}
.lowerPages main .container section.tab a.show img {
	display: inline-block;
}
.lowerPages main .container section a.scroll {
	margin-top: 103px;
}

a.pagetop {
	font-size: 14px;
	font-weight: bold;
}

.text-right {
	text-align: right;
}





/*---------------------------
	index.html
----------------------------*/
.index main {
	overflow: hidden;
	min-height: 800px;
	background-color: #333575;
}
.index main .container {
	overflow: hidden;
}
.index main .container > img {
	position: relative;
	left: -220px;
}
.index main div > a {
	position: absolute;
	z-index: 10;
	left: 51px;
	top: 213px;
}
.index main ul.banner-list {
	z-index: 10;
	width: 79%;
	height: 60px;
	max-height: 60px;
	width: 100%;
	text-align: center;
}
.index main ul.banner-list li {
	display:inline-block;
	padding-right: 5px;
	max-width: 184px;
	max-height: 60px;
	min-width: 184px;
	min-height: 55px;
}
/*
.index main li img {
	width: 100%;
	max-width: 200px;
	height: auto;
	max-height: 60px;
	vertical-align: middle;
}
*/
.index footer {
	display: none;
}
#globalNav {
	width: 100%;
	margin: auto;
	background-color: #FFFFFF;
	height: 40px;
	border-bottom: solid 1px #23245d;
}
#globalNav .inner {
	width: 960px;
	margin: auto;
	position: relative;
	height: 40px;
}
#globalNav > .inner > nav > ul > li > a,
#globalNav > .inner > nav > ul > li > span{
	text-indent: -9999px;
	display: block;
	width: 124px;
	height: 40px;
	background-image: url('../img/common/global_nav.png');
	background-repeat: no-repeat;
}
#globalNav > .inner > nav > ul > li.index > a {background-position: 0 0;}
#globalNav > .inner > nav > ul > li.title > a {background-position: -124px 0;}
#globalNav > .inner > nav > ul > li.news > a {background-position: -248px 0;}
#globalNav > .inner > nav > ul > li.yokoku > span {cursor: pointer; background-position: -372px 0;}
#globalNav > .inner > nav > ul > li.theater > a {background-position: -496px 0;}
#globalNav > .inner > nav > ul > li.twitter > a {background-position: -620px 0;}
#globalNav > .inner > nav > ul > li.info > a {background-position: -744px 0;}

#globalNav > .inner > nav > ul > li.index:hover > a,
#globalNav > .inner > nav > ul > li.index.active > a{background-position: 0 -40px;}
#globalNav > .inner > nav > ul > li.title:hover > a,
#globalNav > .inner > nav > ul > li.title.active > a {background-position: -124px -40px;}
#globalNav > .inner > nav > ul > li.news:hover > a,
#globalNav > .inner > nav > ul > li.news.active > a {background-position: -248px -40px;}
#globalNav > .inner > nav > ul > li.yokoku:hover > span {background-position: -372px -40px;}
#globalNav > .inner > nav > ul > li.theater:hover > a {background-position: -496px -40px;}
#globalNav > .inner > nav > ul > li.twitter:hover > a {background-position: -620px -40px;}
#globalNav > .inner > nav > ul > li.info:hover > a,
#globalNav > .inner > nav > ul > li.info.active > a{background-position: -744px -40px;}


.index header {
	position: relative;
	background: url('../img/index/header_bg.png') repeat center top;
}
.index header h1 {
	max-width: 1400px;
	margin: auto;
}
.index header h1 img {
	width: 100%;
}
.index header .inner {
	position: relative;
	margin: auto;
}
.index header .schedule_btn {
	position: absolute;
	bottom: 5px;
	right: 20%;
}

.index .main-container {
	width: 970px;
	margin: auto;
	background: url('../img/index/main_container_bg.png') no-repeat center top;
	padding-top: 118px;
	padding-bottom: 30px;
}

/*---------------------------
	title.html
----------------------------*/
.title main div#topVisual {
}
.title aside ul li > .parent:hover {
	opacity: .5;
}
.title section {
	padding-bottom: 100px;
	text-align: right;
}
.panel {
	display: none;
}
.panel img {
	vertical-align:bottom;
}
.panel.active {
	display: block;
}
.panel-menu > li > ul {
	display: none;
	height: 361px;
}
.panel-menu > li.active > ul {
	display: block;
}
.panel-menu > li > ul > li > a {
	background-image: url('../img/title/title_nav.png');
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	height: 45px
}
.panel-menu > li > ul > li.a-menu > a {
	height: 46px;
	background-position: 0 0;
}
.panel-menu > li > ul > li.ka-menu > a {background-position: 0 -46px}
.panel-menu > li > ul > li.sa-menu > a {background-position: 0 -91px}
.panel-menu > li > ul > li.ta-menu > a {background-position: 0 -136px}
.panel-menu > li > ul > li.na-menu > a {background-position: 0 -181px}
.panel-menu > li > ul > li.ha-menu > a {background-position: 0 -226px}
.panel-menu > li > ul > li.ma-menu > a {background-position: 0 -271px}
.panel-menu > li > ul > li.ya-menu > a {background-position: 0 -316px}

.panel-menu > li > ul > li.a-menu:hover > a {background-position: -221px 0}
.panel-menu > li > ul > li.ka-menu:hover > a {background-position: -221px -46px}
.panel-menu > li > ul > li.sa-menu:hover > a {background-position: -221px -91px}
.panel-menu > li > ul > li.ta-menu:hover > a {background-position: -221px -136px}
.panel-menu > li > ul > li.na-menu:hover > a {background-position: -221px -181px}
.panel-menu > li > ul > li.ha-menu:hover > a {background-position: -221px -226px}
.panel-menu > li > ul > li.ma-menu:hover > a {background-position: -221px -271px}
.panel-menu > li > ul > li.ya-menu:hover > a {background-position: -221px -316px}

.panel .pagetop {
	display: inline-block;
	margin-top: 100px;
}
.panel .section {
	margin-bottom: 80px;
}

/*---------------------------
	related.html
----------------------------*/
.related main div#topVisual {
	background-color: #FFFFFF;
}
.related section p.to-detail {
	text-align: left;
	position: absolute;
	font-weight: bold;
	font-size: 99%;
	width: 100%;
}
.related section img {
	vertical-align: bottom;
	font-size: 0;
}
.related section p img {
	display: inline-block !important;
}
.related main .container aside li {
	cursor: default;
}

#CD p.to-detail {
	margin-top: 1%;
	position: inherit;
	line-height: 1;
}
#CD {
	margin-bottom: 9%;
}
#CD table td {
	vertical-align: top;
}
#CD table td.text {
	padding-left: 3%;
}
#DVD p.to-detail {
	bottom: 24%;
	left: 0;
}
#Exhibit p.to-detail {
	bottom: 24%;
	left: 0;
}
#TV p.to-detail {
	bottom: 36%;
	left: 0;
}

.related section .content {
	position: relative;
}
.related section p.to-detail strong {
	color: #962828;
}





/*---------------------------
	schedule_01.html
----------------------------*/
.schedule_01 main div#topVisual {
	background-color: #fefefe;
}
.schedule_01 section p.download {
	position: absolute;
	left: 0;
	top: 61px;
	height: 41px;
	width: 720px;
	text-align: left;
	font-size: 0;
}
.schedule_01 section p.download img {
	display: inline-block !important;
	margin-right: 12px;
}
.schedule_01 section p.caution {
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
}
.schedule_01 main .container section {
	text-align: left;
}
.schedule_01 main .container section a.scroll {
	margin-bottom: 80px;
	display: inline-block;
	margin-top: 90px;
}



/*---------------------------
	YouTube
----------------------------*/
#youtube {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#youtube > div {
	position: relative;
	width: 100%;
	height: 100%;
	background: url('../img/common/black08.png') repeat left top;
}
#youtube > div div {
	width: 560px;
	height: 315px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#youtube > div div #close {
	display: block;
	position: absolute;
	z-index: 20000;
	right: -25px;
	top: -15px;
	background: url('../img/common/close.png') no-repeat left top;
	width: 30px;
	height: 30px;
	padding: 5px;
	text-indent: -9999px;
	cursor: pointer;
}






/* ============================================================
	予告編（非公開ver） ※公開する場合は各HTMLのid="secret"を削除する
============================================================= */
#secret {
	position: relative;
}
#secret:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url('../img/common/white08.png') repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
	cursor: default;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 40px;
}