body {
  padding: 0;
  margin: 0;
  background-image: url(/img/bg.png);
  line-height: 80%;
}

#osm {
  position: fixed;
  width: 100vw;
  height: 100vh;
}

#navi-top-right {
  position: fixed;
  right: 0;
  margin: 10px;
  opacity: 0.8;
}

#navi-top-left {
  position: fixed;
  left: 60px;
  margin: 10px;
  opacity: 0.8;
}

#navi-bottom-right {
  position: fixed;
  right: 0;
  bottom: 5px;
  margin: 20px;
  opacity: 0.8;
}

#navi-bottom-left {
  position: fixed;
  left: 0;
  bottom: 5px;
  margin: 20px;
  opacity: 0.8;
}

#navi-top-middle {
  position: fixed;
  left: 20%;
  right: 20%;
  top: 0;
  margin: 10px;
  opacity: 0.8;
  text-align: center;
}

#navi-bottom-middle {
  position: fixed;
  left: 20%;
  right: 20%;
  bottom: 5px;
  margin: 20px;
  opacity: 0.8;
  text-align: center;
}

.page {
  margin: 0 10px 0 10px;
}

.page_title {
  font-size: 40px;
}

.osm-div-icon {
  position: absolute;
  color: #008;
  bottom: -6px;
  left: -12px;
}

.osm-div-icon_title {
  margin-bottom: -5px;
}

.avatar-color-0 {
  color: #0a58ca !important;
}

.avatar-color-1 {
  color: #b02a37 !important;
}

.avatar-color-2 {
  color: #1aa179 !important;
}

.avatar-color-3 {
  color: #ca6510 !important;
}

.avatar-color-4 {
  color: #520dc2 !important;
}

.avatar-color-5 {
  color: #cc9a06 !important;
}

.avatar-color-6 {
  color: #0aa2c0 !important;
}

.avatar-color-7 {
  color: #59359a !important;
}

.avatar-color-8 {
  color: #ab296a !important;
}

.avatar-color-9 {
  color: #146c43 !important;
}

.avatar-bgcolor-0 {
  background-color: #0a58ca !important;
}

.avatar-bgcolor-1 {
  background-color: #b02a37 !important;
}

.avatar-bgcolor-2 {
  background-color: #1aa179 !important;
}

.avatar-bgcolor-3 {
  background-color: #ca6510 !important;
}

.avatar-bgcolor-4 {
  background-color: #520dc2 !important;
}

.avatar-bgcolor-5 {
  background-color: #cc9a06 !important;
}

.avatar-bgcolor-6 {
  background-color: #0aa2c0 !important;
}

.avatar-bgcolor-7 {
  background-color: #59359a !important;
}

.avatar-bgcolor-8 {
  background-color: #ab296a !important;
}

.avatar-bgcolor-9 {
  background-color: #146c43 !important;
}

.map-bgcolor-0 {
  background-color: #0a58ca !important;
}

.map-bgcolor-1 {
  background-color: #b02a37 !important;
}

.map-bgcolor-2 {
  background-color: #1aa179 !important;
}

.map-bgcolor-3 {
  background-color: #ca6510 !important;
}

.map-bgcolor-4 {
  background-color: #520dc2 !important;
}

.map-bgcolor-5 {
  background-color: #cc9a06 !important;
}

.map-bgcolor-6 {
  background-color: #0aa2c0 !important;
}

.map-bgcolor-7 {
  background-color: #59359a !important;
}

.map-bgcolor-8 {
  background-color: #ab296a !important;
}

.map-bgcolor-9 {
  background-color: #146c43 !important;
}

/*# sourceMappingURL=main.css.map */