@charset "UTF-8";



/*===========================================================================*/
/* [[base.js]] */
/*===========================================================================*/
.ui-slider-navi {
	cursor: pointer;
}



/* [[=====================================================================]] */
/* [[body common]] */
/*===========================================================================*/
body {
	min-width: 1100px;
	color: #333;
	font-size: 14px;
	line-height:1.5;
	-webkit-text-size-adjust: none;
	background: #fff;
}

a { color: #00f; text-decoration: none;}
a:visited { color: #039; }
a:hover { color: #00f; text-decoration: underline;}
a:active { color: #003; }

img.jobIcon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 3px;
}

input {
	cursor: pointer;
}

::-webkit-input-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}
::-moz-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}
:-moz-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}
:-ms-input-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}



/* [[=====================================================================]] */
/* [[#header]] */
/*===========================================================================*/
#header {
	border-top: solid 4px #49c;
}

#header:before {
	content: "　";
	display: block;
	position: absolute;
	top: 98px;
	left: 0px;
	width: 100%;
	height: 1px;
	font-size: 0;
	line-height: 0;
	background: #ddd;
}

#headerWrap {
	position: relative;
	width: 940px;
	margin:0 auto;
}

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

body.preupdate #header:before {
	top: 79px;/* #siteTitle height + #header border-top */
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #siteTitle]] */
/*===========================================================================*/
/*[memo]
h1 / div で使用 = css id 指定
-----------------------------------------------------------------------------*/
#siteTitle {
	padding: 17px 0;/* + span height + a height = 75px */
}

/* [[┃┠ span]] */
/*___________________________________________________________________________*/
#siteTitle span {
	display: block;
	padding: 0 0 7px 0;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	line-height: 1;
}

/* [[┃┗ a]] */
/*___________________________________________________________________________*/
#siteTitle a {
	display: block;
	width: 170px;
	font-size: 0;
	line-height: 0;
}

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

body.preupdate #siteTitle a {
	position: relative;
}

body.preupdate #siteTitle a:after {
	content: "先行配信";
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: -85px;
	width: 80px;
	height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	background: #f30;
	border-radius: 100px;
}

/* [[┃　┗ imge]] */
/*---------------------------------------------------------------------------*/
#siteTitle a img {
	width: 100%;
	/* image width = 170px height = 24px*/
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #globalNav]] */
/*===========================================================================*/
#globalNav {
	/* 未指定 */
}

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

body.preupdate #globalNav {
	display: none;
}

/* [[┃┗ .nav]] */
/*___________________________________________________________________________*/
/* [[┃　┗ ul]] */
/*---------------------------------------------------------------------------*/
/*[memo]
ie9 = border-radius + gradient 共存できないため要調整
-----------------------------------------------------------------------------*/
#globalNav .nav ul {
	float: left;
	border: solid 1px #ccc;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f3f3f3)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f3f3f3
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f3f3f3
	);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#fff3f3f3);
	border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px #eee;
	box-shadow: 1px 2px 3px #eee;
	
	/*
	[memo / ie9]
	border-radius 5px 外に背景色（gradient）はみ出てるが
	視認できない程度の色（#f3f3f3）なので可としています。
	*/
}

#globalNav .nav ul + ul {
	margin-left: 10px;
}

/* [[┃　　┗ li]] */
/*--------------------------------------------------*/
#globalNav .nav ul li {
	float: left;
	width: 132px;
	border-left: solid 1px #ccc;
}

#globalNav .nav ul li:first-child,
#globalNav .nav ul + ul li {
	width: 131px;
}

#globalNav .nav ul li:first-child {
	border-left: none;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#globalNav .nav li a {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	line-height: 38px;
	text-align: center;
	-webkit-box-shadow: inset -1px -1px 0px #fff;
	box-shadow: inset -1px -1px 0px #fff;
}

#globalNav .nav li:first-child a {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	/* a:hover 対応 */
}

#globalNav .nav li:nth-last-of-type(1) a {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	/* a:hover 対応 */
}

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

#globalNav .nav li a:hover {
	position: relative;
	color: #49c;
	text-decoration: none;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f6f6f6),
		to(#fff)
	);
	background:-webkit-linear-gradient(
		top,
		#f6f6f6,
		#fff
	);
	background:linear-gradient(
		to bottom,
		#f6f6f6,
		#fff
	);
	-webkit-box-shadow: none;
	box-shadow: none;
	
	/*
	[memo / ie9]
	border-radius + gradient 共存できないため
	ie9 = gradient なしとしています
	*/
}

#globalNav .nav li a:hover:before {
	content: "　";
	display: block;
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -7px;
	border-style: solid;
	border-width: 7px;
	border-color: #ccc transparent transparent transparent;
	font-size: 0;
	line-height: 0;
}

#globalNav .nav li a:hover:after {
	content: "　";
	display: block;
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-style: solid;
	border-width: 6px;
	border-color: #fff transparent transparent transparent;
	font-size: 0;
	line-height: 0;
}

#globalNav .nav li.hrs a:hover:before,
#globalNav .nav li.hrs a:hover:after,
#globalNav .nav li.shinsotsu a:hover:before,
#globalNav .nav li.shinsotsu a:hover:after {
	display: none;
}

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

#globalNav .nav li:not(.home).act a {
	position: relative;
	color: #fff;
	background: #9cf;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#8be),
		to(#9cf)
	);
	background:-webkit-linear-gradient(
		top,
		#8be,
		#9cf
	);
	background:linear-gradient(
		to bottom,
		#8be,
		#9cf
	);
	-webkit-box-shadow: none;
	box-shadow: none;
	
	/*
	[memo / ie9]
	border-radius + gradient 共存できないため
	ie9 = gradient なしとしています
	*/
}

#globalNav .nav li:not(.home).act a:before {
	content: "　";
	display: block;
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -7px;
	border-style: solid;
	border-width: 7px;
	border-color: #9cf transparent transparent transparent;
	font-size: 0;
	line-height: 0;
}

#globalNav .nav li:not(.home).act a:after {
	display: none;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #utilityNav]] */
/*===========================================================================*/
#utilityNav {
	position: absolute;
	top: 25px;
	right: 215px;
}

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

body.preupdate #utilityNav {
	right: 0;
}

/* [[┃┗ .nav]] */
/*___________________________________________________________________________*/
/* [[┃　┗ ul]] */
/*---------------------------------------------------------------------------*/
/* [[┃　　┗ li]] */
/*--------------------------------------------------*/
#utilityNav .nav li {
	display: inline-block;
	margin: 0 0 0 10px;
	color: #666;
	font-size: 11px;
	line-height: 13px;
}

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

body.preupdate #utilityNav .nav li.sitemap,
body.preupdate #utilityNav .nav li.guide {
	display: none;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#utilityNav .nav li a {
	display: inline-block;
	color: #666;
	padding: 0 0 0 17px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/hd_unav_icon.png) no-repeat left center;
}

#utilityNav .nav li a:hover {
	color: #00f;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .hajLogin]] */
/*===========================================================================*/
#header .hajLogin {
	position: absolute;
	top: 24px;
	right: 0;
}

#header .hajLoginWrap {
	/* 未指定 */
}

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

body.preupdate #header .hajLogin {
	display: none;
}

/* [[┃┗ ul]] */
/*___________________________________________________________________________*/
/* [[┃　┗ li]] */
/*---------------------------------------------------------------------------*/#header .hajLogin li {
	float: left;
	margin-left: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px #ddd;
	box-shadow: 0px 1px 2px #ddd;
}

#header .hajLogin li:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#header .hajLogin li a {
	display: block;
	width: 100px;
	border: solid 1px #e90;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 25px;
	text-align: center;
	background: #fa2;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffc646),
		to(#fa2)
	);
	background:-webkit-linear-gradient(
		top,
		#ffc646,
		#fa2
	);
	background:linear-gradient(
		to bottom,
		#ffc646,
		#fa2
	);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

#header .hajLogin li a:hover {
	text-decoration: none;
	background: #fb4;
	text-shadow: none;
	-webkit-box-shadow: inset 0px 1px 0px #f0b040;
	box-shadow: inset 0px 1px 0px #f0b040;
}

#header .hajLogin li.entry a {
	padding-left: 4px;
}

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

#header .hajLogin li.login a,
#header .hajLogin li.logout a {
	border: solid 1px #49c;
	background: #8be;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#8be),
		to(#7ad)
	);
	background:-webkit-linear-gradient(
		top,
		#8be,
		#7ad
	);
	background:linear-gradient(
		to bottom,
		#8be,
		#7ad
	);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

#header .hajLogin li.login a:hover,
#header .hajLogin li.logout a:hover {
	background: #8be;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0px #80b0e0;
	box-shadow: inset 0 1px 0px #80b0e0;
}



/* [[=====================================================================]] */
/* [[#contents]] */
/*===========================================================================*/
#contents {
	padding: 20px 0 60px 0;
}

#contentsWrap {
	width: 940px;
	margin:0 auto;
}

#main {
	float: right;
	width: 700px;
}

#sub {
	float: left;
	width: 220px;
}

#mainBody {
	float: left;
	width: 460px;
	padding: 20px 0 0 0;
}

#mainBody:first-child {
	padding-top: 0;
}

#mainSidebar {
	float: right;
	width: 220px;
	padding: 20px 0 0 0;
}

#mainBody:first-child + #mainSidebar {
	padding-top: 0;
}

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

#contents .returnLink ~ #main,
#contents .returnLink ~ #sub {
	padding-top: 10px;
}

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

#important.banner + #mainBody {
	padding-top: 10px;
}

#important.banner + #mainBody + #mainSidebar {
	padding-top: 10px;
}

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

body#jobDetail #main {
	float: none;
	width: auto;
	/* reset */
}

body#jobDetail #sub,
body#jobDetail #contents .returnLink ~ #sub {
	float: none;
	width: auto;
	/* reset */
	padding-top: 40px;
}

body#jobDetail #mainBody {
	width: 540px;
	/* reset */
	padding-top: 20px;
}

body#jobDetail #mainSidebar {
	width: 380px;
	/* reset */
	padding-top: 20px;
}

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

body#forClient #main,
body#sitemap #main,
body#clip #main,
body#special.block3 #main,
body#special.block2 #main,
body#mailmag #main,
body#notfound #main,
body#search.jobtype #main,
body#publish.index #main,
body#howto.index #main {
	float: none;
	width: auto;
	/* reset */
}

body#forClient #sub,
body#sitemap #sub,
body#clip #sub,
body#special.block3 #sub,
body#special.block2 #sub,
body#mailmag #sub,
body#notfound #sub,
body#search.jobtype #sub,
body#publish.index #sub,
body#howto.index #sub {
	display: none;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .breadcrumbs]] */
/*===========================================================================*/
#contents .breadcrumbs {
	margin: -10px 0 0 0;
	padding: 0 0 10px 0;
}

#contents .breadcrumbsWrap {
	/* 未指定 */
}

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

body.preupdate #contents .breadcrumbs {
	display: none;
}

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

body#publish.detail.complete #contents .breadcrumbs {
	max-width:700px;
	margin-left: auto;
	margin-right: auto;
}

/* [[┃┗ p]] */
/*___________________________________________________________________________*/
#contents .breadcrumbs p {
	display: inline-block;
	color: #666;
	font-size: 11px;
	line-height: 1;
}

#contents .breadcrumbs p + p {
	padding: 0 0 0 5px;
}

#contents .breadcrumbs p + p:before {
	content: ">";
	display: inline-block;
	padding: 0 5px 0 0;
	color: #999;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .breadcrumbs p a {
	color: #666;
}

#contents .breadcrumbs p a:hover {
	color: #00f;
}

/* [[┃　　┗ span]] */
/*--------------------------------------------------*/
#contents .breadcrumbs p a span {
	/* 未指定 */
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .returnLink]] */
/*===========================================================================*/
#contents .returnLink {
	clear: both;
	padding: 20px 0 0 0;
	font-size: 0;
	line-height: 0;
}

#contentsHeader .returnLink,
#contentsFooter .returnLink {
	padding-top: 10px;
}

#contents .returnLink:first-child,
#contentsHeader .returnLink:first-child,
#contentsFooter .returnLink:first-child,
#contents .breadcrumbs + .returnLink {
	padding-top: 0;
}

#contents .returnLink:first-child {
	margin-top: -10px;/* #contents padding - 10px */
}

/* [[┃┗ a]] */
/*___________________________________________________________________________*/
#contents .returnLink a {
	display: inline-block;
	padding: 5px 10px 5px 20px;
	overflow: hidden;
	color: #49c;
	font-size: 11px;
	line-height: 1;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/return_icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #f3f3f3;
	border-radius: 5px;
}

#contents .returnLink a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #8be;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .warning]] */
/*===========================================================================*/
#contents .warning {
	margin: 20px 0 0 0;
	padding: 15px;
	background: #f00;
	border-radius: 5px;
}

#contents .warning:first-child {
	margin-top: 0;
}

/* [[┃┗ p]] */
/*___________________________________________________________________________*/
#contents .warning p {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: dotted 1px rgba(255,255,255,0.6);
	color: #fff;
	font-weight: bold;
}

#contents .warning p:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .warning a {
	color: #ff0;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ ul.execute]] */
/*===========================================================================*/
#contents .execute {
	padding: 20px 0 0 0;
	text-align: center;
}

#contents .execute:first-child {
	padding-top: 0;
}

/* [[┃┗ li]] */
/*___________________________________________________________________________*/
#contents .execute li {
	display: inline-block;
	min-width: 210px;
	margin: 0 5px;
	padding: 3px;
	border: solid 1px #e9e9e9;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
}

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

body#special.block3 #contents #contentsFooter .execute li,
body#special.block2 #contents #contentsFooter .execute li {
	min-width: 300px;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .execute li a {
	display: block;
	padding: 10px;
	border: solid 1px #d6d6d6;
	color: #28d;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	border-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff;
}

#contents .execute li a:hover {
	border: solid 1px #ccc;
	background: #fff;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

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

#contents .execute li.decision a {
	border: solid 1px #49c;
	color: #fff;
	background: #8be;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#8be),
		to(#7ad)
	);
	background:-webkit-linear-gradient(
		top,
		#8be,
		#7ad
	);
	background:linear-gradient(
		to bottom,
		#8be,
		#7ad
	);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

#contents .execute li.decision a:hover {
	background: #8be;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0px #80b0e0;
	box-shadow: inset 0 1px 0px #80b0e0;
}

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

#contents .execute li.decision.searchExe a:before {
	content: "　";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: -2px 5px 0 0;
	font-size: 0;
	line-height: 0;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/exe_search_loupe.png) no-repeat left center;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .caution]] */
/*===========================================================================*/
#contents .caution {
	margin: 20px 0 0 0;
	padding: 14px;
	border: solid 1px #ccc;
	border-radius: 8px;
}

/* [[┃┠ p]] */
/*___________________________________________________________________________*/
#contents .caution p {
	padding: 15px 0 0 0;
	font-weight: bold;
	font-size: 14px;
}

#contents .caution p.alert {
	color: #f00;
}

#contents .caution p + p {
	margin: 15px 0 0 0;
	border-top: dotted 1px #ddd;
}

#contents .caution p:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

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

body#clip #contents .caution p {
	text-align: center;
}

/* [[┃┠ ul / dl]] */
/*___________________________________________________________________________*/
#contents .caution ul,
#contents .caution dl {
	margin: 15px 0 0 0;
	padding: 0 9px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

#contents .caution ul.alert,
#contents .caution dl.alert {
	padding: 0 8px;
	border: solid 2px #f00;
	background: #fee;
}

/* [[┃┃┗ li / dt /dd]] */
/*---------------------------------------------------------------------------*/
#contents .caution li,
#contents .caution dt,
#contents .caution dd {
	padding: 10px 0;
	border-top: dotted 1px #ccc;
	font-size: 14px;
}

#contents .caution li:first-child,
#contents .caution dt:first-child,
#contents .caution dd:first-child {
	border-top: none;
}

#contents .caution dt {
	color: #000;
	font-weight: bold;
}

#contents .caution ul.alert li,
#contents .caution dl.alert dt,
#contents .caution dl.alert dd {
	color: #f00;
}

/* [[┃┃　┗ span]] */
/*--------------------------------------------------*/
#contents .caution li span,
#contents .caution dt span,
#contents .caution dd span {
	color: #8be;
}

#contents .caution ul.alert li span,
#contents .caution dl.alert dt span,
#contents .caution dl.alert dd span {
	color: #f00;
}

/* [[┃┗ ul.links]] */
/*___________________________________________________________________________*/
#contents .caution .links {
	margin: 0;
	padding: 15px 0 0 0;
	border: none;
	border-radius: 0;
	/* reset */
	text-align: center;
}

#contents .caution p + .links {
	margin: 15px 0 0 0;
	border-top: dotted 1px #ddd;
}

#contents .caution .links:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/* [[┃　┗ li]] */
/*---------------------------------------------------------------------------*/
#contents .caution .links li {
	padding: 0;
	border-top: none;
	/*reset*/
	display: inline-block;
	margin: 0 5px;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#contents .caution .links li a {
	display: block;
	min-width: 210px;
	padding: 8px 20px;
	border: solid 1px #49c;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #8be;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#8be),
		to(#7ad)
	);
	background:-webkit-linear-gradient(
		top,
		#8be,
		#7ad
	);
	background:linear-gradient(
		to bottom,
		#8be,
		#7ad
	);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

#contents .caution .links li a:hover {
	background: #8be;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0px #80b0e0;
	box-shadow: inset 0 1px 0px #80b0e0;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #contentsHeader / #contentsFooter]] */
/*===========================================================================*/
#contentsHeader {
	padding-top: 20px;
}

#contents .returnLink + #contentsHeader {
	padding-top: 10px;
}

#contentsHeader:first-child {
	padding-top: 0;
}

#contentsFooter {
	clear: both;
	padding-top: 20px;
}

/* [[┃┠ h1]] */
/*___________________________________________________________________________*/
#contentsHeader h1 {
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-top: solid 5px #49c;
	border-bottom: solid 1px #ddd;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}

#contentsHeader h1:first-child {
	margin-top: 0;
}

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

body#special.block3 #contentsHeader h1,
body#special.block2 #contentsHeader h1 {
	padding-left: 30px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/special/title_icon.png) no-repeat left 10px;
}

/* [[┃┃┗ span.lead / span.headline]] */
/*---------------------------------------------------------------------------*/
#contentsHeader h1 span {
	display: block;
}

#contentsHeader h1 span.lead {
	padding: 0;/* #contentsHeader .lead */
	/* reset */
	font-weight: normal;
	font-size: 12px;
}

/* [[┃┠ h2 / .jobtitle]] */
/*___________________________________________________________________________*/
/*[memo]
h2 = 通常タイトルで使用
.jobtitle = h2・h3〜で使用 = 募集職種名
※通常タイトル（h2）と使い分けるため .jobtitle を指定
-----------------------------------------------------------------------------*/
#contentsHeader h2,
#contentsHeader .jobtitle {
	padding: 10px 0 0 0;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

#contentsHeader h2:first-child,
#contentsHeader .jobtitle:first-child {
	padding-top: 0;
}

/* [[┃┃┗ span.lead / span.headline]] */
/*---------------------------------------------------------------------------*/
#contentsHeader h2 span {
	display: block;
}

#contentsHeader h2 span.lead {
	padding: 0;/* #contentsHeader .lead */
	/* reset */
	font-size: 14px;
}

#contentsHeader h2 span.headline {
	color: #49c;
	font-size: 24px;
}

/* [[┃┠ .imgheadline]] */
/*___________________________________________________________________________*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contentsHeader h1.imgheadline,
#contentsHeader h2.imgheadline {
	padding: 0;
	border: none;
	font-size: 0;
	line-height: 1;
	/* reset */
}

#contentsHeader .imgheadline {
	/* 未指定 */
}

/* [[┃┃┗ img]] */
/*---------------------------------------------------------------------------*/
#contentsHeader .imgheadline img {
	display: block;
	max-width: 100%;
}

/* [[┃┠ p / p.notes / div.lead]] */
/*___________________________________________________________________________*/
/*[memo]
p.notes = 補足説明文（使用例：求人詳細 委託・例外表記）
div.lead = 管理PGなどで入力される内容（タグ可仕様のたdivを仕様）
-----------------------------------------------------------------------------*/
#contentsHeader p,
#contentsFooter p,
#contentsHeader .lead,
#contentsFooter .lead {
	padding: 10px 0 0 0;
}

#contentsHeader h2 + p,
#contentsFooter h2 + p,
#contentsHeader h2 + .lead,
#contentsFooter h2 + .lead,
#contentsHeader .spec + p,
#contentsHeader .banner + p,
#contentsHeader p + p,
#contentsFooter p + p,
#contentsHeader .lead + .lead,
#contentsFooter .lead + .lead,
#contentsHeader .lead + p,
#contentsFooter .lead + p,
#contentsHeader p + .lead,
#contentsFooter p + .lead {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: dotted 1px #ddd;
}

#contentsHeader p:first-child,
#contentsFooter p:first-child,
#contentsHeader .lead:first-child,
#contentsFooter .lead:first-child {
	padding-top: 0;
}

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

#contentsHeader p.notes,
#contentsFooter p.notes {
	color: #666;
	font-size: 12px;
}

/* [[┃┠ .selectItem]] */
/*___________________________________________________________________________*/
#contentsHeader .selectItem {
	border-bottom: solid 1px #ddd;
}

#contentsHeader .lead + .selectItem,
#contentsHeader .relatedLink + .selectItem {
	margin-top: 20px;
	border-top: solid 3px #49c;
}

/* [[┃┃┠ p.headline]] */
/*---------------------------------------------------------------------------*/
#contentsHeader .selectItem .headline {
	padding: 10px 0;
	/* reset */
	float: left;
	width: 120px;
	color: #49c;
	font-weight: bold;
	font-size: 12px;
}

/* [[┃┃┗ table]] */
/*---------------------------------------------------------------------------*/
#contentsHeader .selectItem table {
	float: left;
	width: 580px;
}

/* [[┃┃　┗ th / td]] */
/*--------------------------------------------------*/
#contentsHeader .selectItem th,
#contentsHeader .selectItem td {
	border-top: dotted 1px #ddd;
	font-size: 12px;
}

#contentsHeader .selectItem tr:first-child th,
#contentsHeader .selectItem tr:first-child td {
	border-top: none;
}

#contentsHeader .selectItem th {
	width: 6em;
	padding: 10px 10px 10px 0;
	white-space:nowrap;
	vertical-align: top;
	color: #333;
	font-weight: bold;
}

#contentsHeader .selectItem td {
	color: #666;
	padding: 5px 10px 10px 0;/* top値 5px = 10px - span margin top値 */
}

/* [[┃┃　　┠ span]] */
/*------------------------------*/
#contentsHeader .selectItem td span {
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 0 10px;
	border-left: solid 1px #ddd;
}

/* [[┃┃　　┗ strong]] */
/*------------------------------*/
/*[memo] strong = フリーワード「もしかして」 */

#contentsHeader .selectItem td strong {
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 1px 10px;
	color: #fff;
	font-weight: bold;
	background: #8be;
	border-radius: 5px;
}

/* [[┃┠ .pagination]] */
/*___________________________________________________________________________*/
#contents .pagination {
	padding: 10px 0 0 0;
}

#contents .execute + .pagination {
	padding-top: 20px;
}

#contents .pagination:first-child {
	padding-top: 0;
}

/* [[┃┃┠ p.pageStatus]] */
/*---------------------------------------------------------------------------*/
#contents .pagination .pageStatus {
	margin: 0;
	padding: 0;
	border: none;
	/* reset */
	color: #000;
	font-weight: bold;
}

/* [[┃┃┃┗ strong]] */
/*--------------------------------------------------*/
#contents .pagination .pageStatus strong {
	color: #f00;
}

/* [[┃┃┗ ul.pageNav]] */
/*---------------------------------------------------------------------------*/
#contents .pagination .pageNav {
	position: relative;
	min-height: 35px;
	margin: 10px 0 0 0;
	border: solid 1px #ddd;
	overflow: hidden;
	text-align: center;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	border-radius: 5px;
	-webkit-box-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff;
}

/* [[┃┃　┗ li]] */
/*--------------------------------------------------*/
#contents .pagination .pageNav li {
	display: inline-block;
	min-width: 40px;
	height: 35px;
	color: #ccc;
	font-size: 12px;
	line-height: 35px;
}

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

#contents .pagination .pageNav li.first:after {
	content: "…";
	display: inline-block;
	color: #666;
}

#contents .pagination .pageNav li.last:before {
	content: "…";
	display: inline-block;
	color: #666;
}

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

#contents .pagination .pageNav li.back,
#contents .pagination .pageNav li.next {
	border: 0;
	/* reset */
	position: absolute;
	top: 0px;
	height: 100%;
	font-weight: bold;
}

#contents .pagination .pageNav li.back {
	left: 0px;
	padding: 0 10px 0 20px;
	border-right: solid 1px #ddd;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_back_blank.png) no-repeat left center;
}

#contents .pagination .pageNav li.next {
	right: 0px;
	padding: 0 20px 0 10px;
	border-left: solid 1px #ddd;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_next_blank.png) no-repeat right center;
}

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

#contents .pagination .pageNav li.act {
	height: 25px;
	margin: 5px 0;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
	background: #adf;
	border-radius: 5px;
}

/* [[┃┃　　┗ a]] */
/*------------------------------*/
#contents .pagination .pageNav li a {
	display: inline-block;
	min-width: 40px;/* = li width */
	color: #666;
}

#contents .pagination .pageNav li a:hover {
	color: #00f;
	text-decoration: underline;
}

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

#contents .pagination .pageNav li.back a,
#contents .pagination .pageNav li.next a {
	color: #49c;
}

#contents .pagination .pageNav li.back a:hover,
#contents .pagination .pageNav li.next a:hover {
	text-decoration: none;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 0px #f3f3f3;
	box-shadow: inset 0 1px 0px #f3f3f3;
}

#contents .pagination .pageNav li.back a {
	margin: 0 -10px 0 -20px;
	padding: 0 10px 0 20px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_back.png) no-repeat left center;
}

#contents .pagination .pageNav li.next a {
	margin: 0 -20px 0 -10px;
	padding: 0 20px 0 10px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_next.png) no-repeat right center;
}

/* [[┃┠ .editor]] */
/*___________________________________________________________________________*/
#contents .editor {
	margin: 10px 0 0 0;
	padding: 9px;
	border: solid 1px #eee;
	background: #f9f9f9;
	border-radius: 5px;
}

/* [[┃┃┠ .jobFilter]] */
/*---------------------------------------------------------------------------*/
#contents .editor .jobFilter {
	float: right;
}

/* [[┃┃┠ .categoryFilter]] */
/*---------------------------------------------------------------------------*/
#contents .editor .categoryFilter {
	float: left;
}

/* [[┃┃┃┠ dt]] */
/*--------------------------------------------------*/
#contents .editor .categoryFilter dt {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 20px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

#contents .editor .categoryFilter dt:first-child {
	padding-left: 0;
}

/* [[┃┃┃┗ dd]] */
/*--------------------------------------------------*/
#contents .editor .categoryFilter dd {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 2px;
}

/* [[┃┃┃　┗ a]] */
/*------------------------------*/
#contents .editor .categoryFilter dd a {
	display: block;
	width: 60px;
	height: 20px;
	padding: 0 0 0 27px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 20px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/filter_category_on.png) no-repeat right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contents .editor .categoryFilter dd a.displayOff {
	padding: 0 0 0 8px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/filter_category_off.png) no-repeat right center;
}

/* [[┃┗ .toolbar]] */
/*___________________________________________________________________________*/
#contents .toolbar {
	margin: 10px 0 0 0;
	padding: 4px;
	border: solid 1px #eed;
	background: #ffe;
	border-radius: 8px;
}

#contents .toolbar:first-child {
	margin-top: 0;
}

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

body.preupdate #contents .toolbar:before {
	content: "ご応募は右のボタンよりお進みください";
	display: inline-block;
	padding: 0 0 0 10px;
	color: #eca;
	font-weight: bold;
	font-size: 14px;
	line-height: 40px;
}

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

body#jobDetail #contents .jobtitle + .toolbar {
	margin-top: 20px;
	/* reset */
}

/* [[┃　┠ p]] */
/*---------------------------------------------------------------------------*/
#contents .toolbar p {
	padding: 0 0 0 10px;
	/* reset */
	float: left;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
}

/* [[┃　┠ ul.clipTool / div.clipTool]] */
/*---------------------------------------------------------------------------*/
/*[memo]
javascriptで
.clipTool.clipStatus.ui-myclip.off = クリップ未
.clipTool.clipStatus.ui-myclip.on = クリップ済
状態を切り替えます。
-----------------------------------------------------------------------------*/
#contents .toolbar ul.clipTool {
	display: table;
}

#contents .toolbar .clipTool {
	float: left;
	margin: 0 5px 0 0;
	border: solid 1px #d6d6d6;
	overflow: hidden;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	border-radius: 5px;
	-webkit-box-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff;
}

#contents .toolbar p + .clipTool {
	float: right;
	margin-right: 0;
	/* reset */
}

#contents .toolbar div.clipTool:hover {
	background: #fff;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

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

#contents .toolbar .clipTool.clipStatus.on {
	border: solid 1px #d6d6d6;
	background: #f6f6f6;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

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

body.preupdate #contents .toolbar .clipTool {
	display: none;
}

/* [[┃　┃┗ li]] */
/*--------------------------------------------------*/
#contents .toolbar .clipTool li {
	display: table-cell;
	vertical-align: middle;
	border-left: solid 1px #d6d6d6;
}

#contents .toolbar .clipTool li:first-child {
	border-left: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#contents .toolbar .clipTool li:nth-last-of-type(1) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#contents .toolbar .clipTool li:hover {
	background: #fff;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

/* [[┃　┃　┗ a / span]] */
/*------------------------------*/
#contents .toolbar .clipTool a,
#contents .toolbar .clipTool span {
	display: block;
	min-width: 120px;
	padding: 14px 10px;/* 14px = height 40px - line-height 12px / 2 */
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#contents .toolbar .clipTool span {
	cursor: pointer;
}

#contents .toolbar .clipTool a:hover,
#contents .toolbar .clipTool span:hover {
	text-decoration: none;
	text-shadow: none;
}

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

#contents .toolbar .clipTool.clipStatus a:before,
#contents .toolbar .clipTool.clipStatus span:before {
	content: "　";
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 18px;
	margin: -12px 3px -10px -4px;
	/* -12px or -10px = height 40px - before icon 18px / 2 */
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/tlbar_clip_icon.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#contents .toolbar .clipTool.clipStatus a:after,
#contents .toolbar .clipTool.clipStatus span:after {
	content: "する";
	display: inline;
}

#contents .toolbar .clipTool.clipStatus.on a:after,
#contents .toolbar .clipTool.clipStatus.on span:after {
	content: "済み";
}

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

#contents .toolbar .clipTool.clipStatus.on a,
#contents .toolbar .clipTool.clipStatus.on span {
	color: #ddd;
	text-shadow: none;
}

#contents .toolbar .clipTool.clipStatus.on a:before,
#contents .toolbar .clipTool.clipStatus.on span:before {
	background-position: left -100px;
}

/* [[┃　┗ .webEntry]] */
/*---------------------------------------------------------------------------*/
/*[memo]
.webEntry a = Web応募フォームへ
.webEntry b = ジョブキタ紹介に登録して応募
.batchEntry a = Web応募一括送信（マイクリップ一覧内で使用）
-----------------------------------------------------------------------------*/
#contents .toolbar .webEntry,
#contents .toolbar .batchEntry {
	float: right;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#contents .toolbar .webEntry a,
#contents .toolbar .webEntry b,
#contents .toolbar .batchEntry a {
	display: block;
	padding: 12px 20px;/* 14px = height 40px - line-height 16px / 2 */
	border: solid 1px #e90;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	background: #fa2;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffc646),
		to(#fa2)
	);
	background:-webkit-linear-gradient(
		top,
		#ffc646,
		#fa2
	);
	background:linear-gradient(
		to bottom,
		#ffc646,
		#fa2
	);
	border-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}
#contents .toolbar .webEntry b {
	cursor: pointer;
}
#contents .toolbar .webEntry a:hover,
#contents .toolbar .webEntry b:hover,
#contents .toolbar .batchEntry a:hover {
	text-decoration: none;
	background: #fb4;
	text-shadow: none;
	-webkit-box-shadow: inset 0px 1px 0px #f0b040;
	box-shadow: inset 0px 1px 0px #f0b040;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .others]] */
/*===========================================================================*/
#contents .others {
	padding: 10px 0 0 0;
}

#contents .others:first-child {
	padding-top: 0;
}

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

body#jobDetail #contents .others {
	padding-top: 20px;
	/* reset */
}

body#jobDetail #contents .others:first-child {
	padding-top: 0;
}

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

body#jobDetail.preupdate #contents #publish.others {
	display: none;
}

/* [[┃┠ .headline]] */
/*___________________________________________________________________________*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .others > .headline {
	padding: 7px 10px;
	border-bottom: solid 3px #8be;
	color: #49c;
	font-weight: bold;
	font-size: 12px;
	background: #f3f3f3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#contents .others > .headline ~ .headline {
	margin-top: 10px;
	padding: 5px 10px;
	border-bottom: none;
	color: #36a;
	background: #eef6ff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	/* reset */
	border: solid 1px #dde6ee;
	border-radius: 5px;
}

#contents .others > .headline + .headline {
	margin-top: 5px;
	/* reset */
}

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

#contents #hajEvent.others > .headline {
	border-bottom: solid 3px #49c;
	color: #fff;
	background: #9ce;
}

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

body#jobDetail #contents .others > .headline {
	font-size: 14px;
}

/* [[┃┠ .item / a]] */
/*___________________________________________________________________________*/
#contents .others > .item {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: dotted 1px #ddd;
}

#contents .others > .headline + .item {
	margin-top: 0;
	border-top: none;
}

#contents .others > .item a {
	display: block;
	text-decoration: none;
}

/* [[┃┃┠ .category]] */
/*---------------------------------------------------------------------------*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .others .item .category {
	display: inline-block;
	padding: 2px 10px 1px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	background: #8be;
	border-radius: 100px;
}

/* [[┃┃┠ .thumbnail]] */
/*---------------------------------------------------------------------------*/
#contents .others .item .thumbnail {
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
	font-size: 0;
	line-height: 0;
}

/* [[┃┃┃┗ imge]] */
/*--------------------------------------------------*/
#contents .others .item .thumbnail img {
	display: block;
	width: 100%;
}

/* [[┃┃┠ .headline]] */
/*---------------------------------------------------------------------------*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .others .item .headline {
	font-weight: bold;
	font-size: 14px;
}

#contents .others .item .category ~ .headline {
	padding: 5px 0 0 0;
}

#contents .others .item .thumbnail ~ .headline {
	margin-left: 70px;
}

#contents .others .item a:hover .headline {
	text-decoration: underline;
}

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

#contents .others .item.new .headline:after {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 2px;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
	line-height: 14px;
	background: #f00;
	border-radius: 100px;
}

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

#contents #hajLinks.others .item .headline {
	padding: 0 0 0 17px;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/hajlinks_icon.png) no-repeat left center;
}

/* [[┃┃┠ p.update]] */
/*---------------------------------------------------------------------------*/
#contents .others .item p.update {
	vertical-align: middle;
	padding: 5px 0 0 0;
	color: #333;
	font-weight: bold;
	font-size: 9px;
}

#contents .others .item .thumbnail ~ p.update {
	margin-left: 70px;
}

/* [[┃┃┠ p.lead]] */
/*---------------------------------------------------------------------------*/
#contents .others .item p.lead {
	clear: both;
	padding: 5px 0 0 0;
	color: #555;
	font-size: 12px;
}

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

body#jobDetail #contents .others .item .thumbnail ~ p.lead {
	clear: none;
	/* reset */
	margin-left: 70px;
}

/* [[┃┠ .banner]] */
/*___________________________________________________________________________*/
/* banner.css 参照 */

/* [[┃┗ .more]] */
/*___________________________________________________________________________*/
#contents .others .more {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: dotted 1px #ddd;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .others .more a {
	display: inline-block;/* background-image */
	padding: 0 0 0 17px;
	color: #666;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/othr_more_icon.png) no-repeat left center;
}

#contents .others .more a:hover {
	color: #00f;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #attachmentNav]] */
/*===========================================================================*/
#attachmentNav {
	clear: both;
}

/* [[┃┗ .item]] */
/*___________________________________________________________________________*/
#attachmentNav .item {
	position: fixed;
	left: 50%;
	margin-left: 490px;/* #contents width 940px / 2 + 20px*/
}

/* [[┃　┃ + .pageTop]] *//*---------------*/
#attachmentNav .item.pageTop {
	display: none;/* js 表示切り替え */
	bottom: 50px;
}

/* [[┃　┃ + .winClose]] *//*---------------*/
#attachmentNav .item.winClose {
	top: 0px;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#attachmentNav .item a {
	display: block;
	width: 40px;
	height: 40px;
	padding: 10px;/* image size 20px */
	background: #49c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}

/* [[┃　　┃ + .winClose]] *//*---------------*/
#attachmentNav .item.winClose a {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* [[┃　　┗ img]] */
/*--------------------------------------------------*/
#attachmentNav .item a img {
	display: block;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .pmark]] */
/*===========================================================================*/
#contents .pmark {
	padding: 20px 0 0 0;
}

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

#contents .others + .pmark {
	margin: 10px 0 0 0;
	border-top: dotted 1px #ddd;
}

/* [[┃┗ a]] */
/*___________________________________________________________________________*/
#contents .pmark a {
	display: block;
	width: 75px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}

/* [[┃　┗ img]] */
/*---------------------------------------------------------------------------*/
#contents .pmark a img {
	width: 75px;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .tekiseiMedia]] */
/*===========================================================================*/
#contents .tekiseiMedia {
	padding: 20px 0 0 0;
}

#contents .tekiseiMedia a {
	display: block;
	width: 198px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}
#contents .tekiseiMedia a img {
	width: 100%;
}



/* [[=====================================================================]] */
/* [[.relatedLink]] */
/*===========================================================================*/
/*[memo]
検索結果一覧ページなどの最下部に、読み物やHAJ関連サイトへ誘導するリンクブロック
求人詳細でも使用（例：「くらしごと」へのリンク）
※ジョブキタ一次産業実装時追加

.relatedLink.publishLink = 読み物
.relatedLink.hajsiteLink = HAJ関連サイト
.relatedLink.kurashigotoLink = 「くらしごと」へのリンク
※ #contentsHeader 内でも使用（一次産業タイトル画像下リード文）
-----------------------------------------------------------------------------*/
/* [[┠ base setting]] */
/*___________________________________________________________________________*/
#contents .relatedLink {
	margin: 20px 0 0 0;
	border: solid 3px #8be;
	overflow: hidden;
	border-radius: 8px;
}

#contents .relatedLink:first-child {
	margin-top: 0;
}

/* [[┃┠ .headline]] */
/*---------------------------------------------------------------------------*/
/*[memo]
hタグや他タグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .relatedLink > .headline {
	padding: 10px;
	border-top: solid 1px #8be;
	color: #69d;
	font-weight: bold;
	font-size: 16px;
	background: #eef6ff;
}

#contents .relatedLink > .headline:first-child {
	border-top: none;
}

/* [[┃┠ p]] */
/*---------------------------------------------------------------------------*/
#contents .relatedLink > p {
	padding: 10px;
	border-top: solid 1px #eee;
}

#contents .relatedLink > p:first-child,
#contents .relatedLink > p + p {
	border-top: none;
	padding-top: 0;
}

/* [[┃┗ .linkList]] */
/*---------------------------------------------------------------------------*/
#contents .relatedLink .linkList {
	border-top: solid 1px #eee;
}

#contents .relatedLink .linkList:first-child {
	border-top: none;
}

/* [[┃　┗ li = li.item or li.more]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li + li {
	border-top: solid 1px #eee;
}

#contents .relatedLink .linkList li a {
	display: block;
	padding: 10px;
	color: #666;
}

#contents .relatedLink .linkList li a:hover {
	text-decoration: none;
}

#contents .relatedLink .linkList li.more {
	text-align: right;
	padding: 10px;
}

#contents .relatedLink .linkList li.more a {
	display: inline-block;
	/* reset */
	padding: 0 0 0 17px;
	color: #666;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/relatedlink/more_icon.png) no-repeat left center;
}

#contents .relatedLink .linkList li.more a:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[┃　　┠ .thumbnail]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item .thumbnail {
	float: left;
	width: 60px;
	margin: 0 10px 10px 0;
	font-size: 0;
	line-height: 0;
}

#contents .relatedLink .linkList li.item .thumbnail img {
	display: block;
	width: 100%;
}

/* [[┃　　┠ .headline]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item .headline {
	color: #00f;
	font-weight: bold;
	font-size: 16px;
}

#contents .relatedLink .linkList li.item a:visited .headline {
	color: #039;
}

#contents .relatedLink .linkList li.item a:hover .headline {
	color: #00f;
	text-decoration: underline;
}

#contents .relatedLink .linkList li.item a:active .headline {
	color: #003;
}

#contents .relatedLink .linkList li.item .thumbnail ~ .headline {
	margin-left: 70px;
}

#contents .relatedLink .linkList li.item.new .headline:after {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 2px;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
	line-height: 14px;
	background: #f00;
	border-radius: 100px;
}

/* [[┃　　┠ .update]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item p.update {
	padding: 5px 0 0 0;
	color: #333;
	font-weight: bold;
	font-size: 10px;
}

#contents .relatedLink .linkList li.item .thumbnail ~ p.update {
	margin-left: 70px;
}

/* [[┃　　┗ .lead]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item p.lead {
	clear: both;
	padding: 5px 0 0 0;
	color: #555;
	font-size: 12px;
}

#contents .relatedLink .linkList li.item p.lead:first-child {
	padding-top: 0;
}

#contents .relatedLink .linkList li.item .thumbnail ~ p.lead {
	clear: none;
	/* reset */
	margin-left: 70px;
}

/* [[┠ #contentsHeader > ]] */
/*___________________________________________________________________________*/
#contents #contentsHeader .relatedLink {
	margin-top: 10px;
	border: none;
	border-radius: 0;
	/* reset */
	position: relative;
	padding-left: 45px;
}

#contents #contentsHeader .lead + .relatedLink {
	padding-top: 10px;
	border-top: dotted 1px #ddd;
}

#contents #contentsHeader .relatedLink > .headline {
	border-top: none;
	/* reset */

	display: block;
	position: absolute;
	top: 2px;
	left: 0;

	width: 40px;
	line-height: 15px;
	padding: 5px 0;

	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background: #fa2;
	border-radius: 5px;
}

#contents #contentsHeader .lead + .relatedLink > .headline {
	top: 12px;
}

#contents #contentsHeader .relatedLink > p {
	padding: 0;
	border-top: none;
	/* reset */
}

/* [[┠ .relatedLink.publishLink]] */
/*___________________________________________________________________________*/
/* 打ち消し命令なし */

/* [[┠ .relatedLink.hajsiteLink]] */
/*___________________________________________________________________________*/
#contents .relatedLink.hajsiteLink > .headline {
	text-align: center;
}

#contents .relatedLink.hajsiteLink .linkList li.item a {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#contents .relatedLink.hajsiteLink .linkList li.item .thumbnail,
#contents .relatedLink.hajsiteLink .linkList li.item p.lead {
	display: table-cell;
	vertical-align: middle;
}

#contents .relatedLink.hajsiteLink .linkList li.item .thumbnail {
	width: 105px;
	margin: 0;
	/* reset */
	padding-right: 20px;
}

#contents .relatedLink.hajsiteLink .linkList li.item p.lead {
	padding: 0;
	margin: 0;
	/* reset */
	width: 99%;
}

/* [[┗ .relatedLink.kurashigotoLink]] */
/*___________________________________________________________________________*/
#contents .relatedLink.kurashigotoLink {
	border: solid 1px #ddd;
	/* reset */
}

#contents .relatedLink.kurashigotoLink .linkList {
	padding: 0 10px;
}

#contents .relatedLink.kurashigotoLink .linkList li.item {
	padding: 10px 0;
	/* reset */
}

#contents .relatedLink.kurashigotoLink .linkList li.item > a {
	padding: 0;
	/* reset */
}

#contents .relatedLink.kurashigotoLink .linkList li.item a strong {
	color: #00f;
	font-weight: normal;
	text-decoration: underline;
}



/* [[=====================================================================]] */
/* [[#siteGuide]] */
/*===========================================================================*/
#siteGuide {
	padding: 20px 0;
	border-top: solid 3px #8be;
	background: #f9f9f9;
}

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

body.preupdate #siteGuide {
	display: none;
}

/* [[┃┠ .section]] */
/*___________________________________________________________________________*/
#siteGuide .section {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#siteGuide .section:first-child {
	padding-top: 0;
}

/* [[┃┠ #siteSummary.section]] */
/*___________________________________________________________________________*/
/* [[┃┃┠ h3]] */
/*---------------------------------------------------------------------------*/
#siteSummary h3 {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

/* [[┃┃┗ p]] */
/*---------------------------------------------------------------------------*/
#siteSummary p {
	padding: 5px 0 0 0;
	font-size: 12px;
}

/* [[┃┗ #contentsLinks]] */
/*___________________________________________________________________________*/
/* [[┃　┗ dl.linksCategory]] */
/*---------------------------------------------------------------------------*/
#contentsLinks .linksCategory {
	padding: 20px 0 0 0;
}

#contentsLinks .linksCategory:first-child {
	padding-top: 0;
}

#contentsLinks #optionLinks.linksCategory,
#contentsLinks #employLinks.linksCategory {
	width: 50%;
	float: left;
}

/* [[┃　　┠ dt]] */
/*--------------------------------------------------*/
#contentsLinks .linksCategory dt,
#otherLinks .linksCategory dt {
	padding: 0 0 0 5px;
	border-left: solid 4px #8be;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}
#otherLinks .linksCategory dt {
	margin: 0 0 5px 0;
}

/* [[┃　　┗ dd / ul / li]] */
/*--------------------------------------------------*/
#contentsLinks .linksCategory dd,
#otherLinks .linksCategory dd {
	display: inline-block;
	margin: 2px 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #ddd;
	font-size: 11px;
}

#contentsLinks .linksCategory dd ul,
#contentsLinks .linksCategory dd li {
	display: inline-block;
}

#contentsLinks .linksCategory dd li {
	padding: 0 10px 0 0;
}

#contentsLinks .linksCategory dd li:nth-last-of-type(1) {
	margin-right: -10px;/* = dd margin 相殺*/
	padding-right: 0;
}

#contentsLinks .linksCategory dd li:first-child:before {
	content: "（";
	display: inline-block;
	padding-right: 5px;
}

#contentsLinks .linksCategory dd li:nth-last-of-type(1):after {
	content: "）";
	display: inline-block;
	padding-left: 5px;
}

/* [[┃　　　┗ a /]] */
/*------------------------------*/
#contentsLinks .linksCategory dd a,
#otherLinks .linksCategory dd a {
	color: #333;
}

#contentsLinks .linksCategory dd a:hover,
#otherLinks .linksCategory dd a:hover {
	color: #00f;
}




/* [[=====================================================================]] */
/* [[#footer]] */
/*===========================================================================*/

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #footerNav]] */
/*===========================================================================*/
#footerNav {
	padding: 20px 0;
	border-top: solid 5px #aaddf6;
	background: #8be;
}

#footerNavWrap {
	width: 940px;
	margin:0 auto;
}

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

body.preupdate #footerNav {
	display: none;
}

/* [[┃┗ dl]] */
/*___________________________________________________________________________*/

/* [[┃　┠ dt]] */
/*---------------------------------------------------------------------------*/#footerNav dt {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
#footerNav dt a {
	display: inline-block;/* background-image */
	padding: 0 0 0 17px;
	color: #fff;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/ftnav_icon_a.png) no-repeat left center;
}

/* [[┃　┗ dd]] */
/*---------------------------------------------------------------------------*/#footerNav dd {
	display: table;
	width: 100%;
	padding: 20px 0 0 0;
	color: #666;
	font-size: 11px;
}

/* [[┃　　┗ ul / li]] */
/*--------------------------------------------------*/
#footerNav ul {
	display: table-cell;
	width: 25%;
	padding: 0 10px;
	border-right: dotted 1px #a6d6f6;
}

#footerNav ul:first-child {
	border-left: dotted 1px #a6d6f6;
}

#footerNav li {
	padding: 5px 0 0 0;
}

#footerNav li:first-child {
	padding-top: 0;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#footerNav li a {
	padding: 0 0 0 10px;
	color: #fff;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/ftnav_icon_b.png) no-repeat left center;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #copyright]] */
/*===========================================================================*/
#copyright {
	padding: 20px 0;
	border-top: solid 5px #49c;
}

#copyrightWrap {
	width: 940px;
	margin:0 auto;
}

/* [[┃┠ ul]] */
/*___________________________________________________________________________*/#copyright ul {
	display: table;
	float: right;
	padding: 5px 0 0 0;/* dl（Copyright）middle 合わせ */
}

/* [[┃┃┗ li]] */
/*---------------------------------------------------------------------------*/
#copyright li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
	font-size: 0;
	line-height: 0;
}

/* [[┃┃　┗ a]] */
/*--------------------------------------------------*/
#copyright li a {
	display: inline-block;
}

/* [[┃┃　　┗ img]] */
/*------------------------------*/
#copyright li img {
	height: 18px;
}

#copyright li.sgw img {
	height: 16px;
}

#copyright li.gakusei img {
	height: 20px;
	margin-top: -4px;
}

/* [[┃┗ dl]] */
/*___________________________________________________________________________*/
#copyright dl {
	float: left;
}

/* [[┃　┠ dt]] */
/*---------------------------------------------------------------------------*/
#copyright dt {
	color: #333;
	font-weight: bold;
	font-size: 13px;
	line-height: 1;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
#copyright dt a {
	color: #333;
}

/* [[┃　┗ dd]] */
/*---------------------------------------------------------------------------*/
#copyright dd {
	padding: 5px 0 0 0;
	color: #666;
	font-size: 10px;
	line-height: 1;
}



/* [[=====================================================================]] */
/* [[.jobData]] */
/*===========================================================================*/
/*[memo]
.jobData = 通常求人（フリー枠あり）
.jobData.p0 = 無料求人
.jobData.agent = JJS非公開求人
.jobData.expire = 終了求人（クリップで使用）
-----------------------------------------------------------------------------*/

#contents .jobData {
	margin: 20px 0 0 0;
	padding: 5px;
	background: #cceef6;
	border-radius: 8px;
}

#contents .jobData.agent {
	padding: 8px;
	border: solid 2px #8be;
	background: #fff;
}

#contents .jobData.expire {
	background: #f3f3f3;
}
#contents .jobData.agent.expire {
	border: solid 2px #eee;
	background: #fff;
}

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

body#home #contents .jobData {
	margin-top: 10px;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .freewordHit]] */
/*===========================================================================*/
#contents .jobData .freewordHit {
	position: relative;
	margin: -5px -5px 0 -5px;
	padding: 0 0 15px 0;
	background: #fff;
}
#contents .jobData .freewordHit:before {
	content: "　";
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 10px;
	font-size: 0;
	line-height: 0;
	background: #cceef6;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#contents .jobData .freewordHit:after {
	content: "　";
	display: block;
	position: absolute;
	bottom: -5px;
	left: 40px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: #28c transparent transparent transparent;
}

/*---------------*/
#contents .jobData.p0 .freewordHit {
	margin-bottom: -5px;
	padding-bottom: 10px;
}
#contents .jobData.p0 .freewordHit:before {
	height: 5px;
}
#contents .jobData.p0 .freewordHit:after {
	bottom: -10px;
}

/*---------------*/
#contents .jobData.agent .freewordHit {
	margin: -10px -10px 0 -10px;
}
#contents .jobData.agent .freewordHit:before {
	border: solid 2px #8be;
	border-bottom: none;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*---------------*/
#contents .jobData.expire .freewordHit {
	display: none;
}

/* [[┃┠ dt]] */
/*___________________________________________________________________________*/
#contents .jobData .freewordHit dt {
	padding: 5px 10px;
	border: solid 2px #28c;
	border-bottom: none;
	color: #28c;
	font-weight: bold;
	font-size: 14px;
	background: #f6f6f6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* [[┃┗ dd]] */
/*___________________________________________________________________________*/
#contents .jobData .freewordHit dd {
	padding: 10px;
	border: solid 2px #28c;
	border-top: none;
	color: #666;
	font-size: 12px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* [[┃　┗ strong]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .freewordHit dd strong {
	color: #000;
	font-weight: bold;
	background: #ff0;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .sellingPoint]] */
/*===========================================================================*/
#contents .jobData .sellingPoint {
	padding: 5px 5px 10px 5px;
}

#contents .jobData.agent .sellingPoint {
	background: url(https://image.haj.co.jp/jobkita/primary/pc/job/jjs_job_logo.png) no-repeat right 5px top 5px;
	-webkit-background-size: 150px auto;
	background-size: 150px auto;
	min-height: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

#contents .jobData.expire .sellingPoint,
body#clip #contents .jobData .sellingPoint,
body#jobDetail #contents #sub .jobData .sellingPoint {
	display: none;
}

/* [[┃┠ .mainPhoto]] */
/*___________________________________________________________________________*/
#contents .jobData .sellingPoint .mainPhoto {
	float: right;
	width: 150px;
	margin: 0 0 0 10px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	background: #fff;
}

#contents .jobData.agent .sellingPoint .mainPhoto {
	display: none;/* 非公開求人 = JJS求人では写真は不要となります */

}

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

body#home #contents .jobData .sellingPoint .mainPhoto {
	width: 100px;
}

/* [[┃┃┗ img]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .sellingPoint .mainPhoto img {
	display: inline-block;
	max-width: 100%;
	max-height: 113px;
}

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

body#home #contents .jobData .sellingPoint .mainPhoto img {
	max-height: 75px;
}

/* [[┃┗ p.message]] */
/*___________________________________________________________________________*/
#contents .jobData .sellingPoint .message {
	overflow: hidden;
	zoom: 1;
	color: #247;
	font-weight: bold;
	font-size: 16px;
}

#contents .jobData.agent .sellingPoint .message {
	margin-right: 160px;
	color: #28c;
}

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

body#home #contents .jobData .sellingPoint .message {
	font-size: 14px;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .accountSection]] */
/*===========================================================================*/
/*[memo]
求人枠 = 企業・口座単位
-----------------------------------------------------------------------------*/
#contents .jobData .accountSection {
	padding: 5px 0 0 0;
}

#contents .jobData .accountSection:first-child,
#contents .jobData .sellingPoint + .accountSection {
	padding-top: 0;
}

/* [[┃┠ .employer]] */
/*___________________________________________________________________________*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .jobData .accountSection .employer {
	padding: 7px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background:#8be;
	border-radius: 5px;
}

#contents .jobData.agent .accountSection .employer {
	background:#8be;
}

#contents .jobData.expire .accountSection .employer,
#contents .jobData.agent.expire .accountSection .employer {
	background: #ddd;
}

/* [[┃┠ .additionalInfo]] */
/*___________________________________________________________________________*/
#contents .jobData .additionalInfo {
	padding: 5px 0 0 0;
}

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

#contents .jobData.expire .additionalInfo {
	display: none;
}

/* [[┃┃┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .additionalInfo a {
	display: block;
	font-size: 0;
	line-height: 0;
}

/* [[┃┃　┗ img]] */
/*--------------------------------------------------*/
#contents .jobData .additionalInfo a img {
	width: 100%;
}

/* [[┃┗ .jobSection]] */
/*___________________________________________________________________________*/
#contents .jobData .jobSection {
	margin: 5px 0 0 0;
	padding: 0 14px;
	border: solid 1px #cde;
	background:#fff;
	border-radius: 5px;
}

#contents .jobData.agent .jobSection {
	border: solid 1px #e6e6e6;
}

#contents .jobData.expire .jobSection {
	padding: 0 15px;
	border: none;
}
#contents .jobData.agent.expire .jobSection {
	border: solid 1px #eee;
}

/* [[┃　┃ + body#home]] *//*---------------*/
body#home #contents .jobData .jobSection {
	padding: 0 9px;
}

/* [[┃　┃ + body#clip]] *//*---------------*/
body#clip.conf #contents .jobData .jobSection {
	padding: 9px;
}

/* [[┃　┠ .heading]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .jobSection .heading {
	display: table;
	width: 100%;
	padding: 15px 0;
}

/* [[┃　┃┃ + body#home]] *//*---------------*/
body#home #contents .jobData .jobSection .heading {
	padding: 0;
	/* reset */
}

/* [[┃　┃┃ + body#clip]] *//*---------------*/
body#clip.conf #contents .jobData .jobSection .heading {
	padding: 0;
	/* reset */
}

/* [[┃　┃┠ .jobtitle]] */
/*--------------------------------------------------*/
/*[memo]
hタグで使用のため class 指定
----------------------------------------------------*/
#contents .jobData .jobSection .jobtitle {
	display: table-cell;
	vertical-align: middle;
	width: 100%;/* ul.leading 有無に限らず width size 確保のため 100% 指定 */
	padding: 0 10px 0 0;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* [[┃　┃┃┃ + body#home]] *//*---------------*/
body#home #contents .jobData .jobSection .jobtitle {
	display: block;
	padding: 15px 0;
	/* reset */
}

/* [[┃　┃┃┠ .selection]] */
/*------------------------------*/
#contents .jobData .jobSection .jobtitle .selection {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px 0 0;
}

#contents .jobData .jobSection .jobtitle .selection input {
	margin: 0;
	vertical-align: middle;
}

/* [[┃　┃┃┗ a]] */
/*------------------------------*/
#contents .jobData.expire .jobSection .jobtitle a {
	color: #ccc;
}

#contents .jobData .jobSection .jobtitle .selection + a {
	display: table-cell;
	vertical-align: middle;
}

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

#contents .jobData.expire .jobSection .jobtitle a:before {
	content: "掲載終了";
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	padding: 1px 10px;
	color: #fff;
	font-size: 10px;
	background: #f00;
	border-radius: 100px;
}

/* [[┃　┃┗ ul.leading]] */
/*--------------------------------------------------*/
#contents .jobData .jobSection .leading {
	display: table-cell;
	vertical-align: top;
	min-width: 1%;
}

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

#contents .jobData.expire .jobSection .leading {
	display: none;
}

/* [[┃　┃　┃ + body#home]] *//*---------------*/
body#home #contents .jobData .jobSection .leading {
	display: table;
	min-width: 100%;
	/* reset */
	margin: 0 0 10px 0;
}

/* [[┃　┃　┗ li]] */
/*------------------------------*/
#contents .jobData .jobSection .leading li {
	display: table-cell;
	vertical-align: middle;
}

#contents .jobData .jobSection .leading li + li {
	padding-left: 5px;
}

/* [[┃　┃　　┃ + body#home]] *//*---------------*/
body#home #contents .jobData .jobSection .leading li {
	width: 50%;
}

body#home #contents .jobData .jobSection .leading li:first-child {
	padding: 0 2px 0 0;
}

body#home #contents .jobData .jobSection .leading li + li {
	padding: 0 0 0 2px;
}

/* [[┃　┃　　┃ + body#jobDetail]] *//*---------------*/
body#jobDetail #contents .jobData .jobSection .leading li.more {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	/* reset */
}

/* [[┃　┃　　┃ + body.preupdate]] *//*---------------*/
body.preupdate #contents .jobData .jobSection .leading li.clipStatus {
	display: none;
}

/* [[┃　┃　　┗ a / span]] */

#contents .jobData .jobSection .leading li a,
#contents .jobData .jobSection .leading li span,
#contents .jobData .jobSection .leading li b {
	display: block;
	min-width: 110px;
	height: 40px;
	padding: 0 10px;
	border: solid 1px #d6d6d6;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff;
}

#contents .jobData .jobSection .leading li span,
#contents .jobData .jobSection .leading li b {
	cursor: pointer;
}

#contents .jobData .jobSection .leading li a:hover,
#contents .jobData .jobSection .leading li span:hover,
#contents .jobData .jobSection .leading li b:hover {
	border: solid 1px #ccc;
	background: #f9f9f9;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

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

#contents .jobData .jobSection .leading li.more a:before,
#contents .jobData .jobSection .leading li.more span:before {
	content: "　";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	margin: -2px 5px 0 -5px;
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/jdt_link_icon.png);
	background-position: left top;
	background-repeat: no-repeat;
}

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

#contents .jobData .jobSection .leading li.clipStatus a:before,
#contents .jobData .jobSection .leading li.clipStatus span:before {
	content: "　";
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 18px;
	margin: -5px 3px 0 -5px;
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/jdt_clip_icon.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#contents .jobData .jobSection .leading li.clipStatus a:after,
#contents .jobData .jobSection .leading li.clipStatus span:after {
	content: "する";
}

#contents .jobData .jobSection .leading li.clipStatus.on a:after,
#contents .jobData .jobSection .leading li.clipStatus.on span:after {
	content: "済み";
}

#contents .jobData .jobSection .leading li.clipStatus.on a:after,
#contents .jobData .jobSection .leading li.clipStatus.on span:after {
	content: "済み";
}

#contents .jobData .jobSection .leading li.clipStatus.on a,
#contents .jobData .jobSection .leading li.clipStatus.on span {
	border: solid 1px #d6d6d6;
	color: #ddd;
	background: #f6f6f6;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

#contents .jobData .jobSection .leading li.clipStatus.on a:before,
#contents .jobData .jobSection .leading li.clipStatus.on span:before {
	background-position: left -100px;
}

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

#contents .jobData .jobSection .leading li.webEntry a,
#contents .jobData .jobSection .leading li.webEntry span {
	border: solid 1px #e90;
	color: #fff;
	font-size: 14px;
	background: #fa2;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffc646),
		to(#fa2)
	);
	background:-webkit-linear-gradient(
		top,
		#ffc646,
		#fa2
	);
	background:linear-gradient(
		to bottom,
		#ffc646,
		#fa2
	);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

#contents .jobData .jobSection .leading li.webEntry a:hover,
#contents .jobData .jobSection .leading li.webEntry span:hover {
	background: #fb4;
	-webkit-box-shadow: inset 0px 1px 0px #f0b040;
	box-shadow: inset 0px 1px 0px #f0b040;
}

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

#contents .jobData .jobSection .leading li.agentEntry a,
#contents .jobData .jobSection .leading li.agentEntry span,
#contents .jobData .jobSection .leading li.agentEntry b {
	height: 40px;
	line-height: 15px;
	font-size: 12px;
	padding: 5px 5px 0 5px;

	border: solid 1px #e90;
	color: #fff;
	background: #fa2;
	background:-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#ffc646),
			to(#fa2)
	);
	background:-webkit-linear-gradient(
			top,
			#ffc646,
			#fa2
	);
	background:linear-gradient(
			to bottom,
			#ffc646,
			#fa2
	);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

#contents .jobData .jobSection .leading li.agentEntry a:hover,
#contents .jobData .jobSection .leading li.agentEntry span:hover,
#contents .jobData .jobSection .leading li.agentEntry b:hover {
	background: #fb4;
	-webkit-box-shadow: inset 0px 1px 0px #f0b040;
	box-shadow: inset 0px 1px 0px #f0b040;
}

/* [[┃　┃　　　 + body#home]] *//*---------------*/
body#home #contents .jobData .jobSection .leading li a,
body#home #contents .jobData .jobSection .leading li span {
	min-width: 100%;
	height: 35px;
	line-height: 35px;
	/* reset */
}

/* [[┃　┠ .entryInfo]] */
/*---------------------------------------------------------------------------*/
/*[memo]
「Web応募一括送信OK」表記
------------------------------------------------------------------------------*/
#contents .jobData .jobSection .entryInfo {
	margin: -15px 0 0 0;
	padding: 0 0 10px 0;
}

/* [[┃　┃┗ p]] */
/*--------------------------------------------------*/
#contents .jobData .jobSection .entryInfo p {
	display: inline-block;
	padding: 2px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	background: #36d;
	border-radius: 100px;
}

/* [[┃　┗ .item]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .jobSection .item {
	border-top: solid 1px #ddd;
}

/* [[┃　　┃ + body#home / body#clip]] *//*---------------*/
body#home #contents .jobData .jobSection .item,
body#clip #contents .jobData.expire .jobSection .item {
	display: none;
}

/* [[┃　　┗ dl / dt / dd]] */
/*--------------------------------------------------*/
#contents .jobData .jobSection .item dt,
#contents .jobData .jobSection .item dd {
	padding: 10px 0;
	border-top: dotted 1px #ddd;
	font-size: 14px;
}

#contents .jobData .jobSection .item dt:first-child,
#contents .jobData .jobSection .item  dt:first-child + dd {
	border: none;
}

#contents .jobData .jobSection .item dt {
	float: left;
	width:6em;
	color: #000;
	font-weight: bold;
}

#contents .jobData .jobSection .item dd {
	color: #666;
	overflow: hidden;
	zoom: 1;
}

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

#contents .jobData.expire .jobSection .item dt,
#contents .jobData.expire .jobSection .item dd {
	color: #ccc;
}



/* [[=====================================================================]] */
/* [[.clipNotes]] */
/*===========================================================================*/
#contents .clipNotes {
	position: relative;
	margin: 20px 0 0 0;
}

#contents .clipNotes:before {
	content: "　";
	display: block;
	position: absolute;
	top: -5px;
	left: 15px;
	width: 25px;
	height: 50px;
	font-size: 0;
	line-height: 0;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/clipnotes_icon.png) no-repeat left top;
}

/* [[┗ dl]] */
/*===========================================================================*/
#contents .clipNotes dl {
	display: table;
	width: 100%;
	padding: 5px 10px 5px 50px;
	border: solid 3px #8be;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* [[┃┠ dt]] */
/*___________________________________________________________________________*/
#contents .clipNotes dt {
	display: table-cell;
	vertical-align: middle;
	width: 160px;
	color: #7ae;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
}

/* [[┃┗ dd]] */
/*___________________________________________________________________________*/
#contents .clipNotes dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 11px;
}

/* [[=====================================================================]] */
/* [[.spec]] */
/*===========================================================================*/
#contents .spec {
	padding: 5px 0 9px 0;
	border-top: solid 1px #ddd;
}

/* [[┃ + body#home]] *//*---------------*/
body#home #contents .spec {
	display: none;
}

/* [[┃ + body#jobDetail]] *//*---------------*/
body#jobDetail #contents #contentsHeader .spec {
	padding: 8px 0 0 0;
	border-top: none;
	/* reset */
}

body#jobDetail #contents #contentsHeader .optionData .period + .spec {
	float: left;
	width: 50%;
}

/* [[┃ + body#clip]] *//*---------------*/
body#clip #contents .spec {
	padding-top: 8px;
	/* reset */
}

/* [[┠ ul]] */
/*===========================================================================*/

/* [[┃┠ li]] */
/*___________________________________________________________________________*/
#contents .spec li {
	float: left;
	width: 128px;
	margin: 5px 5px 0 0;
}

#contents .spec li:nth-of-type(5),
#contents .spec li:nth-of-type(10),
#contents .spec li:nth-of-type(15),
#contents .spec li:nth-of-type(20) {
	margin-right: 0;
}

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

body#home #contents .spec li {
	width: 80px;
}

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

body#jobDetail #contents .spec li {
	width: 92px;
	margin: 2px 2px 0 0;
}

body#jobDetail #contents .spec li:nth-of-type(1),
body#jobDetail #contents .spec li:nth-of-type(2),
body#jobDetail #contents .spec li:nth-of-type(11),
body#jobDetail #contents .spec li:nth-of-type(12),
body#jobDetail #contents .spec li:nth-of-type(21),
body#jobDetail #contents .spec li:nth-of-type(22) {
	width: 93px;
}

body#jobDetail #contents .spec li:nth-of-type(5),
body#jobDetail #contents .spec li:nth-of-type(15) {
	margin-right: 2px;
}

body#jobDetail #contents .spec li:nth-of-type(10),
body#jobDetail #contents .spec li:nth-of-type(20),
body#jobDetail #contents .spec li:nth-of-type(30) {
	margin-right: 0;
}

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

body#clip #contents .spec li {
	width: 88px;
	margin: 2px 2px 0 0;
}

body#clip #contents .spec li:nth-of-type(1),
body#clip #contents .spec li:nth-of-type(2),
body#clip #contents .spec li:nth-of-type(11),
body#clip #contents .spec li:nth-of-type(12),
body#clip #contents .spec li:nth-of-type(21),
body#clip #contents .spec li:nth-of-type(22) {
	width: 89px;
}

body#clip #contents .spec li:nth-of-type(5),
body#clip #contents .spec li:nth-of-type(15) {
	margin-right: 2px;
}

body#clip #contents .spec li:nth-of-type(10),
body#clip #contents .spec li:nth-of-type(20),
body#clip #contents .spec li:nth-of-type(30) {
	margin-right: 0;
}

/* [[┃┃┗ a / span]] */
/*---------------------------------------------------------------------------*/
#contents .spec li a,
#contents .spec li span {
	display: block;
	padding: 5px 3px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	background: #8be;
	border-radius: 3px;
}

#contents .spec li a:hover {
	text-decoration: none;
}

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

#contents .jobData.expire .spec li a,
#contents .jobData.expire .spec li span {
	background: #eee;
}

/* [[┃┗ help]] */
/*___________________________________________________________________________*/
#contents .spec .help {
	padding: 5px 0 0 0;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .spec .help a {
	display: inline-block;
	padding: 0 0 0 17px;
	color: #888;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/spec_help_icon.png) no-repeat left center;
}

#contents .spec .help a:hover {
	color: #00f;
}



/* [[=====================================================================]] */
/* [[.searchNav]] */
/*===========================================================================*/
/*[memo]
左メニュー（#sub #globalSearch.searchNav）使用時指定
#contents or #main 内での使用は、各ページcssで指定。

※駅検索・職種詳細検索 = body#search #segmentSearch.searchNav = pc_search.css
※メルマガ = body#mailmag #searchData .detail .searchNav = pc_mailmag.css

※ #search はbody id で使用。他箇所での使用は不可
-----------------------------------------------------------------------------*/
#contents #sub .searchNav {
	padding: 0 0 5px 0;
	overflow: hidden;
	background: #f3f3f3;
	border-radius: 5px;
}

#contents #sub .searchNav .searchCategory a:visited { color: #00f; }
#contents #sub .searchNav .searchCategory a:hover { text-decoration: none; }

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 1st]] */
/*===========================================================================*/
/* [[┃┠ h2.headline]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .headline {
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background: #8be;
}

/* [[┃┠ .searchCategory]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .searchCategory {
	margin: 5px 5px 0 5px;
	border: solid 1px #e3e3e3;
	background: #fff;
}

/* [[┃┃┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catTitle {
	padding: 10px;
	border-top: solid 1px #d6d6d6;
	font-size: 16px;
}

#contents #sub .searchNav .catTitle:first-child {
	border-top: none;
}

/* [[┃┃┃ + .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catTitle.ui-accordion-switch {
	cursor: pointer;
	padding: 10px 20px 10px 10px;
	/* reset */
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_acd.png);
	background-position: 181px center;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .catTitle.ui-accordion-switch.open {
	background-position: -119px center;
}

/* [[┃┃┃┗ a]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .catTitle > a {
	display: block;
	margin: -10px;
	padding: 10px 20px 10px 10px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_link.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/* [[┃┃┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail {
	border-top: solid 1px #d6d6d6;
}

/* [[┃┃　┃ + .ui-accordion-item]] *//*---------------*/
#contents #sub .searchNav .catDetail.ui-accordion-item {
	display: none;
}

#contents #sub .searchNav .catDetail.ui-accordion-item.open {
	display: block;
}

/* [[┃┃　┠ .moreLinks]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .moreLinks {
	padding: 10px;
	border-top: dotted 1px #e3e3e3;
	font-size: 11px;
	line-height: 13px;
	text-align: right;
}

/* [[┃┃　┃┗ a]] */
/*------------------------------*/
#contents #sub .searchNav .moreLinks a {
	display: inline-block;
	padding: 0 15px 0 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_more_link.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .moreLinks a:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[┃┃　┗ .return]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .return {
	margin: 0 -1px -1px -1px;/* = .searchCategory border */
	padding: 5px 0;
	border-top: solid 1px #e3e3e3;
	text-align: right;
	background: #f3f3f3;
}

/* [[┃┃　　┗ a]] */
/*------------------------------*/
#contents #sub .searchNav .return a {
	color: #49c;
	font-size: 12px;
	line-height: 1;
}

#contents #sub .searchNav .return a:after {
	content: "▲";
}

/* [[┃┗ ul.execute]] */
/*___________________________________________________________________________*/#contents #sub .searchNav .execute {
	padding: 5px 5px 0 5px;
	/* reset */
}

/* [[┃　┗ li]] */
/*---------------------------------------------------------------------------*/#contents #sub .searchNav .execute li {
	display: block;
	width: auto;
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	background: none;
	border-radius: 5px;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	/* reset */
	-webkit-box-shadow: 0px 1px 2px #e3e3e3;
	box-shadow: 0px 1px 2px #e3e3e3;
}

#contents #sub .searchNav .execute li.decision {
	-webkit-box-shadow: 0px 1px 2px #ccc;
	box-shadow: 0px 1px 2px #ccc;
}

#contents #sub .searchNav .execute li:first-child {
	margin-top: 0;
}

#contents #sub .searchNav .execute li:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .execute li a {
	padding: 5px;
	font-size: 12px;
	/* reset */
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 2nd]] */
/*===========================================================================*/
/* [[┃┗ .searchCategory]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catDetail .searchCategory {
	margin: 0;
	border: none;
	background: none;
	/* reset */
	border-top: solid 1px #d6d6d6;
	background-color: #fafafa;
}

#contents #sub .searchNav .catDetail .searchCategory:first-child {
	border-top: none;
}

/* [[┃　┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .catTitle {
	font-size: 14px;
	/* reset */
}

/* [[┃　┃ + .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch {
	padding: 10px;
	background: #fff;
	/* reset */
}

#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch.open {
	background: none;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .catDetail .catTitle > a {
	margin: -10px;
	padding: 10px;
	background: none;
	/* reset */
}

/* [[┃　┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .catDetail {
	border-top: dotted 1px #e3e3e3;
	/* reset */
}

/* [[┃　　┗ .return]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .catDetail .catDetail .return {
	margin: 0;
	padding: 5px 5px 5px 0;
	border-top: dotted 1px #e3e3e3;
	background: none;
	/* reset */
}

#contents #sub .searchNav .catDetail .catDetail .catDetail + .return {
	padding-right: 0;
	border-top: none;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 3rd]] */
/*===========================================================================*/
/* [[┃┗ .searchCategory]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catDetail .catDetail .searchCategory {
	border: none;
	/* reset */
	padding: 0 5px 5px 5px;
}

#contents #sub .searchNav .catDetail .catDetail .searchCategory:first-child {
	padding-top: 5px;
}

/* [[┃　┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
/* [[┃　┃ + .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catDetail .catDetail .catTitle.ui-accordion-switch {
	border: solid 1px #e3e3e3;
	border-radius: 5px;
}

#contents #sub .searchNav .catDetail .catDetail .catTitle.ui-accordion-switch.open {
	background: #fff;
	/* reset */
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
/* [[┃　┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .catDetail .catDetail {
	border: none;
	/* reset */
	border: solid 1px #e3e3e3;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* [[┃　　┗ .return]] */
/*--------------------------------------------------*/
/* [[┃　　　┗ a]] */
/*------------------------------*/

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ common parts in .catTitle]] */
/*===========================================================================*/
/* [[┃┠ .item]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catTitle .item {
	display: block;
	color: #000;
}

/* [[┃┃┃ + span.item]] *//*---------------*/
/* 未指定 */

/* [[┃┃┃ + label.item]] *//*---------------*/
#contents #sub .searchNav .catTitle label.item {
	position: relative;/* = input laytou */
	padding-left: 20px;
	cursor: pointer;
}

/* [[┃┃┃ + 2nd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle > a .item {
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_child_link.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .catDetail .catTitle > a:hover .item {
	background-position: -300px 3px;
}

/* [[┃┃┃ + 2nd / .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch .item,
#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch:hover .item {
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_child_acd.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch.open .item {
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_child_acd.png);
	background-position: -300px 3px;
}

/* [[┃┃┠ span]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catTitle .item > span,
#contents #sub .searchNav .catTitle .item > a span {
	color: #000;
}

#contents #sub .searchNav .catTitle a:hover .item > span,
#contents #sub .searchNav .catTitle .item > a:hover span {
	color: #00f;
	text-decoration: underline;
}

/* [[┃┃┃ + span.selection]] *//*---------------*/
#contents #sub .searchNav .catTitle .item span.selection {
	position: absolute;
	top: 2px;
	left: 0px;
}

/* [[┃┃┃ + span.itemName]] *//*---------------*/
#contents #sub .searchNav .catTitle .item span.itemName {
	font-weight: bold;
}

/* [[┃┃┃ + span.itemAdd]] *//*---------------*/
#contents #sub .searchNav .catTitle .item span.itemAdd {
	font-weight: normal;
	font-size: 12px;
}

/* [[┃┃┃ + 2nd / span.itemAdd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle .item span.itemAdd {
	font-size: 11px;
	/* reset */
}

/* [[┃┃┗ form]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catTitle input {
	/* 未指定 */
}

/* [[┃┗ span.description]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catTitle .description,
#contents #sub .searchNav .catDetail .catTitle .description {
	padding: 2px 0 0 0;
	border-top: none;
	/* reset */
	display: block;
	color: #666;
	font-weight: normal;
	font-size: 11px;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┗ common parts in .catDetail]] */
/*===========================================================================*/
/* [[　┠ .element]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .element {
	padding: 0 0 10px 0;
	border-top: dotted 1px #e3e3e3;
}

#contents #sub .searchNav .element:first-child {
	border-top: none;
}

/* [[　┃┃ + #freewordSearch]] *//*---------------*/
#contents .searchNav #freewordSearch .element,
#contents .searchNav #freewordSearch .element:first-child {
	padding: 10px;
	border-top: none;
	/* reset */
}

/* [[　┃┗ li / dt / dd / a]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .element li,
#contents #sub .searchNav .element dt,
#contents #sub .searchNav .element dd {
	padding: 10px 10px 0 10px;
	font-size: 14px;
}

/* [[　┃　┃ + dd / li.indent]] *//*---------------*/
#contents #sub .searchNav .element li.indent,
#contents #sub .searchNav .element dd {
	padding-left: 30px;
}

/* [[　┃　┃ + a]] *//*---------------*/
#contents #sub .searchNav .element li > a,
#contents #sub .searchNav .element dt > a,
#contents #sub .searchNav .element dd > a {
	display: block;
}

/* [[　┃　┃ + 3rd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catDetail .catDetail .element li,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element dt,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element dd {
	font-size: 12px;
	/* reset */
}

/* [[　┃　┃ + #freewordSearch]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .element li {
	padding: 0;
	/* reset */
	display: table;
	width: 100%;
}

/* [[　┃　┠ .item / .formItem / .exeItem]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .element .item,
#contents #sub .searchNav .element .formItem,
#contents #sub .searchNav .element .exeItem {
	display: block;/* = a / label */
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_item_check.png);
	background-position: left 4px;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .element a:hover .item,
#contents #sub .searchNav .element .item:hover {
	background-position: -300px 4px;
}

#contents #sub .searchNav .element .act .item,
#contents #sub .searchNav .element .act .formItem,
#contents #sub .searchNav .element .act .exeItem {
	background-position: -600px 4px;
}

#contents #sub .searchNav .element .none .item,
#contents #sub .searchNav .element .none .formItem,
#contents #sub .searchNav .element .none .exeItem {
	background-position: -900px 4px;
}

#contents #sub .searchNav .element .item ~ .item,
#contents #sub .searchNav .element .item ~ .formItem,
#contents #sub .searchNav .element .item ~ .exeItem,
#contents #sub .searchNav .element .formItem ~ .item,
#contents #sub .searchNav .element .formItem ~ .formItem,
#contents #sub .searchNav .element .formItem ~ .exeItem,
#contents #sub .searchNav .element .exeItem ~ .item,
#contents #sub .searchNav .element .exeItem ~ .formItem,
#contents #sub .searchNav .element .exeItem ~ .exeItem {
	padding-top: 5px;
	background: none;
}

/* [[　┃　┃┃ + p.item]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + a.item]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + label.item]] *//*---------------*/
#contents #sub .searchNav .element label.item {
	position: relative;/* = input laytou */
	cursor: pointer;
	background: none;
}

/* [[　┃　┃┃ + p.formItem]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + p.exeItem]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + #freewordSearch]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .element p.formItem,
#contents #sub .searchNav #freewordSearch .element p.exeItem {
	padding: 0;
	background: none;
	/* reset */
	display: table-cell;
	vertical-align: middle;
}

#contents #sub .searchNav #freewordSearch .element p.formItem {
	padding: 3px 3px 4px 3px;
	border: solid 1px #ddd;
	border-right: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#contents #sub .searchNav #freewordSearch .element p.exeItem {
	border: solid 1px #49c;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	background: #8be;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#8be),
		to(#7ad)
	);
	background:-webkit-linear-gradient(
		top,
		#8be,
		#7ad
	);
	background:linear-gradient(
		to bottom,
		#8be,
		#7ad
	);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

/* [[　┃　┃┃ + 3rd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catDetail .catDetail .element p.item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element a.item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element label.item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element p.formItem,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element p.exeItem {
	background-position: left 1px;
}

#contents #sub .searchNav .catDetail .catDetail .catDetail .element a:hover .item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .item:hover {
	background-position: -300px 1px;
}

#contents #sub .searchNav .catDetail .catDetail .catDetail .element .act .item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .act .formItem,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .act .exeItem {
	background-position: -600px 1px;
}

#contents #sub .searchNav .catDetail .catDetail .catDetail .element .none .item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .none .formItem,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .none .exeItem {
	background-position: -900px 1px;
}

/* [[　┃　┃┠ span]] */
/*------------------------------*/
/* [[　┃　┃┃ + span.selection]] *//*---------------*/
#contents #sub .searchNav .element .item span.selection {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* [[　┃　┃┃ + span.itemName]] *//*---------------*/
#contents #sub .searchNav .element .item span.itemName {
	font-weight: bold;
}

#contents #sub .searchNav .element a:hover .item span.itemName,
#contents #sub .searchNav .element .item a:hover span.itemName,
#contents #sub .searchNav .element a.item:hover span.itemName {
	color: #00f;
	text-decoration: underline;
}

/* [[　┃　┃┃ + span.itemAdd ]] *//*---------------*/
#contents #sub .searchNav .element .item span.itemAdd {
	color: #333;
	font-size: 11px;
}

#contents #sub .searchNav .element a:hover .item span.itemAdd,
#contents #sub .searchNav .element .item a:hover span.itemAdd,
#contents #sub .searchNav .element a.item:hover span.itemAdd {
	color: #00f;
	text-decoration: underline;
}

/* [[　┃　┃┃ + .none ]] *//*---------------*/
#contents #sub .searchNav .element .none .item span {
	color: #ccc;
}

/* [[　┃　┃┃ + .formItem > ]] *//*---------------*/
#contents #sub .searchNav .element .formItem span {
	margin-right: 5px;
	font-size: 12px;
}

/* [[　┃　┃┗ form]] */
/*------------------------------*/
#contents #sub .searchNav .element .formItem input,
#contents #sub .searchNav .element .formItem select {
	margin: 0 5px 0 0;
}

#contents #sub .searchNav .element .formItem input[type=text] {
	margin-right: 0;
}

#contents #sub .searchNav .element .formItem input[type=text],
#contents #sub .searchNav .element .formItem select {
	font-size: 14px;
}

#contents #sub .searchNav .element .formItem input[type=text] {
	width: 100%;
	padding: 3px;
	border: solid 1px #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:3px;
}

/* [[　┃　┃　 + #freewordSearch > ]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .element .formItem input {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
	border-radius: 0;
	/* reset */
}

#contents #sub .searchNav #freewordSearch .element .exeItem input {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
	background: none;
	/* reset */
	padding: 2px;
	height: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

/* [[　┗ .description]] */
/*___________________________________________________________________________*/
/*[memo]
下記にて仕様
.catDetail 内
.catDetail / .element / li or dd 内
-----------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .description {
	padding: 10px;
	border-top: dotted 1px #e3e3e3;
	color: #666;
	font-size: 11px;
}

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

#contents #sub .searchNav .catDetail .element .description {
	padding: 0;
	border-top: none;
	/* reset */
}

#contents #sub .searchNav .catDetail .element .item + .description {
	padding-left: 20px;
}

/* [[　　┃ + .none ]] *//*---------------*/
#contents #sub .searchNav .element .none .description {
	color: #ccc;
}

/* [[　　┃ + #freewordSearch ]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .catDetail .description {
	padding-top: 0;
	border-top: none;
}

/* [[　　┗ a / a.item]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .description a.item,
#contents #sub .searchNav .catDetail .element .description a.item,
#contents #sub .searchNav .catDetail .element .description a.item ~ a.item {
	display: inline-block;
	padding: 0;
	background: none;
	/* reset */
	margin: 5px 10px 0 0;
	color: #555;
}

#contents #sub .searchNav .catDetail .description a:hover,
#contents #sub .searchNav .catDetail .element .description a:hover,
#contents #sub .searchNav .catDetail .description a.item:hover,
#contents #sub .searchNav .catDetail .element .description a.item:hover,
#contents #sub .searchNav .catDetail .element .description a.item ~ a.item:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[　　　 + #freewordSearch ]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .catDetail .description a {
	margin-right: 10px;
}

/* [[=====================================================================]] */
/* [[.agentModal]] */
/*===========================================================================*/
/*[memo]
JJS非公開求人「ジョブキタ紹介に登録して応募」ボタンをクリックしたときに表示するモーダル
js（jQuery Magnific Popup）にて表示されます。
-----------------------------------------------------------------------------*/
.agentModal {
	position: relative;/* .agentModal_close */
	width: 640px;
	margin: 40px auto;
	padding: 40px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
	border-radius: 8px;
}

.agentModal_logo {
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.agentModal_logo img {
	width: 240px;
}

.agentModal_lead {
	margin-top: 20px;
	color: #333;
	font-size: 16px;
}
.agentModal_lead:first-child {
	margin-top: 0;
}
.agentModal_lead-attention {
	font-weight: bold;
}
.agentModal_lead-notes {
	font-size: 14px;
}

.agentModal_jobNo {
	margin-top: 20px;
	color: #333;
	font-size: 12px;
	text-align: center;
}

.agentModal_toEntry {
	margin-top: 20px;
	text-align: center;
}
.agentModal_toEntry a {
	display: inline-block;

	min-width: 260px;
	line-height: 38px;
	border: solid 1px #e90;
	box-sizing: border-box;

	color: #fff;
	font-weight: bold;
	font-size: 16px;
	background: #fa2;
	background:-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#ffc646),
			to(#fa2)
	);
	background:-webkit-linear-gradient(
			top,
			#ffc646,
			#fa2
	);
	background:linear-gradient(
			to bottom,
			#ffc646,
			#fa2
	);
	border-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}
.agentModal_toEntry a:hover {
	text-decoration: none;
	background: #fb4;
	text-shadow: none;
	-webkit-box-shadow: inset 0px 1px 0px #f0b040;
	box-shadow: inset 0px 1px 0px #f0b040;
}

.agentModal_close {
	position: absolute;
	top: 10px;
	right: 10px;

	width: 24px;
	height: 24px;
	background-color: #ccc;
	border-radius: 100px;
	cursor: pointer;
}
.agentModal_close:hover {
	background-color: #bbb;
}
.agentModal_close.mfp-close img,
.agentModal_close img {
	display: block;
	width: 12px;/* .mfp-close reset */
	height: 12px;/* .mfp-close reset */
	padding: 6px;/* .mfp-close reset / 24px - 12px / 2 */
	opacity: 1;/* .mfp-close reset */

	/* .mfp-close reset */
	position: static;
	top: auto;
	right: auto;
	font-size: 0;
	line-height: 0;
}

/* .mfp-close reset */
.agentModal_close.mfp-close img:hover {
	opacity: 1;
}
.agentModal_close.mfp-close img:active {
	top: 10px;
}



/* [[=====================================================================]] */
/* [[▽print style]] */
/*===========================================================================*/
@media print {
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	word-wrap: break-word;
}



}/*△print style*/



/* [[=====================================================================]] */
/* [[▽clearfix]] */
/*===========================================================================*/
#contents .relatedLink .linkList li.item,
#copyrightWrap,
#contentsLinks,
#contents .others .item,
#contents .spec ul,
#contents .jobData .jobSection .item dl,
#contents .jobData .sellingPoint,
#contents .toolbar,
#contents .editor,
#contents .selectItem,
#main,
#contentsWrap,
#header .hajLogin ul,
#globalNav .nav ul,
#globalNav .nav,
.clearfix
{ zoom:1; }

#contents .relatedLink .linkList li.item:after,
#copyrightWrap:after,
#contentsLinks:after,
#contents .others .item:after,
#contents .spec ul:after,
#contents .jobData .jobSection .item dl:after,
#contents .jobData .sellingPoint:after,
#contents .toolbar:after,
#contents .editor:after,
#contents .selectItem:after,
#main:after,
#contentsWrap:after,
#header .hajLogin ul:after,
#globalNav .nav ul:after,
#globalNav .nav:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html #contents .relatedLink .linkList li.item,
* html #copyrightWrap,
* html #contentsLinks,
* html #contents .others .item,
* html #contents .spec ul,
* html #contents .jobData .jobSection .item dl,
* html #contents .jobData .sellingPoint,
* html #contents .toolbar,
* html #contents .editor,
* html #contents .selectItem,
* html #main,
* html #contentsWrap,
* html #header .hajLogin ul,
* html #globalNav .nav ul,
* html #globalNav .nav,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}