@charset "utf-8";
/*--------------------------------------------------------------------------
	[ manekineko css ]
	--------------------------------------------------------------------------
	author: Lampros co.,ltd. Kenji nomura
	url:http://www.lampros.co.jp/
	making day: 2010-03-29
	-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------*/
/* ランキング
---------------------------------------------------------------------------*/

#rankTitle {
	background: url(../_img/ranking/title_back.jpg) no-repeat center top;
	text-align: center;
	height: 180px;
}
#rankTitle p {
	margin-top: 4px;
	text-align: center;
}
#list {
	background-color: #84D3FF;
	width: 610px;
	margin: 10px auto 0px;
}
#list_top {
	background: url(../_img/ranking/list_top.jpg) no-repeat center top;
	padding-top: 97px;
}
#list_bottom {
	background: url(../_img/ranking/list_bottom.jpg) no-repeat center bottom;
	padding-bottom: 32px;
}
#month {
	color: #FFFFFF;
	font-size: 26px;
	text-align: center;
	line-height: 26px;
	margin-bottom: 12px;
}


/* リスト　----------------------*/

#no1 { background: url(../_img/ranking/no1.jpg) no-repeat 29px;}
#no2 { background: url(../_img/ranking/no2.jpg) no-repeat 29px;}
#no3 { background: url(../_img/ranking/no3.jpg) no-repeat 29px;}

#list li {
	margin-top: 22px;
	padding-left: 30px;
	text-align: left;
	background: url(../_img/ranking/listBack_wh.gif) repeat-y 129px top;
	clear: both;
}
#list li#no1 {	background: url(../_img/ranking/listBack_gold.gif) repeat-y 129px top;}
#list li#no2 {	background: url(../_img/ranking/listBack_sil.gif) repeat-y 129px top;}
#list li#no3 {	background: url(../_img/ranking/listBack_bron.gif) repeat-y 129px top;}

#list span.change {
	width: 20px;
	padding-right: 10px;
	padding-left: 3px;
}
#list span.rankNo,
#list span.change,
#list span.music,
#list span.artist {
	display: block;
	float: left;
}
#list span.music {
	width: 208px;
	padding: 6px 10px 6px 15px;
}
#list span.artist {
	width: 208px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#rankInfo {
	margin-top: 5px;
	margin-right: 43px;
	text-align: right;
}


/* クリアフィックス
---------------------------------------------------------------------------------------------*/
#list li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#list li {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html #list li {
height: 1%;
}
#list li {
display: block;
}
/* End hide from IE-mac */