@charset "utf-8";
/*
==================================================
recruit.css
==================================================*/

/*
--------------------------------------------------
[Layout]
==================================================*/

.table-wrapper {
	background: #004c6f;
	}
	.table-hl {
		float: left;
		margin-top: 0;
		padding: 10px 15px;
		width: 20%;
		color: #fff;
		font-size: 95%;
		}
	.table {
		float: left;
		overflow: hidden;
		padding-right: 15px;
		padding-left: 30px;
		width: 80%;
		background: #fff;
		font-size: 95%;
		}
	.recruit-section-hl {
		padding: 8px 15px;
		background: #ddeef5;
		border-top: 1px solid #ccc;
		color: #000;
		font-weight: bold;
		}
	.recruit-exam {
		border-collapse: collapse;
		}
	.recruit-exam td {
		padding: 3px 10px 3px 0;
		vertical-align: top;
		}
	.recruit-exam td:first-child {
		color: #003d5a;
		font-weight: bold; 
		text-align: right;
		white-space: nowrap;
		padding-right: 15px;
		vertical-align: top;
		}
	.recruit-note {
		padding: 10px 15px;
		border-top: 1px solid #ccc;
		}
@media screen and (max-width: 639px) {
	.table-hl {
		float: none;
		margin: 0;
		width: 100%;
		text-align: center;
		}
	.table {
		float: none;
		padding: 0;
		width: 100%;
		}
	.recruit-section-hl {
		padding: 8px 2%;
		}
	}


/*
--------------------------------------------------
[Table]
==================================================*/

.contents dl {
	margin: -1px auto 0;
	width: 100%;
	border-top: 1px solid #ccc;
	text-align: left;
	*zoom: 1;
	}
.contents dl:before,
.contents dl:after {
	display: table;
	content: " ";
	}
.contents dl:after {
	clear: both;
	}
 .contents #access dl {
	padding-top: 0;
	padding-bottom: 10px;
	}
	.contents dt {
		float: left;
		padding: 10px 15px;
		width: 20%;
		vertical-align: top;
		}
	.contents dd {
		float: right;
		padding: 10px 15px;
		width: 80%;
		border-left: 1px solid #ccc;
		}
	.contents dd a {
		padding-left: .2em;
		padding-right: .2em;
		}
@media screen and (max-width: 639px) {
.contents dl {
	padding: 15px;
	}
	.contents dt {
		float: none;
		padding-left: 2%;
		width: 100%;
		}
	.contents dd {
		float: none;
		padding-top: .5em;
		padding-left: 2%;
		padding-right: 2%;
		width: 100%;
		border: none;
		}
	}