@charset "UTF-8";

/* -----------------------------
「公演情報」レイアウト（corner-style.css）

----------------------------- */

/* ページ内リンク */
dl.pagelink { width: 700px; margin-bottom: 30px; font-size: 92%;}
dl.pagelink dt { height: 20px; background: #fff url(../img/eventmenu.gif) no-repeat left top; text-indent: -9999px;}
dl.pagelink dd { width: 670px; margin: 0; padding: 12px 15px; background-color: #f3f3f3;}
dl.pagelink dd ul { margin: 0; padding: 0;}
dl.pagelink dd li { display: inline; margin: 0; padding: 0 10px; border-left: 1px solid #ccc;}
dl.pagelink dd li:first-child { border-left: none;}


/* イベントタイトル */
#eventTitle { width: 668px; margin-bottom: 8px; background: transparent url(../../common/img/line_dot.gif) repeat-x left bottom;}
#eventTitle p { clear: both;}
#eventTitle h2 {
	margin: 0; padding: 0 0 10px 0;
	background: none;
	border: none;
	color: #4d4d4d;
	font-size: 122%;
	line-height: 1.2;
}
#eventTitle .category {
	float: right;
	margin: 0; padding: 4px 0 4px 20px;
	background: url(../img/bg_category.gif) no-repeat left top;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
#eventTitle .category span {
	margin: 0 0 0 10px; padding: 4px 18px 4px 0;
	background: url(../img/bg_category-end.gif) no-repeat right top;
}


/* 見出し */
#main h2 { border-bottom-color: #f40d51;}
#main h3.nostyle { margin: 0; padding: 0; background: none; border: none; font-size: 100%;}


/* Topへ戻る */
#main ul.navi { list-style-type: none; width: 650px; height: 1em; margin: 0px; padding: 0px; background-color: #fff; font-size: 85%; }
#main ul.navi li { float: right; margin: 0 8px;}
#main ul.navi li img { margin-right: 3px;}
#main ul.navi a:link,
#main ul.navi a:visited { color: #333; text-decoration: none;}
#main ul.navi a:focus,
#main ul.navi a:hover,
#main ul.navi a:active { color: #333; text-decoration: underline;}




/* インデックスページ
----------------------------- */
.indexdetail { margin: 0 0 1.5em 0;}
.indexdetail .head { margin: 0; padding: 6px 13px; background-color: #494949; border: 1px solid #a7a7a7;}

#main .indexdetail h3 { float: left; width: 510px; margin: 0; padding: 0; color: #fff; font-size: 112%; font-weight: bold;}
#main .indexdetail h3 a { color: #fff !important;}
#main .indexdetail h3 span { font-size: 85%;}
#main .indexdetail .syousai { margin: 0 13px 0 0; margin: 0; padding: 0; text-align: right;}



/* チケット購入
----------------------------- */
table.ticketTable { width: 100%; margin-bottom: 2em; border-collapse: collapse; border: 1px solid #ccc; font-size: 85%;}
table.ticketTable thead th { background-color: #494949; color: #fff;}
table.ticketTable tbody th { margin: 0; padding: 3px 5px; background-color: #e5e5e5; border: 1px solid #a7a7a7; white-space: nowrap;}
table.ticketTable td { margin: 0; padding: 3px 8px; border: 1px solid #a7a7a7;}
table.ticketTable td.nowrap { white-space: nowrap;}

#main dl.howto { margin-bottom: 2em;}
#main dl.howto dt { clear: left; float: left; padding-top: 1em;}
#main dl.howto dd { margin-left: 100px; padding-top: 1.3em; padding-bottom: .8em;}




/* 各ボックス定義
----------------------------- */
#detail,
#detail2,
#backstage,
#report,
#review,
#download { margin: 30px 0;}

.wrapper .image01 { clear: none; float: left; margin: 10px 0;}
.wrapper .image02 { clear: none; float: right; margin: 10px 0;}
.wrapper .image01 img,
.wrapper .image02 img { margin-bottom: 5px; border: 2px solid #b4b4b4;}




/* 公演内容 */
#detail { width: 662px;}
#detail .columnA { float: left; width: 420px; text-align: center; font-size: 85%;}
#detail .columnB { margin-left: 420px;}
#detail .columnA p { margin-bottom: 5px;}
#detail .columnA .wrapper .image01 img,
#detail .columnA .wrapper .image02 img { border: none;}
#detail .columnA .pdf { clear: both;}
#detail dl { margin-bottom: 0.75em;}
#detail dl dt { margin-left: 12px; padding: 5px 12px 0 0;}
#detail dl dd { margin-left: 12px; padding: 0 12px 5px 0; background: #fff url(../../common/img/line_dot.gif) repeat-x left bottom; font-weight: bold;}
#detail dl dt.date { margin-left: 0; padding: 12px 12px 0 12px; background-color: #494949; color: #fff;}
#detail dl dd.date { margin-left: 0; padding: 0 12px 12px 12px;  background: #494949; border-bottom: 4px solid #f40d51; color: #fff;}
#detail .text { padding-left: 12px;}
ul.help { list-style-type: none; margin: 0; padding: 0; font-size: 85%;}
ul.help li a { padding-left: 18px; background: transparent url(../../common/img/arrow2.gif) no-repeat left top;}


/* 公演内容詳細 */
#detail2 { width: 668px; margin: 30px 0;}
table.detailTable { width: 100%; margin-bottom: 0.5em; border-collapse: collapse; border: 1px solid #ccc;}
table.detailTable caption { margin: 0; padding: 5px 13px; background-color: #494949; border: 1px solid #a7a7a7; color: #fff; font-size: 112%; font-weight: bold;}
table.detailTable caption span { font-size: 85%;}
table.detailTable th { width: 20%; margin: 0; padding: 3px 12px; background-color: #e5e5e5; border: 1px solid #a7a7a7;}
table.detailTable td { margin: 0; padding: 3px 12px; border: 1px solid #a7a7a7;}
table.detailTable td.pamph { padding: 5px 6px; vertical-align: top;}


/* 楽屋裏・稽古場レポート */
#backstage { position: relative;}
#backstage p { clear: both;}
#backstage .syousai { position: absolute; top: 9px; right: 18px; width: 136px; height: 25px; margin: 0; padding: 0;}
#backstage dl { width: 666px; margin: 10px 0 0 0;}
#backstage dl dt { padding: 3px 15px 3px 3px; background-color: #e5e5e5; border-bottom: 1px solid #a7a7a7; color: #333;}
#backstage dl dt .date { float: right; padding-left: 10px;}
#backstage dl dd { clear: both; padding: 3px 0;}
#backstage dl dd .subject { margin-top: 0.5em; margin-bottom: 0.5em !important;}
/* （2009.3.23） */
#backstage .image01,
#backstage .image02 { width: 324px;}
#backstage .image01 p,
#backstage .image02 p { margin-right: 0; padding-right: 0; font-size: smaller;}
#backstage .image01 img,
#backstage .image02 img { width: 320px;}


/* 公演会場レポート */
#report p { clear: both;}



/* 来場者の声 */
#review { position: relative;}
#review .writing { position: absolute; top: 9px; right: 18px; width: 123px; height: 25px; margin: 0; padding: 0;}
#review .number { margin: 1em 0 0.5em 17px !important;}
#review dl { width: 622px; margin: 0 0 0 17px;}
#review dl dt { padding: 3px 15px 3px 3px; background-color: #e5e5e5; border-bottom: 1px solid #a7a7a7; color: #333;}
#review dl dt .date { float: right;}
#review dl dd { clear: both; padding: 3px 15px;}
#review dl dd .subject { margin-top: 0.5em; margin-bottom: 0.5em !important;}


/* ミュージック・ダウンロード */
#download { padding-bottom: 10px; background-color: #333;}
#download table { width: 622px; margin: 10px auto 0 auto; border-collapse: collapse; background-color: #fff; border: 1px solid #b4b4b4;}
#download table th { border: 1px solid #b4b4b4; text-align: center;}
#download table td { border: 1px solid #b4b4b4; border-top-style: dotted; border-bottom-style: dotted; text-align: center;}
#download table tbody th { font-weight: normal;}
#download table .artist { background-color: #5c5c5c; color: #fff;}
#download table .cells { background-color: #e5e5e5;}
#download table .download { background-color: #fff;}



/* 投稿フォーム */
.pankuzu .not { color: #aaa;}
#main fieldset { margin: 0; padding: 0; border: none;}
#main legend { margin: 5px 0; padding: 3px 0 3px 0.5em; border-left: 4px solid #f40d51; color: #4d4d4d; font-weight: bold;}
#main form { margin: 2em 0; padding: 2px;}
#main form dl { margin: 0; padding: 2px 0 0 0;}
#main form dt { clear: left; float: left; width: 15em; padding: 5px 0 5px 0.5em; background: url(../img/point1.gif) no-repeat left top; color: #222;}
#main form dd { margin-bottom: 2px; padding: 5px 5px 5px 16.5em; background: #fbecee url(../img/bg_form.gif) no-repeat 15em top; border: solid 1px #ccc;}
#main form dd p { margin: 0; padding: 0;}
#main form dt em { color: #e00; font-style: normal; font-size: 0.93em;}
#main form p.submit { margin: 0; padding: 10px; background-color: #efefef; border: 1px solid #ccc; text-align: center;}

#main form dd textarea { width: 25em;}
#main form dd input { margin-top: 2px; margin-bottom: 2px;}





/* clearfix
----------------------------- */
#main dl.howto,
.indexdetail .head,
#detail { display: inline-block;}
#main dl.howto:after,
.indexdetail .head:after,
#detail:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0;}
/* Hides from IE-mac \*/
* html #main dl.howto,
* html .indexdetail .head,
* html #detail { height: 0.1;}
#main dl.howto,
.indexdetail .head,
#detail { display: block; }
/* End hide from IE-mac */