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





/* ---------- flash --------- */

#flash {
	width:730px;
	height:290px;
	float:left;
	margin:0 20px 20px;
	display:inline;
}

#flash h3 {
	font-size:85%;
	line-height:1.6em;
	color:#FF0066;
	padding:0 0 5px;
}

#flash h4 {
	font-size:75%;
	line-height:1.5em;
	padding:0 0 20px;
}





/* ---------- poroject --------- */

#poroject {
	width:750px;
	float:left;
	margin:0 0 15px 10px;
}

#poroject h3 {
	font-size:115%;
	line-height:1.2em;
	padding:0 0 3px;
}

#poroject h4 {
	font-size:75%;
	line-height:1.5em;
	color:#999999;
	padding:0 0 10px;
}

#poroject h5 {
	font-size:85%;
	line-height:1.5em;
	color:#666666;
	padding:0 0 2px;
}

#poroject .proA {
	width:690px;
	margin:0 0 10px 10px;
	padding:19px 19px 4px;
	border:#D1D1D1 1px solid;
	float:left;
}

#poroject .proB {
	width:320px;
	margin:0 0 10px 10px;
	padding:19px 19px 4px;
	border:#D1D1D1 1px solid;
	float:left;
}





/* ---------- news --------- */

#news {
	width:350px;
	float:left;
	margin:0 10px 0 20px;
}

#news dl {
	font-size:75%;
	line-height:1.5em;
	padding:15px 5px 0;
}

#news dt {
	float:left;
	background:url(../../../image/common/bg_arr01.gif) left 6px no-repeat;
	padding:0 0 0 10px;
	font-weight:bold;
}

#news dd {
	padding:0 0 8px 90px;
}





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

#artist {
	width:350px;
	float:left;
	margin:0 10px 0 20px;
}

#artist ul {
	width:350px;
	float:left;
	padding:15px 0 0;
}

#artist ul li {
	width:65px;
	float:left;
	margin:0 11px 15px;
}