@charset "utf-8";
/* INDEX
----------------------------------------------------------------------------- */
/*
@ btn-
@ div.scroll
@ hr.line
@ div.accordion table.normal & accordionTitle
@ table.normal
@ table.list
@ div.results-table
@ div.select-box
@ div.search-btn & div.display-number
@ div.top_box
@ div.second-box
@ div.pager
@ div.results-box
*/

/* @ for normal object in content area
----------------------------------------------------------------------------- */
#changeArea p {	margin-bottom: 20px; }

/* @ btn-
----------------------------------------------------------------------------- */

/**
 *    改版履歴
 *    -------------------------------------------------------------------------------------
 *    改版日            担当者            改版内容
 *    -------------------------------------------------------------------------------------
 *    2019/10/08        2NF-DEV            検索機能拡充
 *	  2019/11/12		YAMAMOTO		  デザイン変更
 *	  2019/11/20		YAMAMOTO		  デザイン変更
 *	  2020/07/09		KATO			  横スクロール廃止とデザイン変更
 *	  2020/11/19		IIJIMA			  R02下期 3)新規求人の可視化
 *	  2020/11/27		IIJIMA		      R02下期 2)自動マッチング条件登録
 *    2020/11/30		NAKAZAWA		  R02下期 1)求人検索条件保存
 *    2021/06/24		KIMURA			　R03上期 3)求職者ポータル新規求人画面追加
 *    2023/06/07        SHINOHARA         RR05上期 自己申告チェック入力機能の見直し
 *    2024/09/27        AKAGAWA           R06 NuPS求職者連携対応
 *    -------------------------------------------------------------------------------------
 */


/* ボタン系のラッパー */
.input-btn,
.btnArea {
	margin-bottom: 20px;
	text-align: center; /* not sure */
}
.input-btn {}
.btnArea {}

.input-btn input + input,
.input-btn span + span,
.input-btn a + a,
.btnArea input + input,
.btnArea span + span,
.btnArea a + a {
	margin-left: 10px;
}

/* ボタン */
.btn-white input,
.btn-2clm-white-left input,
.btn-1clm-green input,
.btn-2clm-green-right input,
.btn-other input,
.btn-other-left input,
.btn-other-right input,
.btn-search-green-a input,
.btn-search-green-input input,
.btn-reset input,
.btn-clear input,
.two-tone input,
.btn-save-conditions input
{
	width: 100%;
	padding: 0;
	background: none;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 49px;
	vertical-align: initial;
}
.btn-search-green-a input,
.btn-search-green-input input,
.btn-reset input,
.btn-clear input
{
	line-height: 37px;
}
a.btn-white,
a.btn-2clm-white-left,
a.btn-1clm-green,
a.btn-2clm-green-right,
a.btn-other,
a.btn-other-left,
a.btn-other-right,
a.btn-search-green-a,
a.btn-search-green-span,
a.btn-reset,
a.btn-clear,
a.two-tone,
a.btn-save-conditions
{}

/*.btn-2clm-white-left + .btn-2clm-white-left,
.btn-2clm-white-left + .btn-1clm-green,
.btn-2clm-white-left + .btn-2clm-green-right,
.btn-1clm-green + .btn-2clm-white-left,
.btn-1clm-green + .btn-1clm-green,
.btn-1clm-green + .btn-2clm-green-right,
.btn-2clm-green-right + .btn-2clm-white-left,
.btn-2clm-green-right + .btn-1clm-green,
.btn-2clm-green-right + .btn-2clm-green-right,
.btn-other + .btn-other,
.btn-other + .btn-other-left,
.btn-other + .btn-other-right,
.btn-other-left + .btn-other,
.btn-other-left + .btn-other-left,
.btn-other-left + .btn-other-right,
.btn-other-right + .btn-other,
.btn-other-right + .btn-other-left,
.btn-other-right + .btn-other-right
{
	margin-left: 10px;
}*/

.btn-white,
.btn-white input,
.btn-2clm-white-left,
.btn-2clm-white-left input,
.btn-reset,
.btn-reset input,
.btn-clear,
.btn-clear input {	color: #058ca4;}
.btn-1clm-green,
.btn-1clm-green input,
.btn-2clm-green-right,
.btn-2clm-green-right input,
.btn-other,
.btn-other input,
.btn-other-left,
.btn-other-left input,
.btn-other-right,
.btn-other-right input,
.btn-search-green-a,
.btn-search-green-a input,
.btn-search-green-input,
.btn-search-green-input,
.btn-search-green-input input {	color: #fff;}
.two-tone input,
.two-tone {	color: #000 !important;}

.btn-white input:focus,
.btn-white input:active,
.btn-save-conditions input:focus,
.btn-save-conditions input:active,
.btn-2clm-white-left input:focus,
.btn-2clm-white-left input:active,
.btn-1clm-green input:focus,
.btn-1clm-green input:active,
.btn-2clm-green-right input:focus,
.btn-2clm-green-right input:active,
.btn-other input:focus,
.btn-other input:active,
.btn-other-left input:focus,
.btn-other-left input:active,
.btn-other-right input:focus,
.btn-other-right input:active,
.btn-search-green-input input:focus,
.btn-search-green-input input:active,
.btn-reset input:focus,
.btn-reset input:active,
.btn-clear input:focus,
.btn-clear input:active,
.two-tone input:focus,
.two-tone input:active
{
	border: none;
}

.btn-white,
.btn-2clm-white-left,
.btn-1clm-green,
.btn-2clm-green-right,
.btn-other,
.btn-other-left,
.btn-other-right
{
	display: inline-block;
	vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
	position: relative;
	min-width: 240px;
	height: 49px;
	margin-right: 3px;
/*	margin: 0 auto;
	padding: 0 30px;*/
	font-size: 20px;
	font-weight: bold;
	line-height: 49px;
	text-align: center;
	cursor: pointer;
}
.btn-save-conditions
{
	display: inline-block;
	vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	line-height: 49px;
	text-align: center;
	cursor: pointer;
}

.btnCompact .btn-white,
.btnCompact .btn-save-conditions,
.btnCompact .btn-2clm-white-left,
.btnCompact .btn-1clm-green,
.btnCompact .btn-2clm-green-right,
.btnCompact .btn-other,
.btnCompact .btn-other-left,
.btnCompact .btn-other-right,
.btnCompact .btn-white,
.btnCompact .btn-save-conditions
{
	min-width: 180px;
}
.btn-white,
.btn-2clm-white-left,
.btn-save-conditions
{
	background: url(../images/btn-white-bg-left.png) no-repeat left top;
	color: #058ca4;
}
.btn-1clm-green,
.btn-2clm-green-right
{
	background: url(../images/btn-green-bg-left.png) no-repeat left top;
	color: #fff;
}
.btn-other,
.btn-other-left,
.btn-other-right
{
	background: url(../images/btn-other-bg-left.png) no-repeat left top;
	color: #fff;
}
.btn-white input,
a.btn-white,
.btn-2clm-white-left input,
a.btn-2clm-white-left,
.btn-1clm-green input,
a.btn-1clm-green,
.btn-2clm-green-right input,
a.btn-2clm-green-right,
.btn-other input,
a.btn-other,
.btn-other-left input,
a.btn-other-left,
.btn-other-right input,
a.btn-other-right
{
	padding: 0 30px;
}
.btn-save-conditions input,
a.btn-save-conditions
{
	padding: 0 10px 0 30px;
}
.btn-2clm-white-left input,
a.btn-2clm-white-left,
.btn-other-left input,
a.btn-other-left
{
	padding-left: 40px;
}

.btn-white:after,
.btn-white:before,
.btn-save-conditions:after,
.btn-save-conditions:before,
.btn-2clm-white-left:after,
.btn-2clm-white-left:before,
.btn-1clm-green:after,
.btn-1clm-green:before,
.btn-2clm-green-right:after,
.btn-2clm-green-right:before,
.btn-other:after,
.btn-other:before,
.btn-other-left:after,
.btn-other-left:before,
.btn-other-right:after,
.btn-other-right:before
{
	content: "";
	display: block;
	position: absolute;
}
.btn-white:after,
.btn-save-conditions:after,
.btn-2clm-white-left:after,
.btn-1clm-green:after,
.btn-2clm-green-right:after,
.btn-other:after,
.btn-other-left:after,
.btn-other-right:after
{
	top: 0;
	right: -3px;
	width: 3px;
	height: 100%;
	z-index: 1;
}
.btn-white:after,
.btn-save-conditions:after,
.btn-2clm-white-left:after {	background: url(../images/btn-white-bg-right.png) no-repeat right top; }
.btn-1clm-green:after,
.btn-2clm-green-right:after { 	background: url(../images/btn-green-bg-right.png) no-repeat right top; }
.btn-other:after,
.btn-other-left:after,
.btn-other-right:after { 	background: url(../images/btn-other-bg-right.png) no-repeat right top; }

.btn-white:before,
.btn-save-conditions:before,
.btn-2clm-white-left:before,
.btn-1clm-green:before,
.btn-2clm-green-right:before,
.btn-other-left input:before,
.btn-other-right input:before
{
	top: 0;
	width: 8px;
	height: 95%;
	z-index: 2;
}
.btn-save-conditions:before
{
	background: url(../images/btn-icon-save-conditions.png) no-repeat center center;
	width:40px;
	height:20px;
	background-size:contain;
	top:12px;
}
.btn-white:before
{
	right: 5px;
	/*background: url(../images/btn-icon-green-right.png) no-repeat center center;*/
	background: url(../images/btn-icon-black-right.png) no-repeat center center;
}
.btn-2clm-white-left:before
{
	left: 15px;
	/*background: url(../images/btn-icon-green-left.png) no-repeat center center;*/
	background: url(../images/btn-icon-black-left.png) no-repeat center center;
}
.btn-1clm-green:before,
.btn-other-left:before
{
	right: 5px;
	background: url(../images/btn-icon-white-right.png) no-repeat center center;
}
.btn-2clm-green-right:before,
.btn-other-right:before
{
	right: 12px;
	background: url(../images/btn-icon-white-right.png) no-repeat center center;
}
.btn-white:hover,
.btn-save-conditions:hover,
.btn-2clm-white-left:hover,
.btn-1clm-green:hover,
.btn-2clm-green-right:hover,
.btn-other:hover,
.btn-other-left:hover,
.btn-other-right:hover { 	background-position: left bottom; }

.btn-white:hover:after,
.btn-save-conditions:after,
.btn-2clm-white-left:hover:after,
.btn-1clm-green:hover:after,
.btn-2clm-green-right:hover:after,
.btn-other:hover:after,
.btn-other-left:hover:after,
.btn-other-right:hover:after { 	background-position: right bottom;}

/* 白地のボタン用 例：complete.htmlの一覧へ戻るボタン
 a タグに class="btn-white" で適応 */
/*.btn-white {
	background: url(../images/btn-white.png) no-repeat left top;
	display: block;
	width: 390px;
	height: 49px;
	margin: 0 auto;
	line-height: 49px;
	font-size: 20px;
	font-weight: bold;
	color: #058ca4;
}*/

/* 白地のボタン用 例：confirmation.htmlの前のページへ戻るボタン
 input タグに class="btn-2clm-white-left" で適応
 2カラム用の左に配置 */
/*.btn-2clm-white-left {
	background: url(../images/btn-2clm-white-left.png) no-repeat left top;
	text-align: center;
	width: 590px;
	height: 49px;
	color: #058ca4 !important;
	border: none;
	margin-right: 33px;
}
.btn-2clm-white-left:hover {
	background: url(../images/btn-2clm-white-left_on.png) no-repeat left top;
}*/
/* 緑地のボタン用 例：confirmation.htmlの登録内容の変更ボタン
 input タグに class="btn-2clm-green-right" で適応
 2カラム用の右に配置 */
/*.btn-2clm-green-right {
	background: url(../images/btn-2clm-green-right.png) no-repeat left top;
	text-align: center;
	width: 590px;
	height: 49px;
	border: none;
}
.btn-2clm-green-right:hover {
	background: url(../images/btn-2clm-green-right_on.png) no-repeat left top;
}*/
/* 緑地のボタン用 例：input.htmlの一覧へ戻るボタン
 input タグに class="btn-1clm-green" で適応 */
/*.btn-1clm-green {
	background: url(../images/btn-1clm-green.png) no-repeat left center;
	border: none;
	display: block;
	width: 100%;
	height: 49px;
}
.btn-1clm-green:hover {
	background: url(../images/btn-1clm-green_on.png) no-repeat left center;
}*/
/* 緑地の検索ボタン用 例：before-login.htmlの条件で検索ボタン
 a タグに class="btn-1clm-green" で適応 */
.btn-search-green-a {
	background: url(../images/search-tile-btn-bg.png) no-repeat left top;
	width: 160px;
	height: 37px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 37px;
	display: inline-block;
	padding: 0 !important;
	font-size: 14px !important;
	cursor: pointer;
}
.btn-search-green-a:hover {
	background-position: left bottom;
}
/* 緑地の検索ボタン用 例：institution.htmlの検索ボタン
 input タグに class="btn-search-green-input" で適応 */
.btn-search-green-input {
	background: url(../images/search-tile-btn-bg.png) no-repeat left top;
	width: 160px;
	height: 37px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 37px;
	display: inline-block;
	padding: 0 !important;
	font-size: 16px !important;
	border: 0;
	cursor: pointer;
}
.btn-search-green-input:hover {
	background-position: left bottom;
}
/* 検索条件リセットボタン用
 input タグに class="btn-reset" で適応 */
.btn-reset {
	background: url(../images/reset-tile-btn-bg.png) no-repeat left top;
	width: 180px;
	height: 37px;
	text-align: center;
	font-weight: bold;
	line-height: 37px;
	display: inline-block;
	padding: 0 0 0 20px !important;
	font-size: 16px !important;
	border: 0;
	cursor: pointer;
}
.btn-reset:hover {
	background-position: left bottom;
}
/* 検索条件リセットボタン用 in アコーディオン
 input タグに class="btn-clear" で適応 */
.btn-clear {
	background: url(../images/btn-clear_bg.png) no-repeat left top !important;
	width: 88px;
	height: 27px;
	text-align: center;
	font-weight: bold;
	line-height: 27px;
	display: inline-block;
	padding: 0 0 0 12px !important;
	font-size: 14px !important;
	border: 0;
	cursor: pointer;
}
.btn-clear:hover {
	background-position: left bottom !important;
}
/* ツートーン用 例：e-nures-top.htmlのボタン
 input or a タグに class="two-tone" で適応 */
.two-tone {
	background: url(../images/btn-two-tone_bg.png) no-repeat left top;
	width: 260px;
	height: 50px;
	line-height: 50px;
	display: block;
	border: none;
	color: #000 !important;
	padding: 0 !important;
	font-weight: bold;
	margin: 0 auto;
	vertical-align: middle;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	font-size: 14px !important;
	cursor: pointer;
}
.two-tone:hover {
	background-position: left bottom;
}
/* 非活性ボタン用
※非活性にしたいボタンの<span>にclass="disable"追加。<input>に disabled="disabled"追加
※緑背景・青背景・白背景のボタンに対応 */

span.disable:after,
span.disable:hover:after {
    background: url(../images/btn-disable-bg-right.png) no-repeat scroll right center rgba(0, 0, 0, 0);
}
span.disable:before, .disable:before {
    background: none no-repeat scroll center center rgba(0, 0, 0, 0);
    right: 12px;
}
span.disable{
	background: url(../images/btn-disable-bg-left.png) no-repeat left top;
	color: #fff;
	cursor: default;
}
span.disable:hover {
	background: url(../images/btn-disable-bg-left.png) no-repeat left top;
	color: #999;
}
span.disable input{
	color: #999;
}


/* @ div.scroll
----------------------------------------------------------------------------- */

section .scroll {
	display: block;
	overflow-y: scroll;
	width: 100%;
	border-bottom: 1px solid #999;
}

/* @ hr.line
----------------------------------------------------------------------------- */

hr.line {
	border: 0;
    border-bottom: 1px solid #ccc;
}

/* @ div.accordion table.normal & accordionTitle
----------------------------------------------------------------------------- */

section h2.accordionTitle {
	/*background: #5b666a url(../images/h2-bg.jpg) repeat-x left top;
	background-color: #5b666a;*/
	border-radius: 10px 10px 0 0;
	min-height: 40px;
	line-height: 40px;
	position:relative;
	behavior: url("/js/PIE.htc");
	overflow: hidden;
	/*margin-bottom: 20px;*/
	margin-bottom: 30px;
	border-bottom: 2px solid #333;
}
section h2.accordionTitle span {
	background: url(../images/h2-icon.png?2017062800) no-repeat left center;
	margin-left: 10px;
	/*color: #ffff00;*/
	padding: 6px 0px 5px 88px;
	font-size: 0.7625em;
}
section h2.accordionTitle span label {
	line-height: 0.85em;
	padding: 2px 0px 6px 0px;
}
section h2.accordionTitle span label a {
	margin-top: 6px;
}
section h2.accordionTitle.onBox span {
	background: url(../images/h2-icon_onBox.png?2017062800) no-repeat left center ;
}
section h2.onBox {

}
section .accordion {
	position: relative;
	top: -20px;
	margin-bottom: -20px;
}
section .accordion table.normal:first-child {
/*	margin-bottom: 0;*/
	border-radius: 0 0 10px 10px;
	border-top: none;
	position:relative;
	behavior: url("/js/PIE.htc");
}
/*section .accordion table.normal:last-child {
	border-radius: 0 0 10px 10px;
	position:relative;
	behavior: url("/js/PIE.htc");
}*/

/* アコーディオンタイトルの表示 */
section .accordionTitle span .label {
	float: right;
	text-align: right;
}
section .accordionTitle span .label ul {
	margin-right: 10px;
	font-size: 14px;
	color: #fff;
	display: inline;
}
section .accordionTitle span .label li {
	display: none;
}
section .accordionTitle span .label a {
	background: #fff;
	color: #000;
	font-size: 14px;
	margin-right: 10px;
	padding:2px 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 項目見出し (H30年度上期改修追加)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
section h2.colmunTitle {
	/*background: #5b666a url(../images/h2-bg.jpg) repeat-x left top;*/
	/*background-color: #5b666a;*/
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	min-height: 40px;
	line-height: 40px;
	position:relative;
	behavior: url("/js/PIE.htc");
	overflow: hidden;
	/*margin-bottom: 20px;*/
	margin-bottom: 30px;
	border-bottom: 2px solid #333;
}
section h2.colmunTitle span {
	margin-left: 15px;
	/*color: #ffff00;*/
	padding: 6px 0px 5px 0px;
	font-size: 0.7625em;
}
section h2.colmunTitle span label {
	line-height: 0.85em;
	padding: 2px 0px 6px 0px;
}
section h2.colmunTitle span label a {
	margin-top: 6px;
}
section table.colmunBlock {
	border-radius: 0 0 10px 10px !important;
	border-top: none !important;
	top: -20px !important;
	margin-bottom: 0px !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * th幅指定（可変で良ければ下記必要なし）
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

section .accordion table.normal tr th:first-child{
	/*width: 241px;*/
}
section .accordion table.normal.th2 tr th{
	width: 115px;
}
section .accordion table.normal.th3 tr th{
	width: 73px;
}


/* @ table.normal + .tight (set tight padding for th & td) + .thTaL (set text-align left for th)
----------------------------------------------------------------------------- */

#parallel_display {
	position: relative;
	overflow: visible;
	margin-bottom: 20px;
	padding-right: 22px;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section #parallel_display.scroll .inner {
	display: block;
	overflow-y: hidden;
	overflow-x: scroll;
	width: 100%;
}
/*
#parallel_display.td3:after,
#parallel_display.td4:after,
#parallel_display.td5:after,
#parallel_display.td6:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	vertical-align: middle;
	background: #CCC url(/images/icon06_off.png) no-repeat center 4px;
	border-radius: 2px;
}
*/
#parallel_display table {	margin-bottom: 0;}
/* 2020/07/09 KATO UPD START 横スクロール廃止とデザイン変更 */
/*
#parallel_display.td3 table {	width: 1450px;}
#parallel_display.td4 table {	width: 1850px;}
*/
#parallel_display.td2 table {	width: 1240px;}
#parallel_display.td3 table {	width: 1240px;}
#parallel_display.td4 table {	width: 1240px;}
/* 2020/07/09 KATO UPD END 横スクロール廃止とデザイン変更 */
#parallel_display.td5 table {	width: 2250px;}
#parallel_display.td6 table {	width: 2650px;}
/* 2020/07/09 KATO UPD START 横スクロール廃止とデザイン変更 */
/*
#parallel_display.td2 table td {	width: 450px;}
#parallel_display.td3 table td,
#parallel_display.td4 table td,
*/
#parallel_display.td2 table td {	width: 470px;}
#parallel_display.td3 table td {	width: 310px;}
#parallel_display.td4 table td {	width: 270px;}
/* 2020/07/09 KATO UPD END 横スクロール廃止とデザイン変更 */
#parallel_display.td5 table td,
#parallel_display.td6 table td {	width: 380px;}
/* 2020/07/09 KATO UPD START 横スクロール廃止とデザイン変更 */
/*
#parallel_display table td,
*/
#parallel_display table td {
/* 2020/07/09 KATO UPD END 横スクロール廃止とデザイン変更 */
/* 2020/07/09 KATO ADD START 横スクロール廃止とデザイン変更 */
	word-break: break-all;
}
/* 2020/07/09 KATO ADD END 横スクロール廃止とデザイン変更 */
#parallel_display table th {
	word-break: break-all;
/* 2020/07/09 KATO ADD START 横スクロール廃止とデザイン変更 */
	width: 300px;
/* 2020/07/09 KATO ADD END 横スクロール廃止とデザイン変更 */
}
section #parallel_display.td0 table.normal /*求人情報並列表示で使用想定*/ {
	width: 251px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	position:relative;
	behavior: url("/js/PIE.htc");
}

section #parallel_display ul.pd_btn {
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url("/js/PIE.htc");
}
section #parallel_display ul.pd_btn:after {
	 content: "";
	clear: both;
	display: block;
}
section #parallel_display ul.pd_btn li {
	display: block;
	float: left;
	width: 50%;
	padding: 1px;
	border-top: 1px solid #ccc;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section #parallel_display ul.pd_btn li:before {
	content: "　";
	display: block;
	float: left;
	width: 0;
	overflow: hidden;
/* 2020/07/28 KATO UPD START 横スクロール廃止とデザイン変更 */
/*	padding: 4px;*/
	padding-top: 4px;
	padding-bottom: 4px;
/* 2020/07/28 KATO UPD END 横スクロール廃止とデザイン変更 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section #parallel_display ul.pd_btn li:first-child,
section #parallel_display ul.pd_btn li:first-child + li {
	border-top: none;
}
section #parallel_display ul.pd_btn li.first,
section #parallel_display ul.pd_btn li.third,
section #parallel_display ul.pd_btn li.fifth,
section #parallel_display ul.pd_btn li.seventh,
section #parallel_display ul.pd_btn li.ninth {
	border-right: 1px solid #ccc;
}
section #parallel_display ul.pd_btn li a {
	display: block;
	padding: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section #parallel_display ul.pd_btn li a:hover {
	background: #efefef;
}
section #parallel_display ul.pd_btn.type_displayControl {
	margin-bottom: 2px;
}
section #parallel_display ul.pd_btn.type_displayControl li {}
section #parallel_display ul.pd_btn.type_contact {
	margin-bottom: 1px;
}
section #parallel_display ul.pd_btn.type_contact li {}

section table.normal {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: separate;
	border-spacing: 0;
	/*border-top: 1px solid #999;
	border-left: 1px solid #999;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	behavior: url("/js/PIE.htc");
	/*background: #faf8f2;*/
	padding: 20px;
}
section table.normal tr th.title {
	width: auto;
	/*background-color: #00849b;*/
	background-color: #463f0a !important;
	color: #FFF;
	text-align: left;
}
section  #parallel_display.td0 table.normal tr th.title.br_T {
	border-radius: 10px 0 0 0px;
}
section table.normal tr th {
	padding: 3px 5px;
	/*background-color: #e0e0e0;*/
	color: #0B6A58;
	background-color: #faf8f2;
	/*border-right: 1px solid #999;*/
	border-top: 1px solid #BDC1B3;
	/*border-bottom:  1px solid #999;*/
	border-bottom: 1px solid #BDC1B3;
	border-right: 1px solid #BDC1B3;
	font-size: 1em;
	/*font-size: 1.15em;*/
/*	text-align: center;*/
	/*text-align: right;*/
	/*text-align: left;*/
	text-align: right;
	padding-right: 20px;
}
section table.normal.thTaL tr th {
	text-align: left;
}
section table.normal.thTaR tr th {
	text-align: left;
}
section table.normal.tight tr th {
	font-size: 1em;
}
section table.normal tr.space th,
section table.normal tr.space td {
	background-color: #efefef;
	padding: 0;
	height: 8px;
	font-size: 0.01em
}
section table.normal tr th:first-child {
	width: 240px;
	border-collapse: separate;
}
section table.normal tr td {
	/*padding: 3px 9px;*/
	padding: 10px 0px;
	/*background-color: #faf8f2;*/
	/*border-right: 1px solid #999;*/
	/*border-bottom:  1px solid #999;*/
	border-top:  1px solid #BDC1B3;
	border-bottom:  1px solid #BDC1B3;
	border-right: 1px solid #BDC1B3;
	font-size: 0.9em;
}
.d-flex{
	display: flex;
	justify-content: left;
	align-items: center;
}
#changeArea .is_required,
section table.normal * .is_required {
	display: inline-block;
    padding: 2px;
    border-radius: 4px;
    background: #cb0909;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	font-size: 0.8rem;
	float: right;
}

#changeArea .is_required{
	margin-left: 15px;
}
section table.normal tr td .form_note {
	line-height: 1.3;
    color: #555555;
    font-size: 0.8rem;
    margin: 6px 2px 0;
}
section table.normal.tight tr td {
	padding: 3px 8px;
}
section table.normal tr th,
section table.normal tr td {
	border-left: 1px solid #FFF; /* thの白borderは無くした方が整合性が取れないかも */
	border-top: 1px solid #FFF;
}
section table.normal tr:first-child th { /* thの上部白border削除 */
	border-top: none;
}
section table.normal tr th:first-child { /* thの左部白border削除（confirmation.htmlの第2希望・やその他欄では別クラス「borderLW」が必要） */
	border-left: none;
}
section table.normal tr th *,
section table.normal tr td * {
	position: relative;
	z-index: 1;
}
/* 検索機能拡充 2019/10/08 2NF-DEV ADD START */
section table .bottomLine {
	border-bottom:1px #999999 solid;
}
/* 検索機能拡充 2019/10/08 2NF-DEV ADD END */
section table.internal {
	width: auto;
	border:0px;
	behavior: url("/js/PIE.htc");
	background-color: transparent !important;
}
section table.internal tr th {
	padding: 3px 5px;
	/*background-color: #e0e0e0;*/
	background-color: transparent !important;
	border:0px;
	font-size: 1em;
	/*font-size: 1.15em;*/
/*	text-align: center;*/
	text-align: right;
	border-top: none !important;
}
section table.internal tr td {
/*	padding: 3px 9px;*/
	padding: 3px 3px 3px 0px;
	border:0px;
	font-size: 1em;
	background-color: transparent !important;
	border-top: none !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 備考欄
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
section table.normal tr .explain {
	table-layout: fixed;
	width: 175px !important;
	/*background-color: #f7f7f7;*/
	background-color: #faf8f2;
	vertical-align: top;
	font-size: 0.85em;
}
section table.normal tr .explain p {
	margin-bottom: 20px;
}

/* H29 2018/01/26 SUN.HATANAKA START 仕様変更　凡例追加（雇用形態文言）*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 見出し部備考欄
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
section table.caption_legend {
	width: 100%;
	border-collapse: separate;
}
section table.caption_legend tr td.legend {
	font-size: 0.85em;
}
/* H29 2018/01/26 SUN.HATANAKA END */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 非公開チェック欄
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
section table.normal tr .closed {
	table-layout: fixed;
	width: 150px !important;
/* デザイン変更 2019/11/12 YAMAMOTO UPD START */
	/*background-color: #efefef;*/
	background-color: #F5F4EF !important;
	/*border: 1px solid #333;*/
/* デザイン変更 2019/11/12 YAMAMOTO UPD END */
/* デザイン変更 2019/11/20 YAMAMOTO ADD START */
	border-top: 2px solid #FFF !important;
/* デザイン変更 2019/11/20 YAMAMOTO ADD END */
	vertical-align: middle;
	font-size: 0.85em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * テーブル内のリスト
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
section table.normal tr th ul,
section table.normal tr td ul {
/*	width: 100%;*/
	white-space: normal;
}
section table.normal tr th ul li,
section table.normal tr td ul li {
	display: inline;
	white-space: nowrap;
}
/*section table.normal tr th ul li:before,
section table.normal tr td ul li:before,
section table.normal tr th ul li:after,
section table.normal tr td ul li:after {
	content: ".";
	font-size: 1px;
	visibility: hidden;
}*/
section table.normal tr td ul li:last-child {
	margin-right: 0;
}
section table.normal tr th ul.inlineBlock li,
section table.normal tr td ul.inlineBlock li {
	display: inline-block;
	width: 100%;
	margin-right: 20px;
	white-space: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 列が増えた場合
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
section table.normal tr th ul.separate2 li,
section table.normal tr td ul.separate2 li,
section table.normal tr th ul.separate3 li,
section table.normal tr td ul.separate3 li,
section table.normal tr th ul.separate4 li,
section table.normal tr td ul.separate4 li,
section table.normal tr th ul.separate5 li,
section table.normal tr td ul.separate5 li,
section table.normal tr th ul.separate6 li,
section table.normal tr td ul.separate6 li,
section table.normal tr th ul.separate7 li,
section table.normal tr td ul.separate7 li,
section table.normal tr th ul.separate8 li,
section table.normal tr td ul.separate8 li {
	display: inline-block;
	vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
	margin-right: 3%; /*20px;*/
	white-space: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section table.normal tr th ul.separate2 li:nth-child(2n),
section table.normal tr td ul.separate2 li:nth-child(2n),
section table.normal tr th ul.separate3 li:nth-child(3n),
section table.normal tr td ul.separate3 li:nth-child(3n),
section table.normal tr th ul.separate4 li:nth-child(4n),
section table.normal tr td ul.separate4 li:nth-child(4n),
section table.normal tr th ul.separate5 li:nth-child(5n),
section table.normal tr td ul.separate5 li:nth-child(5n),
section table.normal tr th ul.separate6 li:nth-child(6n),
section table.normal tr td ul.separate6 li:nth-child(6n),
section table.normal tr th ul.separate7 li:nth-child(7n),
section table.normal tr td ul.separate7 li:nth-child(7n),
section table.normal tr th ul.separate8 li:nth-child(8n),
section table.normal tr td ul.separate8 li:nth-child(8n) {	padding-right: 0;}

section table.normal tr th ul.separate2 li,
section table.normal tr td ul.separate2 li {	min-width: 46%;/*width: 330px;*/}
section table.normal tr th ul.separate3 li,
section table.normal tr td ul.separate3 li {	min-width: 29%}/*225px;*/
section table.normal tr th ul.separate4 li,
section table.normal tr td ul.separate4 li {	min-width: 21.5%;}/*165px*/
section table.normal tr th ul.separate5 li,
section table.normal tr td ul.separate5 li {	min-width: 16.5%;}/*140px*/
section table.normal tr th ul.separate6 li,
section table.normal tr td ul.separate6 li {	min-width: 13%;}/*120px*/
section table.normal tr th ul.separate7 li,
section table.normal tr td ul.separate7 li {	min-width: 10.5%;}/*100px*/
section table.normal tr th ul.separate8 li,
section table.normal tr td ul.separate8 li {	min-width: 8.5%;}/*80px*/

section table.normal tr th ul.inlineBlock li:after,
section table.normal tr td ul.inlineBlock li:after,
section table.normal tr th ul.separate2 li:after,
section table.normal tr td ul.separate2 li:after,
section table.normal tr th ul.separate3 li:after,
section table.normal tr td ul.separate3 li:after,
section table.normal tr th ul.separate4 li:after,
section table.normal tr td ul.separate4 li:after,
section table.normal tr th ul.separate5 li:after,
section table.normal tr td ul.separate5 li:after,
section table.normal tr th ul.separate6 li:after,
section table.normal tr td ul.separate6 li:after,
section table.normal tr th ul.separate7 li:after,
section table.normal tr td ul.separate7 li:after,
section table.normal tr th ul.separate8 li:after,
section table.normal tr td ul.separate8 li:after {
	content: "";
}

/* @ table.list
----------------------------------------------------------------------------- */

section div.fixArea { /* 文字拡大向け設定追加 */
	overflow: auto;
}

section table.list {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	border-collapse: separate;
	border-radius: 10px 10px 0 0;
	border-left: 1px solid #fff;
	position:relative;
	behavior: url("/js/PIE.htc"); /*CSS3使っているプロパティの最終行にこの1行を追加*/
	/*white-space: nowrap; /* 折り返ししないように設定変更 */
}
section table.list tr th {
	/*background: url(../images/h2-bg.jpg) repeat-x left top #5b666a;*/
	padding: 7px 0;
	/*border-right: 1px solid #a5b5b8;*/
	/*border-left: 1px solid #fff;*/
	border-bottom: 1px solid #a5b5b8;
	text-align: center;
	/*color: #fff;*/
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #000;*/
	font-size: 1em;
}
section table.list tr th.br_LT {
	border-left: none;
}
section table.list tr th.br_RT {
	border-right: none;
}
section table.list tr td {
	padding: 4px 1px;
	font-size: 0.9em;
}
section table.list tr td {
	/* background: #f6f8fa; */
}
section table.list tr:nth-child(2n) td {
/*	background: #fff;*/
}
section table.list tr:nth-child(2n+1) td {
/*	background: #eaeef1; /*#e1e5e8*/
}
section table.list tr td {
	border-bottom: 1px solid #bbb;
	/*border-right:  1px solid #bbb;
	border-top:  1px solid #fff;
	border-left:  1px solid #fff;*/
}
/* +++++ DEL +++++ */section table.list tr td .up_contact,
section table.list tr td .up {
	background: url(../images/icon09.png) no-repeat left center;
	color: #000;
	width: 100%;
	display: inline-block;
	margin-left: 5px;
	padding: 0 10px;
}
/* +++++ DEL +++++ */section table.list tr td .down_contact,
section table.list tr td .down {
	background: url(../images/icon10.png) no-repeat left center;
	color: #0f639c;
	width: 100%;
	display: inline-block;
	margin-left: 5px;
	padding: 0 10px;
}
section table.list tr.invalid td {
	background-color: #C7CbCe;
	color: #777;
}
section table.list tr.invalid td a {
	color: #777;
}
/* R02下期 3)新規求人の可視化 2020/11/27 IIJIMA ADD START */
section table.list .new_job a{
	white-space: nowrap;
}
/* R02下期 3)新規求人の可視化 2020/11/27 IIJIMA ADD END */

/* @ div.results-table
----------------------------------------------------------------------------- */

section .results-table{
	margin-top: 0;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
section .results-table dl,
section .results-table dl dt,
section .results-table dl dd {
	margin: 0 10px 0 0;
	float: left;
}

/* @ div.select-box
----------------------------------------------------------------------------- */

section .select-box {
	position: absolute;
	top: 15px;
	right: 0;
}
section .select-box ul li {
	display: inline-block;
}
section .select-box ul li a {
	display: block;
}
section .select-box ul {
	vertical-align: middle;
}
section .select-box ul li.search-btn {
	float: none;
}
section .select-box ul li.search-btn a {
	font-weight: bold;
	font-size: 14px;
	margin-right: 20px;
}
section .select-box ul li.tile-btn a {
	background: url(../images/search-btn-img01_on.png) no-repeat left top;
	text-indent: -9999px;
	height: 37px;
	width: 37px;
	line-height: 37px;
	margin-right: 5px;
}
section .select-box ul li.list-btn a {
	background: url(../images/search-btn-img02_bg.png) no-repeat left top;
	text-indent: -9999px;
	height: 37px;
	width: 37px;
	line-height: 37px;
}
section .select-box ul li.list-btn a:hover {
	background-position: left bottom;
}
/* R02下期 2)自動マッチング条件登録 2020/12/01 IIJIMA ADD START */
section .select-box ul li input[name="add_condition"]{
	background: url(../images/btn-green-bg-left.png) no-repeat left top;
	border-color-color: #463f0a;
	border-radius: 5px;
	color: #fff;
}
/* R02下期 2)自動マッチング条件登録 2020/12/01 IIJIMA ADD END */

/* @ div.search-btn & div.display-number
----------------------------------------------------------------------------- */

section .search-btn {
	float: right;
}
section .search-btn ul,
section .search-btn ul li {
	display: inline-block;
}
section .search-btn ul li {
	vertical-align: top;
}
section .display-number {
	float: left;
}
section .display-number dt {
	display: inline;
}
section .display-number dd,
section .display-number ul,
section .display-number li {
	display: inline-block;
}
section .display-number dd {
	margin-left: 0;
}
section .display-number dd ul li:nth-child(4) {
	padding-left: 40px;
}

/* @ div.top_box
----------------------------------------------------------------------------- */

section .top_box {
	position: absolute;
	right: 0px;
	top: 5px;
}
section .top_box dl,
section .top_box dl dt,
section .top_box dl dd {
	margin: 0 10px 0 0;
	float: left;
}
section .top_box dl dt {
	font-weight: bold;
}
section .top_box dl dd label {
	font-weight: normal;
}

/* @ div.second-box
----------------------------------------------------------------------------- */

section .second-box {
	height: 100%;
	display: inline-block;
	border-top: #ccc solid 1px;
}
section .second-box p input {
	font-size: 14px;
}
section .second-box dl,
section .second-box dl dt,
section .second-box dl dd {
	margin: 0 10px 0 0;
	float: left;
}
section .second-box dl dt {
	font-weight: bold;
}
section .second-box .only {
	display: inline-block;
	float: left;
}
section .second-box .only li,
section .second-box .classification,
section .second-box .period,
section .second-box .name {
	padding: 0 45px 0 0;
	margin: 15px 0;
}
section .second-box .name {
	padding-right: 30px;
}
section .second-box .only li {
	border-right: 1px solid #999;
}
section .second-box .classification dt {
	margin-left: 35px;
}
section .second-box .classification dd {
	padding-right: 25px;
}
section .second-box p {
	margin-top: 65px;
}
section .second-box .period dt,
section .second-box .name dt {
	margin: 5px 10px 5px 0;
}
section .second-box .period {
	border-right: 1px solid #999;
	padding-right: 25px;
	margin-right: 30px;
}
section .second-box .period input[type="text"] ,
section .second-box .name input[type="text"] {
	padding: 5px 10px;
	margin-right: 5px;
	font-size: 100%;
}
section .second-box .name input[type="text"] { /* Chromeの段落ち対応 */
	width: 5em;
}


/* @ div.pager
----------------------------------------------------------------------------- */

section .pager { /* floatの解除を追加記述 */
	clear: both;
	overflow: hidden;
	position: relative;
	zoom: 1;
	/*border-bottom: 4px solid #C8E292;*/
/*	margin-bottom: 10px;*/
}
section .pager > p {
	float: left;
	padding-bottom: 10px;
}
section #changeArea .pager > p {
	margin-bottom: 0;
}
section .pager ul {
	float: right;
}
section .pager ul li {
	display: inline-block;
	margin: 0 5px;
}
section .pager ul li a {
	/*color: #000;*/
	border-radius: 2px;
    background: transparent;
    border: 1px solid #a8d150;
    min-height: 22px;
    min-width: 22px;
    text-align: center;
    display: inline-block;
    padding: 4px 4px 0;
    text-decoration: none;
    color: #333;
}
section .pager ul li a:hover {
	text-decoration: underline;
}
section .pager ul li.prevFirst a {
	/*background: url(../images/icon04_off.png) no-repeat left center;
	padding-left: 25px;*/
	border-radius: 2px;
    background: transparent;
    border: 1px solid #a8d150;
    min-height: 22px;
    min-width: 22px;
    text-align: center;
    display: inline-block;
    padding: 4px 4px 0;
    text-decoration: none;
    color: #333;
}
section .pager ul li.prev a {
	/*background: url(../images/icon05_off.png) no-repeat left center;
	padding-left: 15px;*/
	border-radius: 2px;
    background: transparent;
    border: 1px solid #a8d150;
    min-height: 22px;
    min-width: 22px;
    text-align: center;
    display: inline-block;
    padding: 4px 4px 0;
    text-decoration: none;
    color: #333;
}
section .pager ul li.next a {
	/*background: url(../images/icon06_off.png) no-repeat right center;*/
	padding-right: 15px;
	border-radius: 2px;
    background: transparent;
    border: 1px solid #a8d150;
    min-height: 22px;
    min-width: 22px;
    text-align: center;
    display: inline-block;
    padding: 4px 4px 0;
    text-decoration: none;
    color: #333;
}
section .pager ul li.nextLast a {
	/*background: url(../images/icon07_off.png) no-repeat right center;
	padding-right: 25px;*/
	border-radius: 2px;
    background: transparent;
    border: 1px solid #a8d150;
    min-height: 22px;
    min-width: 22px;
    text-align: center;
    display: inline-block;
    padding: 4px 4px 0;
    text-decoration: none;
    color: #333;
}
section .pager ul li.prevFirst a:hover {
	/*background: url(../images/icon04_on.png) no-repeat left center;*/
}
section .pager ul li.prev a:hover {
	/*background: url(../images/icon05_on.png) no-repeat left center;*/
}
section .pager ul li.next a:hover {
	/*background: url(../images/icon06_on.png) no-repeat right center;*/
}
section .pager ul li.nextLast a:hover {
	/*background: url(../images/icon07_on.png) no-repeat right center;*/
}
section .pager_top {
	border-bottom: 4px solid #BFE0EF;
}
section .pager_bottom {
	border-top: 4px solid #BFE0EF;
}
section .pager li.active.under-line a{
	background-color: #463F0A;
	color: #fff;
}

/* @ div.results-box
----------------------------------------------------------------------------- */

section .results-boxAreaType2,
section .results-boxArea {
	clear: both;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 各職種タイプ表示
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

section .results-boxAreaType2 .results-box .box-clm li:first-child,
section .results-boxArea .results-box .side_clm li:first-child {	background: #00ae6f;}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(2),
section .results-boxArea .results-box .side_clm li:nth-child(2) {	background: #f3a540;}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(3),
section .results-boxArea .results-box .side_clm li:nth-child(3) {	background: #31a0e7;}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(4),
section .results-boxArea .results-box .side_clm li:nth-child(4) {	background: #3a50d7;}

section .results-boxArea .results-box ul .off,
section .results-boxAreaType2 .results-box ul .off,
section .results-boxArea .results-box dl .off,
section .results-boxAreaType2 .results-box dl .off {
	color: #ccc;
}

section #changeArea .results-boxArea .results-box .PR,
section #changeArea .results-boxAreaType2 .results-box .PR {
	clear: both;
}

/*Type1*/

section .results-boxArea .results-box {
	width: 276px;
	background: #fff;
	float: left;
	position: relative;
	margin-right: 12px;
	margin-bottom: 20px;
	padding: 0 9px 5px;
	border: 1px solid #ddd;
}
section .results-box:nth-child(4n) {
	margin-right: 0;
}
section .results-box:nth-child(4n+1) {
	clear: both;
}
section .results-boxArea .results-box {
	color: #000;
	padding-bottom: 5px;
}
section .results-boxArea .results-box a {
	color: #000;
	text-decoration: underline;
}
section .results-boxArea .results-box a:hover {
}
section .results-boxArea .results-box p {
	margin: 5px 0;
	height: auto;
	font-weight: bold;
}
section .results-boxArea .results-box p:first-child {
	float: left;
}
section .results-boxArea .results-box .number {
	position: absolute;
	top: 0px;
	right: 9px;
	text-align: right;
}
/* R02下期 3)新規求人の可視化 2020/11/19 IIJIMA ADD START */
section .results-boxArea .results-box .new_job img {
    padding-left: 10px;
}
/* R02下期 3)新規求人の可視化 2020/11/19 IIJIMA ADD END */
section .results-boxArea .results-box div {
	width: 183px;
	height: 138px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 10px;
	border: 1px solid #ddd;
	line-height: 160%;
	clear: both;
	word-wrap: break-word;
}
section .results-boxArea .results-box div.image-parent {
	line-height: 138px;
}
section .results-boxArea .results-box div img{
	max-width: 100%;
	max-height: 100%;
}
section #changeArea .results-boxArea .results-box div p {
	float:	inherit;
	margin-bottom: 5px;
}
section .results-boxArea .results-box p.opacity {
	width: 213px;
	float: left;
	margin: 0;
	clear: both;
}
section #changeArea .results-boxArea .results-box .PR {
	margin-bottom: 5px;
}
section .results-boxArea .results-box p.subTitle {
	clear: both;
	font-size: 1.072em;
	padding: 7px 0 3px;
	margin: 0
}
section .results-boxArea .results-box .side_clm {
	width: 68px;
	float: right;
	margin: 0;
	padding: 0;
}
section .results-boxArea .results-box .side_clm li {
	min-width: 68px;
	min-height: 28px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 27px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section .results-boxArea .results-box .side_clm .off {
	background-color: #fff !important;
/*	min-width: 56px;*/
	border: 1px solid #ccc;
	border-top: none;
	color: #ccc;
/*	min-height: 27px;*/
	height: auto;
/*	line-height: 27px;*/
}
section .results-boxArea .results-box .side_clm .off:first-child {
	min-height: 26px;
	line-height: 26px;
}
section .results-boxArea .results-box .side_clm li:last-child {
	background: #f092b6;
	margin-top: 5px;
	min-width: 58px;
	padding-top: 7px;
	border: 1px solid #f092b6;
	padding-bottom: 6px;
	/*min-height: 33px;*/
	height: auto;
	line-height: 14px;
}
section .results-boxArea .results-box .side_clm .off:last-child {
	/*padding: 0;
	min-width: 56px;
	padding-top: 7px;
	min-height: 31px;
	height: auto;
	line-height: 14px;*/
	border-color: #ccc;
}
section .results-boxArea .results-box {
	padding: 0 9px 5px;
}
section .results-boxArea .results-box ul.items {
	clear: both;
	margin: 0;
	padding: 5px 0;
	border-bottom: dotted 1px #666;
	min-height: 20px;
	font-size: 0.9375em;
}
section .results-boxArea .results-box ul.items:last-child {
	border: none;
}
section .results-boxArea .results-box ul.items li {
	display: inline-block;
	padding: 0 8px 0 0;
	word-break: break-all;
}
section .results-boxArea .results-box ul.full li {
	display: block;
	clear: both;
}
/*section .results-boxArea .results-box ul.items:nth-child(8) li {
	display: block;
}*/

section .results-boxArea .results-box ul.full li span {
	display: block;
	float: left;
	word-break: normal;
}
section .results-boxArea .results-box ul.full li span.w5em + span { margin-left: 0.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w10em + span { margin-left: 1.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w15em + span { margin-left: 1.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w20em + span { margin-left: 2.24em; float: none;}
section .results-boxArea .results-box ul.full li span.w25em + span { margin-left: 2.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w30em + span { margin-left: 3.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w35em + span { margin-left: 3.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w40em + span { margin-left: 4.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w45em + span { margin-left: 4.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w50em + span { margin-left: 5.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w55em + span { margin-left: 5.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w60em + span { margin-left: 6.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w65em + span { margin-left: 6.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w70em + span { margin-left: 7.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w75em + span { margin-left: 7.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w80em + span { margin-left: 8.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w85em + span { margin-left: 8.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w90em + span { margin-left: 9.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w95em + span { margin-left: 9.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w100em + span { margin-left: 10.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w105em + span { margin-left: 10.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w110em + span { margin-left: 11.25em; float: none;}
section .results-boxArea .results-box ul.full li span.w115em + span { margin-left: 11.75em; float: none;}
section .results-boxArea .results-box ul.full li span.w120em + span { margin-left: 12.25em; float: none;}

/*Type2*/

section .results-boxAreaType2 .results-box {
	border: solid 1px #ccc;
	background: #fff;
	padding: 5px 10px 0;
	margin-bottom: 10px
}
section .results-boxAreaType2 .results-box {
	color: #000;
}
section .results-boxAreaType2 .results-box a {
	color: #000;
	text-decoration: underline;
}
section .results-boxAreaType2 .results-box p,
section .results-boxAreaType2 .results-box ul li {
	display: inline-block;
}
section .results-boxAreaType2 .results-box p {
	font-weight: bold;
}
section .results-boxAreaType2 .results-box p.place  {
	margin-right: 20px;
}
section .results-boxAreaType2 .results-box p.number {
	margin-right: 40px;
}
/* R02下期 3)新規求人の可視化 2020/11/19 IIJIMA ADD START */
section .results-boxAreaType2 .results-box p.new_job {
	margin-right: 20px;
}
/* R02下期 3)新規求人の可視化 2020/11/19 IIJIMA ADD END */
section .results-boxAreaType2 .results-box p:first-child {
	border-right: 1px solid #999;
	padding-right: 20px;
}
section #changeArea .results-boxAreaType2 .results-box .PR {
	display: block;
	margin-bottom: 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #666;
}
section .results-boxAreaType2 .results-box .box-clm {
	display: inline-block;
	color: #fff;
	border-bottom: none;
}
section .results-boxAreaType2 .results-box .box-clm li{
	min-height: 23px;
	min-width: 58px;
	text-align: center;
	margin-right: 0px;
}
section .results-boxAreaType2 .results-box .box-clm li:first-child {	background: #00ae6f; border: 1px solid #00ae6f;}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(2) {	background: #f3a540; border: 1px solid #f3a540;}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(3) {	background: #31a0e7; border: 1px solid #31a0e7;}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(4) {	background: #3a50d7; border: 1px solid #3a50d7;}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(5) {
	background: #f092b6;
	border: 1px solid #f092b6;
/*	min-height: 23px;*/
	min-width: 88px;
}
section .results-boxAreaType2 .results-box .box-clm .off {
	min-height: 23px;
	min-width: 58px;
	background: none !important;
	border: 1px solid #ccc !important;
	color: #ccc;
}
section .results-boxAreaType2 .results-box .box-clm li:nth-child(5) {
/*	min-height: 23px;*/
	min-width: 86px;
}
section .results-boxAreaType2 .results-box ul {
	border-bottom: 1px dotted #666;
}
section .results-boxAreaType2 .results-box ul:last-child {
	border-bottom: none;
}
section .results-boxAreaType2 .results-box ul li {
	margin-right: 25px;
	padding: 3px 0;
}

section .results-boxAreaType2 .box-clm li{
	display: block;
	float: left;
	margin-right: 4px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section #changeArea .results-boxAreaType2 p{
	margin-bottom: 3px;
}
section #changeArea .results-boxAreaType2 p.number,
section #changeArea .results-boxAreaType2 p.place,
/* R02下期 3)新規求人の可視化 2020/11/19 IIJIMA ADD START */
section #changeArea .results-boxAreaType2 p.new_job
/* R02下期 3)新規求人の可視化 2020/11/19 IIJIMA ADD END */
{
	float: left;
	margin-top: 5px;
}

/* @ div.complete
----------------------------------------------------------------------------- */

section .completeBox {
	background: #fff;
	border-radius: 10px;
	border: solid 1px #9a9691;
	padding:  30px 20px 20px;
	text-align: center;
	position:relative;
	behavior:url("/js/PIE.htc"); /*CSS3使っているプロパティの最終行にこの1行を追加*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 表示内容
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

section .completeBox h2 {
	background: none;
	margin-top: 10px;
	font-size: 1.3em;
	color: #666;

	margin-right: auto !important;
	margin-left: auto !important;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
}
section .completeBox h2.userIDcomplate,
section .completeBox h2.registerComplate {
	text-align: left;
	border-radius: 10px;
	padding: 15px 20px;
	margin: 20px 100px 0;
}
section .completeBox h2.Centering {
	text-align: center;
}
section .completeBox h2.title {
	text-align: left;
	margin: 10px 50px 20px;
}
section .completeBox p.text {
	text-align: left;
	margin: 10px 50px 20px;
}
section .completeBox ul {
	margin: 10px 0 20px;
}
section .completeBox ul li {
	text-align: left;
	margin: 0 50px 10px;
	color: #666;
}
section #changeArea .completeBox p
{
	margin-top: 10px;
	margin-bottom: 0;
}
section #changeArea .completeBox p.opacity,
section #changeArea .completeBox p.btnArea {
	margin: 20px 0 10px;
}
section #changeArea .completeBox p.opacity {
	display: block;
	margin-bottom: 0;
}
/* R06 NuPS求職者連携対応 2024/09/27 AKAGAWA ADD START */
section #mailUpdateLink a {
	display: inline-block;
	padding-left: 19px;
	color: #333;
	position: relative;
	line-height: 1.0;
}
section #mailUpdateLink a::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-color: #ED7D31;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 1px;
}
section #mailUpdateLink a::after {
	content: "";
	display: block;
	border-left: 5px solid #fff;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	position: absolute;
	left: 5px;
	top: 5px;
}
/* R06 NuPS求職者連携対応 2024/09/27 AKAGAWA ADD END */

/* @ search-table
----------------------------------------------------------------------------- */

section .Wrap .search-table {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
section .Wrap .search-table table tr th ul li,
section .Wrap .search-table table tr td ul li {
	display: inline-block;
	margin-right: 20px;
}
section .Wrap .search-table table tr td ul li select {
	margin: 3px 0;
}

/* @ div.alertMsg
----------------------------------------------------------------------------- */

.alertMsg {
	margin: 10px;
	border: 2px solid #f66;
	padding: 10px;
	background-color: #fff;
	color: #f66;
	font-size: 16px;
}
.infoMsg {
	margin: 10px;
	border: 2px solid #f66;
	padding: 10px;
	background-color: #fff;
	color: #000;
}
/* R02下期 2)自動マッチング条件登録 2020/11/27 IIJIMA ADD START */
div.search-header h1{
	display: inline-block;
}
div.search-header span{
	margin-top: 10px;
	float: right;
}
div.search-header input[name="add_condition"]{
	background: url(../images/btn-green-bg-left.png) no-repeat left top;
	border-color-color: #463f0a;
	border-radius: 5px;
	color: #fff;
}
div.baseInfo {
	margin-bottom: 8px;
}
div.additionalInfo {
	margin-bottom: 8px;
	width: 900px;
}
ul.search_info li{
    display: inline-block;
    line-height: 1.2;
    padding: 5px 8px 4px;
}
ul.search_info li.search_item{
    border-radius: 13px;
    background: #fff;
    border: 1px solid #a8d150;
}
div.search-header li input[name="add_condition"]{
	background: url(../images/btn-green-bg-left.png) no-repeat left top;
	border-color-color: #463f0a;
	border-radius: 5px;
	color: #fff;
}
/* R02下期 2)自動マッチング条件登録 2020/11/27 IIJIMA ADD END */
section.e-nurse-top .alertMsg {
	margin: 0;
	border: 1px solid #f66;
	padding: 2px;
	background-color: #fff;
	font-size: 10pt;
	width: 275px;
	display: inline-block;
}

div.message {
	margin: 20px 10px 0px 10px;
}


/* @ open street map
----------------------------------------------------------------------------- */

.markerContent dl,
.markerContent dl dt,
.markerContent dl dd {
	margin: 0 10px 0 0;
}
.markerContent dl dd {
	white-space: nowrap;
	padding-right: 10px;
}

/* @ row clm
----------------------------------------------------------------------------- */
.row:after
{
	content: "";
  	clear: both;
  	display: block;
}
.row .clm {  width: 100%; }

.row .clm.clm_1,
.row .clm.clm_2,
.row .clm.clm_3,
.row .clm.clm_4,
.row .clm.clm_5,
.row .clm.clm_6,
.row .clm.clm_7,
.row .clm.clm_8,
.row .clm.clm_9,
.row .clm.clm_10,
.row .clm.clm_11
{
	float: left;
	margin-right: 14px;
	margin-left: 14px;
}
.clm.las + .clm,
.row .clm:first-child
{
	clear: both;
	margin-left: 0;
}
.row .clm.las
{
	margin-right: 0;
	float: right;
}

.row .clm_1 {  width: 76px; }
.row .clm_2 {  width: 180px; }
.row .clm_3 {  width: 284px; }
.row .clm_4 {  width: 388px; }
.row .clm_5 {  width: 492px; }
.row .clm_6 {  width: 596px; }
.row .clm_7 {  width: 700px; }
.row .clm_8 {  width: 804px; }
.row .clm_9 {  width: 908px; }
.row .clm_10 {  width: 1012px; }
.row .clm_11 {  width: 1116px; }
.row .clm_12 {  width: 1220px; }

.ui-dialog-titlebar-close {
	visibility: hidden;
}
/* @ lst_float
----------------------------------------------------------------------------- */
.lst_float {
	clear: both;
	margin: 0;
	padding: 5px 0;
}
.lst_float:after {
	content: '';
	display: table;
	clear: both;
}
.lst_float dt {
	float: left;
	clear: both;
}
.lst_float dt.w5em + dd { margin-left: 1em;}
.lst_float dt.w10em + dd { margin-left: 1.5em;}
.lst_float dt.w15em + dd { margin-left: 2em;}
.lst_float dt.w20em + dd { margin-left: 2.5em;}
.lst_float dt.w25em + dd { margin-left: 3em;}
.lst_float dt.w30em + dd { margin-left: 3.5em;}
.lst_float dt.w35em + dd { margin-left: 4em;}
.lst_float dt.w40em + dd { margin-left: 4.5em;}
.lst_float dt.w45em + dd { margin-left: 5em;}
.lst_float dt.w50em + dd { margin-left: 5.5em;}
.lst_float dt.w55em + dd { margin-left: 6em;}
.lst_float dt.w60em + dd { margin-left: 6.5em;}
.lst_float dt.w65em + dd { margin-left: 7em;}
.lst_float dt.w70em + dd { margin-left: 7.5em;}
.lst_float dt.w75em + dd { margin-left: 8em;}
.lst_float dt.w80em + dd { margin-left: 8.5em;}
.lst_float dt.w85em + dd { margin-left: 9em;}
.lst_float dt.w90em + dd { margin-left: 9.5em;}
.lst_float dt.w95em + dd { margin-left: 10em;}
.lst_float dt.w100em + dd { margin-left: 10.5em;}
.lst_float dt.w105em + dd { margin-left: 11em;}
.lst_float dt.w110em + dd { margin-left: 11.5em;}
.lst_float dt.w115em + dd { margin-left: 12em;}
.lst_float dt.w120em + dd { margin-left: 12.5em;}

.w5em { width: 0.75em;}
.w10em { width: 1.25em;}
.w15em { width: 1.75em;}
.w20em { width: 2.25em;}
.w25em { width: 2.75em;}
.w30em { width: 3.25em;}
.w35em { width: 3.75em;}
.w40em { width: 4.25em;}
.w45em { width: 4.75em;}
.w50em { width: 5.25em;}
.w55em { width: 5.75em;}
.w60em { width: 6.25em;}
.w65em { width: 6.75em;}
.w70em { width: 7.25em;}
.w75em { width: 7.75em;}
.w80em { width: 8.25em;}
.w85em { width: 8.75em;}
.w90em { width: 9.25em;}
.w95em { width: 9.75em;}
.w100em { width: 10.25em;}
.w105em { width: 10.75em;}
.w110em { width: 11.25em;}
.w115em { width: 11.75em;}
.w120em { width: 12.25em;}
.w180em { width: 18.25em;}


/*-- R03上期 3)求職者ポータル新規求人画面追加 KIMURA ADD START */
/* タブ用スタイルシート */
.block_tab {
	height: 60px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	font-size: 1.1em;
	background: #fff url("../images/bg_tab.png") repeat-x left bottom;
	margin: 10px 0 20px;
	box-sizing: border-box;
  }
  .block_tab * {
	box-sizing: border-box;
  }
  .block_tab .tab_col {
	width: 400px;
	max-width: 48%;
	margin: 0 5px;
  }
  .block_tab .tab_data {
	border-radius: 5px 5px 0 0;
	background-color: #fff;
	text-align: center;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #36332E;
	padding: 0 15px 0 10px;
  }
  .block_tab .tab_data::before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: center center;
  }
  .block_tab .tab_data.is_on {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
	border: 1px solid #e2ddd0;
	height: 61px;
  }
  .block_tab .tab_data.is_off {
	background-color: #F4F2ED;
	border: 1px solid #F4F2ED;
	border-bottom-color: #EEEBE3;
	height: 59px;
	padding-top: 1px;
  }
  .block_tab .tab_data.is_matching::before {
	background-image: url("../images/icon_tab_01_on.png");
	margin-right: 10px;
  }
  .block_tab .tab_data.is_new_recruit::before {
	background-image: url("../images/icon_tab_02_on.png");
	margin-right: 15px;
  }
  .block_tab .tab_data.is_matching.is_off::before {
	background-image: url("../images/icon_tab_01_off.png");
  }
  .block_tab .tab_data.is_new_recruit.is_off::before {
	background-image: url("../images/icon_tab_02_off.png");
  }
  @media (min-width:1000px) {
	.block_tab a:hover {
	  opacity: 0.75;
	}
  }
  @media (max-width:999px) {
	.block_tab {
	  font-size: 0.8em;
	}
	.block_tab .tab_data .txt {
	  flex: 1;
	}
	.block_tab .tab_data::before {
	  width: 26px;
	  height: 28px;
	}
	.block_tab .tab_data.is_matching::before {
	  margin-right: 3px;
	  background-size: 22px auto;
	}
	.block_tab .tab_data.is_new_recruit::before {
	  margin-right: 3px;
	  background-size: 26px auto;
	}
	.block_tab .tab_data {
	  padding: 0 5px 0 10px;
	}
  }
  /*-- R03上期 3)求職者ポータル新規求人画面追加 KIMURA ADD END */

/*-- RR05上期 自己申告チェック入力機能の見直し 2023/06/07 SHINOHARA ADD START */
/* 自己申告チェック内自動生成チェックボックス内ラベル用スタイルシート */
  th#self_report_chk label{
	font-weight: bold; 
	font-size: 1.2em !important;
  }
/*-- RR05上期 自己申告チェック入力機能の見直し 2023/06/07 SHINOHARA ADD END */