<!-- ボタンCSS -->
<style type="text/css">
#buttonarea{
 margin-top:1%;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:1%;
}

#usebutton a{
	text-decoration:none !important;
	color: #FFF !important;
	}

#usebutton a:hover{
	background-color: transparent;
	text-decoration:none !important; 
	color:  #FFF !important;
	text-align:center !important;
	cursor:pointer;
}

#usebutton a:link{
	text-decoration:none !important; 
	color: #FFF !important;
}

#usebutton a:active{
	text-decoration:none !important;
	color: #FFF !important;
}

#usebutton a:visited{
	text-decoration:none !important;
	color: #FFF !important;
}

#usebutton:hover {
	background-color: #7ccef3 !important;
	text-align:center !important;
	border:1px solid #CCC;
	cursor:pointer;
}

#usebutton {
	display: inline-block;
	width: 90%;
	padding:3%;
	margin:1% 0 1% 0;
	font-size:1.0rem;
	text-decoration: none;
	text-align:center;
	outline: none;
	background-color: #7ccef3;
	color: #FFF !important;
	border-radius:5px;

}
#usebutton::before,
#usebutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';

}

#usebutton,
#usebutton::before,
#usebutton::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
</style>
<!-- ボタンCSS -->