/* corporate - recruit */
/*
--------------------------------------------------
	overwrite
--------------------------------------------------
*/

/*
--------------------------------------------------
	page style
--------------------------------------------------
*/

#recruit .p20 {
	padding-top: 20px;
	}

/* recruit-block */

#recruit-block {
	width: 715px;
	}
#recruit-main-block {
	width: 515px;
	float: left;
	}

#recruit-side-block {
	width: 175px;
	float: right;
	}
#recruit-side-block h2 {
	margin-bottom: 20px;
	}
#recruit-side-block .bt-list {
	width: 175px;
	margin-bottom: 35px;
	}
#recruit-side-block .bt-list li {
	float: left;
	}

/* block-1 */

#recruit .block-1 {
	width: 495px;
	margin-left: 20px;
	margin-bottom: 15px;
	padding-top: 10px;
	border-top: solid 1px #ced2db;
	}
#recruit .block-1 ul {
	width: 495px;
	}
#recruit .block-1 li.co-1 span {background: #0f7bdd;}
#recruit .block-1 li.co-2 span {background: #d4007f;}
#recruit .block-1 li.co-3 span {background: #ef8100;}
#recruit .block-1 li.co-4 span {background: #009e43;}

#recruit .block-1 li a:link,
#recruit .block-1 li a:visited,
#recruit .block-1 li a:active {
	color: #0f7bdd;
	text-decoration: underline;
	}
#recruit .block-1 li a:hover {
	color: #2D323E;
	text-decoration: underline;
	}
#recruit .block-1 li.title {
	width: 390px;
	float: left;
	}
#recruit .block-1 li.title span {
	color: #ffffff;
	margin-right: 8px;
	padding: 1px 5px 0 5px;
	}
#recruit .block-1 li.s-title {
	/* width: 185px; */
	width: 390px;
	padding-bottom: 8px;
	float: left;
	}
#recruit .block-1 li.bt {
	padding-left: 15px;
	float: right;
	}

#recruit .block-1 dl {
	width: 390px;
	}
#recruit .block-1 dt {
	width: 70px;
	position: absolute;
	}
#recruit .block-1 dd {
	padding-left: 70px;
	}
#recruit .block-1 .comment-block {
	margin-top: 5px;
	padding: 5px 10px;
	background: #dfe4fd;
	}
#recruit .block-1 .comment-block a:link,
#recruit .block-1 .comment-block a:visited,
#recruit .block-1 .comment-block a:active {
	color: #2d323e;
	text-decoration: underline;
	}
#recruit .block-1 .comment-block a:hover {
	color: #2d323e;
	text-decoration: none;
	}

/* title-block */

#recruit .title-block {
	width: 515px;
	margin-bottom: 20px;
	padding-top: 15px;
	}
#recruit .title-block h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px 18px 25px;
	background: url(image/bg_title.gif) no-repeat left bottom;
	}
.permanent-1 .title-block {background: url(image/bg_title_01.gif) no-repeat left top;}
.permanent-2 .title-block {background: url(image/bg_title_02.gif) no-repeat left top;}
.permanent-3 .title-block {background: url(image/bg_title_03.gif) no-repeat left top;}

/* table-block */

#recruit .table-block {
	width: 515px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	background: url(image/bg_table.gif) repeat-y left top;
	border-top: solid 1px #ced0d4;
	margin-bottom: 15px;
	}
#recruit .table-block th {
	width: 106px;
	text-align: left;
	vertical-align: top;
	}
#recruit .table-block th span {
	display: block;
	margin-left: 4px;
	padding: 5px 0 8px 11px;
	border-top: solid 3px #ffffff;
	}
#recruit .table-block td {
	text-align: left;
	vertical-align: top;
	padding: 8px 10px;
	background: url(image/bg_td.gif) repeat-x left bottom;
	}

.permanent-1 .table-block th {background: url(image/bg_th_01.gif) no-repeat left bottom;}
.permanent-2 .table-block th {background: url(image/bg_th_02.gif) no-repeat left bottom;}
.permanent-3 .table-block th {background: url(image/bg_th_03.gif) no-repeat left bottom;}

#recruit .table-block .list-block li {
	margin-top: 5px;
	padding-left: 26px;
	background: url(../../common/image/icon_01.gif) no-repeat 10px 8px;
	}
#recruit .table-block a:link,
#recruit .table-block a:visited,
#recruit .table-block a:active {
	color: #0f7bdd;
	text-decoration: underline;
	}
#recruit .table-block a:hover {
	color: #2d323e;
	text-decoration: none;
	}

/* specialist */

#recruit .specialist {
	width: 515px;
	}
#recruit .specialist h2 {
	margin-bottom: 25px;
	}
#recruit .specialist h3 {
	margin-bottom: 15px;
	}
#recruit .specialist p {
	margin-bottom: 15px;
	}

#recruit .specialist .bt-block {
	text-align: right;
	}
#recruit .specialist .bt-block img {
	display: inline;
	}

#recruit #interpreters .table-block th {background: url(image/bg_th_01.gif) no-repeat left bottom;}
#recruit #translators .table-block th {background: url(image/bg_th_04.gif) no-repeat left bottom;}
#recruit #instructors .table-block th {background: url(image/bg_th_05.gif) no-repeat left bottom;}
#recruit #engineers .table-block th {background: url(image/bg_th_03.gif) no-repeat left bottom;}