@charset "UTF-8";

/*
Name	:recruit.css
Date	:2011.12.16
Update	:2011.12.16
*/


/* index
----------------------------------------------- */
#recruit .index .column {
	padding: 20px 0 0;
}
#recruit .index .column p {
	margin: 0;
	padding: 10px 0 0;
}
#recruit .index .column1 {
	width: 635px;
}
#recruit .index .column1 .left {
	float: left;
	width: 313px;
}
#recruit .index .column1 .right {
	float: right;
	width: 313px;
}
#recruit .index .column1 p {
	margin: 0;
	padding: 10px 0 0;
}

/* message
----------------------------------------------- */
.message h2 {
	margin: 30px 0 0;
	padding: 0 0 5px 20px;
	font-size: 1.0em;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
}
.message .column {
	width: 635px;
	padding: 15px 0 0;
}

/* interview
----------------------------------------------- */
.interview h1 {
	margin: 0 0 15px;
}
.interview .column {
	width: 635px;
	padding: 15px 0;
	background: url(../images/border01.gif) no-repeat left bottom;
}
.interview .column .left {
	float: left;
	width: 185px;
}
.interview .column .center {
	float: left;
	width: 300px;
}
.interview .column .right {
	float: right;
	width: 135px;
	padding: 125px 0 0;
}
.interview .column .left a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.interview .column2 {
	width: 635px;
	padding: 15px 0 0;
}
.interview .column2 .left {
	float: left;
	width: 230px;
}
.interview .column2 .right {
	float: right;
	width: 365px;
}
.interview .column2 h2 {
	margin: 50px 0 0;
}
.interview h3 {
	margin: 30px 0 0;
	padding: 0 0 5px 20px;
	font-size: 1.0em;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
}

.interview .column3 {
	width: 635px;
}
.interview .column3 .left {
	float: left;
	width: 450px;
}
.interview .column3 .right {
	float: right;
	width: 160px;
	padding: 15px 0 0;
}

.interview .column4 {
	width: 635px;
}
.interview .column4 .left {
	float: left;
	width: 160px;
	padding: 15px 0 0;
}
.interview .column4 .right {
	float: right;
	width: 450px;
}

/* report
----------------------------------------------- */
.report h2 {
	margin: 15px 0 0;
	padding: 15px 0 0 18px;
	color: #554946;
	border-top: 1px dotted #c8c8c8;
	background: url(../../common/images/icon_dots01.gif) no-repeat left 1.6em;
}

.report .image {
	padding: 15px 0 0;
}

.report h2 {
	font-weight: normal;
}
.report .action {
	font-size: 1.2em;
	font-weight: bold;
}

.report .column {
	width: 635px;
}

.report .column1 {
	margin: 15px 0 0;
	width: 635px;
	border-top: 1px dotted #c8c8c8;
}
.report .column1 .left {
	float: left;
	width: 410px;
}
.report .column1 .right {
	float: right;
	padding: 15px 0 0;
	width: 200px;
}
.report .column1 h2 {
	margin: 0;
	padding: 15px 0 0 18px;
	border-top: 0;
	background: url(../../common/images/icon_dots01.gif) no-repeat left 1.6em;
}

.report .column2 {
	width: 575px;
	margin: 30px 0 0;
	padding: 25px;
	border: 3px solid #FEE9BF;
}

/* training
----------------------------------------------- */
.training h2 {
	margin: 30px 0 0;
	padding: 0 0 5px 20px;
	font-size: 1.0em;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
}
.training h3 {
	padding: 0 0 0 15px;
	font-size: 1em;
	font-weight: normal;
	background: url(../../common/images/icon_dots01.gif) no-repeat left center;
}

.training .column {
	width: 635px;
}
.training .column .left {
	float: left;
	width: 450px;
}
.training .column .right {
	float: right;
	width: 160px;
	padding: 15px 0 0;
}

.training .column1 {
	margin: 15px 0 0;
	padding: 15px 0 0;
	width: 635px;
	border-top: 1px dotted #c8c8c8;
}

.training .column2 {
	margin: 15px 0 0;
	padding: 15px 0 0;
	width: 635px;
	border-top: 1px dotted #c8c8c8;
}
.training .column2 .left {
	float: left;
	width: 450px;
}
.training .column2 .right {
	float: right;
	width: 160px;
}

/* career
----------------------------------------------- */
.career h2 {
	margin: 20px 0 0;
	padding: 0 0 0 15px;
	font-size: 1em;
	font-weight: normal;
	background: url(../../common/images/icon_dots01.gif) no-repeat left center;
}
.career .column {
	padding: 5px 0 0;
}
.career .column .image {
	padding: 5px 0 15px;
	text-align: center;
}
.career .column.border {
	margin: 20px 0 0;
	border-top: 1px solid #D4D1D1;
}

.career table {
	margin: 20px 0 0;
	width: 100%;
	font-size: 0.8em;
	text-align: center;
	border: 2px solid #D4D1D1;
}
.career th {
	padding: 8px 12px;
	border: 1px solid #D4D1D1;
	white-space: normal;
}
.career td {
	padding: 8px 12px;
	border: 1px solid #D4D1D1;
	white-space: normal;
}
thead td {
	color: #7F7674;
	font-weight: bold;
	background: #FFF9EB;
}

/* events
----------------------------------------------- */
.events h2 {
	margin: 30px 0 0;
	padding: 0 0 5px 20px;
	font-size: 1.0em;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
}

/* opportunities
----------------------------------------------- */
.opportunities h2 {
	margin: 30px 0 0;
	padding: 0 0 5px 20px;
	font-size: 1.0em;
	background: url(../images/bg_h2.gif) no-repeat left bottom;
}
.opportunities h3 {
	margin: 20px 0 15px;
	padding: 0 0 0 15px;
	font-size: 1em;
	font-weight: normal;
	background: url(../../common/images/icon_dots01.gif) no-repeat left center;
}
.opportunities .column {
	padding: 15px 0 0;
}
.opportunities .red {
	color: #ff0000;
}

/* clearfix
----------------------------------------------- */
.column:after,
.column1:after,
.column2:after,
.column3:after,
.column4:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}


.recruit_area h4 {
	color: #4A90E2;
	border: 1px solid #4A90E2;
	text-align: center;
	font-size:18px;
	padding:8px;
	font-weight: normal;
	margin:30px 0 0 0;
}

.recruit_area .img_left{
	float:left;
	width:300px;
	margin:20px 0;
	}
	
.recruit_area .img_right{
	float:right;
		width:300px;
		text-align:right;
		margin:20px 0;
	}
	
	
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}