@charset "utf-8";

/* main area */
#main { font-size: 12px; width: 730px; margin: 10px 20px; padding: 10px 0; }
#main_left { text-align: left; width: 215px; margin: 0; padding: 0 0 10px 0; float: left; }
#main_right { text-align: left; width: 480px; margin: 0; padding: 0 0 10px 0; float: right; }

/* main common */
#main h1 { color: #4c2907; font-size: 1.5em; margin: 0 0 1.5em; }
#main h2 { color: #cc0066; font-size: 1.2em; clear: both; margin-top: 2em; padding-bottom: 3px; border-bottom: 1px dashed #666666; }
#main h2 span { font-size: 12px; letter-spacing: 1px; }
#main h3 { color: #4c2907; font-size: 1.2em; margin-top: 2em; }
#main p { line-height: 140%; }
#main li { line-height: 140%; margin-bottom: 0.5em; }
#main dt { font-family: sans-serif; font-weight: bold; line-height: 120%; margin: 0 0 0.5em; padding: 0; }
#main dt a { font-size: 12px; font-weight: normal; }
#main dd { line-height: 140%; margin: 0 0 1em 1em; padding: 0; }
#main table { font-size: 100%; }
#main th { text-align: center; }
#main .c06 { color: #c06; }
#main .red { color: red; }
#main .blue { color: #36c; }
#main .ore { color: #f60; }
#main .green { color: #060; }
#main p.toptop { font-size: 12px; font-family: sans-serif; text-align: right; margin: 1em 0 0; padding: 0; }
#main p.toptop a { text-decoration: none; }
#main p.toptop a:link, #main p.toptop a:visited { color: #0066CC; }
#main p.toptop a:active, #main p.toptop a:hover { color: #cc0066; }
#main p.m-b0 { margin-bottom: 0; }

/* main linetable */
#main table.line { border-collapse: collapse; background-color: white; }
#main table.line td, #main table.line th { padding: 3px; border: solid 1px gray; }
#main table.line table { border-collapse: collapse; }
#main table.line table td, #main table.line table th { padding: 2px; border-style: none; }
#main table.line th { background-color: #f5f5f5; white-space: nowrap; }

/* main list */
#main ul.kome { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; list-style-type: none; }
#main ul.kome li { text-indent: -1em; margin-bottom: 0.2em; padding-left: 1em; }
#main ol.kome { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; list-style-type: none; }
#main ol.kome li { text-indent: -1em; margin-bottom: 0.2em; padding-left: 1em; }

#main ul.left0 { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
#main ul.left0 li { margin-left: 1.5em; }
#main ol.left0 { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
#main ol.left0 li { margin-left: 2.2em; }

/* main faq */
#main dl.faq dt { color: #930; text-indent: -1.2em; margin: 0 0 0.5em; padding: 0 0 0 1.2em; }
#main dl.faq dd { text-indent: -1.2em; margin: 0 0 1em; padding: 0 0 0 1.2em; }

/* main ticket */
#main div.ticketline { font-size: 100%; background-color: white; margin: 0 0 1em 0; padding: 15px; border: solid 2px #ff6600; }
#main div.ticketline h3 { color: #c06; font-size: 1.2em; margin-top: 0; margin-bottom: 0.5em; }
#main div.ticketline p { margin: 5px 0; }
#main div.ticketline strong { color: red; font-size: 1.2em; }
#main div.ticketline dl { margin-bottom: 0; }
#main div.ticketline img.btn { float: right; margin-bottom: 5px; margin-left: 10px; }
#main dd.ticketline { font-size: 100%; background-color: #fffaf0; margin: 0 0 1em 0; padding: 15px; border: solid 2px #c6c; }
#main dd.ticketline strong { color: red; }

#main table.tickets { margin-left: 1em; }
#main table.tickets td, #main table.tickets th { padding: 2px; }
#main table.tickets th { color: white; width: 5em; white-space: nowrap; background-color: #c06; }
#main .chusen { color: white; font-weight: bold; background-color: #c06; padding: 2px 5px; }

/* line up */
#main ul.lineup li { color: #36c; }
#main ul.lineup li a:link    { color: #36c; }
#main ul.lineup li a:visited { color: #36c; }
#main ul.lineup li a:active  { color: #36c; }
#main ul.lineup li a:hover   { color: #36c; }
#main ul.lineup li ul { margin-top: 0.5em; }

/* sub */
#main #TOH, #main #hanagasa1, #main #hanagasa2 { display: none; }
#TOH, #hanagasa1, #hanagasa2 { font-size: 12px; margin: 0; padding: 10px; background-color:#F3E7DB; }
#hanagasa1, #hanagasa2 { height: 380px; overflow: scroll; }
#lightview h1 { color: #4c2907; font-size: 1.5em; margin: 0 0 0.5em 0; }
#lightview p { line-height: 140%; }
#lightview h2 { color: #cc0066; font-size: 1.2em; clear: both; margin-top: 2em; padding-bottom: 3px; border-bottom: 1px dashed #666666; }
#lightview h3 { color: #4c2907; font-size: 1.2em; }

/* time table */
#main table.timetable { width: 476px; margin-bottom: 0.5em; padding: 0; border-collapse: collapse; border: solid 2px #4c2907; }
#main table.timetable td { vertical-align: top; font-size: 10px; width: 20%; padding: 1px 2px; background-color: white; border-right: solid 1px #4c2907; }
#main table.timetable td.stage_m { color: white; background-color: #FF9900; border-top: solid 1px #4c2907; border-bottom: solid 1px #4c2907; }
#main table.timetable td.stage_a { color: white;  background-color: #B26EA5; border-top: solid 1px #4c2907; border-bottom: solid 1px #4c2907; }
#main table.timetable td.stage_h { color: white;  background-color: #C82F6B; border-top: solid 1px #4c2907; border-bottom: solid 1px #4c2907; }
#main table.timetable td.stage_t { color: white;  background-color: #AC9809; border-top: solid 1px #4c2907; border-bottom: solid 1px #4c2907; }
#main table.timetable td.stage_g { color: red;  background-color: #000000; border-top: solid 1px #4c2907; border-bottom: solid 1px #4c2907; }
#main table.timetable td.toh { background-color: #ffc; border-top: solid 1px #4c2907; border-bottom: solid 1px #4c2907; }

#camp_t { padding: 0; border: solid 2px #000000; background-color: white; }
#camp_t td.mark_t { background-color: #000000; text-align: center; margin: 0; padding: 3px; width : 89px; }
#camp_t table.c_time { margin-left: 5px; width: 95%; }
#camp_t table.c_time td { padding: 5px; border-bottom: solid 1px #4c2907; }
#camp_t p { margin: 0 5px 0 0; }

/* stage info*/
#stage_m { margin-bottom: 1em; padding: 0; height: 80px; border: solid 3px #FF9900; background-color: white; }
#stage_a { margin-bottom: 1em; padding: 0; height: 80px; border: solid 3px #B26EA5; background-color: white; }
#stage_h { margin-bottom: 1em; padding: 0; height: 80px; border: solid 3px #C82F6B; background-color: white; }
#stage_t { margin-bottom: 1em; padding: 0; height: 80px; border: solid 3px #AC9809; background-color: white; }
#stage_g { margin-bottom: 1em; padding: 0; height: 80px; border: solid 3px #000000; background-color: white; }
#main .mark { width: 80px; }
#main .com { line-height: 150%; width: 391px; padding: 10px; }

/* goods */
#main .goods700 { margin:1em 0; padding: 15px; background-color: white; }
#main .goods700 h3, #main .goods345 h3 { margin-top: 0; margin-bottom: 5px; line-height: 100%; padding-bottom: 3px; border-bottom: 1px dashed #666666; }
#main .goods700 table { width: 700px; }
#main .goods700 .goods_img { width: 420px; }
#main .goods700 .line { width: 200px; margin-top: 0.5em; }
#main .goods700 .line td, #main .goods345 .line td { font-size: 10px; text-align: center; padding: 1px; }

#main .goods345 { margin:1em 0; }
#main .goods345 table { width: 730px; }
#main .goods345 .l { vertical-align: top; padding: 15px; background-color: white; }
#main .goods345 .r { vertical-align: top; padding: 15px; background-color: white; }
#main .goods345 .m { width: 10px; font-size: 1px; }
#main .goods345 .l table, #main .goods345 .r table { width: 330px; }
#main .goods345 .goods_img { width: 200px; }
#main .goods345 table.line { width: 130px; margin-top: 0.5em; }

/* main_left */
#main_left ul { list-style-type: none; margin: 0; padding: 0; }
#main_left li { font-size: 12px; margin: 0 0 10px 0; padding: 0; }
#main_left li a { font-weight: bold; line-height: 16px; display: block; margin: 0; padding: 10px 5px 10px 40px; width: 170px; border: 1px solid #4c2907; }

#main_left li a:link, #main_left li a:visited {
	color: #000000;
	text-decoration: none;
	background-image: url(../img/main_left_btn.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #F3E7DB;
}
#main_left li.now a:link, #main_left li.now a:visited, #main_left li.now a:active, #main_left li.now a:hover, #main_left li a:active, #main_left li a:hover {
	color: white;
	text-decoration: none;
	background-color: #4c2907;
	background-image: url(../img/main_left_btn_o.gif);
	background-repeat: no-repeat;
	background-position: left center;
}