@charset "UTF-8";
@import "../../css/style.css";

div#content {}div#content dl { margin: 0 0 30px 0; padding: 0; }
div#content dt { margin: 0; padding: 0 0 10px 0; width: 200px; float: left; }
div#content dd { margin: 0; padding: 10px 0 10px 0; width: 510px; float: left; }
div#content ul { margin: 0 0 2em 0; padding: 0; list-style: none; }
div#content li { padding: 1em 0 0 0; border-bottom: dotted 1px #e6e6e6; }
div#content li:last-child { border-bottom: none; }
div#content div.button { margin: 2em 0; text-align: center; }

div#content div.button button { font-size: 100%; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #74b807; padding:9px 18px; text-decoration:none; background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% ); background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) ); background-color:#89c403; color:#ffffff; display:inline-block; text-shadow:1px 1px 0px #528009; -webkit-box-shadow:inset 1px 1px 0px 0px #a4e271; -moz-box-shadow:inset 1px 1px 0px 0px #a4e271; box-shadow:inset 1px 1px 0px 0px #a4e271; }
div#content div.button button:hover { background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% ); background:-ms-linear-gradient( top, #77a809 5%, #89c403 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77a809), color-stop(100%, #89c403) ); background-color:#77a809; cursor: pointer; }

table.recruit td { vertical-align: top; }

/*-----------------------------------
For Smartphone (568px/iPhpne5)
-----------------------------------*/
@media screen and (max-width: 568px) {
div#content dt { margin: 0 0 5px 0; width: auto; text-align: center; float: none; }
div#content dd { width: auto; float: none; }
}

/* --------------------------------------------------
	RECRUIT
-------------------------------------------------- */

div#content ul.clearfix { margin: 0 auto; padding: 0; width: 740px; list-style: none; }
div#content ul.clearfix li { margin: 0 10px 10px 0; padding: 10px 0; width: 358px; border: solid 1px #ccc; text-align: center; float: left; }
div#content ul.clearfix li a { font-size: 105%; font-weight: 700; }
div#content ul.clearfix li span { color: #f00; font-weight: 700; }
div#content ul.clearfix li.zero { background: #f4f4f4; }
div#content ul.clearfix li.zero span { color: #999; font-weight: 400; }
div#content table.recruit { margin: 0 0 15px 0; width: 100%; border-collapse: collapse; }
div#content table.recruit thead th { padding: 10px 5px; background: #f4f4f4; border: solid 1px #ccc; }
div#content table.recruit tbody th { padding: 5px; background: #f4f4f4; border: solid 1px #ccc; }
div#content table.recruit tbody td { padding: 5px; background: #eee; border: solid 1px #ccc; }
div#content table.recruit tbody td.on { background: #fff; }
div#content table.recruit tr.separator td { height: 20px; background: #fff; border: none; }
div#content div.top { text-align: right; }

@media screen and (max-width: 568px) {
div#content ul.clearfix { width: auto; }
div#content ul.clearfix li { margin: 0 0 10px 0; width: auto; float: none; }
}