@charset "utf-8";
/* ---------------------------------------------------------------------------------
ファーレグループ　
Copyright(C) FARE GROUP . All Rights Reserved

XHTML CSS Selectors ranking 

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

div#contentsWrapper div#contentsColumn {
	float: left;
	width: 660px;
	padding-left: 30px;
}

div#contentsWrapper div#contentsColumn h2 {
	height: 120px;
	width: 640px;
	padding-left: 20px;
	text-indent: -9999px;
	background-image: url(../img/ranking/title.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/*ランキングセパレーター*/

div#contentsWrapper div#contentsColumn div.rankingSeparator {
	height: 30px;
	clear: both;
	background-image: url(../img/ranking/ranking_separator.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#contentsWrapper div#contentsColumn p a img {
	border: 1px solid #8A6D2C;
}
div#contentsWrapper div#contentsColumn p a:hover img {
	border: 1px solid #8A6D2C;
}

/*---------------------------------------------------------------------------------
ランキングトップ３
--------------------------------------------------------------------------------- */
div#contentsWrapper div#contentsColumn div.rankingTopBlock {
	float: left;
	width: 200px;
	padding-left: 20px;
}
div#contentsWrapper div#contentsColumn div.rankingTopBlock h4,
div#contentsWrapper div#contentsColumn div.rankingTopBlock p {
	text-align: center;
}

div#contentsWrapper div#contentsColumn div.rankingTopBlock p a img {
	border: 2px solid #8A6D2C;
}
div#contentsWrapper div#contentsColumn div.rankingTopBlock p a:hover img {
	border: 2px solid #8A6D2C;
}

/*---------------------------------------------------------------------------------
ランキング ４位以下
--------------------------------------------------------------------------------- */
div#contentsWrapper div#contentsColumn div.rankingBlock {
	float: left;
	width: 145px;
	padding-left: 20px;
}
div#contentsWrapper div#contentsColumn div.rankingBlock h4,
div#contentsWrapper div#contentsColumn div.rankingBlock p {
	text-align: center;
}

/*---------------------------------------------------------------------------------
おすすめスタイル　（新着スタイル）
--------------------------------------------------------------------------------- */
div#contentsWrapper div#contentsColumn div#newStyleArea {
	width: 640px;
	padding-left: 20px;
}

div#contentsWrapper div#contentsColumn div#newStyleArea h3 {
	height: 45px;
	width: 640px;
	text-indent: -9999px;
	background-image: url(../img/ranking/new_style_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsWrapper div#contentsColumn div#newStyleArea div#newStyleBlock {
	background-image: url(../img/ranking/new_style_bg.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding-left: 224px;
}
div#contentsWrapper div#contentsColumn div#newStyleArea div#newStyleBlock div.newStyleBox {
	float: left;
	width: 112px;
	padding-right: 25px;
}
div#contentsWrapper div#contentsColumn div#newStyleArea div#newStyleBlock div.newStyleBox p {
	text-align: center;
}

div#contentsWrapper div#contentsColumn div#newStyleArea p#ancMoreStyle {
	padding-top: 10px;
	padding-right: 25px;
	text-align: right;
	background-image: url(../img/ranking/new_style_foot.jpg);
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}


/*---------------------------------------------------------------------------------
スタイルバナー
--------------------------------------------------------------------------------- */
div#contentsWrapper div#contentsColumn p#ancStyle {
	padding-left: 20px;
}