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

div#header{
		height:120px;}

div.middle{
	clear:both;}

/*最新情報*/	
div.topics{
	width:250px;
	height:395px;
	background:#f3f3f3;
	margin:0 0 20px 0;
	overflow:hidden;
	float:left;
	display:inline;}
	
	div.topics h2{
		height:50px;
		margin:0px 5px;
		background:url(../../img/pc/branch/h2_realtime_topics.gif) no-repeat 0px 0px;}
		
	div.topics ul{
		overflow:auto;
		margin-top:10px;
		height:315px;}
		
		div.topics li{
			margin:10px 20px 20px 20px;
			padding-bottom:1em;
			overflow:hidden;
			border-bottom:solid 1px #FFFFFF;}
			
			div.topics li img{
				max-width:230px;
				_width:230px;}
		
		div.topics li dt{
			display:none;}
			
			div.topics li dd.subject{
				font-size:110%;
				font-weight:bold;}
			
			div.topics li dd.modified{
				font-size:90%;
				text-align:right;}

/*イベントカレンダー*/
div.eventcalendars{
	width:330px;
	border:solid 1px #d9d9d9;
	margin:0 0 10px 20px;
	height:200px;
	float:left;
	display:inline;}
	
	div.eventcalendars ul{
		height:150px;
		overflow:auto;
		position:relative;
		clear:both;}
		
		div.eventcalendars li{
			border-bottom:solid 1px #cccccc;
			padding:5px 10px 15px;}
			
		div.eventcalendars li.today{
			background:#FFF0FA;}
			
			div.eventcalendars li span.bold{
				margin-left:0.5em;}


	div.eventcalendars h2{
		width:183px;
		float:left;
		display:inline;
		margin-right:60px;
		height:30px;
		background:url(../../img/pc/branch/h2_event_news_calendar.gif) no-repeat 10px 10px;}
	
	div.eventcalendars p.month{
		font-weight:bold;
		color:#2d2d2d;
		font-size:18px;}

/*ピックアップ*/
div.pickups{
	width:330px;
	height:180px;
	overflow:hidden;
	background:url(../../img/pc/branch/pickup_back.jpg) no-repeat 0px 0px;
	margin:0 0 0 20px;	
	float:left;
	display:inline;}
	
	div.pickups ul{
		margin:30px 8px 0px;
		overflow:hidden;}
		
		div.pickups ul li{
			background:#FFFFFF;
			width:96px;
			height:130px;
			float:left;
			display:inline;
			margin:5px 4px;}
	
			div.pickups ul li dt{
				display:none;}
			
			div.pickups ul li dd{
				text-align:center;}
			
				div.pickups ul li dd a{
					color:#333333;}
			
			div.pickups ul li dl{
				width:85px;
				margin:5px auto;}
			
			div.pickups ul li dd{
				font-size:12px;}
			
			div.pickups ul li dd.photo{
				width:85px;
				height:105px;
				overflow:hidden;}
				
				div.pickups ul li dd.photo img{
					width:85px;
					border:none;}

div.newfaces{
	width:292px;
	margin:0 20px 0 0;
	height:360px;
	overflow:hidden;
	float:left;
	display:inline;
	background:url(../../img/pc/branch/shops_newface_back.jpg) no-repeat 0px 0px;}
	
	div.newfaces ul{
		height:290px;
		overflow:auto;
		margin:60px 8px 0px;}
		
		div.newfaces ul li{
			margin:0px 10px 20px;
			clear:both;}
			
			div.newfaces ul li dt.photo{
				display:none;}
			
			div.newfaces ul li dd.photo{
				width:101px;
				float:left;
				display:inline;
				overflow:hidden;
				height:148px;}
			
			div.newfaces ul li dt.comment{
				display:none;}
			
			div.newfaces ul li dd.comment{
				clear:both;
				height:auto;}
			
			div.newfaces ul li dt{
				display:inline;
				width:4em;
				float:left;
				color:#FFFFFF;
				font-weight:bold;
				margin-left:5px;}
			
			div.newfaces ul li dt,
			div.newfaces ul li dd{
				font-size:12px;
				height:20px;}
				
				div.newfaces ul li dd a:link{
					color:#2d2d2d;}
				
				div.newfaces ul li dd.photo img{
					border:none;}

div.photobbs{
	width:290px;
	background:url(../../img/pc/branch/shops_photobbs_back.gif) no-repeat 0px 10px;
	border:solid 1px #CCCCCC;
	height:360px;
	overflow:hidden;
	float:left;
	display:inline;}

		div.photobbs ul{
			margin:40px auto 0px;
			overflow:auto;
			height:300px;}
	
	
			div.photobbs ul li{
				clear:both;
				border:solid 3px #FFD2F8;
				margin:15px 10px;
				padding:5px 15px;
				overflow:hidden;}
				
				div.photobbs ul li div.photo{
					width:120px;
					float:left;
					display:inline;
					overflow:hidden;
					margin-right:10px;}

					div.photobbs ul li div.photo img{
						width:120px;
						margin-bottom:12px;}
				
				div.photobbs ul li dt{
					display:none;}
				
				div.photobbs ul li dd.subject{
					font-size:120%;
					font-weight:bold;
					color:#666666;}
				
				div.photobbs ul li dd.modified{
					padding-left:12px;
					font-size:smaller;}

/*コンテンツバナー*/
ul.banner_menu{
	width:780px;
	clear:both;
	margin:15px auto;
	position:relative;
}

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

ul.banner_menu li{
	float:left;
	display:inline;
}

	li.banner_movies{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_movies.jpg) no-repeat;
	}
	
	li.banner_photogravures{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_photogravures.jpg) no-repeat;
	}
	
	li.banner_blogs{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_blogs.jpg) no-repeat;
	}
	
	li.banner_realtimeschedules{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_realtimeschedules.jpg) no-repeat;
	}
	
	li.banner_photobbs{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_photobbs.jpg) no-repeat;
	}
	
	li.banner_mailmagazines{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_mailmagazines.jpg) no-repeat;
	}
	
	li.banner_recruit{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_recruit.jpg) no-repeat;
	}
	
	li.banner_photobbs{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_photobbs.jpg) no-repeat;
	}
	
	li.banner_mobile{
		width:195px;
		height:103px;
		background:url(../../img/pc/branch/banner_mobile.jpg) no-repeat;
	}