@charset "utf-8";

/*------------------------------------------------------------
	共通
------------------------------------------------------------*/

/* ぱんくず */

.widePage #pagePath {
	margin: 0 0 35px;
}

/* メインイメージ */

#conts .mainImage {
	margin-bottom: 35px;
}

#container .mainImageWide {
	width: 960px;
	margin: 0 auto 30px;
}

/* サイドバー */

.widePage #sideBar .sideTop {
	top: -343px;
	left: 4px;
}

/*------------------------------------------------------------
	求人詳細（注力）
------------------------------------------------------------*/

.pickUp #conts .jobOverview {
	margin-bottom: 13px;
}
.pickUp #conts h2.detailTitle {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	line-height: 35px;
	margin-bottom: 18px;
}

.pickUp #conts .detailLead {
	margin-bottom: 17px;
}

.pickUp #conts .detail {
	border: 1px solid #CCC;
	position: relative;
}

.pickUp #conts .detail .detailHead {
	padding: 5px 8px 5px 5px;
	background: url(/img/search/line_table01.png) repeat-x left bottom;
}

.pickUp #conts .detail .detailHead ul {
	float: left;
	width: 500px;
}

.pickUp #conts .detail .detailHead ul li {
	float: left;
	margin-right: 3px;
	line-height: 0;
}

.pickUp #conts .detail .detailHead .update {
	width: 180px;
	display: inline-block;
	color: #F90;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-align: right;
	position: absolute;
	top: 4px;
	right: 10px;
	zoom: 1;
}

.pickUp #conts .detail table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

.pickUp #conts .detail table th,
.pickUp #conts .detail table td {
	text-align: left;
	line-height: 1.8;
}

.pickUp #conts .detail table th {
	background: #F0F0F0 url(/img/search/line_table02.png) repeat-x left bottom;
	font-weight: bold;
	padding: 10px 15px;
	width: 110px;
}

.pickUp #conts .detail table td {
	background: url(/img/search/line_table01.png) repeat-x left bottom;
	padding: 10px 10px;
}

.pickUp #conts .detail table td.bn {
	text-align: center;
	background: none;
	padding: 15px 0 25px;
}

.pickUp #conts .detail table td.bn p {
	margin-bottom: 8px;
}

.pickUp #conts .detail table td.bn a:hover {
	background-color: #FFF;
}

.pickUp #conts .detail table td.bn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*------------------------------------------------------------
	求人詳細
------------------------------------------------------------*/

#conts h2.text {
	background: url(/img/common/h2_bg.jpg) no-repeat;
	font-size: 1.5em;
	height: 45px;
	line-height: 45px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.detail table {
	border-collapse: collapse;
	border: #DDDDDD 1px solid;
}

.detail table th,
.detail table td {
	border-bottom: 1px dotted #CCC;
	padding: 10px 15px;
}

.detail table th.center {
	text-align: center;
}

.detail table th .bn {
	width: 236px;
	height: 42px;
	display: block;
	margin: 0 auto;
	background: url(/img/ocup/over/inquiry_btn_over.jpg) no-repeat;
}

.detail table th .bn:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

.detail table th #inquiry_7.bn {
	background: url(/img/ocup/over/inquiry_btn_7_over.jpg) no-repeat;
}
.detail table th #inquiry_10.bn {
	background: url(/img/ocup/over/inquiry_btn_10_over.jpg) no-repeat;
}
.detail table th #inquiry_11.bn {
	background: url(/img/ocup/over/inquiry_btn_11_over.jpg) no-repeat;
}
.detail table th #inquiry_13.bn {
	background: url(/img/ocup/over/inquiry_btn_13_over.jpg) no-repeat;
}
.detail table th #inquiry_15.bn {
	background: url(/img/ocup/over/inquiry_btn_15_over.jpg) no-repeat;
}
.detail table th #inquiry_21.bn {
	background: url(/img/ocup/over/inquiry_btn_21_over.jpg) no-repeat;
}
.detail table th #inquiry_26.bn {
	background: url(/img/ocup/over/inquiry_btn_901_over.jpg) no-repeat;
}
.detail table th #inquiry_901.bn {
	background: url(/img/ocup/over/inquiry_btn_901_over.jpg) no-repeat;
}

.detail table ul {
	float: left;
}

.detail table ul li {
	margin-right: 3px;
	float: left;
}

.detail table span.update {
	display: block;
	color: #FF9900;
	font-weight: bold;
	line-height: 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

.detail table span.update span,
.detail table span.update img {
	vertical-align: middle;
}

.detail table span.update img {
	margin-right: 5px;
}

.detail table td.bn {
	text-align: center;
	background: none;
	padding: 15px 0 25px;
}

.detail table td.bn p {
	margin-bottom: 8px;
}

.detail table td.bn a:hover {
	background-color: #FFF;
}

.detail table td.bn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#conts .detailNaviLead {
	margin-top: 20px;
	margin-bottom: 8px;
	padding-left: 8px;
	padding-bottom: 49px;
	border: none;
	background: url(/img/search/arrow_bg.jpg) no-repeat bottom;
	color: #333333;
	font-size: 1.7em;
	line-height: 1.5;
	text-align: center;
}
#conts .detailNavi {
	margin-right: -25px;
	margin-left: -5px;
	display: table;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
#conts .detailNavi li {
	margin-right: 20px;
	padding-bottom: 6px;
	width: 360px;
	background: url(/img/search/detail_navi_b.png) no-repeat center bottom;
	display: table-cell;
}
#conts .detailNavi li .head {
	color: #111111;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size: 1.465em;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
}
#conts .detailNavi .open .head {
	background: url(/img/search/arrow_bg_n07_1.png) no-repeat center bottom;
}
#conts .detailNavi .closed .head {
	background: url(/img/search/arrow_bg_n07_2.png) no-repeat center bottom;
}
#conts .detailNavi li .head p {
	padding-top: 8px;
	background: #F6F6F6 url(/img/search/detail_navi_t.png) no-repeat center top;
}
#conts .detailNavi li .head span {
	display: block;
	margin: 0 7px;
	padding: 7px 15px 7px 5px;
	border-bottom: 1px dotted;
}

#conts .detailNavi .open .head span {
	border-color: #FF6600;
}
#conts .detailNavi .closed .head span {
	border-color: #268CD8;
}
#conts .detailNavi li .head span span {
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
}
#conts .detailNavi .open .head span span,
#conts .detailNavi .body .open {
	color: #FF6600;
}
#conts .detailNavi .closed .head span span,
#conts .detailNavi .body .closed {
	color: #268CD8;
}
#conts .detailNavi .body {
	margin: 6px auto 0;
	width: 312px;
	background: url(/img/search/detail_navi_m.png) repeat-y center;
	color: #333333;
	font-size: 1.08em;
	line-height: 1.6;
}
* html #conts .detailNavi li {
	text-align: center;
}
* html #conts .detailNavi div.body p {
	text-align: left;
}
#conts .detailNavi .body span {
	font-weight: bold;
	color: #000000;
}
#conts .detailNavi .open .btn {
	margin: 8px auto 13px;
	width: 317px;
	font-size: 1.233em;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}
#conts .detailNavi .closed .btn {
	margin: 8px auto 13px;
	width: 317px;
}
#conts .detailNavi .btn a {
	display: inline-block;
}
* html #conts .detailNavi .btn a {
	display: inline;
	zoom: 1;
}
#conts .detailNavi .open .btn a .grBox {
	display: block;
	padding: 12px 20px;
	width: 277px;
	min-height: 21px;
	position: relative;
	line-height: 1.1;
}
* html #conts .detailNavi .open .btn a .grBox {
	width: 317px;
	text-align: left;
	display: block;
	zoom: 1;
}

#conts .detailNavi .open .btn a .grBox .arrowIcon {
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -13px;
}

#conts .detailNavi .btn a:link,
#conts .detailNavi .btn a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#conts .detailNavi .open .btn.jobOffer {
	background: url(/img/search/btn_topics_b.jpg) no-repeat left bottom;
}
#conts .detailNavi .open .btn.jobOffer > p {
	background: url(/img/search/btn_topics_t.jpg) no-repeat left top;
}

#conts .detailNavi .open .btn.jobOffer:hover {
	background-image: url(/img/search/btn_topics_b_over.jpg);
}
#conts .detailNavi .open .btn.jobOffer:hover > p {
	background-image: url(/img/search/btn_topics_t_over.jpg);
}

#conts .detailNavi .closed .btn a {
	background: url(/img/search/btn_support_over.png) no-repeat left top;
}

#conts .detailNavi .closed .btn a:hover {
	background-color: transparent;
}
#conts .detailNavi .closed .btn a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}
#conts .detailNavi .btn a .grBox span {
	font-size: 0.875em;
}
#conts .detailNavi .btn a .grBox > .occupation {
	font-size: 1em;
}
#conts .detailNavi .btn a .gloss {
	font-size: 0.813em;
}
#conts .detailNavi .btn a .paren {
	font-weight: normal;
	font-size: 1em;
}

#conts .detailNavi .closed .btn a .inner {
	font-size: 1em;
	display: block;
	padding: 8px 44px 15px 20px;
}

#conts h2.detailTitle {
	color: #FFF;
	background: #EE4876;
}

#conts .detailLead {
	color: #F383A2;
}

#conts .detailDate {
	margin-bottom: 2px;
	font-size: 14px;
	line-height: 1.5;
	text-align: right;
}

#conts .detailDate img {
	margin-top: -1px;
	margin-right: 5px;
	vertical-align: middle;
}

#conts .detailDate span {
	color: #DEA042;
	font-weight: bold;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#conts .detailWrapper {
	zoom:1;
}

#conts .orderId {
	position:absolute;
	right: 20px;
}

#conts .closedLink {
	font-size: 1.08em;
	text-align: right;
}

#conts .closedLink a {
	padding-left: 15px;
	background: url(/img/search/icon_alert.png) no-repeat left center;
}

/* 簡易ET */
.detailButton {
	border: none;
	background-color: transparent;
}

.detailButton.is-hidden {
	display: none;
}

.detailButton.is-active {
	cursor: pointer;
}

.detailButton.is-active:hover {
	opacity: 0.8;
}

.agreeText a {
	color: #000;
}

.applyText {
	margin: 15px 0 0 !important;
}