@charset "utf-8";
@import "cmn.css";

#main .wrapper{
	float:left;
}
#main dl{
	width:160px;
	height:350px;
	margin-left:50px;
	padding:1em 0 0 300px;
}
#main dt{
	margin-bottom:1em;
	font:bold 100% 'Arial';
	color:#cccccc;
}
#main dd{
	margin-bottom:1em;
	font:bold 65% 'Arial';
	color:#999999;
}
#main dd ol li{
	margin-bottom:1px;
	list-style-position:inside;
}
#main .velone{
	background:url('../img/discography/velone.jpg') left top no-repeat;
}
#main .veltwo{
	background:url('../img/discography/veltwo.jpg') left top no-repeat;
}
#mediaplayer{
	float:right;
	padding:20px 20px 10px 20px;
	background:#111111;
	border:1px solid #333333;
}
#mediaplayer table{
	width:100%;
	margin-top:10px;
	font:bold 65% 'Arial';
}
#mediaplayer thead th{
	padding:1px 0;
	background:#222222;
	color:#666666;
font-weight:normal;
}
#mediaplayer tbody tr{
	border-bottom:1px solid #222222;
	cursor:pointer;
}
#mediaplayer tbody tr:hover{
	background:#333333;
}
#mediaplayer tbody th{
	padding:2px 0 2px 14px;
	background:url('../img/discography/mark_off.png') 2px center no-repeat;
	text-align:left;
	color:#cccccc;
}
#mediaplayer tbody tr.play th{
	background:url('../img/discography/mark_on.png') 2px center no-repeat;
}
#mediaplayer tbody td{
	padding:2px 0;
	text-align:center;
	color:#999999;
}