@charset "UTF-8";

/*
==============================================================
    Cecile Genre Common layout CSS
    Version: 18th Jul. 2012
============================================================ */

#wrap img{
	vertical-align: top;
}

#wrap h2,
#wrap h3{
	margin: 0;
	font-size: 100%;
}

#wrap h1.title{
	margin: 0;
	text-align: left;
	font-size: 133%;
	padding: 8px 10px 5px 33px;
	width: 915px;
	min-height: 20px;
	background: url(/component/img/common/h1_bg.gif) left top no-repeat;
	border-bottom: solid 2px #54412c;
	position: relative;
}

#wrap h1.title span{
	font-size: 87%;
}

#wrap h1.title img{
	position: absolute;
	right: 0;
	top: -9px;
	width: auto;
	height: auto;
}

#wrap .rate-txt{
	margin: 8px 0 0;
	text-align: right;
}

#wrap .rate-txt + h1.title{
	margin: 9px 0 0 0;
}

#wrap .description{
	text-align: left;
	margin: 8px 10px 0 10px;
	padding: 0 235px 0 0;
}


/*
#wrap .description{
	text-align: left;
	margin: -16px 10px 0 10px;
	padding: 0 250px 0 0;
	height: 16px;
}
*/
/* ========================================
	main：メインコンテンツ
======================================== */
#main{
	float: right;
	width: 714px;
	text-align: left;
	margin: 25px 0 24px 0;
}

#main p{
	font-size: 100%;
/*	margin: 0;
	padding: 0;*/
}
/*
#main ul,
#main li{
	margin: 0;
	padding: 0;
}
*/
#main .title{
	width: 714px;
	padding: 0 0 4px 0;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg_ft.gif) left bottom no-repeat;
	position: relative;
	margin: 0 0 12px 0;
}

#main .title h2{
	margin: 0;
	color: #fff;
	font-size: 116%;
	padding: 7px 0 4px 15px;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg.gif) left top no-repeat;
}

#main .title h2 span{
	font-weight: normal;
	font-size: 85%;
}

#main .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 6px;
	right: 15px;
	background: url(/component/img/common/main/title_brw_link_border.gif) left top repeat-y;
}

#main .title p a{
	font-weight: bold;
	color: #fff;
	background: url(/component/img/common/main/title_brw_link_icon.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}

#main .banner img{
	background: #f3eee9;
	padding: 2px;
}

#main .banner.hd a{
	display: block;
	margin: 0 0 34px 0;
}

#main .banner.ft a{
	display: block;
	margin: 24px 0 0 0;
}


#wrap #main .msg-box{
	width: 714px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(/component/img/common/main/main_box_w714_bg.gif) left bottom no-repeat;
	font-size: 150%;
}

#wrap #main .msg-box .box{
	width: 714px;
	margin: 0;
	padding: 62px 0 52px 0;
	text-align: center;
	background: url(/component/img/common/main/main_box_w714_bg_hd.gif) left top no-repeat;
}

#wrap #main .msg-box .box p{
	padding: 0;
	margin: 0 20px 10px 20px;
	background: none;
}


/* ========================================
	news-box：新着情報
======================================== */
#main .news-box{
	width: 714px;
	margin: 20px 0 8px 0;
	background: url(/component/img/common/main/main_box_w714_bg.gif) left bottom no-repeat;
	padding: 0 0 6px 0;
}

#main .news-box .title{
	padding: 0 0 8px 0;
	margin: 0;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg_box_ft.gif) left bottom no-repeat;
}

#main .news-box .title p img{
	vertical-align: -2px;
	margin: 0 0 0 6px;
}

#main .news-box dl{
	position:relative;
	overflow: hidden;
	margin: 0 16px;
	padding: 0;
	width: 682px;
}

#main .news-box dl dt{
	font-weight: bold;
	margin: -1px 0 10px 0;
	padding: 10px 0 0 0;
	clear: both;
	width: 106px;
	background: url(/component/img/common/main/main_border_dotted_h.gif) 0 0 repeat-x;
	float: left;
}

#main .news-box dl dd{
	width: 566px;
	margin: -1px 0 10px 0;
	padding: 10px 10px 0 0;
	background: url(/component/img/common/main/main_border_dotted_h.gif) 2px 0 repeat-x;
	float: left;
}

/* ========================================
	narrow-link：絞り込みリンク（2016/06/07）
======================================== */
#main .narrow-link{
	margin: 0 5px 25px;
}

#main .narrow-link h3{
	margin: 20px 0 0;
}

#main .narrow-link .box:first-child h3{
	margin: 0;
}

#main .narrow-link .tab{
	padding: 5px 0 0;
}

#main .narrow-link .tab:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .narrow-link .tab li{
	width: 228px;
	float: left;
	margin: 0 0 0 10px;
	cursor: pointer;
}

#main .narrow-link .tab li#tab_id1{
	margin: 0;
}

#main .narrow-link .tab li .btn{
	text-decoration: none;
	width: 188px;
	height: 44px;
	position: relative;
	display: block;
	border-radius: 3px;
	font-weight: bold;
	background: #785e41;
	color: #fff;
	text-shadow: 1px 1px 0 #665037;
	padding: 0 40px 0 0;
	line-height: 44px;
	text-align: center;
}

#main .narrow-link .tab li.open .btn{
	padding: 0 40px 10px 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#main .narrow-link .tab li.hidden .btn{
	border: solid 1px #c9c1bb;
	box-shadow: inset 0 0 0 1px #fff;
	width: 186px;
	height: 42px;
	color: #5e5441;
	text-shadow: 1px 1px 0 #fff;
	background: #efebe6;
}

#main .narrow-link .tab li .btn .arrow{
	display: block;
	position: absolute;
	width: 42px;
	height: 24px;
	right: 0;
	top: 10px;
	background: url(/component/img/genre/main/border_narrowlink_default.gif) left top repeat-y;
}

#main .narrow-link .tab li.hidden .btn .arrow{
	width: 41px;
	top: 9px;
	background: url(/component/img/genre/main/border_narrowlink_hidden.gif) left top repeat-y;
}

#main .narrow-link .tab li .btn .arrow:after{
	content: " ";
	width: 9px;
	height: 6px;
	position: absolute;
	left: 18px;
	top: 9px;
	display: block;
	background: url(/component/img/genre/main/icon_narrowlink_default.gif) left top no-repeat;
}

#main .narrow-link .tab li.open .btn .arrow:after{
	background: url(/component/img/genre/main/icon_narrowlink_open.gif) left top no-repeat;
}

#main .narrow-link .tab li.hidden .btn .arrow:after{
	background: url(/component/img/genre/main/icon_narrowlink_hidden.gif) left top no-repeat;
}

#main .narrow-link .box .list{
	background: #785e41;
	border-radius: 4px;
	padding: 8px;
}
#main .narrow-link .box#list_elm1 .list{
	border-top-left-radius: 0;
}
#main .narrow-link .box#list_elm3 .list{
	border-top-right-radius: 0;
}

#main .narrow-link .box .list ul{
	background: #fff;
}

#main .narrow-link .box .list ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .narrow-link .box .list ul li{
	width: 216px;
	float: left;
	padding: 1px 10px 0 0;
	background: url(/component/img/common/side/border_h_dotted.gif) 1px 0 repeat-x;
}

#main .narrow-link .box .list ul li.item01,
#main .narrow-link .box .list ul li.item02,
#main .narrow-link .box .list ul li.item03{
	background: none;
}

#main .narrow-link .box .list ul li.item01,
#main .narrow-link .box .list ul li.item04,
#main .narrow-link .box .list ul li.item07,
#main .narrow-link .box .list ul li.item10,
#main .narrow-link .box .list ul li.item13,
#main .narrow-link .box .list ul li.item16,
#main .narrow-link .box .list ul li.item19,
#main .narrow-link .box .list ul li.item22,
#main .narrow-link .box .list ul li.item25,
#main .narrow-link .box .list ul li.item28,
#main .narrow-link .box .list ul li.item31,
#main .narrow-link .box .list ul li.item34,
#main .narrow-link .box .list ul li.item37{
	padding: 1px 10px 0;
	clear: both;
}

#main .narrow-link .box .list li a{
	width: 204px;
	display: block;
	background: url(/component/img/common/icon_arrow_l.gif) left center no-repeat;
	padding: 13px 0 13px 12px;
}


/* ========================================
	ranking-box：人気ランキング
======================================== */
#main .ranking-box{
	width: 714px;
	margin: -8px 0 20px 0;
	padding: 0 0 14px 0;
	background: url(/component/img/common/main/main_box_w714_bg.gif) left bottom no-repeat;
}

#main .ranking-box .title{
	margin: 0;
	padding: 0 0 9px 0;
	background: #7d6954 url(/component/img/genre/main/title_ranking_bg_box_ft.gif) left bottom no-repeat;
}

#main .ranking-box .title h2{
	padding: 14px 5px 0 61px;
	background: #7d6954 url(/component/img/genre/main/title_ranking_bg.gif) left top no-repeat;
	min-height: 22px;
}

#main .ranking-box p{
	margin: 8px 16px 8px 16px;
}

#main .ranking-box ol{
	margin: 0 16px 10px 13px;
	padding: 0;
	width: 685px;
}

#main .ranking-box ol:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .ranking-box ol{
	display: inline-block;
}

#main .ranking-box ol li{
	float: left;
	padding: 0 0 0 10px;
	width: 127px;
}

#main .ranking-box ol li.rank1{
	position: relative;
	width: 134px;
	padding: 28px 3px 0 3px;
}

#main .ranking-box ol li.rank2{
	padding: 0 0 0 7px;
}


#main .ranking-box ol li img{
	margin: 12px 0 5px 0;
}

#main .ranking-box ol li.rank1 img{
	margin: 0;
	width: 140px;
	position: absolute;
	left: 0;
	top: 0;
}

#main .ranking-box ol li a{
	display: block;
	margin: 0 0 3px 0;
	line-height: 1.5;
}

#main .ranking-box ol li a img{
	display: block;
	margin: 0 0 3px 0;
	border: solid 1px #d7d1cd;
	padding: 1px;
	width: 123px;
}
#main .ranking-box ol li.rank1 a img{
	position: static;
	width: 130px;
	margin: 0 0 3px 0;
	padding: 0 1px 1px 1px;
	border-top: none;
}

#main .ranking-box .more-link{
	width: 682px;
	background: url(/component/img/common/main/main_border_dotted_h.gif) left top repeat-x;
	margin: 0 16px 0 16px;
	padding: 9px 0 0 0;
	text-align: right;
}

#main .ranking-box .more-link a{
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
	padding: 0 0 0 9px;
}

/* ========================================
	recommend-box：おすすめ商品
======================================== */
#main .recommend-box{
	margin: 34px 0 0 0;
}

#main .recommend-box .title{
	margin: 0;
}

#main .recommend-box p{
	margin: 5px 2px 10px 2px
}

#main .recommend-box ul{
	margin: 0 2px;
	padding: 0;
	width: 710px;
	background: url(/component/img/genre/main/recommend_border_v.gif) left top repeat-y;
}

#main .recommend-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .recommend-box ul{
	display: inline-block;
}

#main .recommend-box ul li{
	margin: 0;
	padding: 30px 0 0 28px;
	width: 341px;
	min-height: 134px;
	float: left;
	background: url(/component/img/genre/main/recommend_border.gif) left top repeat-x;
	position: relative;
}

#main .recommend-box ul li.item1,
#main .recommend-box ul li.item2{
	padding-top: 0;
	background: none;
}

#main .recommend-box ul li.item1,
#main .recommend-box ul li.item3,
#main .recommend-box ul li.item5,
#main .recommend-box ul li.item7,
#main .recommend-box ul li.item9,
#main .recommend-box ul li.item11,
#main .recommend-box ul li.item13,
#main .recommend-box ul li.item15,
#main .recommend-box ul li.item17,
#main .recommend-box ul li.item19{
	clear: both;
	padding-left: 0;
}

/* IE7 */
*:first-child+html #main .recommend-box ul li{
	zoom: 1;
	vertical-align: top;
	display: inline;
	float: none;
}

*:first-child+html #main .recommend-box ul li.item1,
*:first-child+html #main .recommend-box ul li.item3,
*:first-child+html #main .recommend-box ul li.item5,
*:first-child+html #main .recommend-box ul li.item7,
*:first-child+html #main .recommend-box ul li.item9,
*:first-child+html #main .recommend-box ul li.item11,
*:first-child+html #main .recommend-box ul li.item13,
*:first-child+html #main .recommend-box ul li.item15,
*:first-child+html #main .recommend-box ul li.item17,
*:first-child+html #main .recommend-box ul li.item19{
	clear: none;
}

#main .recommend-box ul li a img{
	display: block;
	width: 130px;
	position: absolute;
	left: 28px;
	top: 30px;
	padding: 1px;
	border: solid 1px #d7d1cd;
}

#main .recommend-box ul li.item1 a img,
#main .recommend-box ul li.item2 a img{
	top: 0;
}

#main .recommend-box ul li.item1 a img,
#main .recommend-box ul li.item3 a img,
#main .recommend-box ul li.item5 a img,
#main .recommend-box ul li.item7 a img,
#main .recommend-box ul li.item9 a img,
#main .recommend-box ul li.item11 a img,
#main .recommend-box ul li.item13 a img,
#main .recommend-box ul li.item15 a img,
#main .recommend-box ul li.item17 a img,
#main .recommend-box ul li.item19 a img{
	left: 0;
}

#main .recommend-box ul li .proper{
	display: block;
	margin: 0 0 3px 144px;
}

#main .recommend-box ul li .proper img{
	position: static;
}

#main .recommend-box ul li p{
	width: 197px;
	margin: 0 0 3px 144px;
	line-height: 1.5;
}

#main .recommend-box ul li p.iname{
	margin: 4px 0 3px 144px;
}

/* ========================================
	recommend-list-box：おすすめ商品
======================================== */
#main .recommend-list-box{
	width: 714px;
	margin: 34px 0 0 0;
}

#main .recommend-list-box p{
	margin: 0 2px;
}

#main .recommend-list-box .title{
	width: 714px;
	margin: 0 0 5px 0;
	position: relative;
}

#main .recommend-list-box ul{
	margin: 0 2px;
	padding: 0;
}

#main .recommend-list-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .recommend-list-box ul{
	display: inline-block;
}

#main .recommend-list-box ul li{
	margin: 0;
	padding: 10px 0 0 10px;
	width: 134px;
	float: left;
	position: relative;
}

#main .recommend-list-box ul li.item1,
#main .recommend-list-box ul li.item6,
#main .recommend-list-box ul li.item11,
#main .recommend-list-box ul li.item16,
#main .recommend-list-box ul li.item21,
#main .recommend-list-box ul li.item26{
	clear: both;
	padding: 10px 0 0 0;
}

/* IE7 */
*:first-child+html #main .recommend-list-box ul li{
	zoom: 1;
	vertical-align: top;
	display: inline;
	float: none;
}

*:first-child+html #main .recommend-list-box ul li.item1,
*:first-child+html #main .recommend-list-box ul li.item6,
*:first-child+html #main .recommend-list-box ul li.item11,
*:first-child+html #main .recommend-list-box ul li.item16,
*:first-child+html #main .recommend-list-box ul li.item21,
*:first-child+html #main .recommend-list-box ul li.item26{
	clear: none;
}

#main .recommend-list-box ul li .iname{
	width: 134px;
	padding: 136px 0 0 0;
	margin: 0 0 5px 0;
	position: relative;
}

#main .recommend-list-box ul li .iname a{
	line-height: 1.5;
}

#main .recommend-list-box ul li .iname img{
	position: absolute;
	right: 0;
	top: 0;
	border: solid 1px #d7d1cd;
	padding: 1px;
	width: 130px;
}

#main .recommend-list-box ul li .price{
	margin: 0;
}

/* ========================================
	special-box：特集
======================================== */
#main .special-box{
	margin: 22px 0 0 0;
}

#main .special-box p{
	margin: 0 2px;
}

#main .special-box .title{
	width: 714px;
	margin: 0 0 5px 0;
	position: relative;
}

#main .special-box .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 6px;
	right: 15px;
	background: url(/component/img/common/main/title_brw_link_border.gif) left top repeat-y;
}

#main .special-box .title p a{
	font-weight: bold;
	color: #fff;
	background: url(/component/img/common/main/title_brw_link_icon.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}

#main .special-box ul{
	margin: 0 2px;
	padding: 0;
}

#main .special-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .special-box ul li{
	margin: 0;
	padding: 132px 0 0 10px;
	width: 230px;
	float: left;
	position: relative;
}

#main .special-box ul li.item1,
#main .special-box ul li.item4,
#main .special-box ul li.item7,
#main .special-box ul li.item13,
#main .special-box ul li.item16,
#main .special-box ul li.item19{
	clear: both;
	padding: 132px 0 0 0;
}

/* IE7 */
*:first-child+html #main .special-box ul{
	display: inline-block;
}

*:first-child+html #main .special-box ul li{
	zoom: 1;
	vertical-align: top;
	display: inline;
	float: none;
}

*:first-child+html #main .special-box ul li.item1,
*:first-child+html #main .special-box ul li.item4,
*:first-child+html #main .special-box ul li.item7,
*:first-child+html #main .special-box ul li.item13,
*:first-child+html #main .special-box ul li.item16,
*:first-child+html #main .special-box ul li.item19{
	clear: none;
}

#main .special-box ul li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#main .special-box ul li a img{
	position: absolute;
	right: 0;
	top: 10px;
}

/* ========================================
	special-m-box：特集（170x170）
======================================== */
#main .special-m-box{
	margin: 34px 0 0;
}

#main .special-m-box p{
	margin: 0 2px;
}

#main .special-m-box .title{
	width: 714px;
	margin: 0 0 5px 0;
	position: relative;
}

#main .special-m-box .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 6px;
	right: 15px;
	background: url(/component/img/common/main/title_brw_link_border.gif) left top repeat-y;
}

#main .special-m-box .title p a{
	font-weight: bold;
	color: #fff;
	background: url(/component/img/common/main/title_brw_link_icon.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}

#main .special-m-box ul{
	margin: 0 2px;
	padding: 0;
}

#main .special-m-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .special-m-box ul{
	display: inline-block;
}

#main .special-m-box ul li{
	margin: 0;
	padding: 182px 0 0 10px;
	width: 170px;
	float: left;
	position: relative;
}

#main .special-m-box ul li.item1,
#main .special-m-box ul li.item5,
#main .special-m-box ul li.item9,
#main .special-m-box ul li.item13,
#main .special-m-box ul li.item17,
#main .special-m-box ul li.item21,
#main .special-m-box ul li.item25,
#main .special-m-box ul li.item29,
#main .special-m-box ul li.item33,
#main .special-m-box ul li.item37{
	clear: both;
	padding: 182px 0 0 0;
}

*:first-child+html #main .special-m-box ul li{
	zoom: 1;
	vertical-align: top;
	float: none;
	display: inline;
}

*:first-child+html #main .special-m-box ul li.item1,
*:first-child+html #main .special-m-box ul li.item5,
*:first-child+html #main .special-m-box ul li.item9,
*:first-child+html #main .special-m-box ul li.item13,
*:first-child+html #main .special-m-box ul li.item17,
*:first-child+html #main .special-m-box ul li.item21,
*:first-child+html #main .special-m-box ul li.item25,
*:first-child+html #main .special-m-box ul li.item29,
*:first-child+html #main .special-m-box ul li.item33,
*:first-child+html #main .special-m-box ul li.item37{
	clear: none;
}

#main .special-m-box ul li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#main .special-m-box ul li a img{
	position: absolute;
	right: 0;
	top: 10px;
}


/* ========================================
	special-l-box：特集（710x120）
======================================== */
#main .special-l-box{
	margin: 0 2px;
}

#main .special-l-box ul li{
	margin: 12px 0 0 0;
}

#main .special-l-box ul li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}
#main .special-l-box ul li a img{
	margin: 0 0 2px 0;
}

/* ========================================
	shop-box：オリジナルショップ
======================================== */
#main .shop-box{
	width: 714px;
	margin: 34px 0 0;
}

#main .shop-box .title{
	margin: 0 0 5px 0;
}

#main .shop-box p{
	margin: 0 2px;
}

#main .shop-box ul{
	margin: 0 2px;
	padding: 0;
}

#main .shop-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .shop-box ul{
	display: inline-block;
}


#main .shop-box ul li{
	margin: 0;
	padding: 132px 0 0 10px;
	width: 230px;
	float: left;
	position: relative;
}

#main .shop-box ul li.item1,
#main .shop-box ul li.item4,
#main .shop-box ul li.item7,
#main .shop-box ul li.item10,
#main .shop-box ul li.item13,
#main .shop-box ul li.item16,
#main .shop-box ul li.item19,
#main .shop-box ul li.item22,
#main .shop-box ul li.item25,
#main .shop-box ul li.item28{
	clear: both;
	padding: 132px 0 0 0;
}

*:first-child+html #main .shop-box ul li{
	zoom: 1;
	vertical-align: top;
	float: none;
	display: inline;
}

*:first-child+html #main .shop-box ul li.item1,
*:first-child+html #main .shop-box ul li.item4,
*:first-child+html #main .shop-box ul li.item7,
*:first-child+html #main .shop-box ul li.item10,
*:first-child+html #main .shop-box ul li.item13,
*:first-child+html #main .shop-box ul li.item16,
*:first-child+html #main .shop-box ul li.item19,
*:first-child+html #main .shop-box ul li.item22,
*:first-child+html #main .shop-box ul li.item25,
*:first-child+html #main .shop-box ul li.item28{
	clear: none;
}

#main .shop-box ul li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#main .shop-box ul li a img{
	position: absolute;
	right: 0;
	top: 10px;
}

/* ========================================
	voice-box：口コミ人気商品
======================================== */
#main .voice-box{
	width: 714px;
	margin: 34px 0 0 0;
	background: url(/component/img/common/main/main_box_w714_bg.gif) left bottom no-repeat;
}

#main .voice-box .title{
	margin: 0;
	padding: 0 0 8px 0;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg_box_ft.gif) left bottom no-repeat;
}

#main .voice-box p{
	margin: 8px 16px 0 16px;
}

#main .voice-box ul{
	position: relative;
	overflow: hidden;
	margin: 0 16px;
	padding: 0;
	width: 682px;
}

#main .voice-box ul li{
	margin: -1px 0 14px 0;
	padding: 15px 0 0 144px;
	width: 538px;
	position: relative;
	min-height: 134px;
	background: url(/component/img/common/main/main_border_dotted_h.gif) left top repeat-x;
}

#main .voice-box ul li .iname{
	margin: 3px 0 8px 0;
}

#main .voice-box ul li .iname img{
	display: block;
	border: solid 1px #d7d1cd;
	padding: 1px;
	width: 130px;
	position: absolute;
	left: 0;
	top: 15px;
}

#main .voice-box ul li .price{
	margin: 0 0 8px 0;
	padding: 0 13px 0 0;
	float: left;
}

#main .voice-box ul li .voice-stats{
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
	font-weight: bold;
	color: #f90;
}

#main .voice-box ul li .voice-stats img{
	margin: 0 5px 0 0;
}

#main .voice-box ul li .voice-link{
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
}

#main .voice-box ul li .voice-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}

#main .voice-box ul li .voice{
	width: 538px;
	clear: both;
}

#main .voice-box ul li .voice dl{
	margin: 0;
	padding: 0;
}

#main .voice-box ul li .voice dl dt{
	margin: 0;
	padding: 2px 10px 3px 10px;
	background: #f90 url(/component/img/common/main/voice_userinfo_bg.gif) left top no-repeat;
	color: #fff;
	line-height: 1.3;
}

#main .voice-box ul li .voice dl dt span{
	padding: 0 0 0 12px;
	margin: 0 0 0 10px;
	font-weight: bold;
	background: url(/component/img/common/main/voice_userinfo_border.gif) left top repeat-y;
}

#main .voice-box ul li .voice dl dd{
	margin: 0;
	padding: 8px 10px 0 10px;
	background: url(/component/img/common/main/voice_detail_bg.gif) left top no-repeat;
}

#main .voice-box ul li .voice dl dd p{
	margin: 0 0 4px 0;
	line-height: 1.4;
}

#main .voice-box ul li .voice dl dd p.item-detail{
	font-weight: bold;
	line-height: 1.3;
}

#main .voice-box .more-link{
	margin: 0 16px;
	padding: 10px 0 14px 0;
	text-align: right;
	background: url(/component/img/common/main/main_border_dotted_h.gif) left top repeat-x;
}

#main .voice-box .more-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}

/* ========================================
	controllers：検索表示変更・並べ替え・ページネーション
======================================== */
#main .controllers{
}

#main .controllers.hd .page-control{
	width: 704px;
	padding: 0 5px 3px 5px;
	background: url(/component/img/common/main/controllers_hd_bg.gif) left bottom repeat-x;
	border-bottom: solid 1px #d2c8bb;
}

#main .controllers.ft .page-control{
	width: 704px;
	border-top: solid 1px #d2c8bb;
	padding: 3px 5px 0 5px;
	background: url(/component/img/common/main/controllers_ft_bg.gif) left top repeat-x;
	margin: 0;
}

#main .controllers .page-control:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .controllers .page-control{
	display: inline-block;
}

#main .controllers .sort-order{
	margin: 0 5px;
	clear: both;
	width: 704px;
	background: #d2c8bb;
}

#main .controllers .sort-order th{
	padding: 5px 0;
	font-weight: normal;
	text-align: center;
	border: solid 1px #fff;
	width: 94px;
	background: url(/component/img/genre/main/table_title_bg.gif) left top;
}

#main .controllers .sort-order td{
	padding: 5px 10px;
	background: #fff;
}

#main .controllers .sort-order td.order-link{
	width: 585px;
}

#main .controllers .sort-order td.dispnum-link{
	width: 234px;
}

#main .controllers .sort-order td.stock-link{
	width: 233px;
}

#main .controllers .sort-order td ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .controllers .sort-order td ul{
	display: inline-block;
}

#main .controllers .sort-order td ul li{
	float: left;
	padding: 0 15px 0 0;
}

#main .controllers .sort-order td ul li a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.35em no-repeat;
}

#main .controllers .sort-order td ul li span{
	font-weight: bold;
	padding: 0 0 0 14px;
	background: url(/component/img/common/icon_arrow_check.gif) 0 0.1em no-repeat;
}

#main .controllers .page-control .paginator{
	float: left;
}

#main .controllers.hd .page-control .paginator{
	margin: 18px 0 0 0;
}

#main .controllers .page-control .paginator:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .controllers .page-control .paginator{
	display: inline-block;
}

#main .controllers .page-control .paginator li{
	margin: 0 2px 0 0;
	height: 23px;
	float: left;
}

#main .controllers.hd .page-control .paginator{
	padding: 2px 0 0 0;
}

#main .controllers.hd .page-control .paginator li{
	padding: 0 0 6px 0;
	background: url(/component/img/genre/main/paginator_bg.gif) left top repeat-x;
}

#main .controllers.ft .page-control .paginator li{
	padding: 6px 0 0 0;
	background: url(/component/img/genre/main/paginator_bg.gif) left bottom repeat-x;
}

#main .controllers.hd .page-control .paginator li.reader{
	background: none;
	padding: 9px 0 0 0;
}

#main .controllers.ft .page-control .paginator li.reader{
	background: none;
	padding: 15px 0 0 0;
}

#main .controllers .page-control .paginator li a{
	padding: 0 3px 0 0;
	display: inline-block;
	background: url(/component/img/genre/main/paginator_bg_r.gif) right top no-repeat;
}

#main .controllers .page-control .paginator li a span{
	padding: 4px 3px 0 6px;
	height: 19px;
	display: inline-block;
	background: url(/component/img/genre/main/paginator_bg_l.gif) left top no-repeat;
}

#main .controllers .page-control .paginator li.select{
	height: 23px;
}

#main .controllers .page-control .paginator li.select span{
	display: inline-block;
	padding: 0 3px 0 0;
}

#main .controllers .page-control .paginator li.select span span{
	color: #fff;
	font-weight: bold;
	padding: 4px 3px 0 6px;
	height: 19px;
	display: inline-block;
}

#main .controllers.hd .page-control .paginator li.select{
	padding: 0 0 6px 0;
	background: url(/component/img/genre/main/paginator_hd_select_bg.gif) center top no-repeat;
}

#main .controllers.hd .page-control .paginator li.select span{
	background: url(/component/img/genre/main/paginator_hd_select_bg_r.gif) right top no-repeat;
}

#main .controllers.hd .page-control .paginator li.select span span{
	background: url(/component/img/genre/main/paginator_hd_select_bg_l.gif) left top no-repeat;
}

#main .controllers.ft .page-control .paginator li.select{
	padding: 6px 0 0 0;
	background: url(/component/img/genre/main/paginator_ft_select_bg.gif) center bottom no-repeat;
}

#main .controllers.ft .page-control .paginator li.select span{
	background: url(/component/img/genre/main/paginator_ft_select_bg_r.gif) right bottom no-repeat;
}

#main .controllers.ft .page-control .paginator li.select span span{
	background: url(/component/img/genre/main/paginator_ft_select_bg_l.gif) left bottom no-repeat;
}


#main .controllers .page-control .guide{
	float: right;
}

#main .controllers .page-control .guide:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .controllers .page-control .guide{
	display: inline-block;
}

#main .controllers.hd .page-control .guide{
	margin: 18px 0 0 0;
}

#main .controllers.ft .page-control .guide{
	margin: 6px 0 18px 0;
}

#main .controllers .page-control .guide p{
	float: left;
	padding: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 116%;
}

#main .controllers .page-control .guide .prev{
	width: 66px;
	font-size: 100%;
	padding: 0 15px 0 0;
}

#main .controllers .page-control .guide .next{
	width: 66px;
	font-size: 100%;
	padding: 0 0 0 15px;
}

#main .controllers .page-control .guide .prev a,
#main .controllers .page-control .guide .next a{
	width: 56px;
	background: url(/component/img/genre/main/guide_btn_bg.gif) left top no-repeat;
	display: block;
	padding: 6px 6px 0 6px;
	height: 19px;
	text-decoration: none;
}

#main .controllers .page-control .guide .prev a span,
#main .controllers .page-control .guide .next a span{
	font-size: 66%;
	font-weight: normal;
}


/* ========================================
	itemlist：商品一覧
======================================== */
#main .itemlist{
	margin: 1px 0 15px 0;
}
#main .itemlist .msg{
	margin: 30px 5px 15px 5px;
	font-size: 133%;
	font-weight: bold;
	color: #f00;
}
#main .itemlist ul{
	padding: 0;
	margin: 0;
	background: url(/component/img/common/main/itemlist_border_v.gif) left top repeat-y;
}

#main .itemlist ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .itemlist ul{
	display: inline-block;
}

#main .itemlist ul li{
	width: 176px;
	float: left;
	padding: 29px 0 10px 3px;
	background: url(/component/img/common/main/itemlist_list_bg.gif) left top repeat-x;
}

#main .itemlist ul li.item1,
#main .itemlist ul li.item5,
#main .itemlist ul li.item9,
#main .itemlist ul li.item13,
#main .itemlist ul li.item17,
#main .itemlist ul li.item21,
#main .itemlist ul li.item25,
#main .itemlist ul li.item29,
#main .itemlist ul li.item33,
#main .itemlist ul li.item37,
#main .itemlist ul li.item41,
#main .itemlist ul li.item45,
#main .itemlist ul li.item49,
#main .itemlist ul li.item53,
#main .itemlist ul li.item57,
#main .itemlist ul li.item61,
#main .itemlist ul li.item65,
#main .itemlist ul li.item69,
#main .itemlist ul li.item73,
#main .itemlist ul li.item77{
	clear: both;
	width: 177px;
	padding: 29px 0 10px 0;
}

*:first-child+html #main .itemlist ul li{
	zoom: 1;
	vertical-align: top;
	display: inline;
	float: none;
}

*:first-child+html #main .itemlist ul li.item1,
*:first-child+html #main .itemlist ul li.item5,
*:first-child+html #main .itemlist ul li.item9,
*:first-child+html #main .itemlist ul li.item13,
*:first-child+html #main .itemlist ul li.item17,
*:first-child+html #main .itemlist ul li.item21,
*:first-child+html #main .itemlist ul li.item25,
*:first-child+html #main .itemlist ul li.item29,
*:first-child+html #main .itemlist ul li.item33,
*:first-child+html #main .itemlist ul li.item37,
*:first-child+html #main .itemlist ul li.item41,
*:first-child+html #main .itemlist ul li.item45,
*:first-child+html #main .itemlist ul li.item49,
*:first-child+html #main .itemlist ul li.item53,
*:first-child+html #main .itemlist ul li.item57,
*:first-child+html #main .itemlist ul li.item61,
*:first-child+html #main .itemlist ul li.item65,
*:first-child+html #main .itemlist ul li.item69,
*:first-child+html #main .itemlist ul li.item73,
*:first-child+html #main .itemlist ul li.item77{
	clear: none;
}

#main .itemlist ul li.item1,
#main .itemlist ul li.item2,
#main .itemlist ul li.item3,
#main .itemlist ul li.item4{
	padding-top: 14px;
	background: url(/component/img/common/main/itemlist_list_bg.gif) 0 -15px repeat-x;
}

#main .itemlist ul li div{
	width: 176px;
	padding: 6px 0 0;
}

#main .itemlist ul li.item1 div,
#main .itemlist ul li.item5 div,
#main .itemlist ul li.item9 div,
#main .itemlist ul li.item13 div,
#main .itemlist ul li.item17 div,
#main .itemlist ul li.item21 div,
#main .itemlist ul li.item25 div,
#main .itemlist ul li.item29 div,
#main .itemlist ul li.item33 div,
#main .itemlist ul li.item37 div,
#main .itemlist ul li.item41 div,
#main .itemlist ul li.item45 div,
#main .itemlist ul li.item49 div,
#main .itemlist ul li.item53 div,
#main .itemlist ul li.item57 div,
#main .itemlist ul li.item61 div,
#main .itemlist ul li.item65 div,
#main .itemlist ul li.item69 div,
#main .itemlist ul li.item73 div,
#main .itemlist ul li.item77 div{
	width: 177px;
}

#main .itemlist ul li div:hover{
	background: url(/component/img/common/main/itemlist_item_bg.gif) left top repeat-x;
}

#main .itemlist ul li .item{
	position: relative;
	width: 162px;
	margin: 6px 7px 0 7px;
	padding: 142px 0 0 0;
}

#main .itemlist ul li .item a img{
	margin: 0 3px 3px 0;
}

#main .itemlist ul li .item a img.thumb{
	position: absolute;
	left: 16px;
	top: 0;
	margin: 0;
}

#main .itemlist ul li .item a img.soldout{
	width: 162px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

#main .itemlist ul li .item a img.soldout{
	width: 130px;
	position: absolute;
	left: 16px;
	top: 0;
	z-index: 10;
}

#main .itemlist ul li .item a .names{
	display: block;
	font-weight: bold;
	width: 162px;
}

#main .itemlist ul li .sale{
	margin: 4px 7px 0 7px;
	font-size: 116%;
	color: #f00;
	font-weight: bold;
}

#main .itemlist ul li .price{
	width: 162px;
	margin: 4px 7px 0 7px;
}

#main .itemlist ul li .price-b{
	width: 162px;
	margin: 4px 7px 0 7px;
}

#main .itemlist ul li .oldprice{
	width: 162px;
	margin: 4px 7px 0 7px;
	text-decoration: line-through;
}

#main .itemlist ul li .downprice{
	width: 162px;
	color: #f00;
	margin: 4px 7px 0 7px;
}

#main .itemlist ul li .voice{
	width: 162px;
	margin: 4px 7px 0 7px;
}
#main .itemlist ul li .voice img{
	margin: 0 5px 0 0;
}

#main .itemlist ul li .voice a{
	color: #f90;
	font-weight: bold;
}

#main .itemlist ul li .voice a span{
	font-size: 83%;
}

#main .itemlist ul li .comment{
	width: 162px;
	margin: 4px 7px 0 7px;
}

#main .itemlist ul li .comment span{
	margin: 4px 0 0 0;
	display: block;
}

#main .itemlist ul li div.icon{
	padding: 0;
	margin: 4px 7px 0 7px;
}

#main .itemlist ul li div.icon:hover{
	background: transparent;
}

#main .itemlist ul li .season{
	width: 142px;
	line-height: 1.5;
	margin: 4px 7px 0 7px;
	background: url(/component/img/common/main/itemlist_season_bg.gif) left top;
	padding: 5px 10px;
}

#main .itemlist ul li .season span{
	text-decoration: line-through;
}

/* ========================================
	categories-box：カテゴリリスト
======================================== */
#main .categories-box{
	margin: 24px 0 0 0;
}

#main .categories-box p{
	margin: 5px 2px 10px 2px
}

#main .categories-box ul{
	margin: 0 2px;
	padding: 0;
}

#main .categories-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .categories-box ul li{
	float: left;
	margin: 0;
	padding: 0 0 10px 10px;
	width: 230px;
}

#main .categories-box ul li.category1,
#main .categories-box ul li.category4,
#main .categories-box ul li.category7,
#main .categories-box ul li.category10,
#main .categories-box ul li.category13,
#main .categories-box ul li.category16,
#main .categories-box ul li.category19,
#main .categories-box ul li.category22,
#main .categories-box ul li.category25,
#main .categories-box ul li.category28,
#main .categories-box ul li.category31,
#main .categories-box ul li.category34,
#main .categories-box ul li.category37,
#main .categories-box ul li.category40,
#main .categories-box ul li.category43,
#main .categories-box ul li.category46,
#main .categories-box ul li.category49,
#main .categories-box ul li.category52,
#main .categories-box ul li.category55,
#main .categories-box ul li.category58,
#main .categories-box ul li.category61,
#main .categories-box ul li.category64,
#main .categories-box ul li.category67,
#main .categories-box ul li.category70,
#main .categories-box ul li.category73,
#main .categories-box ul li.category76,
#main .categories-box ul li.category79,
#main .categories-box ul li.category82,
#main .categories-box ul li.category85,
#main .categories-box ul li.category88,
#main .categories-box ul li.category91,
#main .categories-box ul li.category94,
#main .categories-box ul li.category97{
	clear: both;
	padding: 0 0 10px 0;
}

#main .categories-box ul li a{
	border: solid 1px #c9c1bb;
	padding: 4px 5px 4px 17px;
	display: block;
	background: url(/component/img/common/icon_arrow_l.gif) 8px 0.75em no-repeat;
}

#main .categories-box ul li strong{
	border: solid 1px #c9c1bb;
	padding: 4px 5px 4px 17px;
	display: block;
	background: url(/component/img/common/icon_arrow_l.gif) 8px 0.75em no-repeat;
}

#main .categories-box ul li dl{
	background: #fff;
	margin: 0;
	padding: 0;
	border: solid 1px #c9c1bb;
}

#main .categories-box ul li dl dt{
	margin: 1px 1px 0 1px;
	padding: 0;
}

#main .categories-box ul li dl dt a{
	border: none;
	padding: 4px 5px 4px 16px;
	display: block;
	background: url(/component/img/genre/main/categories_title_bg.gif) left top no-repeat;
	font-weight: bold;
}

#main .categories-box ul li dl dd{
	border-top: solid 1px #d2c8bb;
	width: 226px;
	margin: 0 1px;
	padding: 0;
}

#main .categories-box ul li dl dd ul{
	background: #fff;
	margin: 0;
	padding: 0;
	width: 226px;
	overflow: hidden;
}

#main .categories-box ul li dl dd ul li{
	margin: -1px 0 0 0;
	display: block;
	padding: 5px 7px 4px 7px;
	border: none;
	float: none;
	background: url(/component/img/common/main/main_border_dotted_h.gif) 0 0 repeat-x;
}

#main .categories-box ul li dl dd ul li a{
	display: inline-block;
	border: none;
	padding: 0 10px 0 10px;
	background: url(/component/img/common/icon_tree.gif) 0 0.4em no-repeat;
}

/* ========================================
	side：左サイド
======================================== */
#side{
	float: left;
	text-align: left;
	width: 230px;
	margin: 25px 0 30px 0;
}

.side-box{
	width: 230px;
	padding: 0 0 7px 0;
	background: #fff url(/component/img/common/side/side_box_bg.gif) left bottom no-repeat;
}

#side .more-link{
	text-align: right;
	margin: 0 0 0 0;
}

#side .more-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}


/* ========================================
	side：左サイド：検索ボックス
======================================== */
#side .search-box{
	width: 230px;
	background: #fff url(/component/img/common/side/side_box_bg.gif) left bottom no-repeat;
	margin: 0 0 22px 0;
}

#side .search-box .box-in{
	padding: 5px 5px 7px 5px;
	background: url(/component/img/common/side/side_box_bg_hd.gif) left top no-repeat;
}

#side .search-box form{
	border: solid 1px #f1ece6;
	background: #fff;
	padding: 12px 10px 14px 10px;
}

#side .search-box select{
	margin: 0 0 9px 0;
	width: 198px;
}

#side .search-box .search-txt{
	margin: 0 0 14px 0;
	width: 198px;
	height: 24px;
	background: url(/component/img/bargain/side/search_txt_bg.gif) left top no-repeat;
}
#side .search-box .search-txt input{
	border: none;
	padding: 3px 6px 2px 6px;
	width: 186px;
	height: 19px;
	background: transparent;
}

*:first-child+html #side .search-box .search-txt input{
	margin: -1px;
	padding: 5px 6px 0 6px;
	height: 19px;
}
#side .search-box .btn{
	text-align: center;
}

/* ========================================
	categories：左サイド
======================================== */
#side .categories{
	margin: 0;
}

#side .categories .title{
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_box_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
}

#side .categories .title h2{
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .categories ul,
#side .categories .box{
	overflow: hidden;
	margin: 3px 5px 0 5px;
	padding: 1px;
	width: 216px;
	border: solid 1px #f1ece6;
	background: #fff;
}

#side .categories ul li{
	padding: 1px 0;
	border-top: solid 1px #d2c8bb;
}

#side .categories ul li.genre1{
	border-top: none;
	padding: 0 0 1px 0;
}

#side .categories ul li a{
	display: block;
	padding: 8px 10px 7px 24px;
	background: url(/component/img/common/side/categories_title_bg.gif) left top no-repeat;
	font-weight: bold;
}

#side .categories ul li.select strong,
#side .categories ul li.select a{
	display: block;
	padding: 8px 10px 7px 24px;
	background: url(/component/img/common/side/categories_select_title_bg.gif) left top no-repeat;
	font-weight: bold;
	color: #f60;
}

#side .categories ul li.select ul{
	margin: 0;
	padding: 0;
	width: 216px;
	border: none;
	overflow: hidden;
	border-top: solid 1px #d2c8bb;
}

#side .categories ul li.select ul li{
	margin: -1px 0 1px 0;
	border: none;
	background: url(/component/img/common/side/border_h_dotted.gif) 1px 0 repeat-x;
}

#side .categories ul li.select ul li a{
	color: #5e5441;
	font-weight: normal;
	padding: 7px 5px 6px 24px;
	background: url(/component/img/common/icon_arrow_l.gif) 15px 1.1em no-repeat;
}

#side .categories ul li.select ul li a:hover{
	color: #88796d;
}

#side .categories ul li.select ul li strong{
	padding: 7px 5px 5px 24px;
	background: url(/component/img/common/icon_arrow_l.gif) 15px 1em no-repeat;
}

#side .categories ul li.select ul li.select a{
	color: #f60;
}

#side .categories .box h3{
	border-bottom: solid 1px #d2c8bb;
	border-top: solid 1px #d2c8bb;
	margin: 0;
	padding: 1px 0;
}

#side .categories .box h3.genre1{
	border-top: none;
	padding: 0 0 1px 0;
}

#side .categories .box h3 a{
	display: block;
	padding: 8px 10px 8px 24px;
	background: url(/component/img/common/side/categories_title_bg.gif) left top no-repeat;
}

#side .categories .box ul{
	width: 216px;
	overflow: hidden;
	margin: 0 0 2px 0;
	padding: 0;
	border: none;
}

#side .categories .box ul li{
	border: none;
	padding: 0;
	margin: -1px 0 1px 0;
	background: url(/component/img/common/side/border_h_dotted.gif) 1px 0 repeat-x;
}

#side .categories .box ul li a{
	font-weight: normal;
	display: block;
	padding: 7px 0 6px 24px;
	background: url(/component/img/common/icon_arrow_l.gif) 15px 1.1em no-repeat;
}

/* ========================================
	relation-categories：関連カテゴリ
======================================== */

#side .relation-categories{
	margin: 22px 0 0 0;
	width: 230px;
}

#side .relation-categories .title{
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_box_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
}

#side .relation-categories .title h2{
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .relation-categories ul{
	overflow: hidden;
	margin: 3px 5px 0 5px;
	padding: 1px;
	width: 216px;
	border: solid 1px #f1ece6;
	background: #fff;
}

#side .relation-categories li{
	padding: 1px 0;
	border-top: solid 1px #d2c8bb;
}

#side .relation-categories li.genre1{
	border-top: none;
	padding: 0 0 1px 0;
}

#side .relation-categories li a{
	display: block;
	padding: 8px 10px 7px 24px;
	background: url(/component/img/common/side/categories_title_bg.gif) left top no-repeat;
	font-weight: bold;
}

/* ========================================
	size-link：サイズで選ぶリンク
======================================== */
#side .size-link{
	width: 230px;
	background: #fff url(/component/img/common/side/side_box_bg.gif) left bottom no-repeat;
	padding: 0 0 7px 0;
	margin: 22px 0 0 0;
}

#side .size-link div{
	padding: 5px 5px 0 5px;
	background: url(/component/img/common/side/side_box_bg_hd.gif) left top no-repeat;
}

#side .size-link div a{
	position: relative;
	width: 123px;
	font-size: 116%;
	font-weight: bold;
	border: solid 1px #f1ece6;
	display: block;
	padding: 7px 73px 7px 22px;
	background: url(/component/img/top/categories_title_bg.gif) 1px 1px no-repeat;
	text-decoration: none;
}

#side .size-link div a img{
	position: absolute;
	right: 0;
	top: -7px;
}

/* ========================================
	catalog-link：カタログで選ぶリンク
======================================== */
#side .catalog-link{
	margin: 10px 0 0 0;
	width: 230px;
	background: #fff url(/component/img/common/side/side_box_bg.gif) left bottom no-repeat;
	padding: 0 0 7px 0;
}

#side .catalog-link div{
	padding: 5px 5px 0 5px;
	background: url(/component/img/common/side/side_box_bg_hd.gif) left top no-repeat;
}

#side .catalog-link div a{
	position: relative;
	width: 123px;
	font-size: 116%;
	font-weight: bold;
	border: solid 1px #f1ece6;
	display: block;
	padding: 7px 73px 7px 22px;
	background: url(/component/img/top/categories_title_bg.gif) 1px 1px no-repeat;
	text-decoration: none;
}

#side .catalog-link div a img{
	position: absolute;
	right: 0;
	top: -7px;
}
/* ========================================
	original-box：オリジナルショップ
======================================== */
#side .original-box{
	margin: 22px 0 0 0;
}

#side .original-box .title{
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 0 0 6px 0;
}

#side .original-box .title h2{
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .original-box li{
	margin: 12px 0 0 0;
}

#side .original-box li:first-child{
	margin: 0;
}

#side .original-box li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#side .original-box li a img{
	margin: 0 0 2px 0;
}

/* ========================================
	shop-box：ショップ共通
======================================== */
#side .shop-box{
	margin: 34px 0 0 0;
}

#side .shop-box .title{
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 0 0 6px 0;
}

#side .shop-box .title h2{
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .shop-box li{
	margin: 12px 0 0;
}

#side .shop-box li:first-child{
	margin: 0;
}

#side .shop-box li a img{
	margin: 0 0 2px 0;
}

#side .shop-box li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}


/* ========================================
	campaign-box：プレゼント＆キャンペーン
======================================== */
#wrap #campaign-box{
	margin: 17px 0 2px 0;
}


/* ========================================
	side-banner：バナーリスト
======================================== */
#side .side-banner{
	width: 230px;
	margin: 34px 0 0 0;
	overflow: hidden;
}

#side .side-banner li{
	margin: 12px 0 0 0;
	text-align: right;
}

#side .side-banner li:first-child{
	margin: 0;
}

#side .side-banner li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#side .side-banner li img{
	margin: 0 0 2px 0;
}

/* ========================================
	ranking：ランキング
======================================== */

#side .ranking-box{
	width: 230px;
	margin: 0 0 3px 0;
}

#side .ranking-box .title{
	background: #7d6954 url(/component/img/genre/side/title_ranking_bg_box_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 0;
}

#side .ranking-box .title h2{
	padding: 18px 5px 0 53px;
	background: #7d6954 url(/component/img/genre/side/title_ranking_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .ranking-box p{
	width: 198px;
	padding: 10px 10px;
	margin: 0 5px;
	border-left: solid 1px #f1ece6;
	border-right: solid 1px #f1ece6;
	background: #fff;
}

#side .ranking-box ol{
	margin: 0 5px;
	padding: 0;
	width: 218px;
	border: solid 1px #f1ece6;
	border-top: none;
	background: #fff;
}

#side .ranking-box ol li{
	position: relative;
	width: 108px;
	margin: 0;
	padding: 11px 10px 9px 100px;
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 0 repeat-x;
	min-height: 80px;
}

#side .ranking-box ol li .icon{
	margin: 0 0 4px;
}

#side .ranking-box ol li a{
	font-weight: bold;
	display: block;
	margin: 0 0 4px 0;
}

#side .ranking-box ol li a img{
	padding: 1px;
	border: solid 1px #d7d1cd;
	width: 76px;
	position: absolute;
	left: 10px;
	top: 11px;
}

#side .ranking-box ol li.rank1{
	width: 198px;
	padding: 166px 10px 9px 10px;
	background: url(/component/img/genre/side/ranking_rank1_bg.gif) left top no-repeat;
	min-height: 0;
	height: auto;
}

* html #side .ranking-box ol li.rank1{
	height: auto;
}
*:first-child+html #side .ranking-box ol li.rank1{
	height: auto;
}

#side .ranking-box ol li.rank1 a img{
	position: absolute;
	left: 41px;
	top: 25px;
	width: 130px;
}

#side .ranking-box ol li.rank1 .icon{
	width: 40px;
	position: absolute;
	left: 12px;
	top: 5px;
	z-index: 50;
}

#side .ranking-box ol li p{
	margin: 0 10px;
}


#main .more-link{
	margin: 0;
	text-align: right;
}

#main .more-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}



/* ========================================
	ranking-box：ランキング
======================================== */
#side .ranking-box{
	margin: 24px 0 3px 0;
}


/* ========================================
	original-box：オリジナルショップ
======================================== */
#side .original-box{
	margin: 32px 0 0 0;
}




/* ========================================
	14/3/20 見出し変更
======================================== */
#main .ranking-box{
	margin: 0 0 20px 0;
}

#main .ranking-box .title{
	width: 692px;
	margin: 0;
	padding: 0 11px;
	background: url(/component/img/common/main/title_ranking_w714_bg.gif) left top no-repeat;
}

#main .ranking-box .title h2{
	color: #6d6a65;
	background: none;
	border-bottom: solid 1px #d2c8bb;
	padding: 12px 5px 7px 41px;
	min-height: 16px;
}


#main .voice-box .title{
	width: 692px;
	margin: 0;
	padding: 0 11px;
	background: url(/component/img/common/main/title_voice_w714_bg.gif) left top no-repeat;
}

#main .voice-box .title h2{
	color: #6d6a65;
	background: none;
	border-bottom: solid 1px #d2c8bb;
	padding: 12px 5px 7px 41px;
	min-height: 16px;
}

/* ========================================
	14/3/25 見出し変更
======================================== */

#main .title{
	background: none;
}

#main .title h2{
	padding: 10px 5px 0 26px;
	background: url(/component/img/common/main/title_gray_w958_bg.gif) left top no-repeat;
	color: #6d6a65;
	border-bottom: solid 2px #54412c;
	min-height: 23px;
}

#main .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 9px;
	right: 15px;
	background: none;
}

#main .title p a{
	font-weight: bold;
	color: #5e5441;
	background: url(/component/img/common/icon_arrow_brw.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}

#wrap #main .news-box .title{
	width: 692px;
	margin: 0;
	padding: 0 11px;
	background: url(/component/img/common/main/main_box_w714_bg_hd.gif) left top no-repeat;
}

#wrap #main .news-box .title h2{
	color: #6d6a65;
	background: none;
	border-bottom: solid 1px #d2c8bb;
	padding: 12px 5px 7px 5px;
	min-height: 16px;
}


#main .special-box .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 9px;
	right: 15px;
	background: none;
}

#main .special-box .title p a{
	font-weight: bold;
	color: #5e5441;
	background: url(/component/img/common/icon_arrow_brw.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}


#main .special-m-box .title p{
	margin: 0;
	padding: 1px 0 3px;
	position: absolute;
	top: 9px;
	right: 15px;
	background: none;
}

#main .special-m-box .title p a{
	font-weight: bold;
	color: #5e5441;
	background: url(/component/img/common/icon_arrow_brw.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}


/* ========================================
	recommend-list-box2：あなたへのおすすめ
======================================== */
#main .recommend-list-box2{
	width: 714px;
	margin: 0 0 34px 0;
}

#main .recommend-list-box2 .title{
	width: 714px;
	margin: 0;
	padding: 0;
	position: relative;
}

#main .recommend-list-box2 .title h2{
	padding: 13px 0 0 43px;
	margin: 0;
	border: 0;
	min-height: 22px;
	background: url(/component/img/genre/main/title_recommend_bg.gif) left top no-repeat;
}

#main .recommend-list-box2 ul{
	margin: 0 2px;
	padding: 0;
}

#main .recommend-list-box2 ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .recommend-list-box2 ul{
	display: inline-block;
}

#main .recommend-list-box2 ul li{
	margin: 0;
	padding: 10px 0 0 10px;
	width: 134px;
	float: left;
	position: relative;
}

#main .recommend-list-box2 ul li.item1,
#main .recommend-list-box2 ul li.item6,
#main .recommend-list-box2 ul li.item11,
#main .recommend-list-box2 ul li.item16,
#main .recommend-list-box2 ul li.item21,
#main .recommend-list-box2 ul li.item26{
	clear: both;
	padding: 10px 0 0 0;
}

/* IE7 */
*:first-child+html #main .recommend-list-box2 ul li{
	zoom: 1;
	vertical-align: top;
	display: inline;
	float: none;
}

*:first-child+html #main .recommend-list-box2 ul li.item1,
*:first-child+html #main .recommend-list-box2 ul li.item6,
*:first-child+html #main .recommend-list-box2 ul li.item11,
*:first-child+html #main .recommend-list-box2 ul li.item16,
*:first-child+html #main .recommend-list-box2 ul li.item21,
*:first-child+html #main .recommend-list-box2 ul li.item26{
	clear: none;
}

#main .recommend-list-box2 ul li .iname{
	width: 134px;
	padding: 136px 0 0 0;
	margin: 0 0 5px 0;
	position: relative;
}

#main .recommend-list-box2 ul li .iname a{
	line-height: 1.5;
}

#main .recommend-list-box2 ul li .iname img{
	position: absolute;
	right: 0;
	top: 0;
	border: solid 1px #d7d1cd;
	padding: 1px;
	width: 130px;
}

#main .recommend-list-box2 ul li .price{
	margin: 0;
}



/* ========================================
	recommend-column：あなたへのおすすめ
======================================== */
#main .recommend-column{
	margin: 24px 0 10px;
}
#main .recommend-column .title{
	margin: 0;
}

#main .recommend-column ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .recommend-column ul li{
	margin: 11px 0 0 12px;
	width: 230px;
	float: left;
}

#main .recommend-column ul li.lside{
	margin: 11px 0 0;
	clear: both;
}

#main .recommend-column ul li div{
	width: 106px;
	padding: 0 0 0 124px;
	position: relative;
	min-height: 94px;
}

#main .recommend-column ul li div img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	padding: 1px;
	background: #fff;
	border: solid 1px #ddd;
}

#main .recommend-column ul li dl{
	font-size: 10px;
	padding: 5px 0 5px 10px;
	margin: 10px 0 0;
	background: url(/component/img/common/main/note_bg.gif) left top;
}

#main .recommend-column ul li dl:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .recommend-column ul li dl dt{
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}

#main .recommend-column ul li dl dd{
	margin: 0;
	padding: 0;
	width: 145px;
	float: left;
	display: inline-block;
}