/* CSS Document */

.recruitHeader {
	width: 16%;
	float: left;
	margin: 10px 0;
  font-size: 120%;
	color: #cc5478;
}

.recruitList {
	display: block;
	float:left;
	width: 82%;
	margin-right: 2%;
	margin-bottom: 1em;
}

.recruitList dt {
	width: 20%;
	float: left;
	padding: 0.8em 0;
}

.recruitList dd {
	padding: 0.8em 0;
	padding-left: 24%;
	border-bottom: 1px dotted #9a234f;
}

hr {
	border-color: #F46E98;
}

@media only screen and (max-width: 644px){
.recruitHeader {
	width: 100%;
	clear: both;
}

.recruitList {
	width: 100%;
	clear: both;
	margin-right: auto;
}

.recruitList dt {
	width: 24%;
}

.recruitList dd {
	padding-left: 28%;
}

}