@charset "UTF-8";

/* =================================================================================

 トップページ

================================================================================= */

/* /////////////////////////////////////////////////////////////////////////// header */

	/* ///////////////// スポットニュース ///////////////// */
	ul#spotArea{
		background:#70767d url(img/bg_spotarea.gif) repeat-x left top;
		width:960px;
		padding:8px 10px 3px;
	}

		ul#spotArea li{
			color:#ffffff;
			font-weight:bold;
			background:url(img/bg_icon_square_top.gif) no-repeat left 0.2em;
			padding:0 40px 0 16px;
		}

		ul#spotArea a{
			color:#ffffff;
			text-decoration:underline;
		}


	/* ///////////////// 緊急ニュース ///////////////// */
	dl#urgentArea{
		background:#fdeef1;
		border:1px solid #e1b9b9;
		width:958px;
		padding:0 10px 5px;
		margin-top:6px;
		/*margin-bottom:30px;	*/
	}

	dl#urgentArea dl{
		width:930px;
	}

		dl#urgentArea dt,
		dl#urgentArea dd{
			margin-top:5px;
		}

		dl#urgentArea dt{
			background:url(img/bg_icon_caution.gif) no-repeat left top;
			padding-left:19px;
			width:95px;
			clear: left;
			float: left;
		}

		dl#urgentArea > dd{
			color:#ff0000;
			font-weight:bold;
			width:800px;
			float:left;
		}

		dl#urgentArea a{
			color:#ff0000;
			text-decoration:underline;
		}

		/* for IE7 */
		*+html dl#urgentArea > dd{
			float: none;
		}

		/* legacy IE */
		*html dl#urgentArea dd{
			margin-left: 95px;
			zoom: 1;
		}




/* /////////////////////////////////////////////////////////////////////////// contents */


div#mainContent,
div#subNav{
	margin-top:30px;
}

/**
 * new アイコン
 */
p.new{
	position:absolute;
	top:7px;
}

p.item{
	position:relative;
	margin-top:25px;
}

	/*  ///////////////// ポイント ///////////////// */
	dl.ttsPoint{
		background:url(img/bg_top_ttspoint.gif) no-repeat 0 14px;
		margin-bottom:18px;
		padding-top:3px;
	}

	dl.ttsPoint dt{
		float:left;
		padding:0 5px 0 5px;
	}

	dl.ttsPoint dd{
		float:left;
		display:inline;
		margin-top:15px;
	}


	/* ///////////////// 新着アイテム ///////////////// */

	div#arrivalArea{
		margin-bottom:30px;
		position:relative;
		zoom:1;
	}
		div#arrivalArea .ttlArea{
			margin-bottom:7px;
		}

		div#arrivalArea .ttlArea h2{
			float:left;
			width:220px;
		}

		div#arrivalArea .ttlArea p.update{
			color:#ffffff;
			font-size:85%;
			padding:0px 19px 2px;
			background:url(img/bg_top_update.gif) no-repeat top left;
		}

	div#arrivalArea ul#newArrival li{
		/*width:151px;*/
	}



	/* ///////////////// おすすめ特集 ///////////////// */
	div#featureArea.cBox760Gr{
		padding-top:16px;
		margin-bottom:30px;
	}

	div#featureArea div.cBox760GrBtm{
		padding:0 16px 16px;
	}

		div#featureArea.cBox760Gr dl{
			margin-top:5px;
		}

		div#featureArea.cBox760Gr .fl{
			width:230px;
			margin-left:-5px;
		}

		div#featureArea.cBox760Gr .fl dl{
			margin-left:5px;
		}

		div#featureArea.cBox760Gr h2{
			padding:6px 0 11px 4px;
		}

		div#featureArea.cBox760Gr .fr{
			width:487px;
			border-left:1px solid #d8d8d8;
			padding-left:3px;
		}

		div#featureArea.cBox760Gr ul li{
			width:230px;
			margin-left:12px;
			margin-top:7px;
			margin-bottom:3px;
		}

		div#snsBoxIn{
			border-top:1px dotted #d8d8d8;
			margin-top: 8px;
		}
		div#snsBoxIn ul{
			margin-top: 8px;
			background: #fff;
			padding: 5px 0 8px;
		}
		div#snsBoxIn ul li{
			width: 133px !important;
			margin-left: 10px !important;
		}
		/* div#snsBoxIn ul li.first-list{
			margin-left: 12px !important;
		} */
		div#snsBoxIn ul li img{
			border: none !important;
		}


		/* for IE6 */
		* html div#featureArea.cBox760Gr ul li{
			margin-left:10px;
		}


		div#featureArea.cBox760Gr li img{
			border:1px solid #d3d3d3;
		}


		div#featureArea.cBox760Gr p.alignRight{
			display: block;
			width: 112px;
			position: absolute;
			right: 0;
			top: 34px;
		}
		div.featureAreaIn{
			position: relative;
		}


	/* ///////////////// おすすめトピック ///////////////// */
	div#topicArea.cBox760Gr{
		padding-top:16px;
		margin-bottom:30px;
	}

	div#topicArea div.cBox760GrBtm{
		padding:0 4px 16px 16px;
	}

		div#topicArea.cBox760Gr div.ttlArea h2{
			margin-top:9px;
			padding-bottom:10px;
		}

		div#topicArea.cBox760Gr div.ttlArea p.fr{
			margin-right:12px;
		}

		div#topicArea.cBox760Gr li.inner{
			width: 234px;
			margin-top:10px;
			margin-right:12px;
		}

		div#topicArea.cBox760Gr li.inner img{
			width: 83px;
			border:1px solid #d3d3d3;
			background-color:#fff;
		}

		div#topicArea.cBox760Gr div.itemText{
			margin-top:4px;
			width:139px;
		}

		div#topicArea.cBox760Gr div.itemText ul{
			margin-left: 10px;
		}

		div#topicArea.cBox760Gr div.itemText ul li{
			float:none;
			display:block;
		}

	/* ///////////////// 人気アイテムランキング ///////////////// */
	div#rankingArea{
		/*margin-bottom:30px;*/
		margin-bottom:23px;
	}

		div#rankingArea h2{
			margin-bottom:8px;
		}

		/*TOP3*/
		div#rankingArea ul#top3{
			float:left;
		}

		div#rankingArea ul#top3 li{
			position:relative;
		}

		div#rankingArea ul#top3 p.new{
			position:absolute;
			z-index:1;
			top:-5px;
			top:-10px;
		}

		div#rankingArea ul#top3 p.item{
			margin:30px 3px 0;
		}

		div#rankingArea ul#top3 dl{
			padding:0 9px 8px;
		}


		/*TOP4-6*/

		div#rankingArea ul#top6{
			margin-left:-1px;
		}
		div#rankingArea ul#top6 li{
			margin-right:-1px;
			position:relative;
			width:102px;
			background:url(img/curvy_w102_top.gif) no-repeat left top;
		}
		div#rankingArea ul#top6 li:hover{
			background:url(img/curvy_w102_top_on.gif) no-repeat left top;
		}
			div#rankingArea ul#top6 li div.curvyIn{
				background:url(img/curvy_w102_btm.gif) no-repeat left bottom;
			}
			div#rankingArea ul#top6 li:hover div.curvyIn{
				background:url(img/curvy_w102_btm_on.gif) no-repeat left bottom;
			}

		div#rankingArea ul#top6 p.new{
			position:absolute;
			z-index:1;
			top:-5px;
			top:-10px;
			left:2px;
		}

		div#rankingArea ul#top6 p.item{
			margin:12px 3px 0;
		}

		div#rankingArea ul#top6 dl{
			padding:0 11px 0;
		}

		div#rankingArea ul#top6 dt,
		div#rankingArea ul#top6 dd{
			font-size:78%;
		}
		/* legacy IE */
		* html div#rankingArea ul#top6 p.item{
			margin:12px 2px 0;
		}


		/*TOP7-10*/
		div#rankingArea ul#top10{
			/*width:303px;*/
			width:296px;
			margin-left:7px;
			margin-top:4px;
		}

		div#rankingArea ul#top10 li{
		 	/*padding:2px 0;*/
		 	padding-right:12px;
		}

		div#rankingArea ul#top10 li a{
			display:block;
			zoom:1;
		}

		/* for IE6 */
		* html div#rankingArea ul#top10 li{
		 	padding-bottom:4px;
		}
		/* for IE7 */
		*+html div#rankingArea ul#top10 li{
		 	padding-bottom:3px;
		}

		div#rankingArea ul#top10 li.no7{ background:url(/img/top/icon_no7.png) no-repeat 9px 2px; }
		div#rankingArea ul#top10 li.no8{ background:#f0f0f0 url(/img/top/icon_no8.png) no-repeat 9px 2px; }
		div#rankingArea ul#top10 li.no9{ background:url(/img/top/icon_no9.png) no-repeat 9px 2px; }
		div#rankingArea ul#top10 li.no10{ background:#f0f0f0 url(/img/top/icon_no10.png) no-repeat 9px 2px; }

		div#rankingArea ul#top10 dl{
		 	/*margin:1px 5px 4px 31px;	*/
		 	margin:0;
			padding:0 0 4px 34px;
		}

		div#rankingArea ul#top10 dt,
		div#rankingArea ul#top10 dd{
			font-size:78%;
		}
		div#rankingArea ul#top10 dt{
			width:189px;
			float:left;
			padding-top:2px;
		}

		div#rankingArea ul#top10 dd{
			width:59px;
			padding:2px 0 0 0;
			float:right;
		}

			div#rankingArea ul#top10 dd .png{
				padding-right:9px;

			}


	/* ///////////////// ユーザーズフォトギャラリー ///////////////// */
	div#galleryArea{
		background:url(img/bg_top_photogallery01.jpg) no-repeat top left;
		margin-bottom:25px;
	}

	div#galleryAreaInner{
		padding-bottom:20px;
		background:url(img/bg_top_photogallery02.jpg) no-repeat bottom left;
	}

	div#galleryArea .fl{
		width:178px;
	}

	div#galleryArea p{
		margin-top:-36px;
		margin-left:23px;
	}

	ul#photoArea{
		float:left;
		width:565px;
		margin-top:25px;
		background:url(img/bg_top_photogallery03.png) no-repeat bottom left;
	}

		ul#photoArea li{
			width:110px;
			padding:0 10px 10px;
			margin-left:15px;
			position:relative;
		}

		ul#photoArea li img{
			padding-bottom:5px;
		}

		ul#photoArea li.firstChild{
			margin-left:0;
		}

		ul#photoArea li p.iconSale{
			position:absolute;
			top:34px;
			right:7px;
			z-index:20;
			zoom:1;
		}


	/* ///////////////// ピックアップショップ/ブランド ///////////////// */
	div#pickupArea{
		margin-bottom:30px;
	}

	div#pickupArea .curvyBox{
		padding-bottom:6px;
		width:373px;
		background:url(img/curvy_w373_btm.gif) no-repeat left bottom;
	}

	div#pickupArea .curvyBox .ttlArea{
		/*border-bottom:1px solid #d8d8d8;*/
		padding:8px 10px;
		background:url(img/curvy_w373_top.gif) no-repeat left top;
	}

	div#pickupArea .curvyBox ul{
		/*padding:10px 11px 7px 12px;
		width:356px;*/
		padding:10px 10px 0 11px;
		/*margin:10px -8px 7px 13px;*/
		margin-right:-8px;
		background:url(img/curvy_w373_mdl.gif) repeat-y left top;
	}

	div#pickupArea .curvyBox ul li{
		/*padding:21px 12px 0 11px;*/
		padding-top:20px;
		padding-left:12px;
		padding-bottom:1px;
		/padding-left:0;
		width:69px;
		/width:81px;
		margin-right:9px;
		background:url(img/bg_top_pickup.gif) no-repeat top center;
		position: relative;
		text-align:left !important;
		/text-align:center !important;
		line-height:1.0;
		vertical-align:middle;
	}

	div#pickupArea .curvyBox ul li strong{
		margin-top:25px;
		margin-left:-12px;
		/margin-left:0px;
		padding-right:5px;
		display:block;
		text-align:left !important;
		line-height:1.5;
	}

		div#pickupArea .curvyBox ul li a:hover strong{
			text-decoration:underline;
		}

	div#pickupArea .curvyBox li span{
		border:1px solid #d8d8d8;
		background:#fff;
		display:table-cell;
		height:58px;
		width:56px;
		vertical-align:middle;
		line-height:1.0;
		text-align:center !important;
	}

	* html div#pickupArea .curvyBox li span{
		display:inline;
		zoom:1;
	}

	*:first-child+html div#pickupArea .curvyBox li span{
		display:inline;
		zoom:1;
	}


/* ///////////////// スライドショー ///////////////// */

#slideshow {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	position: relative;
}
	#slideshow div {
		width: 760px;
		height: 260px;
		overflow: hidden;
		position: relative;
	}

	#slideshow div div {
		top: 0;
		left: 0;
		display:none;
		position: absolute;
	}

	#slideshow ul {
		bottom: 10px;
		right: 12px;
		position: absolute;
		z-index: 110;
	}

	#slideshow ul li {
		width: 63px;
		height: 6px;
		margin-left: 2px;
	}

	#slideshow p#flame {
		top: 0;
		left: 0;
		position: absolute;
		z-index: 100;
	}


/* ///////////////// seo ///////////////// */

#seo{
	border:1px solid #d8d8d8;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom:30px;
}
#seo-inner{
	padding:14px 26px 24px 26px;
	color:#666;
}
#seo-inner .fBox{
	margin-top:20px;
}
#seo-inner .fBox p.img{
	width:61px;
	float:left;
}
#seo-inner .fBox p.txt{
	width:612px;
	float:right;
	font-size:77%;

}


/* ///////////////// twitter height ///////////////// */

#subNav iframe{
	height:720px !important;
}