@charset "UTF-8";

html{
		overflow-x: auto;
		overflow-y: auto;
		}
		
body{
		background-color: #000;
		height: 940px;
		}

div#contents{
		text-align: center;
		width: 980px;
		margin: auto;
		padding-top: 50px;
		background-color:#000;
		font-family:"Lucida Grande","segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN",'メイリオ', Meiryo, Verdana, Arial, sans-serif;
			}
			
div#photo{
		position: relative;
		width: 980px;
		line-height: 1;
		font-size: 14px;
		}
	
h1{
		color: #ccc;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		
		}
		
div#map{
	font-size: 15px;
	width: 240px;
	height: 20px;
	line-height: 20px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	text-align: center;
	background-color: #444;
	padding: 0px 15px 1px 15px;
	border: #444 solid 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family:"Lucida Grande","segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'Meiryo UI','メイリオ', Meiryo, Verdana, Arial, sans-serif;
	}
	
a:link{
	color: #ccc;
	text-decoration: none;
	}
	
a:visited{
	color: #ccc;
	text-decoration: none;
	}
	
a:hover{
	color: #fff;
	text-decoration: none;
	}
		
/**********************************/
/*POP　UP設定*/
			

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

/**********************************/
/*縦書き文字設定*/

div#iga{
		position: absolute;
		top: 20px;
		left: 60px;
		}
		
div#oohora_me{
		position: absolute;
		top: 20px;
		left: 300px;
		}
		
div#oohora_o{
		position: absolute;
		top: 20px;
		left: 440px;
		}
		
div#nihon{
		position: absolute;
		top: 20px;
		left: 700px;
		}
		
div#osusume{
		position: absolute;
		top: 5px;
		left: 600px;
		text-decoration: blink;
		}
		
div#trek{
		position: absolute;
		top: 20px;
		left: 585px;
		}
		
div#kuroso{
		position: absolute;
		top: 20px;
		left: 610px;
		}