@charset "utf-8";

/*------------------------------------------------------------------------------
	On-Stage - TOPページ
	(C) GMO Systemconsulting All Rights Reserved.
------------------------------------------------------------------------------*/



/*----------------------------------------------------
TOPページコンテンツ：タイトル数表示枠
----------------------------------------------------*/

.number{
	width:733px;
	height:33px;
	background-image:url(../../image/home/bg_number.png);
	background-repeat:no-repeat;
	color:#333;
	line-height:250%;
	text-align:center;
}
.number span.color_orange{
	color:#F33;
}

/*----------------------------------------------------
ジャンル・年代から曲を探す（大）
----------------------------------------------------*/
div.search_genre {
	margin-top:10px;
	width:733px;
	height:60px;
}
div.search_genre a{
	display:block;
	background:url(../../image/home/pnl_category_search.png) no-repeat left bottom;
	width:733px;
	height:60px;
	line-height:1px;
	font-size:1px;
	outline:none;
}
div.search_genre a:hover{
	display:block;
	background:url(../../image/home/pnl_category_search_a.png) no-repeat left bottom;
	width:733px;
	height:60px;
	line-height:1px;
	font-size:1px;
	outline:none;
}
div.search_genre span{display:none;}


/*----------------------------------------------------
お知らせ
----------------------------------------------------*/
#information{
		margin-top:10px;
		margin-bottom:10px;
}
#information div.ttl{
	background-image:url(../../image/home/bg_information_ttl.png);
	background-repeat:no-repeat;
	width:733px;
	height:38px;
}
#information .ttl p a,a:visited{
	display:block;
	text-align:right;
	font-size:12px;
	padding:12px 20px;
	color:#FFF;
	text-decoration:underline;
	background-image:none;
}
#information .ttl p a:hover{
	display:block;
	text-align:right;
	font-size:12px;
	padding:12px 20px;
	color:#337cda;
	text-decoration:none;
}
#information div.bottom{
	height:12px;
	margin:0;
}

.information_box {
	padding-left:10px; 
	padding-top:10px;
	padding-right:10px;
	background-color:#FFF;
	border-left:1px #c7c5c5 solid;
	border-right:1px #c7c5c5 solid;
}
.information_box table{
	width:100%;
		}
.information_box table tr td.date{
	padding-left:20px;
	white-space: nowrap;
	vertical-align:text-top;
	border-bottom: #999 1px dotted;
}
.information_box table tr td.title{
	padding-left:27px;
	border-bottom: #999 1px dotted;
}
.information_box table tr td.title a{
	text-decoration:underline;
	color:#333;

}
.information_box table tr td.title a:hover{
	text-decoration:none;
	color:#4c8bdf;
}
.information_box table tr td.title a:visited{
	background-image:none;
	text-align:left;
	margin:0;
	padding:0;
}


/*----------------------------------------------------
新着情報
----------------------------------------------------*/
#news{margin-bottom:10px;}

#news div.ttl{
	background-image:url(../../image/home/bg_news_ttl.png);
	background-repeat:no-repeat;
	width:733px;
	height:38px;
}
#news .ttl p a,a:visited{
	display:block;
	text-align:right;
	font-size:12px;
	padding:12px 20px;
	color:#FFF;
	text-decoration:underline;
	background-image:none;
}
#news .ttl p a:hover{
	display:block;
	text-align:right;
	font-size:12px;
	padding:12px 20px;
	color:#f06607;
	text-decoration:none;
}
#news div.bottom{
	height:12px;
	margin:0;
}
.news_box {
	padding:5px 10px 0;
	background-color:#FFF;
	border-left:1px #c7c5c5 solid;
	border-right:1px #c7c5c5 solid;
}
.news_box table{
	margin:0;
		}
.news_box table tr{
		}
.news_box table tr td.icn{
	border-bottom: #999 1px dotted;
	text-align:center;
	vertical-align:top;
	padding:10px 0 10px 0;
}
.news_box table tr td.date{
	border-bottom: #999 1px dotted;
	padding:10px 0 10px 15px;
	white-space: nowrap;
	vertical-align:text-top;
}
.news_box table tr td.title{
	border-bottom: #999 1px dotted;
	padding:10px 0 10px 15px;
			line-height:140%;
}
.news_box table tr td.title a{
	text-decoration:underline;
	color:#333;
}
.news_box table tr td.title a:hover{
	text-decoration:none;
	color:#fe7f18;
}
.news_box table tr td.title a:visited{
	background-image:none;
	text-align:left;
	margin:0;
	padding:0;
}
.news_box table tr td.last{
	border:none;
}


/*----------------------------------------------------
バナーエリア
----------------------------------------------------*/
#BnrArea{
	background-color:#FFF;
	padding:20px;
	margin:0 0 20px;
	text-align:center;
	overflow:hidden;
}
#BnrArea ul{
	margin:0 auto;
	width:510px;
}
#BnrArea ul li {
	list-style-type:none;
	width:150px;
	margin-right:20px;
	float:left;
}
#BnrArea ul li span{
	display:block;
	width:150px;
	height:22px;
	margin:10px auto 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.6;
	color:#4a4a4a;
	text-align:center;
}