@charset "euc-jp";

/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff; /* ページの背景色 */
	color: #000000; /* 全体の文字色 */
	font-size: 100%; /* 全体の文字サイズ */
}

/* --- コンテナ --- */
#container {
	width: 840px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* 背景色 */
	border: none; /* 枠線 */
	text-align: center;
}

/* --- ヘッダ --- */
#header {
	width: 734px; /* ページの幅 */
	height: 100px; /* 高さ */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* ヘッダの背景色 */
	border: none; /* 枠線 */
}

#header img {
	margin: 0px;
	padding: 0px;
	border: none; /* 枠線 */
	float: left;
}

/* --- メインカラム --- */
#content {
	clear: both;
	width: 840px; /* ページの幅 */
	height: 500px; /* 高さ */
	background-color: #ffffff; /* 背景色 */
	background-image: url(images_menu/kanagawa_map_l.gif);
	background-position: 0px 0px;
	background-repeat : no-repeat ;
	position: relative;
}

/* --- リンクボタンの画像切り替え設定 ---*/
a {
	margin: 0px;
	padding: 0px;
	border: none; /* 枠線 */
	background-repeat: no-repeat;
	position: absolute;
}

a:link    { background-position: 0px -160px; }
a:visited { background-position: 0px -160px; }
a:hover   { background-position: 0px 0px; }
a:activ   { background-position: 0px 0px; }
/*a:focus   { background-position: 0px 0px; }*/

/* --- 項目ボタン（リスト使用）の設定 ---*/

li {
	display: block;
	text-indent: -10000px;
}

li a {
	width: 150px; /* 幅 */
	height: 150px; /* 高さ */
	overflow: hidden;
}

/* --- 各項目の設定 --- */

li.plant a {
	background-image: url(images_menu/plant_l.gif);
	top: 70px;
	left: 190px;
}

li.moss a {
	background-image: url(images_menu/moss_l.gif);
	top: 70px;
	left: 360px;
}

li.fungi a {
	background-image: url(images_menu/fungi_l.gif);
	top: 70px;
	left: 530px;
}

li.mineral a {
	background-image: url(images_menu/mineral_l.gif);
	top: 240px;
	left: 105px;
}

li.tephra a {
	background-image: url(images_menu/tephra_l.gif);
	top: 240px;
	left: 275px;
}

li.photo a {
	background-image: url(images_menu/photo_l.gif);
	top: 240px;
	left: 445px;
}

li.mammal a {
	background-image: url(images_menu/mammal_l.gif);
	top: 240px;
	left: 615px;
}

/* --- 戻るボタン設定 --- */
p {
	text-indent: -10000px;
}

p a {
	width: 110px; /* 幅 */
	height: 70px; /* 高さ */
	overflow: hidden;
}

p.back a {
	background-image: url(images_menu/back_to_main_l.gif);
	bottom: 0px;
	right: 0px;
}

/* --- フッタ --- */
#footer {
	width: 840px; /* ページの幅 */
	height: 200px; /* 高さ */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* フッタの背景色 */
	border: none; /* 枠線 */
        text-align: center;
        padding: 20px;
}