@charset "UTF-8";

/* -----------------------------------------------------------
--------------------------------------------------------------

	ファイル名：jobs.css
	使用用途　：リクルートページ用
	
--------------------------------------------------------------
----------------------------------------------------------- */
body#jobs,
body#history {
	background: #fff;
	-webkit-text-size-adjust: none;
	text-align: left;
}

#jobs #header,
#history #header  {
	background: #fff;
	width: 100%;
	height: 70px;
	z-index: 100;
	position: fixed;
	max-width: none;
	*margin-left: -50%;
}

#jobs #header .inner,
#history #header .inner {
	background: #fff;
	width: 960px;
	height: 70px;
	top: 0px;
	margin: 0 auto;
	position: relative;
}

#jobs #innerWrapWrap {
	margin: 0 auto;
}

#jobs #footer,
#history #footer {
	width: 960px;
}


/* -----------------------------
  メインビジュアル
------------------------------*/
#jobs #mainImg {
	position: relative;
	overflow: hidden;
}

#jobs #mainImg ul {
	overflow: hidden;
}

#jobs #mainImg ul li {
	float: left;
	cursor: pointer;
}

#jobs #mainImg h1 {
	position: absolute;
	top: 205px;
	left: 258px;
	z-index: 2;
}


#jobs #innerWrap #newsArea {
	margin: 46px 0 18px;
}

/* -----------------------------
  ニュース
------------------------------*/
#jobs #innerWrap #news {
	width: 631px;
	float: left;
	*font-size: 85%;
}

#jobs #innerWrap #news h2 {
	margin: 1px 0 9px;
	line-height: 1;
}

#jobs #innerWrap #news .listBtn {
	margin: 1px 0 9px;
	float: right;
	line-height: 1;
}

#jobs #innerWrap #news dl {
	border-top: #ededed 1px solid;
	border-bottom: #ededed 1px solid;
	height: 76px;
	padding: 9px 0;
	line-height: 1.6em;
}

#jobs #innerWrap #news dl dt {
	padding: 2px 0;
	float: left;
}

#jobs #innerWrap #news dl dd {
	padding: 2px 0 2px 76px;
}

#jobs #innerWrap #news dl dd a:link {
	text-decoration: none;
}

#jobs #innerWrap #news dl dd a:visited {
	text-decoration: none;
}

#jobs #innerWrap #news dl dd a:hover {
	text-decoration: underline;
}


/* -----------------------------
  バナーエリア
------------------------------*/
#jobs #innerWrap #bnr {
	width: 302px;
	height: 119px;
	float: right;
}

#jobs #innerWrap #bnr ul li {
	margin: 0 0 7px;
}

#jobs #innerWrap #bnr ul li.bottom {
	margin-bottom: 0;
}


/* -----------------------------
  コンテンツ
------------------------------*/
#jobs #innerWrap #company {
	padding-top: 70px;
	margin-top: -70px;
}
#jobs #innerWrap #recruit,
#jobs #innerWrap #members {
	/*margin-top: 50px;*/
	padding-top: 70px;
	/*margin-top: -20px;*/
}

#jobs #innerWrap .cntBox {
	position: relative;
	width: 100%;
}

#jobs #innerWrap .contentHead {
	border: #ededed 1px solid;
	padding: 35px 39px 38px;
	position: relative;
}

#jobs #innerWrap .contentHead h2 {
	padding: 0 3px 14px;
	border-bottom: #ededed 1px solid;
}

#jobs #innerWrap .contentHead .history {
	position: absolute;
	top: 88px;
	left: 105px;
}

#jobs #innerWrap .contentHead .boxL {
	width: 400px;
	float: left;
}

#jobs #innerWrap .contentHead .boxR {
	width: 440px;
	float: right;
	position: relative;
}

#jobs #innerWrap .contentHead .openDetail {
	position: absolute;
	bottom: 39px;
	right: 39px;
}


#jobs #innerWrap .contentBody {
	margin: 15px 0 0;
}

#jobs #innerWrap .contentBody .content {
	border: #ededed 1px solid;
}

#jobs #innerWrap .contentBody h2 {
	margin-bottom: 20px;
	line-height: 1em;
}

#jobs #innerWrap .contentBody .closeBtn {
	margin-top: 10px;
	text-align: right;
	/* display: none; */
	cursor: pointer;
	*width: 960px;
	line-height: 1px;
}


/* ---------- 会社情報 ------------- */

#jobs #innerWrap #company .contentHead .boxL .newsrelease {
	background: url(../company/img/top_icon_arrow01.gif) no-repeat left center;
	padding-left: 25px;
}

#jobs #innerWrap #company .contentHead .boxL .donation {
	background: url(../company/img/top_icon_arrow01.gif) no-repeat left center;
	padding-left: 14px;
}

#jobs #innerWrap #company .contentBody .content {
	width: 898px;
	padding: 27px 30px;
}

#jobs #innerWrap #company .contentBody .content .boxL {
	width: 400px;
	float: left;
}

#jobs #innerWrap #company .contentBody .content .boxL .map {
	width: 400px 230px;
	border: #ededed 1px solid;
}

#jobs #innerWrap #company .contentBody .content .boxL .mapMarker {
	background: url(/company/recruit/img/top_comp_cnt_icon03.gif) no-repeat left top;
	margin: 15px 0 0 2px;
	padding-left: 25px;
	line-height: 1.1em;
	text-align: left;
	float: left;
}

#jobs #innerWrap #company .contentBody .content .boxL .mapMarker span {
	font-size: 77%;
	color: #868686;
}

#jobs #innerWrap #company .contentBody .content .boxR {
	margin-left: 35px;
	float: left;
}

#jobs #innerWrap #company .contentBody .content .boxR dt {
	margin-bottom: 15px;
	padding-left: 20px;
	font-weight: bold;
}

#jobs #innerWrap #company .contentBody .content .boxR dt.train {
	background: url(/company/recruit/img/top_comp_cnt_icon01.gif) no-repeat 2px center;
}


#jobs #innerWrap #company .contentBody .content .boxR dt.car {
	background: url(/company/recruit/img/top_comp_cnt_icon02.gif) no-repeat 0 center;
}

/* ---------- 採用情報 ------------- */
#jobs #innerWrap #recruit .contentBody {
	padding-top: 1px;
}

#jobs #innerWrap #recruit .contentBody .content {
	width: 958px;
	position: relative;
}
#jobs #innerWrap #recruit .contentBody .content:after{
	padding:0 0 60px;
}

#jobs #innerWrap #recruit .contentBody .content ul {
	position: absolute;
	top: 0;
	right: 51px;
	overflow: hidden;
	display: none;
	z-index: 2;
}

#jobs #innerWrap #recruit .contentBody .content ul li {
	margin-left: 10px;
	float: left;
	cursor: pointer;
}

#jobs #innerWrap #recruit .contentBody .content iframe {
	width: 958px;
	/* height: 1295px; */
}

#jobs #innerWrap #recruit .rookie {
	position: absolute;
	top: 35px;
	right: 45px;
}


/* ---------- 社員紹介 ------------- */
#jobs #innerWrap #members .contentBody {
}

#jobs #innerWrap #members .contentBody .content {
	width: 958px;
	position: relative;
}

#jobs #innerWrap #members .contentBody .content ul {
	position: absolute;
	top: 0px;
	right: 51px;
	overflow: hidden;
	display: none;
	z-index: 2;
}

#jobs #innerWrap #members .contentBody .content ul li {
	margin-left: 10px;
	float: left;
	cursor: pointer;
}

#jobs #innerWrap #members .contentBody .content iframe {
	width: 958px;
	/* height: 2250px; */
}

#jobs #innerWrap #members #mmbTitleLink {
	overflow: hidden;
}

#jobs #innerWrap #members #mmbTitleLink li {
	float: left;
	cursor: pointer;
}


#downloadArea {
	position: absolute;
	width: 856px;
	top: 1295px;
	left: 51px;
}