/**
* precincts.css 境内案内（マップ用）
*
*/
/* 全体フレーム */
#mapWrap {
	margin: 0;
	padding: 0;
	width: 650px;
	height: 752px;
/*	border: 1px solid #003333; */
	display: block;
	position: absolute;
	z-index: 1;
}
/* 地図 */
#map {
	margin: 0 0 30px 0;
	padding: 0;
}
/* 地図メニュー */
#mapMenu {
	margin: 0;
	padding: 0;
	width: 260px;
	display: block;
	position: absolute;
	top: 325px;
	left: -20px;
	z-index: 2;
}


#mapCursor {
	margin: 0;
	padding: 0;
	width: 30px;
	height: 48px;
	background-image: url(/themed/shikishimaJinja/img/icon_map_cursor.png);
	background-repeat: no-repeat;
	display: block;
	position:absolute;
	top: 720px;
	left: 250px;
	z-index: 3;
}
/* 地図詳細関連 */
.mapDetail {
	margin: 0;
	padding: 0;
	width: 270px;
	background-color: #666666;
	display: block;
	position: absolute;
	top: 400px;
	left: 350px;
	z-index: 99;
}
.mapDetailBar{
	margin: 2px 2px 0 2px;
	padding: 0;
	text-align: center;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
.mapDetail a{
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	background-color: #aaaaaa;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #cccccc;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	position: absolute;
}
.mapDetail a:hover{
	background-color: #666666;
	border-top: 1px solid #333333;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #333333;
	color: #ffffff;
}
.photo {
	margin: 3px;
	padding: 0;
	width: 260px;
	background-color: #ffffff;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #cccccc;
}
.photo img {
	margin: 5px;
	padding: 0;
	width: 250px;
}
.photoComment {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #666666;
}
.photoComment p{
	margin: 0;
	padding: 1px 3px 3px 3px;
	color: #ffffff;
	font-size: 85%;
}

/*
<div class="mapDetail" id="OTORII">
	<div class="photo">
<img alt="大鳥居の写真" src="/files/uploads/precincts001.png" /></div>
	<div class="photoComment">
		<h5>大鳥居</h5>
<p>大鳥居についての説明</p>
</div>
</div>
*/