@charset "UTF-8";



/*----------------------------------------------------------------
css reset
----------------------------------------------------------------*/

/*▼すべての要素に対する初期値設定*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input,
address,pre,strong,em,iframe {
	margin:0;
	padding:0;
	}

/*画像の枠線を非表示*/
img{ border:0; }
a img { border: none; }


/*見出しに対する初期設定*/
h1,h2,h3,h4 { font-size: 100%; }

h1 img,
h2 img,
h3 img,
h4 img {
    vertical-align: bottom;
}

/*リストマーカーを非表示*/
ul { list-style-type:none; }

/*数字リストは表示*/
ol { margin-left:2em; }






/*----------------------------------------------------------------
全体
----------------------------------------------------------------*/


body {
	background:#fcfcfc;
	}





/*----------------------------------------------------------------
ヘッダー領域
----------------------------------------------------------------*/


/*ヘッダー
----------------------------------------------------------------*/

#header {
	margin:10px 30px;
	}
#header h1 {
	float:left;
	}

#headerNavi {
	float:right;
	}
#headerNavi li {
	float:right;
	}


/*ソーシャルボタン*/

#headerSocial li {
	margin-right:7px;
	}
#headerSocial li:first-child {
	margin-right:25px;
	}


/*文字サイズボタン*/

#headerFontsize p {
	float:right;
	margin-right:7px;
	margin-top:7px;
	}
#headerFontsize li {
	margin-right:1px;
	margin-top:2px;
	background:#d0e5ed;
	display:block;
	padding:5px 8px 3px;
	cursor:pointer;
	}

#headerFontsize li:first-child {
	margin-right:12px;
	}





/*言語*/

#headerLang li {
	margin-top:3px;
	}




/*ヘッダーメニュー*/

#headerMenu li {
	margin-left:30px;
	margin-top:12px;
	}
#headerMenu a {
	background:url(/common/img/header_arrow.gif) no-repeat left center;
	padding-left:10px;
	}
#headerMenu #headerMenuHome a {
	background:url(/common/img/header_icon_home.gif) no-repeat left top;
	padding-left:18px;
	}
#headerMenu a:link,
#headerMenu a:visited {
	color:#666666;
	}
#headerMenu a:hover,
#headerMenu a:active {
	color:#40b6df;
	}





/*グローバルナビ
----------------------------------------------------------------*/

#global {
	background:url(/common/img/global_bg.gif) repeat-x center top;
	}

#globalNavi {
	width:960px;
	margin:0px auto;
	padding-top:1px;
	}
#globalNavi li {
	float:left;
	height:77px;
	}



/*グローバルナビ サイトマップ
----------------------------------------------------------------*/

#globalSitemapArea {
	width:960px;
	margin:0 auto;
	position:relative;
	*z-index:9999;/*ie7*/
	}

.globalSitemap {
	display:none;
	position:absolute;
	}

.globalSitemap.active {
	display:block;
	position:absolute;
	z-index:9999;
	}

.globalSitemap {
	width:930px;
	margin:0 auto 10px;
	margin-top:3px;
	border: solid 3px #e8f2f6;
	padding:15px 12px;
	background:#f8f8f8;
	 -webkit-box-shadow: 0 10px 6px -6px #777;
     -moz-box-shadow: 0 10px 6px -6px #777;
     box-shadow: 0 10px 6px -6px #777;
	}


/*公演情報*/
#globalConcert ul.hallName li {float: left; background-color: #40b6df;color:#fff; margin-bottom:10px;padding:5px 0 5px 5px;}
#globalConcert ul.hallName li:first-child {width:706px;}
#globalConcert ul.hallName li:nth-child(2){width:200px; margin-left:10px;}

#globalConcert ul.concertNavi {margin-left:10px;}
#globalConcert ul.concertNavi li { float:left; width:260px; padding-right:14px; margin-right:15px; border-right: solid 1px #c3cfd2; min-height:100px; }
/* #globalConcert ul.concertNavi li:first-child { width:147px; } 通常時 */
#globalConcert ul.concertNavi li:first-child { width:180px; } /* 主催公演年度切替え時 */
/* #globalConcert ul.concertNavi li:nth-child(2) { width:160px; } 通常時 */
#globalConcert ul.concertNavi li:nth-child(2) { width:190px; } /* 主催公演年度切替え時 */
/*#globalConcert ul.concertNavi li:nth-child(2) { border-right:none;}*/
#globalConcert ul.concertNavi li:last-child { width:170px; border-right:none; padding-right:0; margin-right:0; }
#globalConcert ul.concertNavi li p.navind{text-indent: -1.2em; padding-left: 1.2em;}
#globalConcert ul.concertNavi h3 {margin-bottom:1em;}

#globalConcert h2,
#globalConcert h2 {
	/*color:#f21010;*/
	/*padding-bottom:10px;*/
	}
#globalConcert .txt-link a {
	background:url(/common/img/global_arrow.png) no-repeat left center;
	padding-left:15px;
	}

#globalConcert .txt-link a:link,
#globalConcert .txt-link a:visited {
	color:#333;
	}
#globalConcert .txt-link a:hover,
#globalConcert .txt-link a:active {
	color:#40b6df;
	}
	



/*****
#globalConcert .gSecBox01 {
	background:#2b7a96;
	padding:7px 0px 5px;
	border-radius:3px;
	margin-bottom:25px;
	}
#globalConcert .gSecBox01 li {
	float:left;
	width:185px;
	border-right: solid 1px #478ca4;
	}
#globalConcert .gSecBox01 li:last-child {
	border-right: none;
	}
#globalConcert .gSecBox01 a {
	display:block;
	text-align:center;
	}
#globalConcert .gSecBox01 a:link,
#globalConcert .gSecBox01 a:visited {
	color:#fff;
	}
#globalConcert .gSecBox01 a:hover,
#globalConcert .gSecBox01 a:active {
	color:#40b6df;
	}

#globalConcert .gSecBox01 img {
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:3px;
	opacity:1;
	}


#globalConcert .gSecBox02 h2,
#globalConcert .gSecBox03 h2 {
	color:#f21010;
	}


#globalConcert .gSecBox02 {
	width:250px;
	float:left;
	}
#globalConcert .gSecBox02 li {
	float:left;
	margin-right:10px;
	}
#globalConcert .gSecBox02 li:last-child {
	margin-right:20px;
	}



#globalConcert .gSecBox03 {
	width:655px;
	float:right;
	}
#globalConcert .gSecBox03 p {
	margin-top:23px;
	}

#globalConcert .jCarouselLite {
	float:left;
	}
#globalConcert .jCarouselLite li {
	margin-right:5px;
	}
*/


/*チケット*/

#globalTicket li {
	float:left;
	}



/*施設のご案内*/
#globalFacilities li {
	float:left;
	overflow: hidden;
	width:246px;
	height:69px;
	border:1px solid #ccc;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#FFF;	
}

#globalFacilities li a,
#globalFacilities li div {
	overflow: hidden;
	width:inherit;
	height:inherit;
}

#globalFacilities li:first-child {
	width:154px; height:152px; margin-right:10px; margin-bottom:0;
}

#globalFacilities li:nth-child(4),
#globalFacilities li:last-child {
	margin-right:0;
}

#globalFacilities li:nth-child(5),
#globalFacilities li:nth-child(6),
#globalFacilities li:last-child {
	margin-bottom:0;
}

#globalFacilities li img{
	float:left;
	margin-right:10px;
}

#globalFacilities li p{
	position:relative;
	width: 165px;
	float:right;
	margin-top:23px;
	margin-left:-12px;
}

#globalFacilities li p::after{
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background:url(/common/img/header_arrow_black.png) no-repeat center;
	margin-left:12px;
	position: absolute;
	top:2px;
}

/*ホール利用案内・音楽工房利用案内*/

#globalUse .gSecBox01 {
	margin-left:10px;
	}

#globalUse .gArticleBox01 {
	width:429px;
	float:left;
	padding-right:25px;
	margin-right:25px;
	border-right: solid 1px #c3cfd2;
	}
#globalUse .gArticleBox02 {
	width:429px;
	float:left;
	padding-right:0px;
	margin-right:0px;
	border-right: none;
	}

#globalUse ul {
	float:left;
	margin-top:10px;
	}
#globalUse .gArticleBox01 ul {
	margin-right:20px;
	}
#globalUse .gArticleBox02 ul {
	margin-right:35px;
	}
#globalUse ul:last-child {
	margin-right:0px;
	}

#globalUse li a {
	background:url(/common/img/global_arrow.png) no-repeat left center;
	padding-left:15px;
	}

#globalUse li a:link,
#globalUse li a:visited {
	color:#333;
	}
#globalUse li a:hover,
#globalUse li a:active {
	color:#40b6df;
	}



/*グローバルナビS(スクロールで出現)
----------------------------------------------------------------*/

#globalS {
	background:url(/common/img/globalS_bg.png) repeat-x center top;
	}
#globalS ul {
	width:960px;
	margin:0 auto;
	height:60px;
	}
#globalS li {
	float:left;
	}
#globalS li img {
	opacity:1;
	}
#globalS li a.btnOpacity:hover img {
	opacity:0.6;
	}





/*パンくず
----------------------------------------------------------------*/

#pankuzu {
	border-bottom: solid 1px #d7eef6;
	}
#pankuzu ul {
	width:960px;
	padding:10px 0px 8px;
	margin:0 auto;
	}

#pankuzu li {
	float:left;
	padding-left:3px;
	}
#pankuzu li a {
	background:url(/common/img/arrow_pankuzu.gif) no-repeat right center;
	padding-right:13px;
	}

#pankuzu li:last-child {
	color:#40b6df;
	}



/*ページタイトル
----------------------------------------------------------------*/

#pageTtl {
	background:url(/common/img/ttl_page_bg.gif) repeat center center;
	border-top: solid 1px #fff;
	}

#pageTtl #pageTtlInner {
	width:960px;
	margin:0 auto;
	padding:12px 0px 14px;
	}
#pageTtl #pageTtlInner h1 {
	float:left;
	margin-right:20px;
	color:#1a93bd;
	font-weight:normal;
	}
#pageTtl #pageTtlInner p {
	float:left;
	margin-top:6px;
	color:#1a93bd;
	}


/*ソーシャルボタン
----------------------------------------------------------------*/

#socialBtn {
	float:right;
	margin-top:2px;
	margin-right:-30px;
	}
#socialBtn .socialBtnBox {
	float:left;
	padding-left:10px;
	}





/*----------------------------------------------------------------
コンテンツ領域
----------------------------------------------------------------*/


/*コンテンツ領域全体設定
----------------------------------------------------------------*/

#container {
	width:960px;
	margin:0 auto;
	padding:25px 0px 50px;
	background:url(/common/img/ttl_page_balloon.gif) no-repeat center top;
	}



/*2段組(contentとsecondaryを取れば1段組になる)
----------------------------------------------------------------*/

#content {
	width:695px;
	float:left;
	}

#secondary {
	width:230px;
	float:right;
	position:relative;
	}
#secondaryFix {
	width:230px;
	}




/*----------------------------------------------------------------
フッター領域
----------------------------------------------------------------*/


/*フッターサイトマップ
----------------------------------------------------------------*/

#footerSitemap {
	background-image:url(/common/img/footer_bg.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color:#e4e3d9;
	padding-top:20px;
	padding-bottom:60px;
	}

#footerSitemap a:link,
#footerSitemap a:visited {
	color:#505050;
	}
#footerSitemap a:hover,
#footerSitemap a:active {
	color:#40b6df;
	}



#footerSitemapArea {
	width:960px;
	margin:0 auto;
	}
#footerSitemapArea p {
	font-weight:bold;
	margin:10px 0px;
	}

#footerSitemapArea li {
	line-height:1.9;
	}

#footerSitemapArea .fDirectoryEnd {
	background:url(/common/img/footer_line.gif) no-repeat 0px 5px;
	padding-left:10px;
	margin-left:5px;
	}

#footerSitemapArea .fDirectoryEnd a {
	border-right: solid 1px #505050;
	padding-right:5px;
	margin-right:5px;
	}
#footerSitemapArea .fDirectoryEnd a:last-child {
	border-right: none;
	padding-rihgt:0px;
	margin-right:0px;
	}



#footerSitemapArea .fSecBox01 {
	width:200px;
	margin-right:25px;
	float:left;
	}
#footerSitemapArea .fSecBox02 {
	width:175px;
	margin-right:25px;
	float:left;
	}
#footerSitemapArea .fSecBox03 {
	width:310px;
	float:left;
	}
#footerSitemapArea .fSecBox03 ul {
	float:left;
	margin-right:25px;
	width:135px;
	}
#footerSitemapArea .fSecBox03 ul:last-child {
	margin-right:0px;
	}




/*フッター
----------------------------------------------------------------*/

#footer {
	background:#333;
	padding: 25px 0px 40px;
	text-align:center;
	color:#ccc;
	}
#footer a:link,
#footer a:visited {
	color:#ccc;
	}
#footer a:hover,
#footer a:active {
	color:#40b6df;
	}



#footer li {
	display: inline;
	padding-right:15px;
	margin-right:15px;
	border-right: solid 1px #ccc;
	}
#footer li:first-child {
	border-left: solid 1px #ccc;
	padding-left:15px;
	}
#footerLogo {
	margin:60px auto 10px;
	}
#footer {}
#footer {}