@charset "UTF-8";

/* 
ticket.css
Version : 1.0
*/


/*
--------------------------------------------------
MEMO
--------------------------------------------------

***** Font Size *****

09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------

*/


#wrapper { min-height: 600px; border-bottom: 1px solid #000; }


/* #ticketNav
============================== */
#ticketNav { width: 240px; position: absolute; top:50px; left:0; }
#ticketNav h1 { font-size: 123.1%;  margin: 0 0 10px 50px; padding: 0 0 20px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#ticketNav dl { margin: 0 0 0 50px; font-size: 108%; }
#ticketNav dt { margin: 10px 0 0; width:100px; float: left; clear: both; }
#ticketNav dd { margin: 10px 0 0; width:50px;  float: right; text-align: right; font-weight: bold; }

#ticketMenu {}
#ticketMenu .border1 { background: #444; height: 1px; margin: 0 0 20px 48px; }
#ticketMenu .border2 { background: #FFF; height: 1px; margin: 0 0 20px 48px; }
.ticketMenuA,
.ticketMenuB { margin: 0 0 10px; }

.ticketMenuA a, 
.ticketMenuB a { color: #FFF; text-decoration: none; display: block; padding: 0 0 10px 50px; }
.ticketMenuA a:hover, 
.ticketMenuB a:hover { color: #F70; text-decoration: underline; }

.ticketMenuA a       { background: url(../images/_cmn/icn_arrow3.png)    no-repeat 22px 2px; }
.ticketMenuA a:hover { background: url(../images/_cmn/icn_arrow3_ov.png) no-repeat 22px 2px; }

.ticketMenuB a       { background: url(../images/_cmn/icn_arrow4.png)    no-repeat 22px 2px; }
.ticketMenuB a:hover { background: url(../images/_cmn/icn_arrow4_ov.png) no-repeat 22px 2px; }

#ticketMenu .arena li { text-indent: 32px; background: url(../images/_cmn/icon_new_ss_white.png) no-repeat 50px 2px; list-style-type: none; line-height: 150%; }
#ticketMenu .arena li:hover { background: url(../images/_cmn/icon_new_ss_orange.png) no-repeat 50px 2px; }
.msie #ticketMenu .arena li { text-indent: 32px; background: url(../images/_cmn/icon_new_ss_white.png) no-repeat 50px 4px; list-style-type: none; line-height: 150%; }
.msie #ticketMenu .arena li:hover { background: url(../images/_cmn/icon_new_ss_orange.png) no-repeat 50px 4px; }

#ticketMenu li.new { text-indent: 32px; background: url(../images/_cmn/icon_new_ss_white.png) no-repeat 50px 2px; list-style-type: none; line-height: 150%; }
#ticketMenu li.new:hover { background: url(../images/_cmn/icon_new_ss_orange.png) no-repeat 50px 2px; }
.msie #ticketMenu li.new { text-indent: 32px; background: url(../images/_cmn/icon_new_ss_white.png) no-repeat 50px 4px; list-style-type: none; line-height: 150%; }
.msie #ticketMenu li.new:hover { background: url(../images/_cmn/icon_new_ss_orange.png) no-repeat 50px 4px; }



/* #ticketBody
============================== */

/* 共通 */
#ticketBody { padding: 50px 50px 0 280px; }
#ticketBody article    { margin: 0 0 50px 0; min-width: 640px; }
#ticketBody article h1 { font-size: 123.1%; border-bottom: 1px solid #F30; padding: 20px 0; margin: 0 30px; }
#ticketBody article p  { line-height: 175%; }
#ticketBody article li { margin-left: 1.5em; line-height: 175%; }

/* 当日券 */
.tojitsuken { border: 1px solid #F30; margin: 0 30px 0; position: relative; top:-1px; padding: 20px 20px 10px; }
.tojitsuken h2    { margin: 0 0 10px; }
.tojitsuken table { width: 100%; }
.tojitsuken table tr  { background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x top;}
.tojitsuken table th,
.tojitsuken table td  { vertical-align: top; padding: 10px 0; line-height: 170%; }
.tojitsuken table .c1 { width: 16%; }
.tojitsuken table .c2 { width: 84%; }


/* 当日引換券 */
#tojitsu1 { background: #000; }
div.tojitsuInner { padding: 0 30px 30px; }
#tojitsu1 table  {
	width: 100%;
	min-width: 590px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin: 20px auto 5px;
	}
.firefox #tojitsu1 table { border-collapse: separate; }
#tojitsu1 th  { border-bottom: 1px solid #444; font-size: 100%; text-align: center; padding: 10px 0; font-weight: normal; }
#tojitsu1 td  { border-bottom: 1px solid #444; font-size: 100%; text-align: center; padding: 15px; line-height: 160%; }
#tojitsu1 .c1 { width: 25%; }
#tojitsu1 .c2 { width: 20%; }
#tojitsu1 .c3 { width: 15%; }
#tojitsu1 .c4 { width: 25%; }
#tojitsu1 .c5 { width: 15%; }


/* 振替公演（1月3日・4日@福岡） */
#furikae1 { background: #000; }
div.furikae1Inner { padding: 0 30px 30px; }
/*#ticketBody article#furikae1 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }*/
#furikae1 table  {
	width: 100%;
	min-width: 590px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin: 20px auto 5px;
	}
.firefox #furikae1 table { border-collapse: separate; }
#furikae1 th  { border-bottom: 1px solid #444; font-size: 100%; text-align: center; padding: 10px 0; font-weight: normal; }
#furikae1 td  { border-bottom: 1px solid #444; font-size: 100%; text-align: center; padding: 15px; line-height: 160%; }
#furikae1 .c1 { width: 20%; }
#furikae1 .c2 { width: 20%; }
#furikae1 .c3 { width: 15%; }
#furikae1 .c4 { width: 20%; }
#furikae1 .c5 { width: 25%; }


/* 前売り料金 */
#price  { background: #000; padding: 0 0 20px; }
#price table { margin: 20px 30px 0; width: 100%; }
#price table td { text-align: left; font-size: 123.1%; height: 50px; }
#price table td.c1 { width: 40%; }
#price table td.c2 { width: 60%; }


/* 販売スケジュール */
#schedule { background: #000; }
#schedule h2  { font-size: 123.1%; }
#schedule p   { font-size: 108%; }
#schedule p.additionalInfo { font-size: 93%; color: #999; margin: 20px 0 0; }
#schedule p.ippanInfo { font-size: 93%; color: #999; margin: 20px auto 0;  }
#schedule div.sched { margin: 30px 30px 0; padding: 0 0 30px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#schedule div.sched.lastChild { background: none; }


/* アリーナ：前売り料金 */
#price2  { padding: 0 0 20px; background: #200; border: 1px solid #600; }
article#price2 h1 { padding: 20px 20px 20px 0;  }
/*article#price2 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }*/
#price2 table { margin: 20px 30px 0; width: 100%; }
#price2 table td { text-align: left; font-size: 123.1%; height: 50px; }
#price2 table td.c1 { width: 30%; }
#price2 table td.c2 { width: 30%; }
#price2 table td.c2 { width: 40%; }
#price2 p { margin: 10px 30px 0; }

/* アリーナ：販売スケジュール */
#schedule2 { background: #200; border: 1px solid #600; }
article#schedule2 h1 { padding: 20px 20px 20px 0;  }
/*article#schedule2 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }*/
#schedule2 h2  { font-size: 123.1%; }
#schedule2 p   { font-size: 108%; }
#schedule2 p.additionalInfo { font-size: 93%; color: #999; margin: 20px 0 0; }
#schedule2 p.ippanInfo { font-size: 93%; color: #999; margin: 20px auto 0;  }
#schedule2 div.sched { margin: 30px 30px 0; padding: 0 0 30px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#schedule2 div.sched.lastChild { background: none; }

#sche2TicketBtns { margin: 0 auto; width: 100%; }
#sche2TicketBtns div { margin: 20px auto 0; min-width:195px; margin: 0 5px 0 0;  }
#sche2TicketBtns td.lastChild div { margin: 0; }
#sche2TicketBtns span.servicesite { font-size: 16px; display: block; border-bottom: #000 solid 1px; margin: 0 15px 10px; padding: 0 0 10px; }
#sche2TicketBtns span.cap { font-weight: normal; font-size: 12px; line-height: 2px; }

#sche2Ichiran {
	width: 100%;
	min-width: 590px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin: 30px auto 20px;
	}
.firefox #sche2Ichiran { border-collapse: separate; }
#sche2Ichiran th { vertical-align: top; border-bottom: solid 1px #555; padding: 0 0 5px;  }
#sche2Ichiran td { padding: 5px; background: url(../images/_cmn/hatch_gray3x1.gif) repeat-x bottom; }
#sche2Ichiran .c1 { width: 20%; }
#sche2Ichiran .c2 { width: 25%; }
#sche2Ichiran .c3 { width: 35%; }
#sche2Ichiran .c4 { width: 20%; }


#schedule2 dl { padding: 10px 0 0; }
#schedule2 dt { margin: 0 0 30px; float: left; width: 130px; clear: both; }
#schedule2 dd { margin: 0 0 30px 140px; }
#schedule2 li { margin: 0 0 10px; }


/* アリーナ：当日引換券 */
#tojitsu2 { background: #200; border: 1px solid #600; }
article#tojitsu2 h1 {padding: 20px 20px 20px 0;  }
/*article#tojitsu2 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }*/
#tojitsu2 h2  { font-size: 123.1%; }
#tojitsu2 p   { font-size: 108%; }
#tojitsu2 p.additionalInfo { font-size: 93%; color: #999; margin: 20px 0 0; }
#tojitsu2 p.ippanInfo { font-size: 93%; color: #999; margin: 20px auto 0;  }
#tojitsu2 div.sched { margin: 30px 30px 0; padding: 0 0 30px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#tojitsu2 div.sched.lastChild { background: none; }

#toji2Ichiran {
	width: 100%;
	min-width: 590px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin: 30px auto 10px;
	}
.firefox #toji2Ichiran { border-collapse: separate; }
#toji2Ichiran th { vertical-align: top; border-bottom: solid 1px #555; padding:10px 5px; }
#toji2Ichiran td { padding:10px 5px; background: url(../images/_cmn/hatch_gray3x1.gif) repeat-x bottom; text-align:left; }
/*#toji2Ichiran td.nonetd {white-space: nowrap; vertical-align:top; border-bottom: none; background:none; padding-bottom:0;}
#toji2Ichiran td.lasttd { border-bottom: solid 1px #555; background:none; padding:10px 5px 20px;}*/

#toji2Ichiran .c1 { width: 23%; }
#toji2Ichiran .c2 { width: 23%; }
#toji2Ichiran .c3 { width: 14%; }
#toji2Ichiran .c4 { width: 23%; }
#toji2Ichiran .c5 { width: 17%; }

#tojitsu2 dl { padding: 10px 0 0; }
#tojitsu2 dt { margin: 3px 0 30px; float: left; width: 5em; clear: both; }
#tojitsu2 dd { margin: 0 0 30px 6em; }
#tojitsu2 li { margin: 0 0 5px; }






/* 追加公演：前売り料金 */
#price3  { padding: 0 0 20px; background: #200; border: 1px solid #600; }
article#price3 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }
#price3 table { margin: 20px 30px 0; width: 100%; }
#price3 table td { text-align: left; font-size: 123.1%; height: 50px; }
#price3 table td.c1 { width: 30%; }
#price3 table td.c2 { width: 30%; }
#price3 table td.c2 { width: 40%; }
#price3 p { margin: 10px 30px 0; }

#price3 dl { padding: 10px 0 0 30px; }
#price3 dt { margin: 3px 0 10px; float: left; width: 5em; clear: both; }
#price3 dd { margin: 0 0 10px 6em; }
#price3 li { margin: 0 0 10px; }




/* 追加公演：販売スケジュール */
#schedule3 { background: #200; border: 1px solid #600; }
article#schedule3 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }
#schedule3 h2  { font-size: 123.1%; }
#schedule3 p   { font-size: 108%; }
#schedule3 p.additionalInfo { font-size: 93%; color: #999; margin: 20px 0 0; }
#schedule3 p.ippanInfo { font-size: 93%; color: #999; margin: 20px auto 0;  }
#schedule3 div.sched { margin: 30px 30px 0; padding: 0 0 30px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#schedule3 div.sched.lastChild { background: none; }


#schedule3 dl { padding: 10px 0 0 0; }
#schedule3 dt { margin: 3px 0 10px; float: left; width: 10em; clear: both; }
#schedule3 dd { margin: 0 0 10px 11em; }
#schedule3 li { margin: 0 0 10px; }


/* 追加公演：前売り料金 */
#morioka  { padding: 0 0 20px; background: #200; border: 1px solid #600; }
/*article#morioka h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }*/
#morioka h2  { font-size: 123.1%; margin: 20px 30px 0; }
#morioka p { margin: 10px 30px 0; }

#morioka dl { padding: 10px 0 0 30px; }
#morioka dt { margin: 3px 0 10px; float: left; width: 7em; clear: both; }
#morioka dd { margin: 0 0 10px 8em; }
#morioka li { margin: 0 0 10px; }


/* さいたまスーパーアリーナ・大阪城ホール　追加席販売スケジュール */
#schedule4  { padding: 0 0 20px; background: #200; border: 1px solid #600; }
/*article#schedule4 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }*/
#schedule4 h2  { font-size: 123.1%; margin: 20px 30px 0; }
#schedule4 p { margin: 10px 30px 0; }

#schedule4 dl { padding: 10px 0 0 30px; }
#schedule4 dt { margin: 3px 0 10px; float: left; width: 7em; clear: both; }
#schedule4 dd { margin: 0 0 10px 8em; }
#schedule4 li { margin: 0 0 10px; }




/* 当日引換券 */
#tojitsu3 { background: #200; border: 1px solid #600; }
article#tojitsu3 h1 { background: url(../images/_cmn/icon_new_m_orange.png) no-repeat 0 21px; padding: 20px 20px 20px 45px;  }
#tojitsu3 h2  { font-size: 123.1%; }
#tojitsu3 p   { font-size: 108%; }
#tojitsu3 p.additionalInfo { font-size: 93%; color: #999; margin: 20px 0 0; }
#tojitsu3 p.ippanInfo { font-size: 93%; color: #999; margin: 20px auto 0;  }
#tojitsu3 div.sched { margin: 30px 30px 0; padding: 0 0 30px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#tojitsu3 div.sched.lastChild { background: none; }

#tojitsu3 dl { padding: 10px 0 0 0; }
#tojitsu3 dt { margin: 3px 0 10px; float: left; width: 10em; clear: both; }
#tojitsu3 dd { margin: 0 0 10px 11em; }
#tojitsu3 li { margin: 0 0 10px; }

div.tojitsuInner { padding: 0 30px 10px; }
#tojitsu3 table  {
	width: 100%;
	min-width: 590px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin: 20px auto 5px;
	}
.firefox #tojitsu3 table { border-collapse: separate; }
#tojitsu3 th { vertical-align: top; border-bottom: solid 1px #555; padding:10px 5px; }
#tojitsu3 td { padding:10px 5px; background: url(../images/_cmn/hatch_gray3x1.gif) repeat-x bottom; text-align:left; }
#tojitsu3 .c1 { width: 15%; }
#tojitsu3 .c2 { width: 20%; }
#tojitsu3 .c3 { width: 15%; }
#tojitsu3 .c4 { width: 20%; }
#tojitsu3 .c5 { width: 15%; }
#tojitsu3 .c6 { width: 15%; }





/* 販売方法について */
#howto { background: #000; }

/* 注意事項 */
#caution { background: #000; }
#caution dl { padding: 30px 30px 20px; }
#caution dt { margin: 0 0 30px; float: left; width: 130px; clear: both; }
#caution dd { margin: 0 0 30px 140px; }
#caution li { margin: 0 0 10px; }

/* 指定席について */
#shitei     { background: #000; }

/* 立見ブロックについて */
#tachimi    { background: #000; }
#tachimi ul { padding: 30px 30px 15px; }
#tachimi li { margin-bottom: 15px; }

/* 着席指定席について */
#chakuseki    { background: #000; }

/* 親子席について */
#oyako        { background: #000; }
#oyako ul     { padding: 30px 30px 15px; }
#oyako ul li  { margin-bottom: 15px; }
#oyako h2     { padding: 30px 0 15px; border-top: 1px solid #444; margin: 0 30px; }
#oyako ol     { padding: 0 30px 30px; }
#oyako ol li  { margin: 0 0 5px 1.5em; font-size: 93%; }

/* 注釈付き指定席について */
#chushaku     { background: #000; }

/* 福岡公演：振替公演について */
#fukuoka h1 { font-size: 123.1%; line-height: 170%; }
#fukuoka #transfer { background: #000; padding-bottom: 30px; }
#fukuoka #transfer ul { margin: 20px 30px 0; }
#fukuoka #transfer li { margin: 0 0 0 1.5em; }
#fukuoka #refund    { background: #000; }
#fukuoka #refund h1 { border: 0; padding-bottom: 0; }
#fukuoka .refItem { margin: 30px; border:#F30 solid 1px; }
#fukuoka .refItem h2 { font-size: 108%; padding: 20px; background: url(../images/_cmn/hatch_bo3x1.gif) bottom repeat-x; }
#fukuoka .refIrtemBorder { border-bottom: 1px solid #444; padding: 0 0 20px; }
#fukuoka .refItem h3 { font-size: 108%; margin: 0 0 10px; }
#fukuoka .refItem p,
#fukuoka .refItem li { font-size: 93%; }
#fukuoka .refItem p strong { font-size:13px; }

/* 立見ブロックについて */
#tachimi2    { background: #000; }
#tachimi2 ul { padding: 30px 30px 15px; }
#tachimi2 li { margin-bottom: 15px; }