@charset "utf-8";
/* -----------------------------------------
page.css
個別ページ設定用css
----------------------------------------- */


/* btnSet
----------------------------------------- */

.btnSet {
	text-align: center;
}

.btnSet div {
	display: inline;
	padding: 0 15px;
}

body.sp .btnSet div {
	display: block;
	text-align: center;
}

body.sp .btnSet div:first-child {
	margin-bottom: 15px;
}


/* distBtnArea
----------------------------------------- */

.distBtnArea {
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #fff inset;
	background: url(/shared/img/box_bg_01.gif) repeat 0 0;
	padding: 15px 0;
	margin-bottom: 20px;
	text-align: center;
}

.distBtnArea .btn {
	display: inline-block;
	padding: 0 5px;
	box-shadow: 0 18px 10px -20px rgba(0,0,0,0.3);
	text-align: left;
}

.distBtnArea .btn01 {
	margin-bottom: 15px;
}

.distBtnArea .btn a {
	display: block;
	border: 1px solid #eee;
	border-radius: 6px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
}

.distBtnArea .btn01 a {
	background: url(/exam/img/ind_ico01.gif) no-repeat 15px 50% #fff;
	padding: 15px 20px 15px 105px;
}

.distBtnArea .btn02 a {
	background: url(/exam/img/ind_ico02.gif) no-repeat 60px 50% #fff;
	padding: 15px 75px 15px 110px;
}

.distBtnArea .btn03 a {
	background: url(/exam/img/ind_ico03.gif) no-repeat 80px 50% #fff;
	padding: 15px 80px 15px 125px;
}

.distBtnArea .btn04 a {
	background: url(/exam/img/ind_ico04.gif) no-repeat 20px 50% #fff;
	padding: 15px 20px 15px 95px;
}

.distBtnArea .btn a .main {
	display: block;
	font-size: 123.1%;
	font-weight: bold;
}


body.sp .distBtnArea {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: none #d6d6d6;
	margin-bottom: 0;
	overflow: hidden;
}

body.sp .btnArea01 {
	padding: 15px 10px 0;
}

body.sp .btnArea02 {
	padding: 0 10px;
}

body.sp .distBtnArea .btn {
	display: block;
	padding: 0;
	margin-bottom: 10px;
}

body.sp .distBtnArea .btn a {
	padding: 10px 10px 10px 75px;
}

body.sp .distBtnArea .btn01 a {
	background: url(/exam/img/ind_ico01.gif) no-repeat 10px 50% #fff;
	padding-left: 100px;
}

body.sp .distBtnArea .btn02 a {
	background: url(/exam/img/ind_ico02.gif) no-repeat 20px 50% #fff;
}

body.sp .distBtnArea .btn03 a {
	background: url(/exam/img/ind_ico03.gif) no-repeat 20px 50% #fff;
}

body.sp .distBtnArea .btn04 a {
	background: url(/exam/img/ind_ico04.gif) no-repeat 20px 50% #fff;
	padding-left: 100px;
}

body.sp .distBtnArea .btn a .main {
	font-size: 107.7%;
}

body.sp .distBtnArea .btn03 a {
	padding: 6px 10px 6px 75px;
}

body.sp .distBtnArea .btn03 a .main {
	display: inline;
}