@charset "utf-8";

/*------------------------------
サイト名：研音Message
作成日：2012.12.27
修正日：2013.03.11
ガイドライン：Ver.01
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット＋共通CSS読み込み
 * ------------------------------------ */
@import "../../../css/html5reset-1.6.1.css";
@import "../../../css/common.css";


/* ------------------------------------
 * EVENT INFO
 * ------------------------------------ */

section h3 {
	padding: 5px;
	background: #00a5e2;
	color: #fff;
	font-weight: bold;
}
 
section h4 {
	clear: both;
	padding: 5px 10px;
	color: #fff;
	background: #666;
	text-align: center;
}

section h5 {
	clear: both;
	padding: 5px 10px;
	color: #fff;
	background: #000;
	text-align: center;
}

.info {
	border-bottom: solid 1px #ccc;
}

.anchorLink {
	margin: 10px;
}

.anchorLink li.center {
	padding: 5px 0 0;
	text-align: center;
}

dt {
	padding: 5px 10px;
	border-top: solid 1px #ccc;
	background: #eee;
}

dd {
	padding: 10px;
	border-top: solid 1px #ccc;
}

dd span {
	display: block;
	margin: 5px 0 0;
	padding: 5px 0 0;
	border-top: dotted 1px #ccc;
	font-weight: bold;
}

dd dl {
	margin-top: -10px;
	position: relative;
}

dd dt {
	margin-top: 10px;
	padding: 0;
	border: none;
	color: #f36;
	background: #fff;
}

dd dd {
	padding: 0;
	border: none;
}

dd dd ol {
	border: dotted 1px #999;
	border-top: none;
}

dd dd ol li {
	padding: 0.5em;
	border-top: dotted 1px #999;
}

a.btn,
form input.btn {
	border: solid 1px #00a5e2;
	color: #fff;
	background: #00a5e2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f69), color-stop(50%,#f69), color-stop(51%,#f36), to(#f36));
	background-image: -webkit-linear-gradient(top, #30b9ec, #30b9ec 50%, #00a5e2 51%, #00a5e2);
	background-image: -moz-linear-gradient(top, #30b9ec, #30b9ec 50%, #00a5e2 51%, #00a5e2);
	background-image: -ms-linear-gradient(top, #30b9ec, #30b9ec 50%, #00a5e2 51%, #00a5e2);
	background-image: -o-linear-gradient(top, #30b9ec, #30b9ec 50%, #00a5e2 51%, #00a5e2);
	background-image: linear-gradient(top, #30b9ec, #30b9ec 50%, #00a5e2 51%, #00a5e2);
	text-shadow: 0 1px 1px #008abd;
	font-size: 100%;
	cursor: pointer;
}

a.subBtn {
	margin: 5px 0;
	padding: 5px;
	border: solid 1px #000;
	color: #fff;
	background: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), color-stop(50%,#333), color-stop(51%,#000), to(#000));
	background-image: -webkit-linear-gradient(top, #333, #333 50%, #000 51%, #000);
	background-image: -moz-linear-gradient(top,  #333, #333 50%, #000 51%, #000);
	background-image: -ms-linear-gradient(top,  #333, #333 50%, #000 51%, #000);
	background-image: -o-linear-gradient(top,  #333, #333 50%, #000 51%, #000);
	background-image: linear-gradient(top,  #333, #333 50%, #000 51%, #000);
	text-shadow: 0 -1px 1px #000;
	-webkit-box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
}

a.textLink {
	color: #F00;
}

em {
	color: #00f;
}
em.sub {
	color: #f00;
}

.photo,
.pic {
	padding: 10px;
}

.photo img,
.pic img {
	display: block;
	width: 100%;
}

.end {
	display: block;
	text-align: center;
	color: #f00;
}

.tLine {
	border-top: solid 1px #ccc;
}

section ul.relatedLink {
	margin-top: 10px;
	border-bottom: dotted 1px #999;
}

section ul.relatedLink li {
	padding: 10px;
	border-top: dotted 1px #999;
	background: #eee;
}

section ul.relatedLink li a {
	color: #f39;
}

/* ------------------------------------
 * COMMENT
 * ------------------------------------ */
 
p.comment {
	display: block;
	margin: 0 10px 10px;
	padding: 10px;
	border: dotted 1px #00a5e2;
}

p.comment em {
	display: block;
	margin-bottom: 5px;
	padding: 3px;
	background: #00a5e2;
	color: #fff;
	text-align: center;
}


/* ------------------------------------
 * SCHEDULE
 * ------------------------------------ */
 
#sche dd ul {
	margin: 0;
}

#sche dd li {
	margin: 5px 0 0;
	padding: 0 0 5px 1em;
	border-bottom: dotted 1px #999;
	text-indent: -1em;
}
#sche dd li:first-child {
	margin: 0;
}
#sche dd li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}


/* ------------------------------------
 * TICKET
 * ------------------------------------ */

#ticket dd li {
	padding: 5px;
	border-top: dotted 1px #666;
}
 

/* ------------------------------------
 * MOVIE
 * ------------------------------------ */
	
.videoArea {
	padding: 10px 0;
	text-align: center;
}

video {
	width:100%;
	margin: 0 auto;
	background: #000;
}

#movie p {
	padding: 0 10px 20px;
}


/* ------------------------------------
 * GOODS
 * ------------------------------------ */
 
#goods ul {
	clear: both;
	overflow: hidden;
	margin: 0 15px 15px;
	zoom: 1;
}

#goods li {
	text-align: center;
}

#goods li + li {
	margin-top: 10px;
}

#goods li img,
#goods dd img {
	display: block;
	width: 90%;
	margin: 0 auto;
}

#goods em {
	display: block;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}
#goods em.textLeft {
	text-align: left;
}

#goods .gold,
#goods .silver,
#goods .bronze {
	display: block;
	margin: 5px 0;
	padding: 5px 7px;
	color: #FFF;
	font-weight: bold;
}

#goods .gold {
	background: #B79700;
}

#goods .silver {
	background: #888;
}

#goods .bronze {
	color: #9F1A0F;
}