@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- main ---------- */

#main {
	width:525px;
	float:left;
	margin:0 25px 0 20px;
	display:inline;
}

#main .page {
	width:525px;
	float:left;
	padding:0 0 15px;
	text-align:center;
}

#main .page li {
	display:inline;
	font-size:75%;
	line-height:1.5em;
	padding:0 3px;
}

#main .bttl {
	background:#FFE8F1;
	border-left:#FF0267 2px solid;
	padding:3px 0 2px 7px;
	margin:0 0 15px;
	font-size:85%;
	line-height:1.5em;
	color:#FF0267;
}





/* ---------- entry ---------- */

.entry {
	width:508px;
	border:#E4E4E4 1px solid;
	float:left;
	padding:2px 13px 2px 2px;
	margin:0 0 25px;
	display:inline;
	background:#FFFFFF;
}

.entry p {
	line-height:1.8em;
}

.entry ul {
	width:13px;
	float:left;
	background:#FFE8F1;
	padding:5px;
}

.entry div {
	width:470px;
	margin:0 0 0 15px;
	float:left;
}

*+html .entry div {
	padding:0 0 15px;
}

.entry #more {
	width:470px;
	margin:0;
	float:none;
	clear:both;
}

.entry div h4 {
	border-bottom:#CCCCCC 1px dotted;
	font-size:95%;
	line-height:1.4em;
	padding:10px 5px 6px;
}

.entry div h4 a {
	color:#333333;
	text-decoration:none;
}

.entry div h4 a:hover {
	color:#999999;
}

.entry div h5 {
	border-bottom:#CCCCCC 1px dotted;
	font-size:65%;
	line-height:1.3em;
	padding:5px 5px;
	font-weight:normal;
	margin:0 0 15px;
}





/* ---------- side ---------- */

#side {
	width:180px;
	float:left;
}

#side h3 {
	background:#EEEEEE;
	border-left:#666666 2px solid;
	padding:3px 0 2px 7px;
	margin:0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:1.5em;
}

#side ul {
	font-size:65%;
	line-height:1.3em;
	padding:0 0 20px;
}

#side ul li {
	padding:0 0 8px 18px;
	background:url(../../../image/mt/ttl/bg_arr.gif) 3px 3px no-repeat;
}

#side ul li a {
	text-decoration:none;
}

#side ul li a:hover {
	color:#FF0267;
}

#side .box {
	padding:0 0 23px;
	text-align:center
}

#side .ti {
	margin:0 0 10px;
}





/* ---------- sort ---------- */

#main .sort {
	width:525px;
	float:left;
	padding:0 0 20px;
}

#main .sort li {
	float:left;
	padding:0 15px 0 0;
}





/* ---------- artistList ---------- */

#main #artistList {
	width:540px;
	float:left;
	padding:0 0 20px;
	margin:0 -15px 0 0;
	display:inline;
}

#main #artistList li {
	width:232px;
	float:left;
	border:#CCCCCC 1px solid;
	border-left:#FF0267 2px solid;
	padding:10px 10px 0;
	margin:0 15px 15px 0;
}

#main #artistList li h3 {
	font-size:75%;
	line-height:1.5em;
	padding:0 0 3px;
}

#main #artistList li p {
	font-size:65%;
	line-height:1.4em;
	padding-bottom:7px;
}





/* ---------- artist ---------- */

#main .artist {
	width:492px;
	float:left;
	padding:15px 15px 0;
	border:#CCCCCC 1px solid;
	border-left:#FF0267 2px solid;
}

#main .artist h4 {
	font-size:95%;
	line-height:1.4em;
}

#main .artist h5 {
	font-size:65%;
	line-height:1.4em;
	padding:0 0 5px;
	font-weight:normal;
}

#main .artist dl {
	width:492px;
	clear:both;
	margin:5px 0 0;
	padding:5px 0 10px;
	border-top:#DFDFDF 1px dotted;
	font-size:75%;
	line-height:1.5em;
}

#main .artist dt {
	float:left;
	font-weight:bold;
	padding:0 0 0 5px;
}

#main .artist dd {
	padding:0 0 5px 150px;
	margin:0 0 5px;
	border-bottom:#DFDFDF 1px dotted;
}

#main .artist ul {
	width:505px;
	margin:0 -13px 0 0;
	padding:0 0 10px;
	float:left;
}

#main .artist ul li {
	margin:0 13px 0 0;
	float:left;
}