@charset "Shift_JIS";

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
	
}

body {

	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 100%;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	text-align: center;
	background-image: url(img/bg_body.jpg);
	background-repeat:repeat-x;
	background-color: #ffffff;
	
	
}
img {
	border-style: none;
	margin: 0;
	padding: 0;
}

/* ƒŠƒ“ƒN */
a {
	font-weight: normal;
	text-decoration: none;
	color: #5fa1c3;
}
/*a:link { color: #000 } */
/*a:visited { color: #333 } */
*a:active, a:hover { color: #3083ad; text-decoration:underline; }
ul {
	list-style-type: none;
}

ul.menu li {
	float: left;
}
ul.menu li a {
	float: left;
	display: block;
}

.hidden {
	display: none;
}

div#wrapper {
	width: 924px;
	margin: 20px auto;
	text-align:left;


	background-image:url(img/bg_wrapper.gif);
	


}


div#wrapper2 {
	width: 924px;
	text-align:left;
	text-align: justify;
	text-justify:inter-ideograph;
	background-image:url(img/bg_wrapper2.jpg);
	background-repeat:no-repeat;
	


}


h1 {
	margin: 0 0 15px 0;


}
div#caution {
	font-size:  75%;

}

div#crum {
	font-size: 75%;
	margin: 0 0 0 5px;

}


div#legend {
	font-size: 75%;
	margin: 0;
	border: 1px solid #cccccc;
	padding: 5px;



}






div#header {
	width: 884px;
	height: 70px;
	margin: 0 0 0px 26px;
	padding: 77px 0 0 0;
	



}




div#navi {
	width: 526px;
	height: 30px;
	margin: 0px 0 0 351px;
	

	



}

div#navi ul {
	margin: 0;
	padding:0;


}


div#navi li {
	float:left;
	margin:  0 ;


}




li#navi-01 a {
	width: 104px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_01.gif);
}


li#navi-01 a:hover {

background-position: 0 -28px;

}

li#navi-02 a {
	width: 131px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_02.gif);

}


li#navi-02 a:hover {

background-position: 0 -28px;

}




li#navi-03  {
	width: 174px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_03.gif);

}





li#navi-04 a  {
	width: 117px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_04.gif);

}


li#navi-04 a:hover {

background-position: 0 -28px;

}








div#name {

	margin: 0px 0 0 600px;





}

div#name ul {
	margin: 0;
	padding:0;


}


div#name li {
	float:left;
	margin:  0 0 0 10px ;


}








div#map {
	margin: 0 0 0 0px;
	





}



div#googlemap {
	width: 669px;
	height: 419px;
	margin: 40px 0 0 0;
	background-image:url(img/bg_map.jpg);
	background-repeat:no-repeat;
	border: 1px solid #cacaca;
	float:left;



}










div.align-right {
	float:right;
	margin: 0 0 10px 15px;



}



div.align-left {
	float:left;
	margin: 0 10px 10px 0;



}


div.playsound {
	background-image: url(img/playsound.gif);
	background-repeat:no-repeat;
	background-position: middle;
	height: 35px;
	padding: 5px 0 0 40px;
	margin: 5px ;
	vertical-align:middle;




}





.clear {
	clear: both;


}




.title {
	font-weight:bold;
	color:#006633;

	


}


.comment {

	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 3px 0;
	padding: 5px;
	font-size: 90%;

}

.category {
	text-align:right;
	color:#009900;
	font-size: 90%;


}


.sgray {
	color:#636363;
	font-family: "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}