@charset "utf-8";
/* CSS Document */
/* ===== 採用トップ ===== */
div#recruitTop { margin: 0px -10px;}

div#recruitTop div#innerBox {
	border: 1px solid #CCCCCC;
	border-top: none;
	padding: 15px 15px 0px;
	margin-bottom: 13px;
	background-image: url(../recruit/img/bg_top_box.gif);
	background-repeat: no-repeat;
}

div#recruitTop div#innerBox p { margin-bottom: 1em;}

div#recruitTop div#linkBox {
	float: left;
	width: 510px;
}

div#recruitTop div#linkBox ul {
	list-style: none;
	margin: 0;
	padding: 13px 0px 0px 14px;
	border: 1px solid #CCCCCC;
	border-top: none;
	height: 160px;
	_height: 153px;
}

div#recruitTop div#linkBox ul li {
	float: left;
	margin: 0;
	padding: 0 6px 12px 0;
}

div#recruitTop div#linkBox ul li#message { padding-right: 8px;}

div#recruitTop div#linkBox ul li img { vertical-align: bottom;}

div#recruitTop div#rightArea {
	float: right;
	width: 168px;
}

div#recruitTop div#rightArea ul {
	list-style: none;
	margin: 0;
}

div#recruitTop div#rightArea ul li {
	margin: 0;
}

div#recruitTop div#rightArea ul#otherCat {
	border: 1px solid #CCCCCC;
	border-top: none;
	background-color: #F4F4F4;
	padding: 4px 3px 2px;
	margin-bottom: 8px;
}

div#recruitTop div#rightArea ul#otherCat li { margin-bottom: 2px;}

/* ===== 社長からのメッセージ ===== */
div#presidentL {
	float: left;
	width: 329px;
}

div#presidentR {
	float: right;
	width: 329px;
}

div#presidentL p, div#presidentR p {
	margin: 14px 14px 10px;
	line-height: 1.8;
	letter-spacing: 0.2em;
}

p.presidentName {
	padding-top: 10px;
	border-top: 1px dotted #CCCCCC;
	text-align: right;
	line-height: 1.5;
}

/* ===== 先輩社員の声 一覧ページ ===== */
div#senior { margin: 0px -10px;}

div.thumbBox {
	float: left;
	width: 208px;
	border: 1px solid #DFDFDF;
	padding: 5px;
	margin: 0px 4px 10px;
}

div#senior div.thumbBox p { margin-bottom: 0;}

div.thumbBox p.name {
	background-color: #575757;
	font-weight: bold;
	padding: 1px 3px;
}
div.thumbBox p.name a, div.thumbBox p.name a:visited { color: #FFFFFF;}

div.thumbBox p.post {
	padding: 6px 3px 0px;
	line-height: 1.35;
	min-height: 2.6em;
	_height: 2.6em;
}

div.line3 div.thumbBox p.post {
	min-height: 4em;
	_height: 4.1em;
}

/* ===== 先輩社員の声 詳細ページ ===== */
div#voiceBox { margin: 0px -10px; width: 689px;}
div#profile {
	float: right;
	width: 219px;
	border: 1px solid #DFDFDF;
	padding: 4px;
	margin-bottom: 20px;
}

div#profile p { margin: 7px 7px 0px;}
div#profile div { background-color: #F4F4F4;}
div#profile p#name {
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
}

div#profile table th { padding-left: 10px;}

div#profileSide {
	float: left;
	width: 426px;
	padding: 0px 10px;
}

div#profileSide h2 { background-image: url(../recruit/img/bg_h2_m.gif);}

div#forMessage {
	border: 1px solid #CCCCCC;
	background-color: #FFFAEA;
	margin-bottom: 22px;
	padding: 5px 10px;
}

div#forMessage h2 {
	padding: 0px 10px;
	margin: -5px -10px 10px;
	background-image: url(../img/bg_h3.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #333333;
	line-height: 1.8;
	font-size: 100%;
}

div#seniorList { margin: 0px -10px;}

table.tblSenior {
	float: left;
	width: 212px;
	border: 1px solid #CCCCCC;
	margin: 0px 4px 7px;
}

table.tblSenior th {
	padding: 2px 5px;
	background-color: #575757;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
table.tblSenior th a, table.tblSenior th a:visited, table.tblSenior th a:hover, table.tblSenior th a:active { color: #FFFFFF;}

table.tblSenior td {
	text-align: left;
	vertical-align: top;
	font-size: 85%;
	line-height: 1.2;
	width: 137px;
}

table.tblSenior td.photo { width: 60px;}

/* ===== 福利厚生 ===== */
p.otherSupport {
	border: 1px solid #CCCCCC;
	border-top: none;
	margin-top: -10px;
	padding: 10px;
}