/*施設ページ・thinkbox部分：更新者−林大輔（2008.06.18）*/

@import "https://img.travel.rakuten.co.jp/share/common/css/common.css";

*{
	margin:0;
	padding:0;
}
div#imgViewArea{
	margin: 0px auto 0px auto;
	text-align: center;
}

*html div#imgViewArea{
	position: absolute;
	height: 550px;
}
*:first-child+html div#imgViewArea{
	position: absolute;
	height: 550px;
}

div#imgViewArea div#imgSpace{
	width: 500px;
	height: 500px;
	margin: 0 auto 2px auto;
	text-align: center;
}

div#imgViewArea div#imgSpace img#mainPic{
	padding: 0px;
	border: 1px solid #CCCCCC;	
	max-height:500px;
	max-width:500px;
}

div#imgViewArea div#picList{
	background-color:#808080;
	background-image:url("https://img.travel.rakuten.co.jp/share/themes/kanko/images/bg_th.gif");
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#626262;
	clear:both;
	text-align:center;
	height:100px;
	width:500px;
	margin: 0 auto 10px auto;
}
div#imgViewArea div#picList p.scrBtnL {
	width:50px;
	float:left;
}
div#imgViewArea div#picList p.scrBtnR {
	width:50px;
	float:right;
}
div#imgViewArea div#picList ul:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}

/* サムネイル */
div#imgViewArea div#picList div#thumNail{
	float:left;
	padding-top:15px;
	width:400px;
}
div#imgViewArea div#picList div#thumNail ul li{
	display:inline;
	height:100px;
	list-style:none outside none;
	margin-right:0;
}
div#imgViewArea div#picList div#thumNail ul li a img {
	border:medium none;
/*
	max-height:60px;
	width:60px;
*/
	}
div#imgViewArea div#picList div#thumNail ul li a img.active {
/*
	max-height:80px;
	width:80px;
*/
	}
div#imgViewArea div#picList div#thumNail ul li a img {
	border: none;
	border:2px solid #666;
	}
div#imgViewArea div#picList div#thumNail ul li a:hover img {
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
	border:2px solid #FF6600;
}

div#imgViewArea div#picList a img.inActive {
	border: 2px solid #E6752B;
}

/*link color*/

a:link       { color : #5454F6;}
a:visited    { color : #632088;}
a:visited:hover,
a:link:hover { color : #2a2ad1;}
a:visited:active,
a:link:active{ color : #bf0000;}