.btn {
  font-size:24px;
  border-radius: 5px;
  background-color: #dcdcdc;
  padding: 12px 34px 12px 34px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #ff0000;
}

a.btn--agreement {
  color: #ff000;
  background-color: #dcdcdc;
  border-bottom: 0px solid #808080;
}
a.btn--agreement:hover {
  margin-top: 3px;
  color: #fff;
  background: #ff0000;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}


.btn--josui,  /*上水道施設平面図*/
a.btn--josui {
  font-size:20px;
  padding: 3px 20px 3px 20px;
  color: #444;
  background-color: #d5dff2;
  border: 1px solid #4574ca;
}
.btn--josui:hover,
a.btn--josui:hover {
  color: #fff;
  background: #4574ca;
  border: 1px solid #4574ca;
}


.btn--gesui,  /*下水道施設平面図*/
a.btn--gesui {
  font-size:20px;
  padding: 3px 20px 3px 20px;
  color: #444;
  background-color: #e1f0d7;
  border: 1px solid #6db040;
}
.btn--gesui:hover,
a.btn--gesui:hover {
  color: #fff;
  background: #6db040;
  border: 1px solid #6db040;
}