div.olControlAttribution {
  padding: 3px;
  color:#000000;
  background-color:#ffffff;
  background-color:rgba(230,255,255,0.7);
  font-size:12px;
  line-height:14px;
  bottom:5px;
  vertical-align: middle;
  right:3px;
}
div.olControlAttribution a{
  color:-webkit-link !important;
}
div.olControlZoom {
  display: none;
}
div.olControlZoom a {
  height: 70px !important;
  width: 70px !important;
  line-height: 70px !important;
  font-size: 2.4em !important;
}

#map_area {
  height: 320px;
  width: auto;
  max-width: 500px;
  /*border: solid 10px #5A5A5A;*/
  position: relative;
}
#map {
  height: 320px;
  width: auto;
  max-width: 500px;
  position: relative;
}

#slider_area {
  width: 100%;
  height: 30px;
  margin: 10px 0;
}
#slider {
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  text-align: center;
}
.text-center {
  text-align: center;
}

#info_text{
  position: absolute;
  width: 100%;
  max-width: 500px;
  z-index: 10;
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.5);

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
}

/*the slider background*/
.time_slider {
  height:20px;
  background:url(/img/kaminari/slider-bg.png);
  position:relative;
  margin:6px;
  padding:0 10px;
  border: 0;
}

.time_slider .ui-corner-all {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*Style for the slider button*/
.time_slider .ui-slider-handle {
  width:28px;
  height:37px;
  position:absolute;
  top:-9px;
  border: 0;
  margin-left:-12px;
  z-index:222;
  background:url(/img/kaminari/slider-button.png);
}

@media screen and (max-width:480px) {

  .kaminari_map {
    margin-top: 0px;
  }

}