@import url("font-awesome/css/font-awesome.min.css");

.css_btn_common {
  width: 100%;
  height: 100%;
  font-family: 'メイリオ';
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  zoom: 1;
}

.css_btn_common_border {
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #ffffff;
  padding: 1px;
}

.css_btn_green_border {
  border:1px solid #3ca354;
}

.css_btn_orange_border {
  border:1px solid #fa6723;
}

.css_btn_blue_border {
 border:1px solid #878bd6;
}

.css_btn_inactive_border {
  border:1px solid #b0b0b0;
}

.css_btn_common[disable] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -ms-filter: "alpha(opacity=65)";
  -khtml-opacity: .65;
  -moz-opacity: .65;
  filter: alpha( opacity=65 );
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}.css_btn_common[disable]:hover {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -ms-filter: "alpha(opacity=65)";
  -khtml-opacity: .65;
  -moz-opacity: .65;
  filter: alpha( opacity=65 );
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.css_btn_green {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1ec215), color-stop(100%, #027d1b) );
  background:-moz-linear-gradient( center top, #1ec215 5%, #027d1b 100% );
  background:-ms-linear-gradient( top, #1ec215 5%, #027d1b 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ec215', endColorstr='#027d1b');
  background-color:#1ec215;
  text-shadow: 1px 1px 1px #3b3b3b;
}.css_btn_green:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #027d1b), color-stop(100%, #1ec215) );
  background:-moz-linear-gradient( center top, #027d1b 5%, #1ec215 100% );
  background:-ms-linear-gradient( top, #027d1b 5%, #1ec215 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#027d1b', endColorstr='#1ec215');
  background-color:#027d1b;
}

.css_btn_inactive {
  cursor: normal;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #cacccc), color-stop(100%, #cccccc) );
  background:-moz-linear-gradient( center top, #cacccc 5%, #cccccc 100% );
  background:-ms-linear-gradient( top, #cacccc 5%, #cccccc 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacccc', endColorstr='#cccccc');
  background-color:#cacccc;
  color:#dedede;
}

.css_btn_orange {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9a57), color-stop(100%, #f55003) );
  background:-moz-linear-gradient( center top, #ff9a57 5%, #f55003 100% );
  background:-ms-linear-gradient( top, #ff9a57 5%, #f55003 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9a57', endColorstr='#f55003');
  background-color:#ff9a57;
  text-shadow: 1px 1px 1px #3b3b3b;
}.css_btn_orange:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f55003), color-stop(100%, #ff9a57) );
  background:-moz-linear-gradient( center top, #f55003 5%, #ff9a57 100% );
  background:-ms-linear-gradient( top, #f55003 5%, #ff9a57 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f55003', endColorstr='#ff9a57');
  background-color:#f55003;
}

.css_btn_blue {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7fb2ff), color-stop(100%, #3070b3) );
  background:-moz-linear-gradient( center top, #7fb2ff 5%, #3070b3 100% );
  background:-ms-linear-gradient( top, #7fb2ff 5%, #3070b3 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fb2ff', endColorstr='#3070b3');
  background-color:#7fb2ff;
  text-shadow: 1px 1px 1px #3b3b3b;
}.css_btn_blue:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3070b3), color-stop(100%, #7fb2ff) );
  background:-moz-linear-gradient( center top, #3070b3 5%, #7fb2ff 100% );
  background:-ms-linear-gradient( top, #3070b3 5%, #7fb2ff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3070b3', endColorstr='#7fb2ff');
}


.CSSBtnBorder {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  zoom: 1;
}

.CSSBtn {
  border: 1px solid #FFFFFF;
  position: relative;
  display: inline-block;
  zoom: 1;
}

.CSSBtnInactive > .CSSBtnText {
  text-shadow: none;
  cursor: default;
}

.CSSBtnText {
  font-family: 'メイリオ';
  text-align: center;
  position: absolute;
  display: inline-block;
  zoom: 1;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  margin: auto;
  color: white;
  text-shadow: 1px 1px 1px #3b3b3b;
  font-weight: bold;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.CSSBtnGreenBorder {
  border:1px solid #3ca354;
}

.CSSBtnOrangeBorder {
  border:1px solid #fa6723;
}

.CSSBtnBlueBorder {
 border:1px solid #878bd6;
}

.CSSBtnInactiveBorder {
  border:1px solid #b0b0b0;
}

.CSSBtnBorder[disable] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -ms-filter: "alpha(opacity=65)";
  -khtml-opacity: .65;
  -moz-opacity: .65;
  filter: alpha( opacity=65 );
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}.CSSBtnBorder[disable]:hover {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -ms-filter: "alpha(opacity=65)";
  -khtml-opacity: .65;
  -moz-opacity: .65;
  filter: alpha( opacity=65 );
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.CSSBtnGreen {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1ec215), color-stop(100%, #027d1b) );
  background:-moz-linear-gradient( center top, #1ec215 5%, #027d1b 100% );
  background:-ms-linear-gradient( top, #1ec215 5%, #027d1b 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ec215', endColorstr='#027d1b');
  background-color:#1ec215;
}.CSSBtnGreen:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #027d1b), color-stop(100%, #1ec215) );
  background:-moz-linear-gradient( center top, #027d1b 5%, #1ec215 100% );
  background:-ms-linear-gradient( top, #027d1b 5%, #1ec215 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#027d1b', endColorstr='#1ec215');
  background-color:#027d1b;
}

.CSSBtnInactive {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #cacccc), color-stop(100%, #cccccc) );
  background:-moz-linear-gradient( center top, #cacccc 5%, #cccccc 100% );
  background:-ms-linear-gradient( top, #cacccc 5%, #cccccc 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacccc', endColorstr='#cccccc');
  background-color:#cacccc;
  color:#dedede;
}

.CSSBtnOrange {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9a57), color-stop(100%, #f55003) );
  background:-moz-linear-gradient( center top, #ff9a57 5%, #f55003 100% );
  background:-ms-linear-gradient( top, #ff9a57 5%, #f55003 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9a57', endColorstr='#f55003');
  background-color:#ff9a57;
}.CSSBtnOrange:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f55003), color-stop(100%, #ff9a57) );
  background:-moz-linear-gradient( center top, #f55003 5%, #ff9a57 100% );
  background:-ms-linear-gradient( top, #f55003 5%, #ff9a57 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f55003', endColorstr='#ff9a57');
  background-color:#f55003;
}

.CSSBtnBlue {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7fb2ff), color-stop(100%, #3070b3) );
  background:-moz-linear-gradient( center top, #7fb2ff 5%, #3070b3 100% );
  background:-ms-linear-gradient( top, #7fb2ff 5%, #3070b3 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fb2ff', endColorstr='#3070b3');
  background-color:#7fb2ff;
}.CSSBtnBlue:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3070b3), color-stop(100%, #7fb2ff) );
  background:-moz-linear-gradient( center top, #3070b3 5%, #7fb2ff 100% );
  background:-ms-linear-gradient( top, #3070b3 5%, #7fb2ff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3070b3', endColorstr='#7fb2ff');
}