/* 共通スタイルシートの読み込み */
@import url("./common.css");
@import url("./banner.css");
@import url("./form.css");



/* //////////目次////////////////////////////// /


/* ■トップページ設定---------- */

/* ▽ニュース---------- */
/* ▽おすすめ商品---------- */
/* ▽新着商品---------- */






/* ■トップページ設定
-------------------------------------------------- */



/* ▽ニュース---------- */

/* 全体設定 */
#news {
	float: left;
	width: 460px;
	padding-bottom:10px;
}


/* タイトル設定 */
#news h4 {
	width: 460px;

}


/* リスト設定/全体設定 */
#news li {
	float: left;
	width: 440px;
	margin-top: 7px;
	padding-bottom: 7px;
	background: url(images/line_under.jpg) repeat-x 0 bottom;
	margin-left: 10px;
}

*html #news li {
	margin-left: 5px;
}


/* リスト/更新情報の設定 */
#news a {
	float: left;
	width: 420px;
	font-size: 12px;
	line-height: 1.4em;
	text-indent:20px;
	color: #020202;
	background: url(images/news_li_bg.jpg) no-repeat 0 0;
	padding-left: 15px;
}

*html#news a {
   	width: 420px;
	padding-left: 5px;
}

#news a:hover {
	color: #ff7e00;

}


/* ▽新着商品---------- */

/* 全体設定 */
#new {
	float: left;
	width: 460px;
	margin-bottom:10px;
}
* html #new {
	margin-right: -3px;
	display: inline;
}


/* タイトルの設定 */
#new h4 {
	width: 460px;
}


/* 商品ループ/ボックス設定 */
.newItem {
	float: left;
	width:88px;
	margin-top: 10px;
	background-color: #7e6b65;
	margin-right:5px;
}

.newItem_right {
	float: left;
	width:88px;
	background-color: #7e6b65;
	margin-top: 10px;
	margin-right:0px;
}

/* 商品ループ/商品画像サイズの指定 */
.newItem img,
.newItem_right img {
	display: block;
	width: 86px;
	height: 86px;
	border: 1px solid #4d3100;

}

*html .newItem img,
*html .newItem_right img {
	width: 86px;
	height: 86px;
}

/* 商品ループ/商品画像のロールオーバーの設定 */
.newItem a:hover img,
.newItem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/商品名の設定 */
.newItem h5,
.newItem_right h5 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align:left;
	width:80px;
	margin-top: 2px;
	margin-left: 3px;
}

.newItem a,
.newItem_right a {
	display: block;
	color: #fff;
	padding-bottom:5px;
}

.newItem a:hover,
.newItem_right a:hover {
	color: #FFFF00;
}


/* 商品ループ/商品価格の設定 */
.newItem .price,
.newItem_right .price {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:left;
	color:#fff100;
	margin-left: 3px;

}



.newItem .details_bt,
.newItem_right .details_bt {
	margin-top: 5px;
}
.newItem .details_bt a ,
.newItem_right .details_bt a{
	width:88px;
	height:24px;
	background: url(images/syousai_bt.jpg) no-repeat 0 0;
	text-indent:-8686px;
	padding-bottom:0px;
}
.newItem .details_bt a:hover ,
.newItem_right .details_bt a:hover {
	background: url(images/syousai_bt_o.jpg) no-repeat 0 0;
}

/* ▽おすすめ商品---------- */

/* 全体設定 */
#featured {
	float: left;
	width: 460px;
	margin-bottom:10px;
}
* html #featured {
	margin-right: -3px;
	display: inline;
}


/* タイトルの設定 */
#featured h4 {
	width: 460px;
}


/* 商品ループ/ボックス設定 */
.featuredItem {
	float: left;
	width:88px;
	margin-top: 10px;
	background-color: #7e6b65;
	margin-right:5px;
}

.featuredItem_right {
	float: left;
	width:88px;
	background-color: #7e6b65;
	margin-top: 10px;
	margin-right:0px;
}



/* 商品ループ/商品画像サイズの指定 */
.featuredItem img,
.featuredItem_right img {
	display: block;
	width: 86px;
	height: 86px;
	border: 1px solid #4d3100;
}


/* 商品ループ/商品画像のロールオーバーの設定 */
.featuredItem a:hover img,
.featuredItem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/商品名の設定 */
.featuredItem h5,
.featuredItem_right h5 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align:left;
	width:80px;
	margin-top: 2px;
	margin-left: 3px;
}


.featuredItem a,
.featuredItem_right a {
	display: block;
	color: #fff;
	padding-bottom:5px;
}

.featuredItem a:hover,
.featuredItem_right a:hover {
	color: #FFFF00;
}


/* 商品ループ/商品価格の設定 */
.featuredItem .price,
.featuredItem_right .price {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:left;
	color:#fff100;
	margin-left: 3px;
}


.featuredItem .details_bt,
.featuredItem_right .details_bt {
	margin-top: 5px;
}

.featuredItem .details_bt a ,
.featuredItem_right .details_bt a {
	width:88px;
	height:24px;
	background: url(images/syousai_bt.jpg) no-repeat 0 0;
	text-indent:-8686px;
	padding-bottom:0px;
}

.featuredItem .details_bt a:hover, 
.featuredItem_right .details_bt a:hover {
	background: url(images/syousai_bt_o.jpg) no-repeat 0 0;
}


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

/* 全体設定 */
#ranking {
	float: left;
	width: 460px;
	margin-bottom:10px;
}

/* タイトルの設定 */
#ranking h4 {
	width: 460px;
}


/* 商品ループ/ボックス設定 */
.rankingItem {
	float: left;
	width:88px;
	margin-top: 10px;
	background-color: #7e6b65;
	margin-right:5px;
}

.rankingItem_right {
	float: left;
	width:88px;
	background-color: #7e6b65;
	margin-top: 10px;
	margin-right:0px;
}

/* 商品ループ/商品画像サイズの指定 */
.rankingItem img,
.rankingItem_right img {
	display: block;
	width: 86px;
	height: 86px;
	border: 1px solid #4d3100;

}

/* 商品ループ/商品画像のロールオーバーの設定 */
.rankingItem a:hover img,
.rankingItem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/商品名の設定 */
.rankingItem h5,
.rankingItem_right h5 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align:left;
	width:80px;
	margin-top: 2px;
	margin-left: 3px;
}

.rankingItem a,
.rankingItem_right a {
	display: block;
	color: #fff;
	padding-bottom:5px;
}

.rankingItem a:hover,
.rankingItem_right a:hover {
	color: #FFFF00;
}


/* 商品ループ/商品価格の設定 */
.rankingItem .price,
.rankingItem_right .price {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:left;
	color:#fff100;
	margin-left: 3px;

}

/* ランキングアイコンの設定 */
.rankingItem .rankingItem_icon,
.rankingItem_right .rankingItem_icon {
	margin-top: 0px;
	width:86px;
	height:23px;
}

.rankingItem .details_bt,
.rankingItem_right .details_bt {
	margin-top: 5px;
}
.rankingItem .details_bt a ,
.rankingItem_right .details_bt a{
	width:88px;
	height:24px;
	background: url(images/syousai_bt.jpg) no-repeat 0 0;
	text-indent:-8686px;
	padding-bottom:0px;
}
.rankingItem .details_bt a:hover ,
.rankingItem_right .details_bt a:hover {
	background: url(images/syousai_bt_o.jpg) no-repeat 0 0;
}