body {
	line-height:18px;
	font-size:80%;
	margin-top:16px;
	background:#aaaaff;
}
option { 
	border: 1px solid #666666;
	padding: 3px 3px 3px 3px;
	width:320px;
	background-color:#ddddff;
	color: #000000;
}
div.txArea { 
	border: 1px solid #666666;
	padding: 3px 3px 3px 3px;
	width:420px;
	background-color:#ffffff;
	color:222222;
	text-align:left;
	padding-left:5px;
	margin-left:8px;
	margin-bottom:8px;
}

.toggleMenu {
	border: 1px solid #666666;
	padding: 3px 3px 3px 3px;
	width:420px;
	background-color:#ffffff;
	color:blue;
	text-align:left;
	padding-left:5px;
	margin-left:8px;
	margin-bottom:8px;
	cursor: pointer;
	user-select: none;

}
.toggleMenu:hover,
.toggleMenu:active,
.toggleMenu.is-active {
  background-color: gray;
}

.toggleContents {
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
}
.toggleContents.is-open {
  line-height: normal;
  height: auto;
  opacity: 1;
}

.mapImageFish {
	margin-left:8px;
    position: relative;
    width: 300px;
    height: 300px;
    background-image: url('./fishmap_m.jpg');
    background-position: left top;
    background-repeat: no-repeat;
}