@charset "UTF-8";

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

Page Common CSS

================================================ */
/* Reset */
#contents h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {margin:0px;padding:0px;}
#contents li,dt,dd {list-style:none;}
#contents img {border:none;}

/* Utility Class */
#contents .tL {text-align:left !important;}
#contents .tR {text-align:right !important;}
#contents .tC {text-align:center !important;}
#contents .fL {float:left !important;}
#contents .fR {float:right !important;}
#contents .mb00 {margin-bottom:0 !important;}
#contents .mb05 {margin-bottom:5px !important;}
#contents .mb10 {margin-bottom:10px !important;}
#contents .mb20 {margin-bottom:20px !important;}
#contents .mb30 {margin-bottom:30px !important;}
#contents .mb40 {margin-bottom:40px !important;}
#contents .fz10 {font-size:10px !important;}
#contents .fz12 {font-size:12px !important;}
#contents .fz14 {font-size:14px !important;}
#contents .fz16 {font-size:16px !important;}
#contents .fwB {font-weight:bold !important;}


/* Link */
#contents a:link {color:#3366CC;}
#contents a:visited {color:#3366CC;}
#contents a:hover {color:#d00;text-decoration:none;}
#contents a:active {color:#d00;}


/* ■背景 */
#contents {
	background:#66E1F3;
	color:#333;
	font-size:14px;
	line-height:1.5em;
	padding:0 0 12px;
}
	#contents .section {
		margin:0 12px 20px;
	}
		#contents .article {
			padding:20px;
			background-color:#fff;
		}


/* ■Table */
#contents table {
	border-collapse:collapse;
}
	#contents caption {}
	#contents th {
		background-color:#423754;
		color:#fff;
		padding:8px;
		font-weight:normal;
	}
	#contents td {
		color:#333;
		padding:8px;
	}
	#contents th,
	#contents td {
		border:1px solid #787878;	
	}

/* Note */
#contents .note {font-size:12px;}

/* Clearfix */
#contents .clearfix {
	zoom:100%;
}
#contents .clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}



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

Page  CSS

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

/* ■メインビジュアル */
#contents #mainimage {
	margin-bottom:30px;
}



/* ■先行枠  */
#contents .precede {
	margin:0 0 30px;
}
	#contents .precede table {
		margin:0 auto 3px;
	}
		#contents .precede caption{
			border-top:1px solid #28211c;
			border-left:1px solid #28211c;
			border-right:1px solid #28211c;
		}
		#contents .precede th {
			border:1px solid #28211c;
			color:#fff;
			font-weight:bold;
			font-size:18px;
		}

		/* LEncore先行 */
		#contents .precede th.len {
			background: #ff0084;
			background: -moz-linear-gradient(top,  #ff0084 0%, #e20376 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0084), color-stop(100%,#e20376));
			background: -webkit-linear-gradient(top,  #ff0084 0%,#e20376 100%);
			background: -o-linear-gradient(top,  #ff0084 0%,#e20376 100%);
			background: -ms-linear-gradient(top,  #ff0084 0%,#e20376 100%);
			background: linear-gradient(to bottom,  #ff0084 0%,#e20376 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#e20376',GradientType=0 );
		}
		/* プレリク先行 */
		#contents .precede th.prereq {
			background: #2c539e;
			background: -moz-linear-gradient(top,  #2c539e 0%, #183572 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#183572));
			background: -webkit-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: -o-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: -ms-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: linear-gradient(to bottom,  #2c539e 0%,#183572 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#183572',GradientType=0 );
		}
		/* ローチケ先行 */
		#contents .precede th.lawson {
			background: #39bbf1;
			background: -moz-linear-gradient(top,  #39bbf1 0%, #009ee0 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39bbf1), color-stop(100%,#009ee0));
			background: -webkit-linear-gradient(top,  #39bbf1 0%,#009ee0 100%);
			background: -o-linear-gradient(top,  #39bbf1 0%,#009ee0 100%);
			background: -ms-linear-gradient(top,  #39bbf1 0%,#009ee0 100%);
			background: linear-gradient(to bottom,  #39bbf1 0%,#009ee0 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bbf1', endColorstr='#009ee0',GradientType=0 );
		}

		/* そのほか */
		#contents .precede th.other {
			background: #91a81f;
			background: -moz-linear-gradient(top,  #91a81f 0%, #667908 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91a81f), color-stop(100%,#667908));
			background: -webkit-linear-gradient(top,  #91a81f 0%,#667908 100%);
			background: -o-linear-gradient(top,  #91a81f 0%,#667908 100%);
			background: -ms-linear-gradient(top,  #91a81f 0%,#667908 100%);
			background: linear-gradient(to bottom,  #91a81f 0%,#667908 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a81f', endColorstr='#667908',GradientType=0 );
		}
		
		/* 地域あり */
		/* LEncore先行 */
		#contents .precede th.areaLen {
			background-color:#fedfef;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		/* プレリク先行 */
		#contents .precede th.areaPre {
			background-color:#dfeafe;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		/* ローチケ先行 */
		#contents .precede th.areaLaw {
			background-color:#d0f9fe;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		/* そのほか */
		#contents .precede th.areaOther {
			background-color:#c8fac3;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		#contents .precede td {
			border:1px solid #28211c;
			padding:5px;
			text-align:center;
			font-weight:bold;
			background-color:#fff;
		}

	/* 注釈 */
	#contents .precede ul.note {
		text-align:center;
		color:#333;
	}


	#contents .precede .btn {
		text-align:center;
		padding:12px 0px 0px 0px;
	}
	#contents .precede .btn a {
		font-size:18px;
		font-weight:bold;
		color:#61370C;
		position: relative;
		display: inline-block;
		width: 250px;
		height: 44px;
		line-height: 44px;
		background: rgb(252,234,187); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGI1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 35%, rgba(248,181,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(35%,rgba(252,205,77,1)), color-stop(100%,rgba(248,181,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-8 */
		box-shadow: inset 1px 1px 0 #FFFFFF;
		border: 1px solid #957802;
		border-bottom: 3px solid #957802;
		border-radius: 4px;
		color: #4d2a00;
		text-align: center;
		text-decoration: none;
		text-shadow: 0px 1px 0px #FFFFFF;
		outline: none;
	}
	#contents .precede .btn a:hover {
		background: #f9a200; /* Old browsers */
		background: -moz-linear-gradient(top,  #f9a200 0%, #ff7400 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #f9a200 0%,#ff7400 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #f9a200 0%,#ff7400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a200', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */
	}



/* ■NEWS */
#contents .news {}

	#contents .news .article {}
		#contents .news ul {
			overflow-y: scroll;
			overflow-x: hidden;
			height:120px;
			padding-right:10px;
		}
			#contents .news li {
				padding:8px 0;
				border-bottom:1px dotted #b3b2b2;
			}
				#contents .news li dt{
					background:transparent url("http://l-tike.com/classic/tds15/icn_arrow01.gif") no-repeat left 0.3em;
					font-size:20px;
					color:#489469;
					padding-left:12px;
					margin-bottom:5px;
				}
				#contents .news li dd{
					padding-left:12px;
				}
				#contents .news li dd.link {
					color:#ff9900;
				}
					#contents .news li dd.link a {
						padding-left:5px;
					}
				#contents .news li.last {border:none;}



/* ■紹介文 */
#contents .about {}
	#contents .about .article {overflow:hidden;}
		#contents .about .article p.image {
			float:right;
			margin-left:20px;
		}



/* ■開催情報 */
#contents .information {
	margin-bottom:0;
}
	#contents .information h3 {
		font-weight:bold;
		color:#2173BC;
		margin-bottom:10px;
	}


	/* 価格 */
	#contents .information dl.price {
		color:#c00;
		margin-bottom:8px;
	}
		#contents .information dl.price dt {
			display:inline;
		}
		#contents .information dl.price dd {
			display:inline;
		}

	/* 注釈 */
	#contents .information ul.note {
		font-size:12px;
		line-height:1.4em;
		margin-bottom:20px;
	}

	/* スタッフ・キャスト */
	#contents .information table.staffCast {
		margin-bottom:20px;
	}
		#contents .information table.staffCast th {
			padding:10px 5px;
		}
		#contents .information table.staffCast td {
			padding:10px 15px;
		}


	/* チケット購入 */
	#contents .information table.buyTicket {
		font-size:12px;
		margin-bottom:3px;
	}
		#contents .information table.buyTicket tr.heading th{
			background-color:#423754;
			color:#fff;
		}
		#contents .information table.buyTicket th {
			background-color:#ffffee;
			padding:8px 5px;
			color:#333;
		}

		#contents .information table.buyTicket td {
			text-align:center;
			padding:8px 5px;
		}
			/* 注釈 */
			#contents .information table.buyTicket td span {
				font-size:12px;
				color:#d00;
			}


/* ■星取表 */
#contents table.schedule {}

	#contents table.schedule caption{
		background-color:#2e3641;
		color:#fff;
		border-top:1px solid #787878;
		border-left:1px solid #787878;
		border-right:1px solid #787878;
		padding:8px 0;
	}
	#contents table.schedule th {
		background-color:#c5cfd8;
		padding:10px 2px;
		font-weight:normal;
		text-align:center;
		color:#333;
	}
	#contents table.schedule tr.date th {
		background-color:#c5cfd8;
	}
	#contents table.schedule th.sat {color:#175696 !important;}
	#contents table.schedule th.sun {color:#ee0000 !important;}

	#contents table.schedule td {
		text-align:center;
	}




/* ■MY PUCK UP  */
#contents .mypickup {}

	#contents .mypickup .article {
		padding:10px;
		background-color:#fff;
	}

	#contents .mypickup p.lead {
		margin: 0 10px 15px;
	}

	#contents .mypickup .bgi {
		margin: 0 auto;
		background:transparent url("http://l-tike.com/classic/tds15/bg_mypickup.gif") no-repeat top center;
	}
		#contents .mypickup .bgi dl {
			padding-bottom:8px;
		}

	/* 会員 */
	#contents .mypickup dl.member {
		width: 440px;
		float:left;
		text-align:center;
	}

	/* 非会員 */
	#contents .mypickup dl.notmember {
		width: 440px;
		float:right;
		text-align:center;
	}
		#contents .mypickup dl.member dd ul,
		#contents .mypickup dl.notmember dd p  {
			width: 364px;
			margin: 5px auto;
			text-align: left;
			font-size:10px;
			line-height: 1.5;
		}
		#contents .mypickup dl.member ul li {
			text-align: left;
			font-size:10px;
			line-height: 1.5;
		}
		#contents .mypickup dl.member dt,
		#contents .mypickup dl.notmember dt {
			width: 100%;
			height: 46px;
			text-indent: -9999px;
		}


	/* HMVリンク */
	#contents p.hmvLink {
		margin-top:20px;
	}