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

@import "calendar_day.css";

h1{
		width:0px;
		height:0px;
		background:#666666;
		margin:5px 10px 0;}		

div.top_image{
	width:800px;
	height:320px;
	margin:0 auto;
	position:relative;}

	div.top_image #imgContainer{
		display:block;
	}	

div#header{
	padding-top:35px;}

	div#header p.validate{
			float:left;	
			font-size:11px;
			display:inline;
			width:500px;
			height:31px;
			position:absolute;
			left:30px;
			color:#999999;
			top:5px;}
	
	
	div#header div.alpha{
			width:800px;
			height:35px;
			display:block;
			position:absolute;
			top:25px;
			left:10px;
			background:#ffffff;
			filter: alpha(opacity=50);
			-moz-opacity:0.50;
			opacity:0.50;
			display:none;}

	div#header p.logo{
			width:318px;
			height:78px;
			background:url(../../img/pc/group/logo_L.png) no-repeat 0px 0px;
			position:absolute;
			top:100px;
			right:30px;}			

	* html div#header p.logo{
			behavior: expression(
			this.style.behavior || (
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
			this.style.backgroundImage = "none",
			this.style.behavior = "none"
		)
		);
}


div#content{}

/*ショップリスト*/



div.shoplist{
	background:none;
	background-color:#E6E6E6;
	height:auto;
}

	div.shoplist dd.speed{
		background:url(../../img/pc/group/shoplist_speed.jpg) no-repeat center center;
		width:780px;
		height:49px;
		margin:10px 10px 5px 10px;
	}

	div.shoplist dd.snow{
		background:url(../../img/pc/group/shoplist_snow.jpg) no-repeat center center;
		width:479px;
		height:49px;
		margin:0px 0px 10px 10px;
		float:left;
		display:inline;
	}

	div.shoplist dd.spicy{
		background:url(../../img/pc/group/shoplist_spicy.jpg) no-repeat center center;
		width:292px;
		height:49px;
		margin:0px 10px 10px 0px;
		float:right;
		display:inline;
	}

	div.shoplist ul{
		background:none;
		padding:13px 0px 0px 70px;
		margin:0px;
		float:left;
		display:inline;
	}
	
	div.shoplist ul.list_spicy{
		background:none;
		padding:13px 0px 0px 85px;
		margin:0px;
		float:left;
		display:inline;
	}

		div.shoplist ul li{
			width:90px;
			height:26px;
			float:left;
			display:inline;
			margin:0px 0px 6px 10px;
			padding:0px;
		}

			div.shoplist ul li a{
				width:91px;
				height:27px;
				display:block;
			}


div.calendar{
	position:relative;
	float:left;
	display:inline;
	margin-left:20px;
	margin-bottom:30px;
	width:400px;
	height:433px;
	border:solid 1px #aaaaaa;
	border-bottom:solid 1px #666666;
	border-right:solid 1px #666666;
	background:url(../../img/pc/group/calendar_back.jpg) no-repeat 0px 0px;}
	
	div.calendar p.month{
		display:block;
		height:90px;}
		
		div.calendar p.month img{
			margin-left:320px;
			margin-top:20px;}
	
	div.calendar div#eventWindow{
		display:none;
		position:absolute;
		left:-100px;
		width:200px;
		overflow:hidden;
		background:#ffffff;
		color:#000000;
		filter: alpha(opacity=85);
		-moz-opacity:0.85;
		opacity:0.85;}
		
		div.calendar div#eventWindow ul{
			margin:1em;}
			
			div.calendar div#eventWindow ul li{
				margin:20px auto;}
				
				div.calendar div#eventWindow ul li span.date{
					color:#AB1454;}
					
				div.calendar div#eventWindow ul li span.bold{
					color:#7D1E4B;}
				
	
	div.calendar table{
		border:solid 1px #999999;
		border-top:solid 1px #666666;
		border-left:solid 1px #666666;
		margin:0px auto 0px;}
		
		div.calendar table th,
		div.calendar table td{
			width:50px;
			text-align:center;
			border:outset 1px #989898;}
		
		div.calendar table th{
			height:22px;
			overflow:hidden;
			background:url(../../img/pc/group/calendar_week.gif) no-repeat 0px 0px;}

			div.calendar table th span{
				display:none;}

		div.calendar table th.sun{
			background-position:-0px 0px;}
			
		div.calendar table th.mon{
			background-position:-50px 0px;}

		div.calendar table th.tue{
			background-position:-100px 0px;}
			
		div.calendar table th.wed{
			background-position:-150px 0px;}
	
		div.calendar table th.thu{
			background-position:-200px 0px;}
			
		div.calendar table th.fri{
			background-position:-250px 0px;}

		div.calendar table th.sat{
			background-position:-300px 0px;}
				
	
		div.calendar table td{
			height:45px;
			overflow:hidden;
			font-weight:bold;
			color:#666666;
			font-size:14px;}

		div.calendar table td{
			background:#ffffff url(../../img/pc/group/calendar_day.gif) 0px 0px;}
			
			div.calendar table td span.event{
				cursor:hand;
				cursor:pointer;
				width:25px;
				height:25px;
				display:block;
				margin:2px auto;
				overflow:hidden;}
				
			* html table td span.event{
					behavior: expression(
					this.style.behavior || (
					this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.childNodes.item("+0+").src+"')",
					this.style.backgroundImage = "none",
					this.style.behavior = "none"
				)
				);
			}
		
			* html table td span.event img{
				display:none;
			}
		
		div.calendar table tr.altrow td{
			background:#E4C3EA url(../../img/pc/group/calendar_day.gif) -50px 0px;}
			
		
			div.calendar div.navi{
				width:380px;
				height:30px;
				margin:10px auto;}
				
				div.calendar div.navi p{
					display:inline;
					float:left;
					width:80px;
					font-size:14px;
					font-weight:bold;}
				
				div.calendar div.navi p.button_next{
					margin-left:220px;}						
				
					div.calendar div.navi p a{
						width:30px;
						height:30px;
						float:left;
						display:inline;}
					div.calendar div.navi span{
						float:left;
						display:inline;
						padding-top:4px;
						margin:0px 5px;}
				
					div.calendar div.navi p.button_prev a{
						background:url(../../img/pc/group/button_prev.gif) no-repeat -30px 0px;}
					
					div.calendar div.navi p.button_next a{
						background:url(../../img/pc/group/button_next.gif) no-repeat 0px 0px;}
						
					div.calendar div.navi p.button_prev a:hover{
						background-position: 0px 0px;}
					
					div.calendar div.navi p.button_next a:hover{
						background-position: -30px 0px;}

	div.delivery{
		width:339px;
		height:89px;
		margin-left:20px;
		display:inline;
		float:left;
		background:url(../../img/pc/group/deli_banner.gif) no-repeat 0px 0px;}

	
	div.topics{
		background:url(../../img/pc/group/topics_back.gif) no-repeat right center;	
		width:339px;
		float:left;
		display:inline;
		height:323px;
		margin:20px 0px 0px 20px;
		overflow:hidden;}
		
		div.topics h2{
			height:19px;
			margin:10px 0px 0px 210px;
			background:url(../../img/pc/group/topics_title.gif) no-repeat 0px 0px;}

		div.topics ul{
			margin:5px 10px 20px;
			height:280px;
			overflow:auto;
			border-top:solid 1px #999999;			
			border-bottom:solid 1px #999999;}

			
			div.topics ul li{
				margin:10px auto 10px;}
		
			div.topics ul li .shopname{
				font-weight:bold;
				color:#642E6D;}
	
	div.newface{
		width:760px;
		margin:0px auto;
		clear:both;}
		
		.newface h2{
			display:block;
			height:30px;
			width:760px;
			margin:0px auto;
			background:url(../../img/pc/group/top_newface_title.jpg) no-repeat 0px 0px;}


		div.newface ul{
			width:760px;
			overflow:hidden;}
		
			div.newface ul li{
				width:141px;
				border:solid 1px #999999;
				margin:10px 8px 0px 0px;
				overflow:hidden;
				float:left;
				display:inline;
				height:275px;}
				
				div.newface ul li dt{
					display:none;}
				
				div.newface ul li dd.shopname,
				div.newface ul li dd.name,
				div.newface ul li dd.threesize dl{
					text-align:center;}

				div.newface ul li dd.shopname{
					font-weight:bold;
					font-size:13.5px;}			

				div.newface ul li dd.name{
					font-size:larger;}			
				
				div.newface ul li dd.image{
					height:141px;
					height:188px;
					overflow:hidden;}
					
					div.newface ul li dd.image img{
						border:none;}
						
					
					div.newface ul dd.threesize dt,
					div.newface ul dd.threesize dd{
						display:inline;}

/*　イベントバナー　*/
div.banners{
	width:760px;
	margin:20px auto 20px;
	overflow:hidden;}
	
	div.banners ul li{
		width:240px;
		height:240px;
		margin:5px 0;
		float:left;
		display:inline;}

		div.banners ul li a{
			width:100%;
			height:100%;
			display:block;}		
		
.events_banner{
	width:760px;
	height:100px;
	margin:20px auto 20px;
	background:url(../../img/pc/group/top_eventsbanner.gif) no-repeat 0px 0px;
}

	.events_banner a{
		width:100%;
		height:100%;
		display:block;
	}		


/*　求人バナー　*/
	div.banners ul li.speed-recruit{
		margin-right:15px;
		background:url(../../img/pc/group/banner_speed_recruit.jpg) no-repeat 0px 0px;}
		
	div.banners ul li.snowstyle-recruit{
		background:url(../../img/pc/group/banner_snowstyle_recruit.jpg) no-repeat 0px 0px;
		margin-right:15px;}
		
	div.banners ul li.spicy-recruit{
		background:url(../../img/pc/group/banner_spicy_recruit.jpg) no-repeat 0px 0px;}
		
		

	div.banners ul li.virtualgear{
		margin-right:10px;	
		background:url(../../img/pc/group/banner_virtualgear.jpg) no-repeat 0px 0px;}

dl.spicy_banner{
	width:760px;
	margin:0px auto 20px auto;
}

	dl.spicy_banner dt{
		border-bottom:1px solid #CCCCCC;
		clear:both;
		color:#3332B4;
		margin:10px 0;
		font-size:90%;}
	
	dl.spicy_banner dd a{
			width:100%;
			height:100%;
			display:block;}		

	dl.spicy_banner dd.spicy{
		margin-right:10px;
		width:270px;
		height:50px;
		background:url(../../img/pc/group/spicy_banner.jpg) no-repeat 0px 0px;}


div.links{
	clear:both;
	width:760px;
	margin:0px auto 10px;
	overflow:hidden;}
	
	div.links h3{
		background:url(../../img/pc/group/top_links_title.jpg) no-repeat 0px 0px;
		width:760px;
		height:30px;}
		
	div.links ul{
		overflow:hidden;
		margin-bottom:20px;}
	
	div.links ul li{
		height:31px;
		display:inline;
		margin:4px 4px 0px 0px;
		width:88px;
		float:left;
		overflow:hidden;}
		
		div.links ul li a{
			width:100%;
			height:100%;
			display:block;}
			
			div.links ul li a img{
				border:none;
				height:31px;
				width:88px;}
	
	div.links p{
		clear:both;
		color:#543063;
		border-bottom:solid 1px #CCCCCC;
		margin:10px 0px 10px;}