﻿/* 共通スタイルシートの読み込み */
@import url("./common.css");
@import url("./banner.css");
@import url("./form.css");



/* //////////目次////////////////////////////// /


/* ■トップページ設定---------- */

/* ▽ニュース---------- */
/* ▽おすすめ商品---------- */
/* ▽新着商品---------- */






/* ■トップページ設定
-------------------------------------------------- */

/* ▽ニュース---------- */

/* 全体設定 */
#news{
	width: 450px;
	margin-bottom:10px;
}


/* タイトル設定 */
#news h4 {
	width: 450px;
}


/* リスト設定/全体設定 */
#news li {
	width: 450px;
	margin-top:10px;
	overflow:hidden;
}


/* リスト/更新情報の設定 */
#news a {
	display:block;
	font-size: 12px;
	line-height:16px;
	color: #1f71b9;
	text-decoration:none;
	padding-left:40px;
	background: url(images/news_icon.gif) no-repeat 0 0px;
}

#news a:hover {
	color: #ff0000;
	background: url(images/news_icon_o.gif) no-repeat 0 0px;
}



/* ▽新着商品---------- */
/* ▽おすすめ商品---------- */



/* 全体設定 */
#new,
#featured  {
	width: 450px;
	overflow:hidden;
}


/* タイトルの設定 */
#new h4 img,
#featured h4 img{
	width:450px;
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
	display:inline;
}


/* 商品ループ/ボックス設定 */
.newItem,
.featuredItem {
	margin-right:10px;
}
.newItem,
.featuredItem ,
.newItem_right,
.featuredItem_right {
	float: left;
	width:105px;
	padding-bottom: 10px;
	background: url(images/body_bg.jpg) repeat 0 0px;
}

/* 商品ループ/商品画像背景の設定 */
.newItem_pic,
.featuredItem_pic {
	width: 97px;
	height: 97px;
	margin-left:4px;
	background: url(images/goods_bg.jpg) no-repeat 0 0px;
}

/* 商品ループ/商品画像サイズの指定 */
.newItem img,
.newItem_right img ,
.featuredItem img,
.featuredItem_right img {
	width: 93px;
	height: 93px;
	margin:2px;

}


/* 商品ループ/商品画像のロールオーバーの設定 */
.newItem a:hover img,
.newItem_right a:hover img,
.featuredItem a:hover img,
.featuredItem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/商品名の設定 */
.newItem h5,
.newItem_right h5,
.featuredItem h5,
.featuredItem_right h5  {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align:center;
	width:99px;
	margin:2px 3px 0px 3px;
}

.newItem a,
.newItem_right a,
.featuredItem a,
.featuredItem_right a {
	display: block;
	color: #1f71b9;
	padding-bottom:3px;
}

.newItem a:hover,
.newItem_right a:hover,
.featuredItem a:hover,
.featuredItem_right a:hover {
	color: #ff0000;
}


/* 商品ループ/商品価格の設定 */
.newItem .price,
.newItem_right .price,
.featuredItem .price,
.featuredItem_right .price {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-align:center;
	color:#ff0000;
	width:99px;
	margin:0px 3px;
}

.newItem .details_bt a ,
.newItem_right .details_bt a,
.featuredItem .details_bt a ,
.featuredItem_right .details_bt a{
	width:105px;
	height:20px;
	background: url(images/syousai_bt.jpg) no-repeat 2px 0;
	text-indent:-9999px;
}
.newItem .details_bt a:hover ,
.newItem_right .details_bt a:hover,
.featuredItem .details_bt a:hover ,
.featuredItem_right .details_bt a:hover  {
	background: url(images/syousai_bt_o.jpg) no-repeat 2px 0;
}
