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





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

/* ■センターフレーム設定---------------  */

/* □今、話題の新商品---------- */



/* □ニューストピック */
/* □新着商品 */
/* □おすすめ商品 */
/* □各種バナー */





/* ■センターフレーム設定
-------------------------------------------------- */


/* □今、話題の新商品---------- */

/* 全体設定 */
#special {
	float: left;
	width: 580px;
	margin-top: 20px;
}


/* タイトル設定 */
#special h4 {
	float: left;
	width: 580px;
	margin-bottom: 10px;
}


#specialItems {
	float: left;
	width: 570px;
	padding: 0 4px 4px 4px;
	border: 1px solid #d8d6d7;
	background-color: #edebec
}
* html #specialItems {
	width: 580px;
}


/* ボックス設定 */
.specialItems {
	float: left;
	width: 180px;
	margin-top: 4px;
	padding: 0 5px 20px;
	background: url(images/specialitems_bg.jpg) no-repeat bottom left #ffffff;
}
* html .specialItems {
	width: 190px;
}

.specialItems_right {
	float: left;
	width: 180px;
	margin-top: 4px;
	padding: 0 5px 20px;
	background: url(images/specialitems_bg2.jpg) no-repeat bottom left #ffffff;
}
* html .specialItems_right {
	width: 190px;
}


/* 上段設定 */
.special_pic {
	width: 180px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
}

.special_pic img {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}
* html .special_pic img {
	xxmargin-left: -3px;
}


.special_pic p.text {
	float: left;
	width: 100px;
	padding-top: 10px;
	font-size: 11px;
}


/* 下段設定 */
.specialItems h5,
.specialItems_right h5 {
	margin-top: 5px;
	padding-left: 20px;
	background: url(images/special_icon_arrow.jpg) no-repeat 0 0;
	font-size: 11px;
	line-height: 1.4em;
}

.specialItems p.price,
.specialItems_right p.price {
	margin-top: 5px;
	padding-left: 20px;
	font-size: 11px;
}


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



/* □おすすめ商品、新着商品---------- */

/* 全体設定 */
#featured,
#new {
	float: left;	
	width: 580px;
	margin-top: 20px;
}


/* タイトル設定 */
#featured h4,
#new h4 {
	float: left;
	width: 580px;
	margin-bottom: 20px;
}


/* 商品ループ/ボックス１設定 */
.items,
.items_right {
	float: left;
	width: 120px;
	padding: 4px;
	border: 1px solid #d8d6d7;
	background-color: #edebec;
}
* html .items,
* html .items_right {
	width: 130px;
}


.items {
	margin-right: 20px;
}

.items_right {
	margin-right: 0px;
}



/* 商品ループ/ボックス２設定 */
.items_bg {
	width: 100px;
	padding: 10px;
	background: url(images/items_bg.jpg) no-repeat top left #ffffff;
}
* html .items_bg {
	width: 120px;
}


/* 商品ループ/商品画像設定 */
.items_bg img {
	display: block;
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
}


/* 商品ループ/商品名設定 */
.items_bg h5 {
	width: 100px;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 1.4em; 
}


/* 商品ループ/商品価格設定 */
.items_bg p {
	width: 100px;
	font-size: 11px;
	line-height: 1.4em; 
}


/* ロールオーバー設定 */
.items_bg a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}



/* □ニューストピック---------- */

/* 全体設定 */
#news {
	float: left;
	width: 580px;
	margin-top: 20px;
}


/* タイトル設定 */
#news h4 {
	margin-bottom: 10px;
}


/* リスト設定 */
#news li {
	width: 580px;
	padding: 5px 0;
	background: url(images/news_line.jpg) no-repeat bottom;
}

#news a {
	display: block;
	padding: 0 10px 0 30px;
	background: url(images/news_icon_arrow.jpg) no-repeat 0 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
}



/* □センターバナー---------- */

/* 共通設定 */
.c_banner01 img {
	float: left;
	margin-top: 20px;
	display: inline;
}


/* 右バナーの設定 */
.c_banner01_right {
	margin-left: 20px;
	margin-right: -3px;
}

/* ロールオーバー */
.c_banner01 a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}



/* □ページトップへ---------- */
.go_wrapper {
	float: left;
	width: 580px;
	margin-top: 20px;
}

.go_wrapper a {
	float: right;
	padding-left: 15px;
	background: url(images/gowrap_icon_arrow.jpg) no-repeat top left;
	font-size: 12px;
	text-align: 20px;
}