@charset "UTF-8";
/* CSS Document */


/*===========================================================================================

	buttonType_A
		
============================================================================================*/
.btnStylr_A {
	max-width: 500px;
	width:100%;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	display:block;
	padding:10px;
	margin: 0 auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-appearance:none;
}

/*ボタンの色*/
.btnColor_A{
	border:1px #F27300 solid;
	color:#FFF;
	background:gradient(linear, left top, left bottom, from(#ffb933), to(#ff892d));
	background:-webkit-gradient(linear, left top, left bottom, from(#ffb933), to(#ff892d));
	background:-moz-gradient(linear, left top, left bottom, from(#ffb933), to(#ff892d));
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
	
}
.btnColor_A2{
	border:1px #F27300 solid;
	color:#FFF;

	
	background:-moz-linear-gradient(top,  #FFAA33 0%, #FF8800 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAA33), color-stop(100%,#FF8800)); 
	background:-webkit-linear-gradient(top,  #FFAA33 0%,#FF8800 100%);
}
/*ボタン_グレー*/
.btnColor_B{
	border:1px #9fa0a0 solid;
	color:#FFF;
	background:-moz-linear-gradient(top,  #d2d2d2 0%, #b5b5b6 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#b5b5b6)); 
	background:-webkit-linear-gradient(top,  #d2d2d2 0%,#b5b5b6 100%);
}

/*ボタン_ピンク*/
.btnColor_C{
	border:1px #ff699f solid;
	color:#FFF;
	background:-moz-linear-gradient(top,  #ffaf84 0%, #ff68a0 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff68a0), color-stop(100%,#ffaf84)); 
	background:-webkit-linear-gradient(top,  #ffaf84 0%,#ff68a0 100%);
}


/*ボタン_緑*/
.btnColor_D{
	border:1px #038b00 solid;
	color:#FFF;
	background:-moz-linear-gradient(top,  #04f400 0%, #038b00 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#04f400), color-stop(100%,#038b00)); 
	background:-webkit-linear-gradient(top,  #04f400 0%,#038b00 100%);
}

.btnColor_E{
	border:1px #295bc6 solid;
	color:#FFF;
	background:-moz-linear-gradient(top,  #29e2ff 0%, #2e73c8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#29e2ff), color-stop(100%,#2e73c8)); 
	background:-webkit-linear-gradient(top,  #29e2ff 0%,#2e73c8 100%);
}



/*===========================================================================================

	buttonArea_B
		
============================================================================================*/

ul.buttonArea_B{
	display:box;
	display:-webkit-box;
	display:-moz-box;
	box-pack: center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	width:100%;
	font-size:14px;
	font-weight:bold;
}
	
ul.buttonArea_B li{
	width:50%;
	text-align:center;
	color:#444;
}

ul.buttonArea_B li a{
	display:block;
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-appearance:none;
}

ul.buttonArea_B li:nth-child(1) {
	width:49%;
	margin-right:2%;
}

ul.buttonArea_B li:nth-child(2) {
	width:49%;
}


/*===========================================================================================

	buttonArea_C
		
============================================================================================*/

ul.buttonArea_C{
	display:box;
	display:-webkit-box;
	display:-moz-box;
	box-pack: center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	width:100%;
	font-size:14px;
	font-weight:bold;
}
	
ul.buttonArea_C li{
	width:50%;
	text-align:center;
	color:#444;
}