@CHARSET "utf-8";


/* フォトギャラリーページ用CSS */


div#photoGalleryWrapper{
	margin-bottom:20px;
	position:relative;
}

div#photoGallery{
	text-align:center;
}

div#photoGallery img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:667px;
}



div#photoCaption{
	text-align:center;
	color:#34322b;
	font-size:14px;
	font-weight:bold;
	border-bottom:4px solid #ccc5aa;
	padding:4px 20px 4px;
}


div#photoGalleryNext{
	position:absolute;
	right:10px;
	top:40%;
	text-align:right;
	padding:0 4px 0 8px;
}

div#photoGalleryPrev{
	position:absolute;
	left:10px;
	top:40%;
	padding:0 8px 0 4px;
	text-align:left;
}

div.pagerIcon{
	font-weight:bold;
	color:#ffffff;
	font-size:22px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border-radius:20px;
	
}

div.pagerIcon:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	cursor:pointer;
}



div#thumbnailWrapper div.thumbnail{
	width:90px;
	margin-right:10px;
	float:left;
}

div#thumbnailWrapper div.thumbnail:hover{
	cursor:pointer;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div#thumbnailWrapper div.thumbnail img{
	border:2px solid #ffffff;
}

div#thumbnailWrapper div.thumbnail img.currentSelected{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border:2px solid #2280d0;
}