/*グラデーション*/
.GRAY {
  background: #a9a9a9;
  border:none;
  /*border: 1px solid #999999;*/

  /*Gradient*/
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));

}
.GRAY:hover,
.GRAY:focus {
   background: #bebebe;
  /*Gradient*/
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

.ORANGE{
  background: #fc9747;
  border:none;
  /*border: 1px solid #ea641d;*/

  /*Gradient*/
  background-image: -webkit-linear-gradient(top, #fc9747, #dd4502);
  background-image: -moz-linear-gradient(top, #fc9747, #dd4502);
  background-image: -o-linear-gradient(top, #fc9747, #dd4502);
  background-image: -ms-linear-gradient(top, #fc9747, #dd4502);
  background-image: linear-gradient(top, #fc9747, #dd4502);
}
.ORANGE:hover,
.ORANGE:focus{
  background: #fdb175;
  /*Gradient*/
  background-image: -webkit-linear-gradient(top, #fdb175, #e67440);
  background-image: -moz-linear-gradient(top, #fdb175, #e67440);
  background-image: -o-linear-gradient(top, #fdb175, #e67440);
  background-image: -ms-linear-gradient(top, #fdb175, #e67440);
  background-image: linear-gradient(top, #fdb175, #e67440);
}