/** Slider **/
.leaflet-control-zoominfo-wrap {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.leaflet-control-zoominfo-body {
  width: 2px;
  border: solid #fff;
  border-width: 0px 0px 0px 0px;
  background-color: black;
  margin: 0 auto;
}

.leaflet-control-zoominfo-body:hover {
  cursor: pointer;
}

.leaflet-dragging .leaflet-control-zoominfo,
.leaflet-dragging .leaflet-control-zoominfo-wrap,
.leaflet-dragging .leaflet-control-zoominfo-body,
.leaflet-dragging .leaflet-control-zoominfo a,
.leaflet-dragging .leaflet-control-zoominfo a.leaflet-control-zoominfo-disabled {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}

/** Leaflet Zoom Styles **/

					/* コントロール位置 */
.leaflet-container .leaflet-control-zoominfo {
  margin-left: 3px;
  margin-top: 3px;
}

					/* コントロール（+、-） */
.leaflet-control-zoominfo a {
  width: 18px;
  height: 18px;
  text-align: center;
  text-decoration: none;
  color: black;
  display: block;
}
.leaflet-control-zoominfo a:hover {
  background-color: #f4f4f4;
}
.leaflet-control-zoominfo-in {
  font: bold 1px 'Lucida Console', Monaco, monospace;
}
.leaflet-control-zoominfo-in:after{
  content:"+"
}
.leaflet-control-zoominfo-out {
  font: bold 1px 'Lucida Console', Monaco, monospace;
}
.leaflet-control-zoominfo-out:after{
  content:"−"
}
.leaflet-control-zoominfo a.leaflet-control-zoominfo-disabled {
  cursor: default;
  color: #bbb;
}

/* Touch */
.leaflet-touch .leaflet-control-zoominfo-body {
  background-position: 0px 0px;
}

					/* コントロールの幅、+・-の高さ位置 */
.leaflet-touch .leaflet-control-zoominfo a {
  width: 20px;
  line-height: 30px;
}
.leaflet-touch .leaflet-control-zoominfo a:hover {
  width: 20x;
  line-height: 30px;
}
.leaflet-touch .leaflet-control-zoominfo-in {
  font-size: 18px;
  line-height: 18px;
}
.leaflet-touch .leaflet-control-zoominfo-out {
  font-size: 18px;
  line-height: 18px;
}
.leaflet-touch .leaflet-control-zoominfo {
  box-shadow: none;
  border: 2px solid rgba(0,0,0,0.3);
}
					/* 地図サイズフォントの余白 */
.leaflet-control-zoominfo-info { 
  margin-left: -7px;
  background-color: #fff;
  border: none;
  width: 10px;
  height: 5px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: blue;
  padding: 1px 1px 10px 1px;

  border-radius: 4px; 
  cursor: default;
}

.leaflet-control-zoominfoinfo h4 { 
  margin: 0 0 0px 0px; 
  color: #000; 
}

/* Old IE */

.leaflet-oldie .leaflet-control-zoominfo-wrap {
  width: 18px;
}

.leaflet-oldie .leaflet-control-zoominfo {
  border: 1px solid #999;
}

.leaflet-oldie .leaflet-control-zoominfo-in {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '+');
}
.leaflet-oldie .leaflet-control-zoominfo-out {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '-');
}