@charset "utf-8";

/* #mainImage
-------------------------------------------------*/
#mainImage {
	width:100%;
	background:url(../../images/recruit/mainimage.png) repeat-x center 70px;
}

#mainImageOver {
	width:100%;
	background:url(../../images/recruit/mainimage_over.png) no-repeat center 40px;
}

#mainImage h3 {
	width:960px;
	margin:0 auto 460px;
}

#mainImage p {
	width:740px;
	font-size:1.167em;
	margin-bottom:30px;
}

/* #box01
-------------------------------------------------*/
#box01 {
	width:740px;
	padding-right:220px;
	margin:0 auto 35px;
}

#box01 ul {
	width:420px;
	float:left;
}

#box01 ul li {
	width:200px;
	float:left;
	margin-right:10px;
}

#box01 p {
	width:310px;
	float:right;
	font-size:1.167em;
	padding-top:30px;
}

.inner02 p{
	font-size:1.167em;
	margin-bottom:30px;
}


/* #staffBanner
-------------------------------------------------*/
#staffBanner {
	width:100%;
	margin-bottom:50px;
	background-color:#F1C6D1;
}

#staffBanner ul {
	width:750px;
	padding:10px 210px 10px 0;
	margin:0 auto;
}

#staffBanner ul li {
	width:365px;
	height:100px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0 10px 10px 0;
}

#staffBanner ul li a {
	display:block;
	width:365px;
	height:100px;
}

#staffBanner ul li a img {
	position:absolute;
	top:0;
	left:0;
}

#staffBanner ul li a:hover img {
	position:absolute;
	top:-100px;
	left:0;
}

/* #jobMenu
-------------------------------------------------*/
#jobMenu {
	padding-bottom:20px;
}

#jobMenu li {
	width:234px;
	float:left;
	margin:0 19px 19px 0;
}

#jobMenu .rNoMargin {
	margin-right:0;
}

#jobMenu li a {
	display:block;
	width:234px;
	color:#333;
	font-size:16px;
	line-height:20px;
	text-align:center;
	padding:13px 0 33px;
	background:url(../../images/recruit/btn_tex.png) no-repeat left top;
}

#jobMenu li.current a,
#jobMenu li a:hover {
	color:#fff;
	text-decoration:none;
	background-position:left bottom;
}

/* #jobBox
-------------------------------------------------*/
#jobBox {
	width:100%;
}

#jobBox .inner02 {
	padding:30px 220px 30px 0;
}

#jobBox table {
	width:100%;
	margin-bottom:40px;
	border:#BEAD93 2px solid;
}

#jobBox table th,
#jobBox table td {
	font-size:1.167em;
	line-height:2.167em;
	padding:15px;
	vertical-align:middle;
}

#jobBox table th {
	color:#336600;
	width:120px;
	font-weight:bold;
	border-bottom:#BEAD93 1px solid;
	background-color:#F5F3EE;
}

#jobBox table td {
	border-bottom:#B4C800 1px solid;
	background-color:#fff;
}

#jobBox table tr.noborder th,
#jobBox table tr.noborder td {
	border-bottom:none;
}

#jobTitle {
	color:#660000;
	font-size:18px;
	line-height: 30px;
	padding:15px 0 15px 70px;
	margin-bottom:30px;
	background: url(../../images/recruit/h3_05.gif) no-repeat left top;
}

/* btn01
-------------------------------------------------*/
.btn01 a {
	display:block;
	width:400px;
	font-size:1.625em;
	line-height:46px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin:0 auto;
	background-color:#0EB3FF;
}

#formArea .btn02 span,
#formArea .btn03 span,
.btn01 span {
	font-size:16px;
	padding-right:10px;
}

/* form
-------------------------------------------------*/
#formArea #formTable {
	width:100%;
	margin-bottom:30px;
	border:#BEAD93 1px solid;
}

#formArea #formTable th,
#formArea #formTable td {
	font-size:1em;
	padding:20px;
	vertical-align:middle;
	border:#BEAD93 1px solid;
}

#formArea #formTable th {
	font-size:1.167em;
	font-weight:bold;
	letter-spacing:1px;
	width:130px;
}

#formArea #formTable td {
	background-color:#fff;
}


#formArea #formTable td input[type="text"],
#formArea #formTable td textarea,
#formArea #formTable td select {
	padding:5px;
}

#formArea #formTable #PrivacyText {
	width:460px;
	height:110px;
	overflow-y:scroll;
	border:#323333 1px solid;
	padding:20px 35px 20px 20px;
	margin-bottom:20px;
}

#formArea .btn02 a,
#formArea .btn03 a {
	width:300px;
	display:block;
	line-height:46px;
	text-align:center;
	font-size:1.625em;
	font-weight:bold;
	color:#fff;
	margin:0 auto;
	text-decoration:none;
	background-color:#0EB3FF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#formArea .btn03 a {
	background-color:#E95377;
}

#formArea .btnTable {
	width:640px;
	border:none;
	margin:0 auto;
}

#formArea .btnTable div a {
	margin:0;
}


.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width:42%!important;
}
