p{ font-family: TBUDGothic R; }
span{ font-family: TBUDGothic R; }
input { font-family: TBUDGothic R; }
select{ font-family: TBUDGothic R; }

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  appearance: none;
  -webkit-appearance: none; /* iOS/Safari 対策 */
  border: 0;
  border-radius: 5px;
  background: #0080C8;
  color: #fff;
  padding: 4px 16px;
  font-size: 14px;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background: #1d49aa;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

button.ul_btn,
input[type="submit"].ul_btn,
input[type="button"].ul_btn,
input[type="reset"].ul_btn {
    color: #000000;
    background: #bbbb22;
}
.ul_btn:hover {
    color: #000000;
    background: #999900;
}
.ul_btn:focus {
  outline: none;
  box-shadow: 0 0 0 5px #ff0000;
}

.rec_btn {
    color: #ffffff;
    background: #c83c22;
}
.rec_btn:hover {
    color: #ffffff;
    background: #bb0000;
}
.rec_btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px #eed6cb;
}