@charset "utf-8";


/* ランキング
------------------------------------- */

#ra table {
	margin-left : auto ;
	margin-right : auto ;
}

#title_red
{
	margin			: 0px 0px 5px;
	padding			: 5px 0px 5px 10px;
	border-left		: solid 3px #AC543C;
	background		: url(images/01.gif) repeat-x left bottom;
	color			: #AC543C;
	text-align		: left;
}

.style4 ul
{
	margin          : 5px 0px 0px 0px;
	padding         : 0px 0px 0px 0px;
	list-style-type : none;
}

.style4 li
{
	background       : no-repeat 0px 2px;
	background-image : url(../common/icon/02.gif);
	margin           : 0 0 0 0px;
	padding          : 0 0 0 0px;
}

.bgcolor_gray
{
	background-color: #F3F3F3;
}

table#whole_ranking {
	width : 497px ;
	margin-bottom : 20px ;
}

table#whole_ranking td {
	width : 71px ;
	font-size : x-small ;
	text-align : center ;
	line-height : 130% ;
}

table#whole_ranking td a img {
  border: none;
  color: #ffffff;
  background: transparent;
}



/* ランキング おすすめ商品
------------------------------------- */

#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; }

.red { color : #f00 ; }






