/*グラデーション*/
.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);
}

.BEIGE {
  border: 1px solid #c9c9c9;
  
  /*Gradient*/
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #EEEBDE));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeebde 100%);
  background-image: -moz-linear-gradient(top, #ffffff, #EEEBDE);
  background-image: -ms-linear-gradient(top, #ffffff, #EEEBDE);
  background-image: -o-linear-gradient(top, #ffffff, #EEEBDE);
  background-image: linear-gradient(top, #ffffff, #EEEBDE);

  color: #595233 !important;
}

.BEIGE:hover {
  border: 1px solid #000;
  
  /*Gradient*/
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a89d73), color-stop(100%, #75683a));
  background-image: -webkit-linear-gradient(top, #a89d73, #75683a);
  background-image: -moz-linear-gradient(top, #a89d73, #75683a);
  background-image: -ms-linear-gradient(top, #a89d73, #75683a);
  background-image: -o-linear-gradient(top, #a89d73, #75683a);
  background-image: linear-gradient(top, #a89d73, #75683a);
  
  color: #ffffff !important;
}