@charset "euc-jp";

/*
index人気商品ランキング部分
----------------------------------------------------------------------------------------*/
ol#ranking {
	margin: 0 7px 0 7px;
	padding: 0 0 5px 0;
	list-style: none;
	background: url(../images/index_img/dotted_bk_rank.gif) bottom left repeat-x;
	width: 176px;
	overflow: hidden;
}

ol#ranking .crown {
	position: absolute;
	left: 5px;
	top: 5px;
}

ol#ranking li {
	margin: 0;
	padding: 5px 0 0 0;
	width: 176px;
	background: url(../images/index_img/dotted_bk.gif) top left repeat-x;
	clear: both;
}

ol#ranking li a {
	display: block;
	width: 100%;
}

ol#ranking li span {
	display: block;
	padding: 23px 0 0 0px;
	margin: 0 0 5px 0;
}

ol#ranking li img{
	float: left;
	width: 110px;
	margin: 0 5px 5px 0;
}

ol#ranking li.rank01 span {
	background: url(../images/index_img/ranking01.gif) 115px 0 no-repeat;
}

ol#ranking li.rank02 span {
	background: url(../images/index_img/ranking02.gif) 115px 0 no-repeat;
}

ol#ranking li.rank03 span {
	background: url(../images/index_img/ranking03.gif) 115px 0 no-repeat;
}

ol#ranking li.rank04 span {
	background: url(../images/index_img/ranking04.gif) 115px 0 no-repeat;
}

ol#ranking li.rank05 span {
	background: url(../images/index_img/ranking05.gif) 115px 0 no-repeat;
}

ol#ranking li.rank06 span {
	background: url(../images/index_img/ranking06.gif) 115px 0 no-repeat;
}

ol#ranking li.rank07 span {
	background: url(../images/index_img/ranking07.gif) 115px 0 no-repeat;
}

ol#ranking li.rank08 span {
	background: url(../images/index_img/ranking08.gif) 115px 0 no-repeat;
}

ol#ranking li.rank09 span {
	background: url(../images/index_img/ranking09.gif) 115px 0 no-repeat;
}

ol#ranking li.rank10 span {
	background: url(../images/index_img/ranking10.gif) 115px 0 no-repeat;
}

/*
index気になるキーワード部分
----------------------------------------------------------------------------------------*/
ul#keyword {
	margin: 0 7px 0;
	padding: 0 0 5px 0;
	list-style: none;
}

ul#keyword li {
	display: inline;
	padding: 0 10px 0 0;
	font-size: 110%;
	line-height: 1.6;
}

ul#keyword li a {
  padding: 1px 10px 1px 18px;
  background: url(../images/index_img/keyword.gif) 4px 6px no-repeat;
}

/*
indexメイン部分(TOP特集)
----------------------------------------------------------------------------------------*/
#wrapper #main #top-sale {
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	width: 550px;
	text-align: right;
	background: url(../images/index_img/dotted_bk.gif) left bottom repeat-x;
}

#wrapper #main #top-sale img {
	float: left;
	padding: 0 0 2px 0;
}

#wrapper #main #top-sale span {
	padding: 0 0 0 14px;
	background: url(../images/index_img/arrow.gif) 0 2px no-repeat;
}

#wrapper #main #top-sale a {
	display: block;
}

/*
indexメイン部分(大幅値引き商品)
----------------------------------------------------------------------------------------*/
.box_discount {
	margin: 0 0 10px 0;
	width: 550px;
	min-height: 100px;
	background: url(../images/index_img/discount_bk.gif) bottom left no-repeat;
	position: relative;
	clear: both;
}

.box_discount .img_point {
	position: absolute;
	left: -10px;
	top: -10px;
}

#main .box_discount ul.line-discount {
	width: 540px;
	list-style: none;
	margin: 0 0 0 10px;
	overflow: hidden;
	background: url(../images/index_img/dotted_bk_line-4.gif) left bottom no-repeat;
}

#main .box_discount ul.line-discount li {
	float: left;
	width: 125px;
	margin: 0 10px 0 0;
	padding: 0 0 50px 0;
	min-height: 175px;
	height: auto!important;
	height: 175px;
	position: relative;
	background: url(../images/index_img/price_cut_bk.gif) left bottom no-repeat;
}

#main .box_discount ul.line-discount li .goods {
	float: left;
	width: 125px;
	padding: 0 0 3px 0;
}

#main .box_discount ul.line-discount li a {
	display: block;
	width: 125px;
}

#main .box_discount ul.line-discount li .price_cut {
	position: absolute;
	left: 0;
	bottom: 7px;
}

/*
indexメイン部分(新着商品)
----------------------------------------------------------------------------------------*/
#main .box_l ul.news {
	list-style: none;
	margin: -5px 0 0 10px;
	padding: 0 0 5px 0;
}

#main .box_l ul.news li {
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	background: url(../images/index_img/dotted_bk.gif) left bottom repeat-x;
	overflow: hidden;
	position: relative;
	width: 530px;
}

#main .box_l ul.news li img {
	float: left;
	padding: 0 5px 5px 0;
}

#main .box_l ul.news li a span {
	display: block;
	position: absolute;
	bottom: 3px;
	right: 0;
	padding: 0 0 0 14px;
	background: url(../images/index_img/arrow.gif) 0 4px no-repeat;
}

/*
indexメイン部分(オススメ特集)
----------------------------------------------------------------------------------------*/
#wrapper #main ul#other-sale {
	list-style: none;
	margin: -5px 0 0 10px;
	padding: 0 0 3px 0;
	width: 540px;
	overflow: hidden;
}

#wrapper #main ul#other-sale li {
	float: left;
	width: 170px;
	margin: 5px 10px 0 0;
	padding: 0 0 3px 0;
	text-align: right;
	background: url(../images/index_img/dotted_bk.gif) left bottom repeat-x;
}

#wrapper #main ul#other-sale img {
	float: left;
	padding: 0 0 2px 0;
}

#wrapper #main ul#other-sale span {
	padding: 0 0 0 14px;
	background: url(../images/index_img/arrow.gif) 0 2px no-repeat;
}

#wrapper #main ul#other-sale a {
	display: block;
}

/*
臨時：indexメイン部分(オススメ特集)
----------------------------------------------------------------------------------------*/
#wrapper #main ul#kaden-sale {
	list-style: none;
	margin: -5px 0 0 10px;
	padding: 0 0 3px 0;
	width: 540px;
	overflow: hidden;
}

#wrapper #main ul#kaden-sale li {
	float: left;
	width: 125px;
	margin: 5px 10px 0 0;
	padding: 0 0 3px 0;
	text-align: right;
	background: url(../images/index_img/dotted_bk.gif) left bottom repeat-x;
}

#wrapper #main ul#kaden-sale img {
	float: right;
	padding: 0 0 2px 0;
}

#wrapper #main ul#kaden-sale span {
	padding: 0 0 0 14px;
	background: url(../images/index_img/arrow.gif) 0 2px no-repeat;
}

#wrapper #main ul#kaden-sale a {
	display: block;
}

/*
indexメイン部分(お客様商品レビュー)
----------------------------------------------------------------------------------------*/
#main .box_l ul#review {
	list-style: none;
	margin: -5px 0 0 10px;
	padding: 0 0 5px 0;
}

#main .box_l ul#review li {
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	overflow: hidden;
	position: relative;
	width: 530px;
	background: url(../images/index_img/dotted_bk.gif) left bottom repeat-x;
}

#main .box_l ul#review li img {
	float: left;
	padding: 0 5px 5px 0;
}

#main .box_l ul#review li a span {
	display: block;
	position: absolute;
	bottom: 3px;
	right: 0;
	padding: 0 0 0 14px;
	background: url(../images/index_img/arrow.gif) 0 4px no-repeat;
}

#main .box_l ul#review li h4 {
	display: inline;
	font-size: 100%;
}

#main .box_l ul#review li .star {
	color: #F60;
	padding: 0 10px;
}

#main .box_l ul#review li p {
	padding: 0 0 15px 155px;
	color: #069;
	background: url(../images/index_img/review_bk.gif) 105px 0 no-repeat;
}

#main .box_l ul#review li p.female {
	background: url(../images/index_img/review_bk_female.gif) 105px 0 no-repeat;
}

/*
indexメイン部分(カレンダー)
----------------------------------------------------------------------------------------*/
#main .box_l .calendar {
	float: left;
	min-height: 183px;
	height: auto!important;
	height: 183px;
}

#main .box_l p.calendar {
	width: 130px;
	margin: 0 0 5px 0;
	background: url(../images/index_img/calendar_bk.jpg) 10px bottom no-repeat;
}

#main .box_l div.calendar {
	margin: 0 10px 5px 0;
	width: 190px;
	background: url(../images/index_img/calendar_bk.gif) left top no-repeat;
	text-align: center;
}

#main .box_l div.calendar table {
	margin: 17px auto 5px auto;
	width: 170px;
	text-align: center;
	border-collapse: collapse;
	border-color: #AAA;
}

#main .box_l div.calendar thead th {
	background: url(../images/index_img/calendar_bk_th.jpg) left top repeat-x;
	color: #FFF;
	font-weight: bold;
}

#main .box_l div.calendar th {
	background-color: #6C0;
	color: #FFF;
	font-weight: normal;
	border: solid 1px #AAA;
}

#main .box_l div.calendar td {
	background-color: #FFF;
	border: solid 1px #AAA;
}

#main .box_l div.calendar td.holiday {
	background-color: #F90;
}

/*
indexメイン部分(全商品カテゴリ一覧)
----------------------------------------------------------------------------------------*/
#main #all_category {
	margin: 0 0 10px 0;
	width: 550px;
	background: url(../images/index_img/all_category_bk.gif) bottom left repeat-y;
	position: relative;
	overflow: hidden;
}

#main #all_category ul {
	list-style: none;
	margin: 0 0 0 10px;
	width: 540px;
	overflow: hidden;
	float: right;
}

#main #all_category li {
	float: left;
	margin: 0 10px 5px 0;
	width: 260px;
	overflow: hidden;
	background: url(../images/index_img/dotted_bk.gif) bottom left repeat-x;
	font-size: 85%;
}

#main #all_category li img {
	float: left;
	width: 42px;
	padding: 0 5px 5px 0;
}

#main #all_category li a .cate_tit {
	display: block;
	padding: 0 0 3px 63px;
	background: url(../images/index_img/arrow.gif) 48px 4px no-repeat;
	font-weight: bold;
	font-size: 110%;
}

#main #all_category a.arrow {
	padding: 0 0 0 15px;
	background: url(../images/index_img/arrow.gif) 0 2px no-repeat;
}