@charset "UTF-8";
/*------------- _____ ▼ボタン _____ --------------------------------------------------*/

.btgn{/*ボタン：グリーン*/
width:100%;
border:1px solid #2E6709;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:arial, helvetica, sans-serif;
margin:0px 0px 0px;
padding: 12px 0px 10px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-size:17px; letter-spacing:2px;
text-align: center;
color: #FFFFFF;
background-color: #76AF31;
background-image: -webkit-gradient(linear, left top, left bottom, from(#76AF31), to(#2E6709));
background-image: -webkit-linear-gradient(top, #76AF31, #2E6709);
background-image: -moz-linear-gradient(top, #76AF31, #2E6709);
background-image: -ms-linear-gradient(top, #76AF31, #2E6709);
background-image: -o-linear-gradient(top, #76AF31, #2E6709);
background-image: linear-gradient(to bottom, #76AF31, #2E6709);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#76AF31, endColorstr=#2E6709);
}

.btbl{/*ボタン：ブルー*/
width:100%;
border:1px solid #3B5E8C;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:arial, helvetica, sans-serif;
margin:0px 0px 0px;
padding: 12px 0px 10px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-size:17px; letter-spacing:2px;
text-align: center;
color: #FFFFFF;
background-color: #3B5E8C;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3B5E8C), to(#2A365E));
background-image: -webkit-linear-gradient(top, #3B5E8C, #2A365E);
background-image: -moz-linear-gradient(top, #3B5E8C, #2A365E);
background-image: -ms-linear-gradient(top, #3B5E8C, #2A365E);
background-image: -o-linear-gradient(top, #3B5E8C, #2A365E);
background-image: linear-gradient(to bottom, #3B5E8C, #2A365E);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3B5E8C, endColorstr=#2A365E);
}

.btgy{/*ボタン：グレー*/
width:100%;
border:1px solid #b3b3b3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:arial, helvetica, sans-serif;
margin:0px 0px 0px;
padding: 12px 0px 10px;
text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
font-size:17px; letter-spacing:2px;
text-align: center;
color: #333333;
background-color: #cdcdcd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

.btgn:hover,.btbl:hover,.btgy:hover{
cursor:pointer;
opacity: 0.5;
}

@media screen and (max-width: 767px) {/*スマホ対応*/
.btgn,.btbl,.btgy{
width:90%;
padding: 7px 0px 7px;
font-size:17px; letter-spacing:2px;
}
}