@charset "utf-8";


/* ranking
------------------------------------- */

p#ranking_month {
	width : 500px ;
	text-align : right ;
	padding : 5px ;
	margin : 15px 0 0 0 ;
}

p#ranking_comment {
	width : 484px ;
	padding : 8px ;
	margin : 10px auto ;
	background-color : #F3F3F3 ;
}

h3#title_red {	
	width: 470px ;
	margin			: 20px auto ;
	padding			: 5px 0px 5px 10px;
	border-left		: solid 3px #AC543C;
	border-bottom : 1px dotted #aaa ;
	color			: #AC543C;
	text-align		: left;
	font-weight : normal ;
	font-size : small ;
}

table#ranking_item {
	width : 445px ;
	margin : 0 auto 40px ;
}

table#ranking_item td {
	padding : 4px ;
	text-align : left ;
}

table#ranking_item td.prize {
	width : 60px ;	
}

p.other {
	margin : 0 0 0 15px ;
	padding : 5px 0 5px 18px ;
	background : #fff url(../images/icon/icon_04.gif) 0 9px no-repeat ;
}

table#ranking_item td.item_image {
	width : 70px ;	
}

table#whole_ranking {
	width : 497px ;
	margin : 0 auto 20px ;
}

table#whole_ranking td {
	width : 71px ;
	font-size : x-small ;
	text-align : center ;
}



/* ranking recommend
------------------------------------- */

#rank_recommend {
	width : 504px ;
	background : #fff url(http://www.hankoya.com/ranking/images/recommend_back.jpg) top no-repeat ;
	border-left : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
	margin : 0 auto ;
	font-size : 12px ;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#rank_recommend h4 {
	font-size : 16px ;
	font-weight : bold ;
	margin : 0 0 5px 30px ;
	padding : 7px 0 10px 0 ;
	text-align : left ;
}

#reco_left {
	width : 180px ;
	margin : 0 0 0 30px ;
	float : left ;
	_display : inline ;
}

#rank_recommend #reco_left ul {
	margin : 10px 0 10px 0px ;
	padding : 0  ;
	text-align : left ;
	list-style : none ;
}

#rank_recommend #reco_left li {
	margin : 0 0 0px 0 ;
	padding : 6px 0 6px 30px ;
	background-image : none ;
	border-top : 1px solid #ccc ;
}

#reco_right {
	width : 240px ;
	margin : 0 20px 0 0px ;
	float : right ;
	_display : inline ;
}

#reco_right p {
	margin : 0 0 10px ;
	text-align : left ;
	line-height : 1.4 ;
}

.border_bottom2 { border-bottom	: solid 1px #ccc; }