@charset "utf-8";

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


/* --- OVER RIDE -------------------- */


/* ------------------------------------
 * SPECIAL
 * ------------------------------------ */

p.comment {
	display: block;
	margin: 0 10px 10px;
	padding: 10px;
	border: dotted 1px #62aeee;
	border-radius: 5px;
}

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

p.note {
	display: block;
	margin: 0 10px 10px;
	padding: 10px;
	border: dotted 1px #dc143c;
	border-radius: 5px;
}

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


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

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


/* ------------------------------------
 * GOODS
 * ------------------------------------ */
 
#goods ul {
	margin-top: 10px;
}

#goods li {
	margin-bottom: 10px;
	text-align: center;
}

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

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

#goods .ttl {
	margin: 5px 0 0;
	border: solid 1px #D93234;
}

#goods strong {
	display: block;
	/*margin-bottom: 5px;
	padding: 5px 7px;
	background-color: #D93234;
	text-align: center;*/
	color: #ff0000;
	font-weight: bold;
}


/* ------------------------------------
 * GOODS DETAIL
 * ------------------------------------ */

#goodsDetail h5 {
	color: #fff;
	background: #00a2c9;
}

#goodsDetail dt {
	background: #fff;
}

#goodsDetail dd {
	border-top: dotted 1px #ccc;
}

#goodsDetail li {
	margin: 0 0 15px;
	text-align: center;
}

#goodsDetail li img {
	display: block;
	width: 300px;
	margin: 0 auto;
}

#goodsDetail li.w160 img {
	width: 160px;
}

#goodsDetail .gacha {
	margin-top: 15px;
}

#goodsDetail .gachaClass dt,
#goodsDetail .gachaClass dd {
	border: none;
}

#goodsDetail .gachaClass dd .photo {
	margin: 0 auto 5px;
	padding: 0;
}

#goodsDetail .gachaClass dd .photo img {
	width: 300px;
}

#goodsDetail .gachaClass .gold {
	background: #B79700;
	color: #FFF;
}

#goodsDetail .gachaClass .silver {
	background: #888;
	color: #FFF;
}

#goodsDetail .gachaClass .bronze {
	background: #9F1A0F;
	color: #FFF;
}

#goodsDetail .gachaPrize {
	display: block;
	padding: 5px;
	background: #E32515;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

#goodsDetail strong {
	font-weight: bold;
}