@charset "utf-8";

/***************************************************************************
/*ボタン 共通
****************************************************************************/

.btn {
	border-radius: 4px;
	display: table;
}
.btn a,.btn input {
	border-radius: 4px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 20px;
	width: 100%;
	height: 100%;
	border: none;
	cursor: pointer;
}

/***************************************************************************
/*ボタン-オレンジ　共通
****************************************************************************/

.btn_orange {
	width: 100%;
	border: 1px solid #F7931E;
	background-color: #FFA200;
	background: linear-gradient(rgba(255, 187, 0, 1), rgba(255, 140, 1, 1));
}
.btn_orange:hover {
	background: linear-gradient(rgba(255, 187, 0, 0.8), rgba(255, 140, 1, 0.9));
}
.btn_orange a,.btn_orange input {
	background-color: #FFA200;
	background: linear-gradient(rgba(255, 187, 0, 1), rgba(255, 140, 1, 1));	/* inputに必要 */
	background-image: url(../image/common/contents/bg-arrow_btn_orange.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	color: #FFFFFF;
	text-shadow: 2px 2px 3px #F06C00;
}

/***************************************************************************
/*ボタン-グレー　共通
****************************************************************************/

.btn_gray {
	width: 100%;
	border: 1px solid #357DD1;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(238, 239, 234, 1));
}
.btn_gray a,.btn_gray input {
	width: 100%;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(238, 239, 234, 1));	/* inputに必要 */
	border: 1px solid #FFFFFF;
	color: #333333;
}

/***************************************************************************
/*ボタン-ブルー　共通
****************************************************************************/

.btn_blue {
	width: 100%;
	border: 1px solid #387CD1;
	background-color: #3577CF;
	background: linear-gradient(rgba(70, 155, 220, 1), rgba(40, 91, 196, 1));
}
.btn_blue:hover {
	background: linear-gradient(rgba(70, 155, 220, 0.8), rgba(40, 91, 196, 0.9));
}
.btn_blue a,.btn_blue input {
	background: linear-gradient(rgba(70, 155, 220, 1), rgba(40, 91, 196, 1));	/* inputに必要 */
	background-image: url(../image/common/contents/bg-arrow_btn_blue.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	color: #FFFFFF;
	text-shadow: 2px 2px 3px #00468C;
}

#next_page li.btn {
	width: 300px;
}