@charset "utf-8";

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

.butreg2 {
}
.butreg2 a {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #23008C;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#23008C), to(#202D5A));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#23008C, #202D5A);	/*同上*/
	background-image: linear-gradient(#23008C, #202D5A);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 18px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
	text-decoration: none;
	font-weight: bold;
}
.butreg2 a :hover {
	background-color: #202D5A;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#202D5A), to(#23008C));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#202D5A, #23008C);	/*同上*/
	background-image: linear-gradient(#202D5A, #23008C);			/*同上*/
	color: #202D5A;
}

.butreg3 {
}
.butreg3 a {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #D6D6D6;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B25900), to(#402000));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#B25900, #402000);	/*同上*/
	background-image: linear-gradient(#B25900, #402000);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 18px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
	text-decoration: none;
	font-weight: bold;
}
.butreg3 a :hover {
	background-color: #402000;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#402000), to(#B25900));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#402000, #B25900);	/*同上*/
	background-image: linear-gradient(#402000, #B25900);			/*同上*/
	color: #402000;
}
/*バナーボタン*/
.butreg4 {
}
.butreg4 a {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
	border: none;
	border-radius: 15px;	/*角丸のサイズ*/
	background-color: #f2b21f;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2b21f), to(#bd9333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#f2b21f, #bd9333);	/*同上*/
	background-image: linear-gradient(#f2b21f, #bd9333);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 18px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
	display: block;
	margin-right: 5%;
	margin-left: 5%;
}
.butreg4 a :hover {
	background-color: #bd9333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bd9333), to(#f2b21f));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#bd9333, #f2b21f);	/*同上*/
	background-image: linear-gradient(#bd9333, #f2b21f);			/*同上*/
	color: #bd9333;
}
.butreg5 {
}
.butreg5 a {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
	border: none;
	border-radius: 15px;	/*角丸のサイズ*/
	background-color: #038ca3;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#038ca3), to(#538891));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#038ca3, #538891);	/*同上*/
	background-image: linear-gradient(#038ca3, #538891);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 18px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
	display: block;
	margin-right: 5%;
	margin-left: 5%;
}
.butreg5 a :hover {
	background-color: #538891;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#538891), to(#038ca3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#538891, #038ca3);	/*同上*/
	background-image: linear-gradient(#538891, #038ca3);			/*同上*/
	color: #538891;
}