@charset "UTF-8";
@import url(common.css);
@import url(text.css);

/* ---------------------------------------------------------------- *
	コーナータイトル画像の設定
 * ---------------------------------------------------------------- */
.sub-tit	{ margin-bottom: 5px; }
.conthead	{ margin-top: 20px; }


/* ---------------------------------------------------------------- *
	ランキング表示の設定
 * ---------------------------------------------------------------- */
/* リストのタイトル部分 */
.w-cont	{ background: #FFFFFF; width: 270px; float: left; margin: 5px auto 10px 10px; display: inline; }
.w-this	{ width:  40px; height: 30px; float: left; border-bottom: #CCFF00 5px solid; line-height: 1.1em; font-size: 90%; }
.w-last	{ width:  40px; height: 30px; float: left; border-bottom: #66CCFF 5px solid; line-height: 1.1em; font-size: 90%; }
.arttit	{ width: 190px; height: 30px; float: left; border-bottom: #CCCCCC 5px solid; line-height: 1.1em; font-size: 90%; }

.d-rank	{ width:  40px; height: 30px; float: left; border-bottom: #FF55BB 5px solid; line-height: 1.1em; font-size: 90%; }
.rnktit	{ width: 230px; height: 30px; float: left; border-bottom: #CCCCCC 5px solid; line-height: 1.1em; font-size: 90%; }

/* リストの行部分 */
.wts-no	{ width:  40px; height: 35px; float: left; font-size: 325%; color: #AAAAAA; overflow: hidden; }
.wls-no	{ width:  40px; height: 35px; float: left; font-size: 325%; color: #DDDDDD; overflow: hidden; }
.w-name	{ width: 190px; height: 35px; float: left; overflow: hidden; white-space: nowrap; }
.w-name p	{ font-size: 90%; margin-left: 3px; }

.dts-no	{ width:  40px; height: 35px; float: left; font-size: 325%; color: #AAAAAA; overflow: hidden; }
.d-name	{ width: 230px; height: 35px; float: left; overflow: hidden; white-space: nowrap; }
.d-name p	{ font-size: 90%; margin-left: 3px; }

/* リストのリンク要素部分 */
.w-line a			{ height: 35px; display: block; text-decoration: none; border-bottom: #B2B2B2 1px dashed; }
.w-line a:link		{ color: #666666; background: transparent; }
.w-line a:visited	{ color: #666666; background: transparent; }
.w-line a:hover		{ color: #CCFF00; background: #888888; }
.w-line a:active	{ color: #FF55BB; background: #999999; }

.w-rank a			{ height: 35px; display: block; text-decoration: none; border-bottom: #B2B2B2 1px dashed; }
.w-rank a:link		{ color: #666666; background: transparent; }
.w-rank a:visited	{ color: #666666; background: transparent; }
.w-rank a:hover		{ color: #FF77DD; background: #888888; }
.w-rank a:active	{ color: #CCFF00; background: #999999; }

/* リストのQR部分 */
.w-ruta		{ background:url(../img/common/cont/rank-uta.jpg) no-repeat; width: 270px; height: 80px; }
.w-ruta p	{ font-size: 80%; margin: 0 80px 0 5px; padding: 5px 0; }
.w-ruta span{ color: #FF3399; }

.w-rful		{ background:url(../img/common/cont/rank-ful.jpg) no-repeat; width: 270px; height: 80px; }
.w-rful p	{ font-size: 80%; margin: 0 80px 0 5px; padding: 5px 0; }
.w-rful span{ color: #FF3399; }

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */
.contents	{ background: #DDDDDD; margin:5px 0; }
.content	{ background: transparent; }
.content p	{ font-size: 80%; margin: 5px; line-height: 1.3em; }
.material	{ color: #88BB33; letter-spacing: 0.2em; }

.l-cnt0				{ display: block; text-decoration: none; background: #FFFFFF; float: left; width: 268px; margin: 5px auto 5px 10px; display: inline; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #DDDDDD; border-right: 1px solid #AAAAAA; border-top: 1px solid #DDDDDD; color: #555555; }
.l-cnt1 a			{ display: block; text-decoration: none; background: #FFFFFF; float: left; width: 268px; margin: 5px auto 5px 10px; display: inline; }
.l-cnt1 a:link		{ border-bottom: 1px solid #AAAAAA; border-left: 1px solid #DDDDDD; border-right: 1px solid #AAAAAA; border-top: 1px solid #DDDDDD; color: #555555; }
.l-cnt1 a:visited	{ border-bottom: 1px solid #AAAAAA; border-left: 1px solid #DDDDDD; border-right: 1px solid #AAAAAA; border-top: 1px solid #DDDDDD; color: #555555; }
.l-cnt1 a:hover		{ border: 1px solid #CCFF00; color: #FF3399; }
.l-cnt1 a:active	{ border: 1px solid #CCFF00; color: #FF3399; }
.l-cnt2 a			{ display: block; text-decoration: none; background: #FFFFFF; clear: both; width: 548px; margin: 5px auto 5px 10px; }
.l-cnt2 a:link		{ border-bottom: 1px solid #AAAAAA; border-left: 1px solid #DDDDDD; border-right: 1px solid #AAAAAA; border-top: 1px solid #DDDDDD; color: #555555; }
.l-cnt2 a:visited	{ border-bottom: 1px solid #AAAAAA; border-left: 1px solid #DDDDDD; border-right: 1px solid #AAAAAA; border-top: 1px solid #DDDDDD; color: #555555; }
.l-cnt2 a:hover		{ border: 1px solid #CCFF00; color: #FF3399; }
.l-cnt2 a:active	{ border: 1px solid #CCFF00; color: #FF3399; }

.songtit	{ background: #CCFF00; margin: 0 0 5px 0; }

.contents div.curve-head	{ font-size: 1px; height: 5px; background:url(../img/common/cont/cont-head.jpg) top left no-repeat; }
.contents div.curve-bottom	{ font-size: 1px; height: 5px; background:url(../img/common/cont/cont-foot.jpg) bottom left no-repeat; }


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */
.contents img.jkt { float: left; margin: 5px; }
.contents img.uaf1 { margin: 5px 0 0 0; }
.contents img.uaf2 { margin: 5px 0 0 5px; } /*ジャケットがないものはこちらを使用しよう*/