@charset "shift_jis";

/* [xhtml 1.0 frameset Doctype標準] フレームのセンタリングずれを
# scrolling="yes" でとりあえず回避
# IEとその他ブラウザを条件付きコメントで分けてみる
# 当然validatorでエラーになる・・・・ */

/*------------------------初期化------------------------*/
body,h1,h2,h3,h4,h5,h6,div,p,span,ul,li,dl,dt,dd,form,input,select,hr,iframe {margin: 0; padding: 0;}
/* 未初期化タグ pre,code,fieldset,legend,textarea,blockquote,th,td */
li {list-style: none;}

/* table {border-collapse:collapse; border-spacing: 0;} */
/* fieldset,img {border: 0;} */
/* h1,h2,h3,h4,h5,h6 {font-size: 100%;} */
/* input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
} */
/* input,textarea,select {*font-size: 100%;} */

body {
margin:0;
padding: 0;
color: #fff;
background: #000 url(../img/backframe.gif) repeat-y fixed center top;
font-size: 100%;
text-align: center;
}

body#kktop {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
color: #fff;
background: #000;
font-size: 100%;
text-align: center;
}

/* Win IE フォントサイズ */
*:first-child+html body {font-size: 90%; line-height: 1.4;}
* html body {font-size: 90%; line-height: 1.4;}

a,a:link,a:visited {color: #fff;}
a:active,a:hover {color: #fc0;}

hr {display: none;} /*CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;} /* IE7 Mac IE 5 */
/* hide IE-MAC \*/
* html .clbth {height: 1%;}
.clbth {display: block;}
/* end hide IE-MAC */

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 0.9em;}
.txtBold {font-weight: bold;}
.toTop {margin: 1em; font-size: 0.9em;}
.notice {color: #f00;}
.transport {color: #fc0;}

.imgover {border: 0;}

/* ####################################### */
/* None-FLASHコンテンツ */
/* ####################################### */
#nonflash {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 837px;
background-color: #000;
}
#nonflashmenu {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 810px;
background-color: #000;
}

#ofMenu,#wpMenu {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0.2em 0;
/*width: 837px;*/
background-color: #000;
text-align: left;
}

#ofMenu li,#wpMenu li {
display: inline;
}
#ofMenu li#ofTitle {
color: #39c;
font-weight: bold;
}
#wpMenu li#wpTitle {
color: #b82288;
font-weight: bold;
}
#ofMenu li img,#wpMenu li img {
margin-right: 5px;
border: 0;
}

/* ####################################### */
/* FLASHコンテンツ */
/* ####################################### */
#menuArea {
width: 100%;
height: 150px;
position: fixed;
left: 0;
top: 0;
z-index: 100;
}

#menuArea object,#menuArea embed {
margin: 0;
padding: 0;
}

#menuflcnt{
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 820px;
height: 150px;
background-color: #000;
border-bottom: 8px solid #fff;
}

/* ####################################### */
/* 共通コンテンツエリア */
/* ####################################### */
#flatCnt {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 158px;
width: 820px;
text-align: center;
background-color: #000;
}

#clmCnt {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 158px;
width: 820px;
text-align: center;
background: #000 url(../img/mono_tone.gif) repeat-y -100px top;
}

#sideFix {
margin: 0;
padding: 0;
}

#sideMenu {
margin: 1em 0 0 1em;
padding: 0;
width: 175px;
text-align: left;
}

#mainCnt {
position: relative;
width: 620px;
min-height: 340px;
/*border-left: 5px solid #fff;*/
/*background-color: #000;*/
}

#normalCnt {
position: relative;
width: 820px;
min-height: 340px;
}

/* 文字サイズ */
dl#chfsize {
position: absolute;
right: 5px;
top: 10px;
margin: 0;
padding: 0;
color: #fc0;
font-size: 1em;
text-align: right;
}
dl#chfsize dt {
width: 6em;
display: inline;
}
dl#chfsize dd {
padding: 0 0.5em;
display: inline;
}
#chfsize dd a,#chfsize dd a:link {color: #fff;}
#chfsize dd a:active,#chfsize dd a:hover {color: #fc0;}

/* jQuery使用しているので 非表示 */
/* IE-MAC Only　\*//*/
dl#chfsize {display: none;}
/**/

/* ####################################### */
/* Info */
/* ####################################### */
#infoList,
#infoDetail,
#infoArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 700px;
font-size: 1em;
text-align: left;
line-height: 1.6;
}

#infoArea h2 {
margin: 0;
padding: 1em 0 0 0;
font-size: 1.2em;
}

#infoList h2,
#infoDetail h2{
margin-bottom:10px;
padding: 1em 0 0 0;
font-size: 1.2em;
border-bottom:solid 1px #fff;
}

#infoList li{
margin-bottom: 10px;
}

.new{
color:red;
}

#entryContent{
line-height:1.5;
	
	iframe{
		max-width: 100%;
	}

	img{
		max-width: 100%;
	}
}

.info-blue {color: #39c;}
.info-green {color: #9c0;}
.info-yellow {color: #fc0;}
.info-red {color: #c30;}

#infoNote {
font-size: 0.9em;
line-height: 1.6;
}

*:first-child+html #infoNote {font-size: 0.75em;}
* html #infoNote {font-size: 0.75em;}

/* 公演スケジュール */
.eschTbl {
margin-top: 2px;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 620px;
font-size: 100%;
border: 2px solid #fff;
}
.eschTbl th {
padding: 0.5em;
color: #fff;
background-color: #444;
/*white-space: nowrap;*/
border: 2px solid #fff;
font-size: 85%;
text-align: center;
}
.eschTbl td {
padding: 0.5em;
color: #fff;
/*white-space: nowrap;*/
border: 1px solid #fff;
font-size: 85%;
text-align: center;
}
.eschTbl th.eschDate, .eschTbl td.eschDate {
width: 6em;
text-align: left;
}
.eschTbl tr.odd {
color: #fff;
background-color: #222;
}
/* アプリダウンロード情報 */
#infoApp { display: block; }
#infoApp .qrBox {
	display: block;
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
	border: 1px solid #ccc;
	background: #222;
	padding: 10px;
	margin-right: 10px;
	}
#infoApp .qrBox strong { display: block;}		
#infoApp .qrBox span { display: block; color: #eee; font-size: 77%; }


/* ####################################### */
/* Profile */
/* ####################################### */
#prfLang {
margin: 1em 0 0 0;
width: 170px;
text-align: center;
}

/*
#prfArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding: 1em 0 0.5em 0;
width: 580px;
font-size: 1em;
text-align: left;
line-height: 1.6;
}
*/

#prfArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding: 1em 0 0.5em 0;
width: 700px;
font-size: 1em;
text-align: left;
line-height: 1.6;
}

#prfTitle {
color: #fc0;
font-size: 1.2em;
font-weight: normal;
}

/* Japanese */
#prfjpText dt {
float: left;
padding-top: 0.5em;
width: 5.5em;
color: #39c;
}
#prfjpText dd {
margin-left: 5.5em;
padding-top: 0.5em;
}

/* English */
#prfenText dt {
float: left;
padding-top: 0.5em;
width: 9em;
color: #39c;
}
#prfenText dd {
margin-left: 9em;
padding-top: 0.5em;
}

/* ####################################### */
/* History */
/* ####################################### */
.hisTbl {
margin: 0 0 1em 0;
padding: 0;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
font-size: 1em;
text-align: left;
/*background-color: #000;*/
}

.hisTbl caption {
margin: 0;
background-color: #000;
text-align: left;
}

.hisTbl caption img {
margin: 5px 0 0 5px;
border: 0;
}

.hisTbl th,.hisTbl td {
padding: 1em 0 0 1em;
line-height: 1.8;
}
.hisTbl th {
vertical-align: top;
font-weight: normal;
white-space: nowrap;
width: 5em;
}

.hisTbl tr:hover {
background-color: #222;
}

/* ####################################### */
/* Mobile */
/* ####################################### */

/* ####################################### */
/* Shop */
/* ####################################### */
#shopArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0 0 1em 0;
width: 700px;
text-align: left;
}

.shopNote {
margin: 0;
padding-top: 0.5em;
color: #f00;
font-size: 0.8em;
line-height: 1.2;
}

#shopArea h2 {
color: #fc0;
font-size: 1em;
}

.howtoBuy {
margin: 1em 0;
padding: 0.5em;
width: 680px;
border: 5px solid #333;
}

#howtoText {
margin: 0.2em 0;
padding: 0.2em 0;
border-bottom: 1px dashed #777;
}

#buyTel {
float: left;
margin: 0;
padding: 0;
width: 339px;
}
#buyOnline {
float: right;
margin: 0;
padding: 0;
width: 339px;
}
#buyTel dt,#buyOnline dt {
color: #9c0;
}
#buyTel dd img,#buyOnline dd img {
vertical-align: middle;
border: 0;
}

/* shop item */
.shopItem {
margin: 0;
padding: 0;
width: 700px;
}

.shopItem h3 {
padding: 0.5em 0;
color: #39c;
font-size: 1.2em;
}
.itemNumber {
color: #fff;
font-weight: normal;
}
.itemImage {
float: left;
margin: 0;
padding: 0;
width: 160px;
text-align: center;
}

.itemText {
float: right;
margin: 0;
padding: 0;
width: 530px;
}

.itemText h4 {
margin: 0 0 0.5em 0;
font-weight: normal;
font-size: 1em;
}

.itemText p {
margin: 0 0 0.5em 0;
}

.itemBuy img {
margin: 5px 0;
border: 0;
}

.itemNote {
padding: 0.5em 0;
color: #fc0;
font-size: 1.1em;
}

/* attention */
.attentionTitle {
margin: 0 0 0.2em 0;
padding: 0.2em 0;
border-bottom: 1px dashed #777;
}

.howtoBuy ul {
margin: 0 0 0 1em;
}

.howtoBuy li.cancell {
list-style-position: inside;
list-style-type: disc;
}

.backtoShop {
margin: 1em 0 0 0;
}

.addText {
clear: both;
padding-top: 0.2em;
border-top: 1px dashed #777;
}

/* ####################################### */
/* Mail Magazine */
/* ####################################### */
#mailmArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0 0 1em 0;
width: 500px;
font-size: 1em;
text-align: left;
}

#mailmArea h1 {
padding: 1em 0;
color: #39c;
font-size: 1.4em;
}

#mailmExp {
padding: 0;
font-size: 1em;
}

#mailmTo {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 3em 0;
width: 500px;
}

#emailRegist,#emailWithdrawal {
margin: 0;
padding: 0;
width: 249px;
text-align: center;
}

#mailmNote {
padding: 2em 0;
font-size: 0.9em;
}

/* ####################################### */
/* Footer */
/* ####################################### */
#footer {
clear: both;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0.2em 0;
width: 820px;
font-size: 1em;
text-align: left;
border-top: 6px solid #fff;
}
#footer p {
padding: 0.2em 0.5em;
font-size: 0.9em;
font-family: Verdana, sans-serif;
}

*:first-child+html #footer p {font-size: 0.75em;}
* html #footer p {font-size: 0.75em;}


#fanmoHowto {
padding: 1em;
border: 6px double #fc0;
}
#fanmoHowto h3 {
color: #c09;
font-size: 1.2em;
}
#fanmoHowto dt img {
margin: 5px 10px 5px 0;
vertical-align: middle;
}