@charset "utf-8";

/* =================================
   @DEMO
================================= */
#demo {
	margin: 0px auto;
	width: 100%;
}

/* =================================
   @ACCESS
================================= */
.access
	 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  margin-bottom: 30px;
}

.map2 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 5px;
}
/* =================================
   @MAP
================================= */
.map {
  height: 400px;
}
.map p {
  margin: 1px;
  white-space:nowrap;
}

/* #map{
  height:500px;
} */

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:14px;
  line-height:17px;
  opacity:0.8;
  background:#905;
  border:solid 3px #905;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-8px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-7px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:8px solid #905;
}
.overlay_arrow.below{
  top:-7px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:8px solid #905;
}