body {
	margin: 0px auto;
	background-color: #F8F8F8;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#contents {
	width: 800px;
	margin: 0px auto;
	padding: 0px 4px;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
}

#header {
	margin: 8px 0px 4px;
	padding: 30px 10px 0px;
	border-bottom: 4px solid #AAAAAA;
	background-image: url("./img/mark.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

#header h1, h2 {
	margin: 0px;
	padding: 0px;
}

#header h1#eng {
	margin-bottom: 6px;
	color: #C2CD23;
	font-size: 180%;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

#header span#maintitle {
	color: #3366EE;
	font-size: 160%;
}

#header span#subtitle {
	color: #333333;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

#menu {
	float: left;
	width: 160px;
}

#menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu a {
	display: block;
	width: 130px;
	margin: 6px;
	padding: 6px;
	border-right: 6px solid #555555;
	color: #111111;
	background-color: #DDDDDD;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 70%;
	text-decoration: none;
	text-align: right;
}

#menu a.selected {
	color: #FFFFFF;
	background-color: #888888;
}

#menu a:hover {
	color: #FFFFFF;
	background-color: #666666;
}

#main {
	float: left;
	width: 628px;
	margin-bottom: 8px;
	padding-left: 8px;
	border-left: 2px solid #AAAAAA;
	color: #333333;
	font-size: 96%;
}

#main p {
	margin: 6px 0px 6px 1em;
	line-height: 150%;
}

#main dl {
	margin-left: 2emm;
}

#main dt {
	font-weight: bold;
}

#main h3 {
	margin-bottom: 12px;
	padding: 2px;
	border-bottom: 2px dashed #C2CD23;
	font-size: 130%;
}

#main h4 {
	clear: both;
	margin-left: 0.5em;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-bottom: 2px;
	border-bottom: 2px dashed #999999;
	font-size: 110%;
}

#main ol {
	margin-left: 1em;
	list-style-type: upper-roman;
}

#main li {
	margin-top: 6px;
	margin-bottom: 12px;
}

#main table {
	margin-left: 2em;
}

#main th {
	padding-right: 1em;
	text-align: left;
}

#main img {
	margin-left: 1em;
	border-style: none;
}

#main .warn {
	color: #FF0000;
}

#main .imagebox {
	float: left;
	width: 205px;
	margin: 6px 0px;
	padding: 0px;
}

.imagebox div {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.imagebox p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 90%;
}

#group {
	clear: both;
	padding-top: 6px;
}

#group p {
	margin: 6px 0px;
	padding-left: 2.4em;
	text-indent: -2.4em;
}

#group span {
	white-space: nowrap;
}

#footer {
	clear: both;
	border-top: 1px solid #CCCCCC;
}

#footer p {
	margin: 6px;
	color: #111111;
	font-size: 80%;
	text-align: center;
}

#leaflet div {
	margin: 0px;
	padding: 0px;
}

#leaflet img {
	display: block;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

#img0 {
	float: left;
	width: 209px;
	height: 229px;
	background: url("./img/piece0a.gif") no-repeat;
}

#img1 {
	float: left;
	width: 209px;
	height: 229px;
	background: url("./img/piece1a.gif") no-repeat;
}

#img2 {
	float: left;
	width: 209px;
	height: 229px;
	background: url("./img/piece2a.gif") no-repeat;
}

#img3 {
	clear: both;
	width: 627px;
	height: 283px;
	background: url("./img/piece3a.gif") no-repeat;
}

#img4 {
	float: left;
	width: 209px;
	height: 229px;
	background: url("./img/piece4a.gif") no-repeat;
}

#img5 {
	float: left;
	width: 209px;
	height: 229px;
	background: url("./img/piece5a.gif") no-repeat;
}

#img6 {
	float: left;
	width: 209px;
	height: 229px;
	background: url("./img/piece6a.gif") no-repeat;
}

#img0:hover img,
#img1:hover img,
#img2:hover img,
#img3:hover img,
#img4:hover img,
#img5:hover img,
#img6:hover img {
	visibility: hidden;
}