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

@import "menu.css";

body{ 
		font-size:90%;
		color:#2d2d2d;
		background:url(../../img/pc/branch/group_background.jpg) no-repeat center 0 #FFFFFF ;}

/*body{ 
		font-size:90%;
		color:#2d2d2d;
		background:url(../../img/pc/branch/group_background.gif) no-repeat center 0px ;}*/

/*body{ 
		font-size:90%;
		color:#2d2d2d;
		background:url(../../img/pc/group/group_background.gif) no-repeat center 35px ;}*/

div#container{ 
		width:820px;
		margin:0px auto;
		min-height:1200px;
		background:url(../../img/pc/group/container_back.png) repeat-y;}

div#container:after{
	clear:both;
	visibility:hidden;
	content:'';
	height:1px;
	display:block;} 

* html div#container{
		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#header{
		width:820px;
		position:relative;
		margin:0px auto;
	/*	background:url(../../img/pc/group/container_top.png) no-repeat 0px 0px;*/
		padding-top:18px;}
				
		div#header ul.banners{
			display:block;
			position:absolute;
			margin-top:2px;
			width:250px;
			height:30px;
			right:15px;
			top:0px;}			
						
			div#header ul.banners li{
				width:250px;
				float:right;
				display:inline;
				margin-left:20px;
				overflow:hidden;}
			
			div#header ul.banners li img{
				width:250px;
				border:none;
				display:block;}
				

div#content{
		width:800px;
		margin:0px auto 30px;}


div#footer{
		width:800px;
		margin:0px auto;}
		

h1{
		height:48px;
		width:196px;
		background:url(../../img/pc/logo.gif) no-repeat 0px 0px;
		margin-left:20px;}


		h1 a{
			display:block;
			width:100%;
			height:100%;}

div.marquee{
		clear:both;
		width:760px;
		height:22px;
		margin:10px auto;
		background:url(../../img/pc/group/marquee.gif);}
		
		div.marquee marquee{
			color:#512754;
			font-weight:bold;
			width:650px;
			margin-left:110px;}		


/*各店舗紹介*/
div.shoplist{
	background:#E6E6E6;
	width:800px;
	height:auto;
	clear:both;
	overflow:hidden;
	margin:0px auto;
	}
	div.shoplist dl{
			height:49px;
			overflow:hidden;
		}
		div.shoplist dl.speed{
			background:url(../../img/pc/group/shoplist_speed_bg.gif) no-repeat center center;
			width:786px;
			margin:10px auto;
		}
		div.shoplist dl.eco{
			background:url(../../img/pc/group/shoplist_eco_bg.gif) no-repeat center center;
			width:480px;
			margin:0 0 10px 50px;
			float:left;
			display:inline;
		}
		div.shoplist dl.tsuzipara{
			background:url(../../img/pc/group/shoplist_tsuzi_bg.gif) no-repeat center center;
			width:191px;
			margin:0 50px 10px auto;
			float:right;
			display:inline;
		}
		div.shoplist dt{
			width:60px;
			height:45px;
			padding:2px 5px 0px 7px;
			float:left;
			display:inline;
		}
		div.shoplist dd{
			width:90px;
			height:26px;
			float:left;
			display:inline;
			margin:13px 0px 0px 10px;
			padding:0px;
			}
			div.shoplist dd a{
				width:100%;
				height:100%;
				display:block;
				}
				
	div#header a img{
		border-style:none;
	}


ul.events_banner {
	height:100px;
	margin:0 auto 10px;
	width:760px;
}

	ul.events_banner li{
		float:left;
		display:inline;
		width:375px;
	}
	
	ul.events_banner li a{
		display:block;
		width:100%;
		height:100%;
	}

	ul.events_banner li.left{
		background:transparent url(../../img/pc/group/events_banner_left.gif) no-repeat scroll 0 0;
		height:100px;
		margin:0px 10px 10px 0px;
		width:375px;
	}

	ul.events_banner li.right{
		background:transparent url(../../img/pc/group/events_banner_right.gif) no-repeat scroll 0 0;
		height:100px;
		margin:0px 0px 10px 0px;
		width:375px;
	}