@charset "utf-8";


/* リストページ共通
============================================================ */
/* h1 */
#list h1 { height:47px; margin:0 0 20px; background-position:0 0; background-repeat:no-repeat;}
.noSpice.men h1 { background-image:url(../img/list/h1-M-noSpice.jpg);}
.noSpice.women h1 { background-image:url(../img/list/h1-F-noSpice.jpg);}
.limitation.men h1 { background-image:url(../img/list/h1-M-limitation.jpg);}
.limitation.women h1 { background-image:url(../img/list/h1-F-limitation.jpg);}
.Aroma.men h1 { background-image:url(../img/list/h1-M-Aroma.jpg);}
.Aroma.women h1 { background-image:url(../img/list/h1-F-Aroma.jpg);}

#list.rank h1 { margin:0 0 8px;}
.rank h1 { background-image:url(../img/list/h1-kuchikomi-rank.jpg);}
.rank.men h1 { background-image:url(../img/list/h1-M-rank.jpg);}
.rank.women h1 { background-image:url(../img/list/h1-F-rank.jpg);}

#list.sale h1 { margin:0 0 8px; background-image:url(../img/list/h1-sale.jpg);}
#list.saleEnd h1 { margin:0 0 8px; background-image:url(../img/list/h1-saleEnd.jpg);}

#list.search h1 { margin:0 0 8px; background-image:url(../img/list/h1-search.jpg);}

#list.kuchikomiList h1 { margin:0 0 8px; background-image:url(../img/list/h1-kuchikomi.jpg);}
#list.kuchikomiList.new h1 { margin:0 0 8px; background-image:url(../img/list/h1-newkuchikomi.jpg);}

#list.moniter h1 { margin:0 0 40px; background-image:url(../img/list/h1-moniter.jpg);}

/* rank h2 */
#list.noSpice #mainContents h2,
#list.limitation #mainContents h2,
#list.Aroma #mainContents h2,
#list.rank #mainContents h2,
#list.sale #mainContents h2,
#list.saleEnd #mainContents h2,
#list.kuchikomiList #mainContents h2,
#list.search #mainContents h2 {
	height:auto;
	margin:0 0 -15px;
	padding:0 0 0 25px;
	background:url(../img/list/h2-rank.gif) left center no-repeat;
	color:#821656;
	font-size:14px;}


/* アイテム合計数 */
#list .totalItem {
	margin:25px 0 0;
	padding:3px;
	background:#E6E6E6;
	font-weight:bold;}
#list.search.noHit .totalItem { margin-bottom:5px;}

/* ページ送り */
#list .pageNavi {
	margin:-20px 0 10px;
	text-align:right;}
#list .pageNavi li {
	display:inline;
	padding:0 3px;
	color:#333;
	font-weight:bold;}
#list .pageNavi li a { font-weight:normal;}

/* 並び替え */
#list .exchange {
	position:relative;
	z-index:1;
	background:url(../img/c/dot_001.gif) bottom repeat-x #FFF;}
#list .exchange dt {
	position:relative;
	float:left;
	padding:0 3px;
	font-weight:bold;}
#list .exchange dd {
	margin:0 0 8px;
	padding:0 0 8px;}
#list .exchange .sortA {
	background:url(../img/c/dot_001.gif) bottom repeat-x #FFF;}
#list .exchange .sortB {}
#list .exchange li {
	display:inline;}

/* リスト */
#itemList {
	margin:20px 0 0;
	padding:1px;
	border:solid 1px #CBC2C0;}

#itemList .frame {
	padding:3px;
	background:url(../img/list/bg.gif);}

#itemList .set {
	padding:10px 13px;
	background:#FFF;}
#list.search.noHit .set { padding-bottom:0;}
#list.search.noHit .set p { padding:0 0 10px;}


#itemList dl {
	float:left;
	width:152px;}
#itemList dl.left { padding:0 25px 0 0;}
#itemList dl.right { float:right;}

#itemList dt { width:148px; padding:1px; border:solid 1px #E5E3C9;}
#itemList dd { line-height:1.3;}
#itemList .no {
	color:#A2A2A2;
	font-size:12px;
	font-weight:bold;}
#itemList .no img { position:relative; top:-3px;}
/*\*/*html #itemList .no img { top:-4px;}/**/
/*\*/*+html #itemList .no img { top:-4px;}/**/
#itemList .price { padding:3px 0;}
#itemList .price .oldPrice { color:#666; text-decoration:line-through;}
#itemList .star { font-size:10px;}
#itemList .star { padding:2px 0 0;}
#itemList .star img { position:relative; top:-2px; vertical-align:middle;}

#itemList h3 { padding:3px 0 5px; font-size:12px; font-weight:normal;}
#itemList h3 img { margin-left:3px; vertical-align:middle;}




/* 口コミ一覧
========================================================= */

/* この商品の口コミ情報 */
#list.kuchikomiList .kuchikomi dl { padding:25px 0 10px;}
#list.kuchikomiList .kuchikomi dt { padding:0 7px; background:#F0F0F0;}

#list.kuchikomiList .kuchikomi dd { padding:10px 2px 7px;}
#list.kuchikomiList .kuchikomi .name { font-weight:bold;}

#list.kuchikomiList .kuchikomi h4 { padding:7px 0 5px; font-size:12px;}
#list.kuchikomiList .kuchikomi h4 img { vertical-align:top;}
#list.kuchikomiList .kuchikomi p { padding:7px 0 0;}

#list.kuchikomiList .kuchikomi .judge {
	padding:7px 2px 0;
	background:url(../img/c/dot_001.gif) 0 0 repeat-x;
	line-height:1.0;}
#list.kuchikomiList .kuchikomi .judge img { vertical-align:middle;}
#list.kuchikomiList .kuchikomi .judge .report { padding:0 0 0 10px; background:url(../img/c/arrowR_001.gif) left center no-repeat;}

#list.kuchikomiList .kuchikomi .vote {
	display:none;
	height:0px;}



/* 検索結果　NoHit
========================================================= */
#list.keyword_list.search .result { padding:0 10px;}
#list.keyword_list.search .result p { padding:0 0 15px; font-size:14px;}




/* ただいまモニター中！
========================================================= */
#list.moniter .information { position:relative; height:200px; background:url(../img/list/moniter-information.gif) top center no-repeat;}
#list.moniter .information * { position:absolute; left:-9999px;}
#list.moniter .information a {
	display:block;
	top:133px;
	height:17px;}
#list.moniter .information a.link01 { left:10250px; width:64px;}
#list.moniter .information a.link02 { left:10326px; width:48px;}

#list.moniter .situation {
	padding:1px;
	border:solid 1px #CBC2C0;}
#list.moniter .situation .frame { padding:0 3px 3px; background:url(../img/list/moniter-bg.gif) 0 0 repeat;}

#list.moniter .situation table {
	border-bottom:solid 1px #CBC2C0;}
#list.moniter .situation th { padding:4px 0; border-bottom:solid 1px #CBC2C0; text-align:center; color:#FFF;}
#list.moniter .situation th span { display:block;}

#list.moniter .situation th span { background:#C99EA7;}
#list.moniter .situation .newup th span { background:#CD276C;}

#list.moniter .situation th.state { width:62px; border-right:solid 1px #CBC2C0;}
#list.moniter .situation th.state span { margin:0 4px 0 0;}

#list.moniter .situation th.title { width:173px; border-right:solid 1px #CBC2C0;}
#list.moniter .situation th.title span { margin:0 4px;}

#list.moniter .situation th.period { width:105px; border-right:solid 1px #CBC2C0;}
#list.moniter .situation th.period span { margin:0 4px;}

#list.moniter .situation th.item { width:126px; border-right:solid 1px #CBC2C0;}
#list.moniter .situation th.item span { margin:0 4px;}

#list.moniter .situation th.person { width:62px;}
#list.moniter .situation th.person span { margin:0 0 0 4px;}

#list.moniter .situation td { padding:4px; border-right:solid 1px #CBC2C0; background:#FFF;}
#list.moniter .situation .dotLine td { background:url(../img/c/dot_004.gif) top repeat-x #FFF;}

#list.moniter .situation td.state { border-left:solid 1px #CBC2C0;}
#list.moniter .situation .newup td.state { color:#C4216B;}
#list.moniter .situation td.title {}
#list.moniter .situation td.period {}
#list.moniter .situation td.item {}
#list.moniter .situation td.person { text-align:right;}

#list.moniter .situation p { margin:15px 0 0; color:#A96875; font-weight:bold;}