@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	[ css ] [ uni_schedule.css ]
	-----------------------------------------------------------------------------------------------
	author: Lampros co.,ltd. Atsushi Umehara
	url:http://www.lampros.co.jp/
	making day: 2009-10-29
	---------------------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(common.css);

/* ================================================

	theaterMenu

=================================================*/

/* theaterMenu -------------*/
#theaterMenu {
	background-image: url(../_img/common/eniwa_thm_bg.jpg);
	background-repeat: no-repeat;
	height: 40px;
}
#theaterMenu ul {
	height: 80px;
	width: 850px;
}
#theaterMenu li {
	float: left;
}
#theaterMenu ul {}
		#sapporo #theaterMenu ul {
			background-image: url(../_img/common/sapporo_thm_bg.jpg);
			background-repeat: no-repeat;
		}
		#asahikawa #theaterMenu ul {
			background-image: url(../_img/common/asahikawa_thm_bg.jpg);
			background-repeat: no-repeat;
		}


/* ================================================

	calendar

=================================================*/

/* calendar -------------*/
#calendar {
	clear: both;
	margin-bottom: 40px;
}
#subHeader {
	display: block;
	height: 50px;
	width: 850px;
}
* html #subHeader {
	overflow: hidden;
}
#calendar h2 {
	padding-top: 11px;
	padding-bottom: 20px;
}
#calendar p.ticketBt {
	height: 34px;
	width: 393px;
	position: relative;
	top: -50px;
	left: 457px;
}
#calendar p.ticketBt .bt1 img {
	margin-right: 10px;
}
#calendar ul {
	clear: both;
	height: 134px;
	width: 850px;
	overflow: hidden;
}
#calendar li {
	width: 115px;
	display: block;
	height: 58px;
	float: left;
	border-top-width: 6px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B3EAEE;
	border-right-color: #B3EAEE;
	border-bottom-color: #B3EAEE;
	border-left-color: #B3EAEE;
	margin-right: 4px;
	margin-bottom: 4px;
}
		#sapporo #calendar li {
			border-top-color: #D5F09B;
			border-right-color: #D5F09B;
			border-bottom-color: #D5F09B;
			border-left-color: #D5F09B;
		}
		#asahikawa #calendar li {
			border-top-color: #FFE5A1;
			border-right-color: #FFE5A1;
			border-bottom-color: #FFE5A1;
			border-left-color: #FFE5A1;
		}
#calendar li.today {
	background-color: #D9F4F6;
}
		#sapporo #calendar li.today {
			background-color: #EBF8CE;
		}
		#asahikawa #calendar li.today {
			background-color: #FFEFC7;
		}
	#calendar li.today a {
	font-weight: bold;
}

#calendar li span {
	display: block;
}
#calendar li span.date1 {
	height: 36px;
	width: 115px;
	text-align: center;
	line-height: 36px;
}
#calendar li span.date1 a {
	text-decoration: none;
	color: #2CC0C8;
}
		#sapporo #calendar li span.date1 a {
			color: #88BD1C;
		}
		#asahikawa #calendar li span.date1 a {
			color: #FF9900;
		}
#calendar li span.date1 a:hover {
	color: #FF6699;
}
		#sapporo #calendar li span.date1 a:hover {
			color: #FF6699;
		}
		#asahikawa #calendar li span.date1 a:hover {
			color: #FF6699;
		}
#calendar li span.date1 strong {
	font-size: 18px;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
}
#calendar li span.date2 {
	height: 22px;
	width: 115px;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: #D9F4F6;
	color: #999999;
}
		#sapporo #calendar li span.date2 {
			background-color: #EBF8CE;
		}
		#asahikawa #calendar li span.date2 {
			background-color: #FFEFC7;
		}
#calendar li.nolink {
	border-top-color: #CCCCCC!important;
	border-right-color: #CCCCCC!important;
	border-bottom-color: #CCCCCC!important;
	border-left-color: #CCCCCC!important;
}
#calendar li.nolink span {
	color: #999999!important;
}
#calendar li.nolink span.date2 {
	background-color: #F2F2F2!important;
}
#calendar li span.sat {
	color: #3586FF!important;
	font-weight: bold;
}
#calendar li span.sun {
	color: #E75454!important;
	font-weight: bold;
}



/* ================================================

	schedule

=================================================*/

/* schedule -------------*/
#schedule {
	clear: both;
}
#schedule p.exCap {
	font-weight: bold;
	color: #FF6699;
}
#schedule h2 {
	font-size: 20px;
	font-weight: bold;
	color: #2CC0C8;
	background-image: url(../_img/common/h2_bg.jpg);
	background-repeat: no-repeat;
	line-height: 40px;
	height: 40px;
	width: 830px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
		#sapporo #schedule h2 {
			color: #88BD1C;
		}
		#asahikawa #schedule h2 {
			color: #FF9900;
		}
#schedule .article {
	margin-bottom: 20px;
}
#schedule .article .header {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
	padding-left: 5px;
	width: 840px;
	background-image: url(../_img/common/eniwa_h3_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
		#sapporo #schedule .article .header {
			background-image: url(../_img/common/sapporo_h3_bg.jpg);
		}
		#asahikawa #schedule .article .header {
			background-image: url(../_img/common/asahikawa_h3_bg.jpg);
		}
#schedule .article .header h3 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
	float: left;
	display: block;
	width: 600px;
	line-height: 1.2em;
}
#schedule .article .header h3 a {
	color: #FFFFCC;
	text-decoration: underline;
}
#schedule .article .header h3 a:hover {
	color: #FFCC00;
}
#schedule .article .header h3 span.range a {
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-left: 10px;
	color: #999999;
	text-decoration: none;
}
#schedule .article .header h3 span.range a:hover {
	color: #FF9900;
}
#schedule .article .header p.eName {
	color: #FFFFFF;
	font-size: 10px;
	float: right;
	width: 240px;
	display: block;
	text-align: right;
	line-height: 16px;
}
#schedule .article .subHeader {
	display: block;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
}
#schedule .article .subHeader .cap {
	float: left;
	font-size: 12px;
	color: #FF6699;
	width: 650px;
	line-height: 1.2em;
	font-weight: bold;
}
#schedule .article .subHeader .time {
	float: right;
	font-size: 10px;
	width: 200px;
	line-height: 1.2em;
	margin-top: 5px;
	text-align: right;
	color: #999999;
}
#schedule .article .subHeader .playTime {
	float: right;
	font-size: 10px;
	color: #666666;
	width: 190px;
	text-align: right;
}
#schedule .article .schedule {
	clear: both;
}
#schedule .article .schedule table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 850px;
}
#schedule .article .schedule table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#schedule .article .schedule table td {
	font-size: 10px;
	width: 105px;
	color: #666666;
	line-height: 16px;
	height: 40px;
}
#schedule .article .schedule table strong {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
#schedule .article .schedule table span.screenName {
	background-color: #F2F2F2;
	display: block;
	padding: 3px;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
}








/* clearfix
---------------------------------------------------------------------------------------------*/
#calendar ul:after,
#schedule .article .header:after,
#schedule .article .subHeader:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#calendar ul,
#schedule .article .header,
#schedule .article .subHeader
	{ display: inline-table; min-height: 1%; }
/* Hides from IE-mac */
* html #calendar ul,
* html #schedule .article .header,
* html #schedule .article .subHeader
	{ height: 1%; }
#calendar ul,
#schedule .article .header,
#schedule .article .subHeader
	{ display: block; }
/* End hide from IE-mac */