@charset "utf-8";

.button1 {
	cursor:pointer;/*カーソルを指先型にします*/
	font-size:130%;
	font-weight: bold;
	width:150px;
	padding: 5px 0;
	margin:0.5em 0.5em 0 0;
	border-style:none;/*デフォルトのボーダーを消す。ボーダーの指定を上書きしてもOK*/
	color: #fff;
	background:#00A57c;/*背景色を指定*/
/*↓ボックスの角丸の指定です*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*↓ボックスのシャドウの指定です*/
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	box-shadow: 2px 2px 3px 1px #666;
/*↓テキストシャドウの指定です*/
	text-shadow: 1px 1px 2px #000; 
}
/*↓「:hover」で、ロールオーバー時に変えたい指定をします。ここでは背景色だけ変更*/
.button1:hover {
	background-color: #5FD2B5;
}