@charset "UTF-8";
/* 文字コード：UTF-8 */

#component img.banner{
	margin: 0 auto 2px;
	display: block;
}

#component div.box{
	width: 284px;
	border: 1px solid #bdbcbc;
	background-color: #fff;
	margin: 0 auto 2px;
	padding: 5px;
	overflow: hidden;
	/*font-size: 11px;*/
}

#component div.box div.lead{
	width: 100%;
	overflow: hidden;
	margin: 8px 0;
}

#component div.box div.lead img{
	float: left;
	padding: 0 4px;
}


#component div.studio_news{
	width: 300px;
	overflow: hidden;
	margin: 0 auto 2px;
	border: 1px solid #9A9A9A;
}

#component div.studio_news dl dt{
	width: 290px;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	background: url(../image/component/bg_accordion.gif) left bottom repeat-x;
	cursor: pointer;
	position: relative;
	color: #fff;
	font-weight: bold;
}

/* studio_news */
#component div.studio_news dl dd{
	width: 300px;
	background-color: #fff;
}

#component div.studio_news dl dt .statusicon {
	margin:5px 5px 0 0;
	float:right;
}

#component div.studio_news dl dd ul{
	width: 300px;
	margin: 0;
	padding: 0;
}

#component div.studio_news dl dd ul li{
	width: 290px;
	border-bottom: 1px solid blue;
	padding: 4px 0 4px 10px;
	overflow: hidden;
}


/* billboard */
#component div.billboard{
	width: 300px;
	border: 1px solid #000;
	margin: 0 auto 2px;
	padding: 0 0 5px;
	overflow: hidden;
	font-size: 10px;
	text-align: center;
	background-color: #fff;
	color: #000;
}

#component div.billboard strong{
	padding-top: 4px;
}

#component div.billboard iframe{
	width: 298px;
	height: 130px;
	border: none;
}



/* audition */
#component div.audition{
	width: 300px;
	border: 1px solid #ff035c;
	background-color: #fff;
	overflow: hidden;
	margin: 0 auto 2px;
}

#component div.audition div.attention{
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	background: url(../image/common/attention.gif) left top no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
}

#component div.audition dl{
	width: 296px;
	margin: 2px;
}

#component div.audition dl dd{
	width: 276px;
	padding: 5px 10px;
	background: url(../image/component/bg_audition.jpg) left top repeat-x;
}

#component div.audition ul li.new{
	padding-left: 33px;
	margin: 2px;
	background: url(../image/common/icon_new.gif) left top no-repeat;
}

/* banner_table */

#component table.banner_table{
	width: 300px;
	margin: 0 auto 1px;
	border-collapse: collapse;
	background-color: #fff;
}

#component table.banner_table td{
	border: 1px solid #ccc;
	vertical-align: center;
	padding: 8px 5px;
}


/* Musicman Radio */

#component div.musicman_radio{
	width: 300px;
	margin: 0 auto 2px;
}


/* left - right */

#component div.left{
	float: left;
	padding-left: 3px;
}

#component div.right;{
	float: right;
	padding-right: 3px;
}



/* chart */
div#component table.chart{
	width: 300px;
	border-collapse: collapse;
	background-color: #fff;
	margin: 5px auto 0px; /* 上→左右→下 */
}

div#component table.chart td,
div#component table.chart th{
	border: 1px solid #005F8F;
	padding: 4px
}

div#component table.chart td.title{
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #005F8F;
}

div#component table.chart th{
	font-weight: bold;
	background-color: #B0E0E6;
	vertical-align: center;
}


/* box */

div#component div.box_head{
	width: 296px;
	height: 8px;
	background: url(../image/component/bg_box_head.gif) left top no-repeat;
	margin: 0 auto;
}

div#component div.box_body{
	width: 286px;
	background: url(../image/component/bg_box_body.gif) left top repeat-y;
	padding: 0 5px;
	overflow: hidden;
	margin: 0 auto;
}

div#component div.box_body h3 {
	margin-bottom:5px;
	font-size:120%;
	font-weight:bold;
	border-left: 5px solid #005A8B;
	padding-left: 5px;
}

div#component div.box_foot{
	width: 296px;
	height: 8px;
	background: url(../image/component/bg_box_foot.gif) left top no-repeat;
	margin: 0 auto 2px;
}

/* table */
div#component div.box_body table{
	width: 100%;
	border-top: 1px solid #ccc;/*3→1に修正*/
	border-collapse: collapse;
	background-color: #fff;
}

div#component div.box_body table td{
	padding: 6px 4px;
	border: 1px solid #ccc;
}

div#component div.box_body table td span.date{
	font-size: 10px;
	color: #800000;
}