@charset "utf-8";
/*=======================================================
	CSS Document
	Page Style
	2013.08.12 ooe	
=======================================================*/

/* contents
-----------------------------------------------------*/
#maps canvas :hover { opacity:0.5;}
p.pageTitle {
	width:100%;
	float:left;
	text-align:center;
	margin:70px 0 30px;
}
p.pageTxt {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:30px;
}

#maps {
	width:100%;
	height:650px;
	float:left;
	border-top:solid 2px #333;
	border-bottom:solid 2px #333;
	margin-bottom:50px;
	position:relative;
}
#mapBox {
	width:100%;
	height:100%;
	float:left;
}
.mapTxt {
	width:250px;
	height:40px;
	padding:35px 20px 30px;
	display:none;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-160px;
	color:#60452D;
	line-height:16px;
	letter-spacing:1px;
	text-align:center;
	text-shadow:0 1px 1px #ccc;
	background:url("../img/map/bk_gallery.png") top center no-repeat;
}

.txt01, .txt011, .txt02, .txt03, .txt03, .txt04, .txt05, .txt06, .txt07, .txt08, .txt09, .txt10, .txt11, .txt12 
{ display:none;}



p.locaTit {
	width:100%;
	height:30px;
	float:left;
	line-height:20px;
	font-size:13px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing:8px;
}
p.locaTit img { padding-right:10px;}

.locaBox h1 {
	width:100%;
	height:46px;
	float:left;
	text-align:center;
	background:url("../../img/pc/common/bl_line.png") center 23px no-repeat;
}

.locaBox h1 span {
	line-height:46px;
	font-size:26px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#333;
	letter-spacing:14px;
	font-weight:600;
	padding:0 30px;
	background:#FCFBF5;
}
.locaBox .boxTxt {
	width:100%;
	float:left;
	text-align:center;
	margin:20px 0 30px;
}


/* *Box* */
.locaBox .box {
	width:280px;
	height:320px;
	float:left;
	margin:0 60px 90px 0;
	position:relative;
}
.locaBox .box:nth-child(3n) { margin:0 0px 80px 0;}
.locaBox .box .img {
	width:280px;
	height:150px;
	float:left;
	margin-bottom:10px;
 
}
.locaBox .box .img a:hover img {
-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
}
.locaBox .box .img a:hover img {
  opacity: 0.7; filter: alpha(opacity=70);
  box-shadow:5px 5px 0 #BFB29A;
}
.locaBox .box p.txt {
	float:left;
	margin-top:10px;
} 

.locaBox .box p.no, 
.locaBox .box p.no02 {
	width:40px;
	height:40px;
	float:left;
	text-align:center;
}
.locaBox .box p.no span, 
.locaBox .box p.no02 span {
	width:36px;
	height:36px;
	margin:1px;
	border: solid 1px #fff;
	color:#FFF;
	font-size:24px;
	display:block;
	line-height:35px;
	letter-spacing:-1px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.locaBox .box p.no { background:#BFB29A;}
	
.locaBox .box p.no02 { background:#BFB29A;}

.locaBox .box h2 {
	width:233px;
	height:23px;
	float:right;
	font-size:13.5px;
	color:#333;
	line-height:23px;
}
.locaBox .box h3 {
	width:233px;
	height:16px;
	float:right;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C67817;
}

.locaBox .box p {
	width:100%;
	float:left;
	line-height:1.6em;
	text-align:left;
}

.locaBox .box p.btn {
	width:100%;
	height:22px;
	position:absolute;
	z-index:300;
	bottom:0;
	left:0;
}

.locaBox .box p a.gallery, 
.locaBox .box p a.gallery01, 
.locaBox .box p a.gallery02 {
	width:113px;
	height:15px;
	padding:2px 0 2px 20px;
	color:#555;
	line-height:15px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	border:dashed 1px #999;
}
.locaBox .box p a.gallery, 
.locaBox .box p a.gallery01 {
	float:left;
	letter-spacing:5px;
	background:url("../../img/pc/common/btn_gallery_i.png") left no-repeat #FFF;
}
.locaBox .box p a.gallery02 {
	float:right;
	letter-spacing:3px;
	background:url("../../img/pc/common/btn_gallery_i2.png") left no-repeat #FFF;
}

.locaBox .box p a.gallery:hover, 
.locaBox .box p a.gallery01:hover {
	color:#FFF;
	border:solid 1px #BCAE95;
	background:url("../../img/pc/common/btn_gallery_o.png") left no-repeat #BCAE95;
}
.locaBox .box p a.gallery02:hover {
	color:#FFF;
	border:solid 1px #BCAE95;
	background:url("../../img/pc/common/btn_gallery_o.png") left no-repeat #BCAE95;
}

.locaBox p.point {
	width:100%;
	height:auto;
	float:left;
	line-height:1.2em;
	font-size:11px;
	text-align:left;
}