@charset "utf-8";


/* root.index	トップページ
============================================================ */
#root.index #mainContents div { position:relative; margin:0 0 20px;}
#root.index #mainContents h2 { padding-bottom:13px; background-position:0 0; background-repeat:no-repeat; background-color:#FFF;}



/* ピックアップエリア */
#root.index #pickSPcontent { padding:1px; border:solid 1px #CBC2C0;}
#root.index #pickSPcontent h1,
#root.index #pickSPcontent p { width:auto; height:auto; margin:0; padding:0;}
/*
#root.index #pickSPcontent dl { background:url(../img/top/pickSPcontent-bg.jpg) 0 0 no-repeat;}
#root.index #pickSPcontent dt { padding:19px 5px 0 0; text-align:right;}
#root.index #pickSPcontent dd { height:141px; background:url(../img/top/pickSPcontent-dd.gif) 0 0 no-repeat;}
#root.index #pickSPcontent dd * { position:absolute; left:-9999px;}*/


/* 週間人気ランキング */
#root.index #rankWeek h2 { height:44px; background-image:url(../img/top/h2-rankWeek.jpg);}
#root.index #rankWeek .bg { margin:0; padding:0; background:url(../img/top/rankWeek-bg.gif) 0 37px repeat-y;}
#root.index #rankWeek .bgTop { margin:0; background:url(../img/top/rankWeek-bgTop.gif) 0 0 no-repeat;}
#root.index #rankWeek .bgBtm { margin:0; padding:0 0 10px; background:url(../img/top/rankWeek-bgBtm.gif) left bottom no-repeat;}

#root.index #rankWeek h3 { position:absolute; left:-9999px;}
#root.index #rankWeek .women { float:left; width:265px;}
#root.index #rankWeek .men { float:right; width:265px;}

#root.index #rankWeek dt { height:42px; padding:6px 0 0 212px;}
#root.index #rankWeek dt a { display:block; width:47px; height:20px;}
#root.index #rankWeek .women dt a { background:url(../img/top/rankWeek-btnF.gif) 0 0 no-repeat;}
#root.index #rankWeek .men dt a { background:url(../img/top/rankWeek-btnM.gif) 0 0 no-repeat;}
#root.index #rankWeek dt a:hover { background:none;}

#root.index #rankWeek dd { padding:0 19px;}
#root.index #rankWeek dd dl {
	float:none;
	position:relative;
	width:227px;
	min-height:104px;
	margin:0 0 12px;
	padding:30px 0 0;
	background-position:0 0;
	background-repeat:no-repeat;}
/*\*/*html #root.index #rankWeek dd dl { height:104px;}/**/
#root.index #rankWeek .women .rank1 { background-image:url(../img/top/rankWeek-no1F.gif);}
#root.index #rankWeek .women .rank2 { background-image:url(../img/top/rankWeek-no2F.gif);}
#root.index #rankWeek .women .rank3 { background-image:url(../img/top/rankWeek-no3F.gif);}
#root.index #rankWeek .men .rank1 { background-image:url(../img/top/rankWeek-no1M.gif);}
#root.index #rankWeek .men .rank2 { background-image:url(../img/top/rankWeek-no2M.gif);}
#root.index #rankWeek .men .rank3 { background-image:url(../img/top/rankWeek-no3M.gif);}
#root.index #rankWeek dd dt { position:absolute; top:30px; left:0; width:104px; height:104px; padding:1px; border:solid 1px #CBC2C0; background:#FFF;}
#root.index #rankWeek dd dd { margin:0; padding:0 0 0 122px; font-size:10px;}
#root.index #rankWeek dd h4 { padding:0 0 5px; font-weight:normal; font-size:12px;}
#root.index #rankWeek dd .star { padding-top:5px; padding-bottom:12px; background:url(../img/c/dot_003.gif) bottom repeat-x;}
#root.index #rankWeek dd .star img { position:relative; vertical-align:top;}
/*\*/
*html #root.index #rankWeek dd .star img { top:-1px;}
*+html #root.index #rankWeek dd .star img { top:-1px;}/**/
#root.index #rankWeek .rank3 .star { padding-bottom:0; background:none;}



/* 口コミランキング */
#root.index #rankKuchikomi h2 { position:relative; height:44px; margin-bottom:-12px; background-image:url(../img/top/h2-rankKuchikomi.jpg); z-index:1;}
#root.index #rankKuchikomi .list {
	position:absolute;
	top:10px;
	right:3px;
	width:93px;
	height:27px;
	background:url(../img/top/rankKuchikomi-btn.jpg) 0 0 no-repeat;
	z-index:2;}
#root.index #rankKuchikomi .list a {
	display:block;
	width:87px;
	height:21px;
	margin:3px;}

#root.index #rankKuchikomi .set { top:-1px; width:460px; margin:0 41px 13px; padding:12px 0 0; background:url(../img/c/dot_003.gif) top repeat-x;}
#root.index #rankKuchikomi dl { float:left; width:125px; margin:0; padding:25px 42px 0 0; background-position:0 0; background-repeat:no-repeat;}
#root.index #rankKuchikomi .rank1 { background-image:url(../img/top/rankKuchikomi-no1.gif);}
#root.index #rankKuchikomi .rank2 { background-image:url(../img/top/rankKuchikomi-no2.gif);}
#root.index #rankKuchikomi .rank3 { float:right; padding-right:0; background-image:url(../img/top/rankKuchikomi-no3.gif);}
#root.index #rankKuchikomi .rank4 { background-image:url(../img/top/rankKuchikomi-no4.gif);}
#root.index #rankKuchikomi .rank5 { background-image:url(../img/top/rankKuchikomi-no5.gif);}
#root.index #rankKuchikomi .rank6 { float:right; padding-right:0; background-image:url(../img/top/rankKuchikomi-no6.gif);}
#root.index #rankKuchikomi dt { width:121px; height:121px; padding:1px; border:solid 1px #CBC2C0; background:#FFF;}
#root.index #rankKuchikomi dd { font-size:10px;}
#root.index #rankKuchikomi h3 { padding:0 0 5px; font-weight:normal; font-size:12px;}
#root.index #rankKuchikomi .star { padding-top:5px;}
#root.index #rankKuchikomi .star img { position:relative; vertical-align:top;}
/*\*/
*html #root.index #rankKuchikomi .star img { top:-1px;}
*+html #root.index #rankKuchikomi .star img { top:-1px;}/**/






/* みんなの口コミ体験談 */
#root.index #story h2 { height:39px; background-image:url(../img/top/h2-story.jpg);}
#root.index #story .list {
	position:absolute;
	top:5px;
	right:3px;
	width:93px;
	height:27px;
	background:url(../img/top/story-btn.jpg) 0 0 no-repeat;
	z-index:2;}
#root.index #story .list a {
	display:block;
	width:87px;
	height:21px;
	margin:3px;}

#root.index #story .bg { margin:0; padding:0; background:url(../img/top/story-bg.gif) 0 16px repeat-y;}
#root.index #story .bgTop { margin:0; padding:0; background:url(../img/top/story-bgTop.gif) 0 0 no-repeat;}
#root.index #story .bgBtm { margin:0; padding:10px 5px 5px; background:url(../img/top/story-bgBtm.gif) left bottom no-repeat;}

#root.index #story dl { padding:10px 24px; background:url(../img/top/story-line.gif) left bottom no-repeat;}
#root.index #story dl.white { background:url(../img/top/story-line.gif) left bottom no-repeat #FDFCFC;}

#root.index #story dt {
	float:left;
	width:70px;
	padding:0 0 0 13px;
	background:url(../img/top/story-arrow.gif) left center no-repeat;
	color:#960AA0;
	font-family:Verdana, Tahoma, Arial;}
#root.index #story dd { margin:0 0 0 85px; font-size:10px;}
#root.index #story dd img { vertical-align:top;}
#root.index #story h3 { font-weight:normal; font-size:12px;}
#root.index #story .star { padding:5px 0 2px;}
#root.index #story .time { font-size:12px;color:#960AA0;font-family:Verdana, Tahoma, Arial;}
#root.index #story .user { font-size:12px;color:#000000;font-family:Verdana, Tahoma, Arial;}
/*\*/
*html #root.index #story .star img { position:relative; top:-2px;}
*+html #root.index #story .star img { position:relative; top:-2px;}/**/




/* 新着情報 */
#root.index #news h2 { height:39px; background:url(../img/top/h2-news.jpg) 0 0 no-repeat;}

#root.index #news dl {
	margin:-1px 0 20px;
	padding:0 10px;
	font-size:12px;}

#root.index #news dt {
	clear:left;
	float:left;
	width:15%;
	padding:3px 0 3px 13px;
	font-family:Verdana, Tahoma, Arial;
	background:url(../img/top/story-arrow.gif) left center no-repeat;}

#root.index #news dd {
	padding:3px 0 3px 15%;}
#root.index #news dd.line_dot { background:url(../img/c/dot_001.gif) top repeat-x;}
#root.index #news dd img { margin:0 0 0 8px; vertical-align:middle;}