@charset "utf-8";

@import url("reset.css");
@import url("common.css");
@import url("add.css");


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　トップページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
{ margin-top: 20px; clear: both; }

/*	上部のリンク
----------------------------------------------------------------------------------------*/
#lead { margin-top: 0px; }

/*	おすすめ商品
----------------------------------------------------------------------------------------*/
#list ul {
	margin-top: 10px;
	width: 675px;
	margin-right: -5px;
	overflow: hidden;
	clear: both;
}
#list ul li {
	background: url(../../images/index_list_bg.gif) repeat-y;
	border-bottom: 1px solid #9d8f5b;
	width: 220px;
	float: left;
	margin-right: 5px;
	font-size: 93%;
}
#list ul li p { padding: 9px; }
#list .alnR a {
	background: (url) no-repeat right center;
	margin-top: 10px;
	padding-right: 16px;
}

/*	最新情報
----------------------------------------------------------------------------------------*/
#news .topic {
	margin-top: 10px;
	width: 638px;/* 670px */
	height: 108px; /* 150px */
	border: 1px solid #9e8d5f;
	padding: 20px 10px 20px 20px;
}
#news .topic div {
	width: 638px;
	height: 108px;
	overflow-y: auto;
	overflow-x: hidden;
}
#news .topic div ul { width: 530px; font-size: 93%; }
#news .topic div ul li { margin-bottom: 15px; }
#news .topic div ul span.date {
	display: block;
	width: 128px;
	background: url(/shop/item/saigoutei/design/img01/icon_01.gif) no-repeat left center;
	text-indent: 22px;
	float: left;
}
#news .topic div ul span.detail {
	width: 402px;
	float: left;
}

/*	人気ランキング
----------------------------------------------------------------------------------------*/
#featured {	font-size: 93%; }

#featured ul {
	width: 651px; /* 670px */
	border: 1px solid #9d8f5b;
	padding: 17px 0 20px 19px;
	margin-top: 10px;
	overflow: hidden;
	clear: both;
}
#featured ul li {
	width: 118px;
	float: left;
	margin-right: 10px;
}
#featured ul li a img.ph {
 display: block;
	padding: 1px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
#featured ul li a:hover img.ph { border: 1px solid #dbdbdb; }

/* clearfix 省略 */
#list ul:after,#featured ul:after,
#news .topic div ul li:after  {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0px;
}
#list ul,#featured ul,#news .topic div ul li { display: inline-block; }
#list ul,#featured ul,#news .topic div ul li { display: block; }