html, body {
	margin:0px;
}
#map {
	position: absolute;
	top:0px; 
	bottom: 0px; 
	left: 250px; 
	right: 0px;
	border-left: double 2px #0000ff;
	z-index:0;

}
#cursor{
	//position: absolute;
	overflow: hidden;

}
#title {
	font-size: 20px;
	font-weight: bold;
}
#side {
	width:235px;
	margin-top:15px;
	margin-left:15px;
}
#help {
	cursor: pointer;
	display: block;
	margin-right: 10px;
	margin-left: 180px;
	margin-top: -50px;
	margin-bottom: 30px;
}
p.ver {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 50px;
	padding-right: 10px;
}
p.title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -5px;
}
p.title2 {
	font-size: 16px;
	font-weight: bold;
}
p.subtitle{
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 12px;
}
span.subtitle{
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 12px;
}
span.subtitle2{
	font-size: 0.9em;
	font-weight: lighter;
	margin-top: 12px;
	display: block;
	margin-left: 10px;
}
span#z{
	font-size: 1.1em;
	font-weight: lighter;
	margin-top: 12px;
}
#opa_range {
  margin-left: 10px;
}
p.crlf {
  display: contents;
}
p.subtitle2{
	font-size: 0.8em;
	margin-top: 12px;
	margin-left: 20px;
}
p.info {
	font-size: 10px;
	word-wrap: break-word;
	margin-top: 0px;
}
p{
	margin-bottom: 0px;
}
#basemap {
	font-size: 0.8em;
	margin-top:20px;
	width: 170px;
	border: inset;
	background: yellow;
	font-size: 10px;
}
.tileSet{
	display: inherit;
	font-size: 0.7em;
	display: initial;
}
#tileView {
  font-size: 0.9em;
}
#bbox{
	margin-left:60px;
	margin-bottom:20px;
}
#east, #west{
	font-size: 0.8em;
	margin-left:5px;
	width: 60px;
}
 #north, #south{
	font-size: 0.8em;
	margin-left:5px;
	width: 60px;
}
p.news_ew{
	margin-left: 10px;
	margin-bottom:15px;
	font-size: 0.9em;
	display: inline-block;
}
p.news_ns{
	margin-left:55px;
	font-size: 0.9em;
	display: inline;
}
#download{
	margin-top:20px;
	margin-left:50px;
	display: flex;

}
table{
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
td {
	text-align: center;
	vertical-align: middle;
	height: 40px;
}
td.left{
	text-align: right;
	padding-right: 5px;
}
td.right{
	text-align: left;
	padding-left: 5px;
}
#dialog{
	position: absolute;
	width:400px;
    background-color: #CCFFFF;
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	border: 2px solid #000; 
	z-index: 100;
}
input[type="text"]{
	text-align: right;
}
p.downloadText1{
 	font-size: 1em;
 	text-align: center;
}
p.downloadText2{
 	font-size: 0.9em;
 	text-align: right;
 	vertical-align: middle;
	display: inline;
}
p.downloadText3{
 	font-size: 0.7em;
 	text-align: center;
 	vertical-align: top;
	display: inline;
}

#downloadFileName{
	width:80px;
}
#fileSize{
	width:80px;
}
#offset, #exa{
	width:60px;
}
#hSize, #wSize, #elevMax, #elevMin, #grayMax, #grayMin, #fileSize{
	color:#7F7F7F;
	margin-left:0px;
	display: contents;
}
/* dialog */
dialog[open] {
  opacity: 1;
  transform: scaleY(1);
}
dialog {
	display: inline-block;
	opacity: 0;
	transform: scaleY(0);
	transition:
	opacity 0.7s ease-out,
	transform 0.7s ease-out,
	overlay 0.7s ease-out allow-discrete,
	display 0.7s ease-out allow-discrete;
}
dialog[open]::backdrop {
  background-color: rgb( 0 0 0 / 25%);
}

.input-block {
  display: flex;
  flex-direction: column;
}

.select-block {
  margin-bottom: 16px;
}
#subtileSet{
	display: none;
}
select, label {
  height: 30px;
}