/*-------------*/
h1 {
	text-align: center;
	background-color: #eeffee;
}




/*-------------*/

.base {
  margin: 0px auto;
  width: 98%;
  clear: both;

}
.UIBox {
  margin: 0px auto;
  max-width: 500px;
  min-width: 250px;
  width: 90%;
  clear: both;
  padding: 10px;
  border: 1px solid #444;
  height: 220px;
  position: fixed;
	background-color: #ffffff;
	z-index: 10

}
.ResultBox {
	position: absolute;
	top: 260px;
  padding: 10px;
  margin: 0px auto;
  max-width: 500px;
  min-width: 250px;
  width: 90%;
  clear: both;
  border: 1px solid #444;

}

.credit {
	text-align: right;
	cursor: pointer;

}

.hotspot {
	text-align: center;
	cursor: pointer;

}
.modal {
  max-width: 500px;
  min-width: 250px;
  width: 90%;
	Top: 30px
	left: 30px;
	height: 220px;
  border: 1px solid #444;
  padding: 10px;
	z-index:100;
  position: fixed;
	background-color: #eeeeee;
	display: none;

}
.container {
  margin: 0px auto;
  max-width: 500px;
  min-width: 250px;
  width: 98%;
  clear: both;

}

.main {
  float: left;
  width: 50px;
  padding: 5px;
}
/*
  border: 1px solid #444;
  background-color: hsl(0, 80%, 90%);
  padding: 10px;
*/

.side {
  float: left;
  width: calc(98%-50px);
  padding: 5px;
/*
  border: 1px solid #444;
  background-color: hsl(220, 80%, 90%);
  padding: 10px;
*/
}

.bottom {
  float: none;
  text-align: center;

}

.go {
	width: 98%;
  text-aligh: center;
}

.station {
	width: 95%;
  padding: 5px;
  text-align: center;
	background-color: #eeeeee;
  border: 1px solid #dddddd;

}
.rail {
	width: 95%;
  padding: 0px 5px 0px 5px;
  text-align: center;

}
.station2 {
	width: 90%;
  text-align: center;
	background-color: #808080;

}