@charset "EUC-JP";


/* ----------------------------------------------
   Common Styles
---------------------------------------------- */

div#contents h1, div#contents h2, div#contents h3,
div#contents p, div#contents ul, div#contents li, 
div#contents dl,div#contents dt, div#contents dd,
div#contents table, div#contents th, div#contents td {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: 1;
}
div#contents ul {
	list-style: none outside;
}
div#contents img {
	vertical-align: bottom;
	border: none;
}
div#contents em {
	font-weight: bold;
	font-style: normal;
}
div#contents th {
	text-align: left;
}

div#contents p.anchor {
	margin-bottom: 20px;
	padding: 18px 10px 0;
	text-align: right;
	font-size: 82%;
	font-weight: bold;
	background: url(../img/bg_anchor.gif) no-repeat 0 0;
}
div#contents p.anchor a:link, div#contents p.anchor a:visited {
	text-decoration: underline;
	color: #FF6600;
}

div#contents dl.students {
	clear: both;
	margin: 10px 28px;
	padding: 10px 12px;
	border: 1px solid #ff9900;
	background: #ffffee;
}

div#contents dl.students dt {
	margin-bottom: 5px;
	font-size: 82%;
}

div#contents dl.students dd {
	line-height: 1.2;
	font-size: 82%;
}

div#contents ul.note li {
	padding-left: 13px;
	font-size: 82%;
	line-height: 1.2;
	background: url(../img/bg_note.gif) no-repeat 0 0.1em;
}

/* ----------------------------------------------
   Layouts
---------------------------------------------- */

div#container {
	width: 756px;
	overflow:hidden;
	margin: 10px auto 25px;
	padding: 0 2px;
	color: #000000;
	background: url(../img/bg_contents.gif) repeat-y 0 0;
}
div#relation {
	width: 756px;
	margin: 0 auto;
	text-align: center;
}

/* ----------------------------------------------
   Top
---------------------------------------------- */

div#top {
	padding-bottom: 20px;
	background: url(../img/bg_top.jpg) no-repeat 0 230px;
}
div#flash {
	float: left;
	width: 486px;
	padding: 18px 0 0 11px;
	background: url(../img/bg_contents_top.gif) repeat-x 0 0;
}
div#box {
	width: 480px;
	height: 445px;
	padding: 4px 3px 3px;
	background: url(../img/bg_flash.gif) no-repeat 0 0;
}
div#box p {
	margin: 20px;
	font-size: 82%;
	line-height: 1.2;
}
div#topInfo {
	float: right;
	width: 259px;
	padding-top: 18px;
	text-align: center;
	background: url(../img/bg_contents_top.gif) repeat-x 0 0;
}
div#flashNone {
	display: none;
}

/* ----------------------------------------------
   Notify
---------------------------------------------- */

div#notify {
	margin-bottom: 20px;
	padding-bottom: 8px;
	color: #FFFFFF;
	background: #15156D url(../img/bg_notify.gif) no-repeat 0 100%;
}
div#notifyText {
	float: left;
	width: 640px;
}
div#notify p {
	padding: 0 18px 0.8em;
	font-size: 82%;
	line-height: 1.2;
}
div#notify ul {
	padding: 0 18px 0.8em;
	font-size: 82%;
}
div#notify li {
	line-height: 1.2;
}
img#notifyPhoto {
	float: right;
	width: 116px;
}


/* ----------------------------------------------
   Column
---------------------------------------------- */

div#column {
	margin-bottom: 20px;
	padding: 15px 18px;
	background-color: #E9F2F4;
}
div#column h2 {
	padding-bottom: 10px;
}
div#column p {
	font-size: 90%;
	line-height: 1.5;
}

/* ----------------------------------------------
   Topics
---------------------------------------------- */

div.topics {
	width: 708px;
	margin: 0 auto 10px;
	background: url(../img/bg_topics_side.gif) repeat-y 0 0;
}
div#contents div.topics p {
	padding: 16px 16px 26px;
	font-size: 90%;
	line-height: 1.5;
	background: url(../img/bg_topics_bottom.gif) no-repeat 0 100%;
}

/* ----------------------------------------------
   Tickets
---------------------------------------------- */

div#subscribe, div#charge {
	margin-bottom: 10px;
}
div#subscribe h2 {
	margin-bottom: 14px;
}
div#charge h2 {
	margin-bottom: 24px;
}
div#subscribe div.tichetList {
	width:100%;
	overflow:hidden;
	margin: 0 0 10px 28px;
}
div#subscribe ul,
div#charge h3, div#charge table, div#charge p {
	margin: 0 28px;
}
div#subscribe div.tichetList dl {
	float: left;
	width: 216px;
	margin-right: 12px;
	padding: 18px 4px;
	border: 1px solid #6699CC;
	
	background: url(../img/bg_ticket_list.jpg) no-repeat 0 0;
	text-align: center;
}
div#subscribe div.tichetList dt {
	margin-bottom: 20px;
	font-size: 82%;
	line-height: 1.2;
}
div#subscribe div.tichetList dd {
	margin-bottom: 5px;
	color: #777777;
}
div#subscribe p {
	margin-top:-10px;
	text-align: center;
}
div#subscribe ul {
	margin-top: 14px;
}
div#subscribe div.tichetList dd.note {
	margin-top: 5px;
	font-size: 82%;
	line-height: 1.2;
}
div#subscribe div.tichetList dt.parkTicket {
	margin: 15px 0 8px;
	padding-top: 13px;
	border-top: 1px #D8E7F6 solid;
	color: #CC0033;
}

div#charge table {
	margin-bottom: 20px;
}
div#charge th, div#charge td {
	padding: 3px 14px 3px 0;
}
div#charge th, div#charge td.seatInfo {
	font-size: 82%;
}
div#charge th {
	font-weight: bold;
}
div#charge tr.chargeType th {
	font-weight: normal;
	text-align: right;
	color: #666666;
}
div#charge td {
	font-weight: bold;
	text-align: right;
	color: #FF0000;
}
div#charge td.seatInfo {
	font-weight: normal;
	text-align: left;
	color: #000000;
}

div#charge div.note {
	margin:-15px 30px 20px;
	color:#990000;
	font-size:82%;
}

div#charge p {
	float: left;
	width: 134px;
	margin-top: 14px;
	display: inline;
}
div#charge ul {
	float: right;
	width: 396px;
	margin: 14px 28px 0 0;
	display: inline;
}

/* ----------------------------------------------
   Banner
---------------------------------------------- */

div#relation p {
	margin-bottom: 14px;
}
div#relation ul {
	width: 628px;
	margin: 0 auto;
}
div#relation li {
	float: left;
	margin: 0 7px 14px;
	display: inline;
}

/* ----------------------------------------------
   Clear Fix
---------------------------------------------- */

div#top, div#notify, div.tichetList, div#charge, div#relation ul {
	display: inline-block;
}
/* rule out MacIE \*/
div#top, div#notify, div.tichetList, div#charge, div#relation ul {
	overflow: hidden;
	display: block;
} /* */




div#performance-calendar {
  padding: 0 36px;
}

div#performance-calendar table {
  width: 700px;
  border-collapse: collapse;
  font-family: "Trebuchet MS";
}

div#performance-calendar table td,
div#performance-calendar table th {
  border: 1px solid #534741;
}

div#performance-calendar table thead th {
  border-top: 2px solid #534741;
  text-align: center;
  font-weight: bold;
  height: 20px;
}

div#performance-calendar table tr.last th,
div#performance-calendar table tr.last td {
  border-bottom: 2px solid #534741;
}

div#performance-calendar table th.first,
div#performance-calendar table td.first {
  border-left: 2px solid #534741;
}

div#performance-calendar table th.last,
div#performance-calendar table td.last {
  border-right: 2px solid #534741;
}

div#performance-calendar table td.empty {
  border: none !important;
  width: 48px;
}

div#performance-calendar table th.month {
  border: none !important;
  width: 48px;
  color: #fff;
  font-weight: bold;
  padding: 0 0;
  margin: 0 0;
}

div#performance-calendar table th.month .month-header {
  display: block;
  background: url(../img/scorners_l.gif) no-repeat left top;
  margin: 0 0;
  padding: 0 0 0 12px;
  font-size: 1px;
}

div#performance-calendar table th.month .month-header .month-header-content {
  display: block;
  margin: 0 0;
  padding: 0 0;
  background-color: #534741;
  width: 52px;
  height: 12px;
}

div#performance-calendar table th.month .month-main {
  display: block;
  background-color: #534741;
  margin: 0 0;
  padding: 0 0;
  width: 64px;
  height: 54px;
  line-height: 54px;
  vertical-align: center;
}

div#performance-calendar table th.month .month-footer {
  display: block;
  background: url(../img/scorners_l.gif) no-repeat left bottom;
  padding-left: 12px;
  font-size: 1px;
}

div#performance-calendar table th.month .month-footer .month-footer-content {
  display: block;
  background-color: #534741;
  width: 52px;
  height: 12px;
}

div#performance-calendar table tbody td {
  width: 98px;
  height: 64px;
  vertical-align: top;
  padding: 8px 8px;
}

div#performance-calendar table tbody td .day {
  font-size: 15px;
  font-weight: bold;
}

div#performance-calendar table tbody td ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div#performance-calendar table tbody td ul li {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div#performance-calendar table tbody td.odd_month {
  background-color: #fff;
}

div#performance-calendar table tbody td.even_month {
  background-color: #ffd;
}

div#performance-calendar table tbody td.saturday .day {
  color: #48e;
}

div#performance-calendar table tbody td.holiday .day {
  color: #e48;
}