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

XHTML CSS Selectors common 

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


/*---------------------------------------------------------------------------------
スタイル　レングスナビゲーション
--------------------------------------------------------------------------------- */
div#lengthNaviArea {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 50px;
}

div#lengthNaviArea h2 {
	height: 75px;
	width: 960px;
	background-image: url(../img/style/title_style.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

div#lengthNaviArea div#lengthBlock {
	padding-left: 40px;
	padding-bottom: 20px;
	background-image: url(../img/style/length_foot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#lengthNaviArea div.lengthBox {
	width: 220px;
	padding-left: 10px;
	float: left;
}
div#lengthNaviArea div.lengthBox h3 {
	width: 216px;

}
div#lengthNaviArea div.lengthBox h3 a img {
	border: 2px solid #8A6923;
}
div#lengthNaviArea div.lengthBox h3 a:hover img {
	border: 2px solid #FFFFFF;
}


/*---------------------------------------------------------------------------------
スタイル　リスト
--------------------------------------------------------------------------------- */
div#lengthNaviArea p.styleListComment,
div#contentsWrapper div#contentsColumn p.styleListComment {
	padding-bottom: 20px;
	padding-left: 50px;
	font-size: 160%;
	color: #C29746;
}
div#contentsWrapper div#contentsColumn div#styleListArea {
}
div#contentsWrapper div#contentsColumn div#styleListArea h3 {
}

div#contentsWrapper div#contentsColumn div#styleListArea div#styleListBlock {
	padding-left: 40px;
}

div#contentsWrapper div#contentsColumn div#styleListArea div#styleListBlock div.styleListBox {
	width: 152px;
	float: left;
	padding-bottom: 20px;
	padding-left: 10px;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#styleListBlock div.styleListBox h4 {
	width: 150px;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#styleListBlock div.styleListBox h4 a img {
	border: 1px solid #8A6923;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#styleListBlock div.styleListBox h4 a:hover img {
	border: 1px solid #FFFFFF;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#styleListBlock div.styleListBox p {
	padding-top: 5px;
	text-align: center;
}


/*ピックアップ＆ランキング*/
div#contentsWrapper div#contentsColumn div#styleListArea div#stylePickupBlock,
div#contentsWrapper div#contentsColumn div#styleListArea div#styleRankingBlock {
	padding-left: 40px;
	padding-bottom: 20px;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#stylePickupBlock div.stylePickupBox,
div#contentsWrapper div#contentsColumn div#styleListArea div#styleRankingBlock div.styleRankingBox {
	width: 206px;
	float: left;
	padding-left: 10px;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#stylePickupBlock div.stylePickupBox h4,
div#contentsWrapper div#contentsColumn div#styleListArea div#styleRankingBlock div.styleRankingBox h4 {
	width: 204px;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#stylePickupBlock div.stylePickupBox h4 a img,
div#contentsWrapper div#contentsColumn div#styleListArea div#styleRankingBlock div.styleRankingBox h4 a img {
	border: 1px solid #8A6923;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#stylePickupBlock div.stylePickupBox h4 a:hover img,
div#contentsWrapper div#contentsColumn div#styleListArea div#styleRankingBlock div.styleRankingBox h4 a:hover img {
	border: 1px solid #FFFFFF;
}
div#contentsWrapper div#contentsColumn div#styleListArea div#stylePickupBlock div.stylePickupBox p,
div#contentsWrapper div#contentsColumn div#styleListArea div#styleRankingBlock div.styleRankingBox p {
	text-align: center;
}

div#contentsWrapper div#contentsColumn div#styleListArea div#styleRankingBlock p#ancRanking {
	text-align: right;
	font-size: 12px;
	padding-top: 10px;
}

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

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

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

/*---------------------------------------------------------------------------------
スタイル　詳細
--------------------------------------------------------------------------------- */
div#contentsWrapper div#contentsColumn div#styleDetailArea {
}
div#contentsWrapper div#contentsColumn div#styleDetailArea h2 {
}

div#contentsWrapper div#contentsColumn div#styleDetailBlock {
	float: right;
	width: 280px;
	padding-right: 20px;
}

/*スタイル名*/
div#contentsWrapper div#contentsColumn div#styleDetailBlock h3 {
	font-size: 120%;
	font-weight: normal;
	height: 45px;
}
/*コメント等*/
div#contentsWrapper div#contentsColumn div#styleDetailBlock div.detailTextBox {
	padding-bottom: 15px;
	padding-left: 20px;
}
div#contentsWrapper div#contentsColumn div#styleDetailBlock div.detailTextBox a {
	text-decoration: underline;
}

/*スタイル写真*/
div#contentsWrapper div#contentsColumn div#styleImageBlock {
	float: left;
	width: 306px;
	padding-left: 50px;
}

div#contentsWrapper div#contentsColumn div#styleImageBlock p#styleBigImage {
	padding-bottom: 10px;
}
div#contentsWrapper div#contentsColumn div#styleImageBlock p#styleBigImage img {
	border: 3px solid #8A6923;
}

div#contentsWrapper div#contentsColumn div#styleImageBlock p#styleSmallImage01 {
	float: left;
	width: 150px;
}
div#contentsWrapper div#contentsColumn div#styleImageBlock p#styleSmallImage02 {
	float: right;
	width: 150px;
}

div#contentsWrapper div#contentsColumn div#styleImageBlock p#styleSmallImage01 img,
div#contentsWrapper div#contentsColumn div#styleImageBlock p#styleSmallImage02 img {
	border: 1px solid #8A6923;
}