@charset "utf-8";
 @import "reset.css";
@import "common.css";
/*----------------------*/

body {
	background:url(../img/common/bg.gif) 100% 0 repeat-x #fff;
}

#main h2 {
	margin:30px 0 5px;
}
#bnr_area {
	overflow:hidden;
}
#bnr_area ul, #bnr_area div {
	float:left;
}
#bnr_area ul {
	margin:0 5px 0 0;
}
#bnr_area li {
	margin:0 0 6px 0;
}
/* 新商品情報
-------------------*/
#news_wrapper h3 {
	font-weight:bold;
	margin:2px 0;
}
#news_wrapper ul {
	margin-left:-5px;
	overflow:hidden;
}
#news_wrapper li {
	border:solid 1px #ece6de;
	overflow:hidden;
	padding:5px;
	display:inline-block;
	width:317px;
	float:left;
	margin:0 0 5px 5px;
}
#news_wrapper .img_area {
	float:left;
	margin:0 9px 0 0;
	height:100px;
	width:100px;
}
#news_wrapper .img_area a {
	min-height:100px;
	width:100px;
	display:inline-block;
}
#news_wrapper img {
	position:absolute;
	clip:rect(auto 100px 100px auto);
}
#news_wrapper .text_area {
	float:left;
	width:207px;
}
#news_wrapper span {
	padding:0 5px;
	margin:0 0 2px 0;
	display:inline-block;
	background:#ebb921;
	color:#FFF;
}
/* ブランド紹介
-------------------*/
#brand_list .ul_wrap {
}
#brand_list {
	margin-left:-8px;
	overflow:hidden;
}
#brand_list li {
	float:left;
	margin:0 0 7px 8px;
}
#brand_list h4 {
	text-align:center;
	margin:1px 0;
	font-size:92%;
}
#brand_list h4 a {
	background:url(../img/common/side_arrow02.gif) 0 50% no-repeat;
	padding:0 0 0 10px;
}
/* 商品ランキング
-------------------*/
#ranking_area {
	background:#572828;
	border:solid 1px #eee8dc;
	padding:10px 0 10px 1px;
	overflow:hidden;
	text-align:center;
}
#ranking_area li {
	float:left;
	background:#FFF;
	border:solid 1px #e3cdb6;
	padding:2px 2px 5px 2px;
	margin:0 0 0 11px;
	width:113px;
	height:180px;
	overflow:hidden;
}
#ranking_area div {
	position:relative;
	margin:3px 0 7px 3px;
	display:block;
	height:84px;
	width:107px;
}
#ranking_area div a{
	min-height:84px;
	width:107px;
}
#ranking_area div a img {
	position:absolute;
	left:0;
	top:0;
	clip:rect(auto 107px 84px auto);
}

#ranking_area a {
	display:block;
	font-size:92%;
}



/* スライドバナー
-------------------*/
#adv {
	background:url(../img/index/bnr_sldr_bg.jpg) 0 0 no-repeat;
	padding:3px;
}
#contents .slidernaviarea {
	width:652px;
	position: relative;
	padding:0 0 10px;
	margin:0 0 0 4px;
}
.slidernaviarea .ic_wrapper {
width: 606px;
overflow: hidden;
height: 75px;
padding: 6px 0;
margin: 0 0 0 21px;
}
.slidernaviarea .ic_wrapper ul {
	width: 660px;
}
.slidernaviarea ul li {
	display:block;
	float:left;
	padding:0 4px;
	width:197px;
}
.slidernaviarea ul li a img {
	display:block;
}
.slidernaviarea .arrow {
	position: absolute;
	display: block;
	top:6px;
	height: 75px;
	width: 22px;
	cursor: pointer;
}
.slidernaviarea .forward {
	background:url(../img/index/arrow_next.gif) no-repeat 0 0;
	right:0;
}
.slidernaviarea .back {
	background:url(../img/index/arrow_prev.gif) no-repeat 0 0;
	left:0;
}