@charset "utf-8";

/* ギャラリー */
/*-----------------------------------------------*/
#gallery h1.title{
	margin-bottom	:	40px;
}
#gallery #galleryList{
	width	:	100%;
	overflow	:	hidden;
}
#gallery #galleryList ul{
	width	:	980px;
}
#gallery #galleryList li{
	width	:	225px;
	margin-right	:	20px;
	margin-bottom	:	20px;
	float	:	left;
}
#gallery #galleryList li a{
	display	:	block;
}
#gallery #galleryList li a:hover{
	opacity	:	0.8;
	filter	:	alpha(opacity=80);
}
#gallery #galleryList li a span{
	display	:	block;
}
#gallery #galleryList li a img{
	width	:	100%;
}
#gallery #galleryList li a .houseName{
	margin-top	:	5px;
	color	:	#f60;
}


/* ギャラリー詳細 */
/*-----------------------------------------------*/
#galleryTitle{
	margin-bottom	:	40px;
	font-size	:	23px;
}

#galleryDetailArea{
	width	:	100%;
}
#galleryDetailArea #galleryBigPhoto{
	width	:	470px;
	float	:	left;
}
#galleryDetailArea #galleryBigPhoto .photo{
	padding	:	5px;
	text-align	:	center;
	border	:	1px solid #eee;
	-webkkit-box-shadow	:	0px 0px 5px #ccc;
	-moz-box-shadow	:	0px 0px 5px #ccc;
	-ms-box-shadow	:	0px 0px 5px #ccc;
	-o-box-shadow	:	0px 0px 5px #ccc;
	box-shadow	:	0px 0px 5px #ccc;
}
#galleryDetailArea #galleryBigPhoto .photo img{
	max-width	:	100%;
}

#galleryDetailArea #galleryPhotoNav{
	width	:	435px;
	float	:	right;
}
#galleryDetailArea #galleryPhotoNav #galleryPhotoNavInner{
	width	:	100%;
	overflow	:	hidden;
}
#galleryDetailArea #galleryPhotoNav ul{
	width	:	450px;
}
#galleryDetailArea #galleryPhotoNav li{
	width	:	138px;
	margin-right	:	10px;
	margin-bottom	:	10px;
	float	:	left;
}
#galleryDetailArea #galleryPhotoNav li a{
	padding	:	2px;
	border	:	1px solid #ddd;
	display	:	block;
}
#galleryDetailArea #galleryPhotoNav li a.active{
	border	:	1px solid #c00;
}
#galleryDetailArea #galleryPhotoNav li a:hover{
	border	:	1px solid #c00;
}
#galleryDetailArea #galleryPhotoNav li a img{
	width	:	100%;
}