@charset "utf-8";
/*--------------------------------


	top.css

 ※Not Edit Styleseet. "TopPageType [B:slideshow]"
----------------------------------*/


* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
/*module*/
#data-block{ margin:0 15px 15px 15px;}
#data-block .block{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('../../img/bg-black.png'); font:11px 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
#data-block .block a{ color:#eee; font-weight:bold; text-decoration: none;}
#data-block .block a:hover{ text-decoration: underline;}
#news-feed{width: 230px;}
#salon-list{width: 180px;}
.item{width: 180px;}

#news-feed a{
	font-size: 12px;
}

#news-feed a span{ display: block; font-weight: normal; padding: 5px 3px;}
#news-feed a span:after{content: "...";}
#salon-list h2{font-size: 13px; color: #FFF;}
#salon-list li{
	padding: 5px 0 5px 15px;
	background: url(../../images/content/top/icon-r.png) no-repeat 2px center;
}
.item a{display: block; width: 100%; height: 100%;}
.item a:hover{background: url(../../images/content/top/icon-detail.png) no-repeat right center;}