@charset "UTF-8";

div#contents{
			width: 980px;
			height: 1551px;
			margin-top: 0;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			}
			
img#map{
			width: 980px;
			height: 1501px;
			margin-top: 0;
			margin-left: auto;
			margin-right: auto;
			border: none;
			}
			
p#coment_for_SP{
			display: none;
			}
			
p#coment_for_PC{
			font-size: 13px;
			color: #d87c2e;
			position: absolute;
			top: 5px;
			left: 50px;
			font-weight: bold;
			font-family:"Lucida Grande","segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN",'メイリオ', Meiryo, Verdana, Arial, sans-serif;
			}
			
#contents a{
			cursor: url(../img/camera_w.png),auto;			}
			
/**********************************/
/*POP　UP設定*/

/*----------深野城-----------*/
			
div#fukano_jo{
			width: 350px;  /*反応エリアと同じ*/
			height: 233px;
			position: absolute;  /*PopUp位置設定*/
			top: 250px;
			left: 400px;
			}
			
a:link#fukano_jo{
			display:block;
			width: 350px;  /*反応エリア設定*/
			height: 233px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#fukano_jo{
			display:block;
			width: 350px;  /*画像表示エリア設定*/
			height: 233px;
			border: #fff solid 10px;
			background-image: url("../img/fukano_jo.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			cursor: pointer;
			}


/*----------神明神社-----------*/
			
div#sinmei{
			width: 175px;  /*反応エリアと同じ*/
			height: 220px;
			position: absolute;  /*PopUp位置設定*/
			top: 860px;
			left: 600px;
			}
			
a:link#sinmei{
			display:block;
			width: 175px;  /*反応エリア設定*/
			height: 220px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#sinmei{
			display:block;
			width: 175px;  /*画像表示エリア設定*/
			height: 220px;
			border: #fff solid 10px;
			background-image: url("../img/sinmei.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}
			
			
/*----------役行者-----------*/
			
div#yakugyo{
			width: 110px;  /*反応エリアと同じ*/
			height: 165px;
			position: absolute;  /*PopUp位置設定*/
			top: 900px;
			left: 500px;
			z-index: 500;
			}
			
a:link#yakugyo{
			display:block;
			width: 110px;  /*反応エリア設定*/
			height: 165px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#yakugyo{
			display:block;
			width: 110px;  /*画像表示エリア設定*/
			height: 165px;
			border: #fff solid 10px;
			background-image: url("../img/yakugyo.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}
			
/*----------ビューポイント上-----------*/

div#viewPoint_up{
			width: 550px;  /*反応エリアと同じ*/
			height: 167px;
			position: absolute;  /*PopUp位置設定*/
			top: 485px;
			left: 225px;
			}
			
a:link#viewPoint_up{
			display:block;
			width: 550px;  /*反応エリア設定*/
			height: 167px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#viewPoint_up{
			display:block;
			width: 550px;  /*表示エリア設定*/
			height: 167px;
			border: #fff solid 10px;
			background-image: url("../img/viewPoint_up.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}
			
			
/*----------ビューポイント右-----------*/

div#viewPoint_right{
			width: 300px;  /*反応エリアと同じ*/
			height: 199px;
			position: absolute;  /*PopUp位置設定*/
			top: 770px;
			left: 820px;
			}
			
a:link#viewPoint_right{
			display:block;
			width: 300px;  /*反応エリア設定*/
			height: 199px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#viewPoint_right{
			display:block;
			width: 300px;  /*表示エリア設定*/
			height: 199px;
			border: #fff solid 10px;
			background-image: url("../img/viewPoint_right.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}
			
			
/*----------ビューポイント左----------*/

div#viewPoint_left{
			width: 400px;  /*反応エリアと同じ*/
			height: 133px;
			position: absolute;  /*PopUp位置設定*/
			top: 770px;
			left: 0px;
			}
			
a:link#viewPoint_left{
			display:block;
			width: 400px;  /*反応エリア設定*/
			height: 133px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#viewPoint_left{
			display:block;
			width: 400px;  /*表示エリア設定*/
			height: 133px;
			border: #fff solid 10px;
			background-image: url("../img/viewPoint_left.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}
			
/*----------空海----------*/

div#kukai{
			width: 130px;  /*反応エリアと同じ*/
			height: 196px;
			position: absolute;  /*PopUp位置設定*/
			top: 600px;
			left: 580px;
			}
			
a:link#kukai{
			display:block;
			width: 130px;  /*反応エリア設定*/
			height: 196px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#kukai{
			display:block;
			width: 130px;  /*表示エリア設定*/
			height: 196px;
			border: #fff solid 10px;
			background-image: url("../img/kukai.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}										
			
/*----------炭焼き小屋----------*/

div#koya{
			width: 200px;  /*反応エリアと同じ*/
			height: 133px;
			position: absolute;  /*PopUp位置設定*/
			top: 800px;
			left: 670px;
			}
			
a:link#koya{
			display:block;
			width: 200px;  /*反応エリア設定*/
			height: 133px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#koya{
			display:block;
			width: 200px;  /*表示エリア設定*/
			height: 133px;
			border: #fff solid 10px;
			background-image: url("../img/koya.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}								

			
/*----------篠田のサクラ----------*/

div#sakura{
			width: 128px;  /*反応エリアと同じ*/
			height: 96px;
			position: absolute;  /*PopUp位置設定*/
			top: 630px;
			left: 700px;
			}
			
a:link#sakura{
			display:block;
			width: 128px;  /*反応エリア設定*/
			height: 96px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#sakura{
			display:block;
			width: 128px;  /*表示エリア設定*/
			height: 96px;
			border: #fff solid 10px;
			background-image: url("../img/sakura.jpg");  /*PopUpさせる画像を指定*/
			position: relative;  /*位置をずらす場合*/
			top: 0px;
			}								

/*----------ささゆり庵-----------*/			
			
div#sasayuri{
			width: 500px;  /*反応エリアと同じ*/
			height: 188px;
			position: absolute;  /*PopUp位置設定*/
			top: 880px;
			left: 150px;
			
			}
			
a:link#sasayuri{
			display:block;
			width: 300px;  /*反応エリア設定*/
			height: 188px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#sasayuri{
			display:block;
			width: 300px;  /*表示エリア設定*/
			height: 188px;
			border: #fff solid 10px;
			background-image: url("../img/sasayuri.jpg");  /*PopUpさせる画像を指定*/
			}
			
			
/*----------ささゆり保存区-----------*/			
			
div#hozon{
			width: 500px;  /*反応エリアと同じ*/
			height: 113px;
			position: absolute;  /*PopUp位置設定*/
			top: 1100px;
			left: 130px;
			
			}
			
a:link#hozon{
			display:block;
			width: 500px;  /*反応エリア設定*/
			height: 113px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#hozon{
			display:block;
			width: 500px;  /*表示エリア設定*/
			height: 113px;
			border: #fff solid 10px;
			background-image: url("../img/hozon.jpg");  /*PopUpさせる画像を指定*/
			}

/*---------かっぱ池-----------*/

div#kappa_ike{
			width: 200px;  /*反応エリアと同じ*/
			height: 142px;
			position: absolute;  /*PopUp位置設定*/
			top: 970px;
			left: 760px;
			
			}
			
a:link#kappa_ike{
			display:block;
			width: 200px;  /*反応エリア設定*/
			height: 142px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#kappa_ike{
			display:block;
			width: 200px;  /*表示エリア設定*/
			height: 142px;
			border: #fff solid 10px;
			background-image: url("../img/kappa_ike.jpg");  /*PopUpさせる画像を指定*/
			}

/*----------ビオトープ----------*/			
			
div#bio{
			width: 300px;  /*反応エリアと同じ*/
			height: 95px;
			position: absolute;  /*PopUp位置設定*/
			top: 760px;
			left: 400px;
			
			}
			
a:link#bio{
			display:block;
			width: 300px;  /*反応エリア設定*/
			height: 95px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#bio{
			display:block;
			width: 300px;  /*表示エリア設定*/
			height: 95px;
			border: #fff solid 10px;
			background-image: url("../img/bio.jpg");  /*PopUpさせる画像を指定*/
			}

/*----------コスモス-----------*/			
			
div#kosumos{
			width: 250px;  /*反応エリアと同じ*/
			height: 199px;
			position: absolute;  /*PopUp位置設定*/
			top: 1050px;
			left: 500px;
			
			}
			
a:link#kosumos{
			display:block;
			width: 250px;  /*反応エリア設定*/
			height: 199px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#kosumos{
			display:block;
			width: 250px;  /*表示エリア設定*/
			height: 199px;
			border: #fff solid 10px;
			background-image: url("../img/kosumos.jpg");  /*PopUpさせる画像を指定*/
			}
			
			
/*----------縄-----------*/			
			
div#nawa{
			width: 175px;  /*反応エリアと同じ*/
			height: 233px;
			position: absolute;  /*PopUp位置設定*/
			top: 900px;
			left: 0px;
			
			}
			
a:link#nawa{
			display:block;
			width: 175px;  /*反応エリア設定*/
			height: 233px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#nawa{
			display:block;
			width: 175px;  /*表示エリア設定*/
			height: 233px;
			border: #fff solid 10px;
			background-image: url("../img/nawa.jpg");  /*PopUpさせる画像を指定*/
			}
			

/*----------北森邸-----------*/			
			
div#kitamori{
			width: 250px;  /*反応エリアと同じ*/
			height: 166px;
			position: absolute;  /*PopUp位置設定*/
			top: 1300px;
			left: 160px;
			
			}
			
a:link#kitamori{
			display:block;
			width: 250px;  /*反応エリア設定*/
			height: 166px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#kitamori{
			display:block;
			width: 250px;  /*表示エリア設定*/
			height: 166px;
			border: #fff solid 10px;
			background-image: url("../img/kitamori.jpg");  /*PopUpさせる画像を指定*/
			cursor: pointer;
			}

/*----------やまゆり			
			
div#yamayuri{
			width: 150px; 
			height: 119px;
			position: absolute; 
			top: 1200px;
			left: 150px;
			
			}
			
a:link#yamayuri{
			display:block;
			width: 150px; 
			height: 119px;
			background-image: url("../img/area.gif"); 
			}
			
a:hover#yamayuri{
			display:block;
			width: 150px; 
			height: 119px;
			border: #fff solid 10px;
			background-image: url("../img/yamayuri.jpg"); 
			}
			-----------*/
			
/*----------夜景ポイント-----------*/			
			
div#yakei{
			width: 400px;  /*反応エリアと同じ*/
			height: 212px;
			position: absolute;  /*PopUp位置設定*/
			top: 1250px;
			left: 400px;
			
			}
			
a:link#yakei{
			display:block;
			width: 400px;  /*反応エリア設定*/
			height: 212px;
			background-image: url("../img/area.gif");  /*透明画像を指定*/
		
			}
			
a:hover#yakei{
			display:block;
			width: 400px;  /*表示エリア設定*/
			height: 212px;
			border: #fff solid 10px;
			background-image: url("../img/yakei.jpg");  /*PopUpさせる画像を指定*/
			}