@charset "utf-8";

@import "../../css/common.css";

h2 {
    margin: -5px 0 0 0;
	background: url(../images/h2_recruit.png) top left no-repeat;
	width: 900px;
	height: 100px;
}

ul#recruit-menu {
    position: absolute;
    top: 195px;
    right: 20px;
    overflow: hidden;
}

ul#recruit-menu li {
    margin: 0 0 0 10px;
    float: left;
}

ul#recruit-menu li,
ul#recruit-menu li a {
	width: 97px;
	height: 71px;
	text-indent:-9999px;
	display: block;
}

ul#recruit-menu li#btn-recruit a {
	background: url(../images/btn_recruit.png) top left no-repeat;
}
ul#recruit-menu li#btn-recruit,
ul#recruit-menu li#btn-recruit a:hover {
	background: url(../images/btn_recruit_ov.png) top left no-repeat;
}

ul#recruit-menu li#btn-procedure a {
	background: url(../images/btn_recruit_proc.png) top left no-repeat;
}
ul#recruit-menu li#btn-procedure,
ul#recruit-menu li#btn-procedure a:hover {
	background: url(../images/btn_recruit_proc_ov.png) top left no-repeat;
}

ul#recruit-menu li#btn-voice a {
	background: url(../images/btn_recruit_voice.png) top left no-repeat;
}
ul#recruit-menu li#btn-voice,
ul#recruit-menu li#btn-voice a:hover {
	background: url(../images/btn_recruit_voice_ov.png) top left no-repeat;
}

ul#recruit-menu li#btn-entry a {
	background: url(../images/btn_recruit_entry.png) top left no-repeat;
}
ul#recruit-menu li#btn-entry,
ul#recruit-menu li#btn-entry a:hover {
	background: url(../images/btn_recruit_entry_ov.png) top left no-repeat;
}

h3 {
    margin: 30px auto 0;
	background: url(../images/h3_recruit.png) top left no-repeat;
	width: 800px;
	height: 30px;
}

div#main-box {
    margin: 30px auto 0;
    padding: 20px;
    width: 760px;
    height: 500px;
    overflow: auto;
    border: solid 1px #8D9FA8;
}

div.recruit-box {
    width: 740px;
    position: relative;
}
p.recruit-image {
    position: absolute;
    top: 10px;
    right: 0;
}

h4 {
    font-size: 108%;
    font-weight: bold;
    color: #8D9FA8;
}

div#main-box table {
    margin: 20px 0 30px;
}

div#main-box table th {
    font-weight: bold;
}

div#main-box table th.item,
div#main-box table td.item {
    padding: 5px 0;
    width: 100px;
}

/* for procedure.html
 * ------------------------------------*/
div#main-box-procedure {
    margin: 30px auto 0;
    padding: 20px;
    width: 760px;
    position: relative;
}
h3#h3-procedure {
    margin: 30px auto 0;
	background: url(../images/h3_procedure.png) top left no-repeat;
	width: 800px;
	height: 30px;
}

div#main-box-procedure ol li {
    padding: 10px 0 20px;
    background: url(../images/down_arrow.png) 10px bottom no-repeat;
}
div#main-box-procedure ol li.notice {
    padding: 10px 0 10px;
    background: url(../images/down_arrow.png) 10px bottom no-repeat;
}
div#main-box-procedure ol li.last {
    background: none;
}

div#main-box-procedure div#banners {
    position: absolute;
    left: 550px;
    top: 30px;
}

div#main-box-procedure div#banners ul li {
    margin: 0 0 10px;
}

/* for voice.php
 * ------------------------------------*/
div#main-box-voice {
    margin: 30px auto 0;
    padding: 0 20px 20px;
    width: 760px;
    position: relative;
    border-left: solid 3px #8D9FA8;
}
h3#h3-voice {
    margin: 30px auto 0;
	background: url(../images/h3_voice.png) top left no-repeat;
	width: 800px;
	height: 30px;
}
div.senior-comment {
    margin: 0 0 50px 0;
    width: 760px;
    position: relative;
}
div.senior-comment dl {
    width: 500px;
}
div.senior-comment dl dt {
    margin: 10px 0 10px;
    color: #8D9FA8;
    font-size: 123.1%;
}
div.senior-comment dl dd {
    line-height: 1.4;
}
dl.senior-profile {
    width: 200px !important;
    position: absolute;
    top: 0;
    right: 0px;
}
dl.senior-profile dd.senior-name {
    color: #8D9FA8;
}

/* for entry.php
 * ------------------------------------*/
div#main-box-entry {
    margin: 30px auto 0;
    padding: 0 20px 20px;
    width: 760px;
    position: relative;
}
h3#h3-entry {
    margin: 30px auto 0;
	background: url(../images/h3_entry.png) top left no-repeat;
	width: 800px;
	height: 30px;
}
form table {
    border-collapse: collapse;
}

form table td {
    width: 760px;
    padding: 10px 5px;
    border: solid 1px #CCC;
    border-width: 0 0 1px 0;
}

form table td.heading {
    background: #EEE;
}

form table td span.error {
    display: block;
    color: #F00;
}

input.long {
    width: 400px;
}

textarea.large {
    width: 760px;
    height: 200px;
}

input.btn-submit {
    padding: 5px 3px;
    text-align: center;
}

form p.desc {
    margin: 10px 0;
    font-weight: bold;
}

form p.center {
    margin: 20px 0 0;
    width: 760px;
    text-align: center;
}

form div dl dt {
    font-weight: bold;
    margin: 10px 0;
}
form div dl dd {
    margin: 0 0 0 10px;
}

/* for entry_confirm.php
 * ------------------------------------*/