@charset "utf-8";
/* CSS Document */

#note_body {
	padding-top:0px;
}

#ranking_body {
	width:772px;
	height:464px;
	position:relative;
	margin-left:56px;
	margin-top:-10px;
}

#ranking_heroine {
	position:absolute;
	left:329px;
	top:0px;
}

#ranking_countArea {
	position:absolute;
	left:6px;
	top:122px;
	
	background:url(../../img/ranking/ranking_left.png);
	background-repeat:no-repeat;
	padding-left:203px;
	height:40px;
}

#ranking_count {
	background:url(../../img/ranking/ranking_right.png);
	background-position:right top;
	height:40px;
	padding-right:75px;
}

#ranking_count li {
	background:url(../../img/ranking/count.png);
	width:37px;
	height:48px;
	float:left;
	margin-top: -15px;
}

#ranking_view {
	background:url(../../img/ranking/graph_base.png);
	width:714px;
	height:245px;
	position:absolute;
	left:0px;
	top:219px;
	padding-left:55px;
}

#rankingGraph {
	padding-left:10px;
}

#rankingGraph li {
	width: 50px;
	height: 214px;
	float: left;
	margin-left: 20px;
	position:relative;
}

#rankingGraph li:first-child {
	margin-left:0px;
}

#ranking_scale {
	padding-left:56px;
	font-size:12px;
	
	position:absolute;
	left:0px;
	bottom:-2px;
}

#ranking_scale li {
	float:left;
	text-align:center;
	width:65px;
	margin-left:5px;
}

#ranking_scale li:first-child {
	margin-left:0px;
}

.aroundUser {
	position:absolute;
	left:0px;
	bottom:0px;
	background:url(../../img/ranking/heart_other.png);
	width:21px;
	height:17px;
}

.myPosition {
	background:url(../../img/ranking/heart_me.png);
	width:42px;
	height:50px;
	position:absolute;
	left:50%;
	top:40%;
	margin-left:-15px;
}