@charset "utf-8";


/*全体の設定*/

.button_orange {
	width: 200px;	/*ボタン幅*/
	padding: 5px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #bf8300;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1b739), to(#bf8300));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#f1b739, #bf8300);	/*同上*/
	background-image: linear-gradient(#f1b739, #bf8300);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}

.button_gray{
	width: 200px;	/*ボタン幅*/
	padding: 5px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #bf8300;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#999999, #cccccc);	/*同上*/
	background-image: linear-gradient(#999999, #cccccc);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}


/*ボタンのマウスオン時の設定*/
.button_orange:hover {
	background-color: #f1b739;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bf8300), to(#f1b739));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#bf8300, #f1b739);	/*同上*/
	background-image: linear-gradient(#bf8300, #f1b739);			/*同上*/
}

/*ボタンのマウスオン時の設定*/
.button_gray:hover {
	background-color: #f1b739;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#cccccc, #999999);	/*同上*/
	background-image: linear-gradient(#cccccc, #999999);			/*同上*/
}