@charset "UTF-8";



/*
########################################################
  Data        : contents.css
  Date        : 2000.00.00
  Last Update : 2000.00.00
########################################################
*/



/* =00.#wrapper */
/* ----------------------------------------------------- */



/* =01.#header */
/* ----------------------------------------------------- */



/* =02.#globalNavi */
/* ----------------------------------------------------- */



/* =03.#contents */
/* ----------------------------------------------------- */



/* =04.#topicPath */
/* ----------------------------------------------------- */



/* =05.unitBlock */
/* ----------------------------------------------------- */

.contextHeader,
.context{
	margin-left: auto;
	margin-right: auto;
	width: 536px;
}

.context{
	zoom:1;
}

/*for modern browser*/
.context:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.contextBox{
	padding: 0.5em 1em;
}



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

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

p#ranking_back {
	width : 510px ;
	text-align : center ;
	padding : 5px ;
	margin : 0 ;
}

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

h3#title_red {	
	width: 470px ;
	margin			: 20px auto ;
	padding			: 5px 0px 5px 10px;
	border-left		: solid 3px #AC543C;
	background		: url(../../ranking/images/01.gif) repeat-x left bottom;
	color			: #AC543C;
	text-align		: left;
	font-weight : normal ;
	font-size : small ;
}

table#ranking_item {
	width : 445px ;
	margin-bottom : 40px ;
	text-align : left ;
}

table#ranking_item td {
	padding : 4px ;
	vertical-align : middle ;
}

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

p.other {
	margin : 0 0 0 5px ;
	padding : 5px 0 5px 30px ;
	background : #ffffff url(../common/icon/leaf.gif) 5px center no-repeat ;
}

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

table#whole_ranking {
	width : 497px ;
	margin-bottom : 20px ;
}

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

/* ランキング おすすめ商品
------------------------------------- */

#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 ; }


/* =10. */
/* ----------------------------------------------------- */



/* =11. */
/* ----------------------------------------------------- */