@charset "UTF-8";



/* [[=====================================================================]] */
/* [[body#search]] */
/*===========================================================================*/

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #contentsHeader]] */
/*===========================================================================*/
/* [[┃┗ #categoryGuide]] */
/*___________________________________________________________________________*/
#categoryGuide {
	padding: 5px 0 0 0;
}

/* [[┃　┗ ul]] */
/*---------------------------------------------------------------------------*/
/* [[┃　　┗ li]] */
/*--------------------------------------------------*/
#categoryGuide li {
	display: inline-block;
	margin: 5px 5px 0 0;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#categoryGuide li a {
	display: block;
	padding: 5px 10px 5px 20px;
	border: solid 1px #8be;
	color: #49c;
	font-size: 11px;
	line-height: 1;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/search/cat_anchor_icon.png) no-repeat left center;
	border-radius: 5px;
}

#categoryGuide li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #8be;
}



/* [[=====================================================================]] */
/* [[#main > .searchNav]] */
/*===========================================================================*/
/*[memo]
例：「職種詳細検索」「駅検索」などで使用
#globalSearch から抜粋されたカテゴリのみの検索時に使用（ = #segmentSearch）

.searchNav.listType
.searchNav.ui-accordion = 開閉タイプ

※pc_base.css と同ソース使用。cssは下記で指定。
-----------------------------------------------------------------------------*/
#contents #main .searchNav {
	margin: 20px 0 0 0;
}

#contents #main .searchNav.ui-accordion,
#contents #main .searchNav.ui-accordion-toggle {
	padding: 5px;
	background: #f3f3f3;
	border-radius: 8px;
}

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

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 1st]] */
/*===========================================================================*/
/* [[┃┠ .searchCategory]] */
/*___________________________________________________________________________*/
#contents #main .searchNav .searchCategory {
	margin: 40px 0 0 0;
}

#contents #main .searchNav .searchCategory:first-child,
#contents #main .searchNav.ui-accordion .searchCategory,
#contents #main .searchNav.ui-accordion-toggle .searchCategory {
	margin-top: 0;
}

/* [[┃┃┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
#contents #main .searchNav .catTitle {
	padding: 10px;
	font-size: 16px;
	background: #8be;
	border-radius: 5px;
}

/* [[┃┃┃┃ + .ui-accordion-switch]] *//*---------------*/
#contents #main .searchNav .catTitle.ui-accordion-switch {
	cursor: pointer;
	padding: 9px;
	border: solid 1px #49c;
	border-top: 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-shadow: inset 0px 1px 0px #9ce;
	box-shadow: inset 0px 1px 0px #9ce;
	border-radius: 0;
	/* reset */
}

#contents #main .searchNav .searchCategory:first-child .catTitle.ui-accordion-switch {
	border-top: solid 1px #49c;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#contents #main .searchNav .searchCategory:nth-last-of-type(1) .catTitle.ui-accordion-switch {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#contents #main .searchNav .catTitle.ui-accordion-switch:hover {
	background: #8be;
	-webkit-box-shadow: inset 0 1px 0px #80b0e0;
	box-shadow: inset 0 1px 0px #80b0e0;
}

/* [[┃┃┃┃ + .ui-accordion-switch.open]] *//*---------------*/
#contents #main .searchNav .catTitle.ui-accordion-switch.open {
	border: solid 1px #8be;
	border-top: none;
	background: #8be;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#contents #main .searchNav .searchCategory:first-child .catTitle.ui-accordion-switch.open {
	border-top: solid 1px #8be;
	/* reset */
}

#contents #main .searchNav .searchCategory:nth-last-of-type(1) .catTitle.ui-accordion-switch.open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	/* reset */
}

/* [[┃┃┃┗ a]] */
/*--------------------------------------------------*/
#contents #main .searchNav .catTitle > a {
	display: block;
	margin: -10px;
	padding: 9px;
	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
	);
	-webkit-box-shadow: inset 0px 1px 0px #9ce;
	box-shadow: inset 0px 1px 0px #9ce;
	border-radius: 5px;
}

#contents #main .searchNav .catTitle > a:hover {
	background: #8be;
	-webkit-box-shadow: inset 0 1px 0px #80b0e0;
	box-shadow: inset 0 1px 0px #80b0e0;
}

/* [[┃┃┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #main .searchNav .catDetail {
	/* 未指定 */
}

/* [[┃┃　┃ + .ui-accordion-item]] *//*---------------*/
#contents #main .searchNav .catDetail.ui-accordion-item {
	display: none;
	padding-bottom: 20px;
}

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

/* [[┃　　┗ .return]] */
/*--------------------------------------------------*/
#contents #main .searchNav .return {
	padding: 10px 5px 5px 0;
	text-align: right;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#contents #main .searchNav .return a {
	display: inline-block;
	padding: 7px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	background: rgba(0,0,0,0.2);
	border-radius: 5px;
}

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

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 2nd]] */
/*===========================================================================*/
/* [[┃┗ .searchCategory]] */
/*___________________________________________________________________________*/#contents #main .searchNav .catDetail .searchCategory {
	margin-top: 15px;
	/* reset */
}

#contents #main .searchNav .catDetail .searchCategory:first-child {
	margin-top: 5px;
	/* reset */
}

#contents #main .searchNav .catDetail.ui-accordion-item .searchCategory {
	margin-top: 5px;
	overflow: hidden;
	border: solid 1px #ddd;
	background: #fff;
	border-radius: 5px;
}

/* [[┃　┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
#contents #main .searchNav .catDetail .catTitle {
	padding: 9px;
	font-size: 15px;
	background: #eef6ff;
	/* reset */
	border: solid 1px #e6f0f6;
}

/* [[┃　┃┃ + .ui-accordion-switch]] *//*---------------*/
#contents #main .searchNav .catDetail .catTitle.ui-accordion-switch {
	border: 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-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff;
	border-radius: 0;
	/* reset */
}

#contents #main .searchNav .catDetail .searchCategory:first-child .catTitle.ui-accordion-switch,
#contents #main .searchNav .searchCategory:first-child .catDetail .catTitle.ui-accordion-switch {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	/* reset */
}

#contents #main .searchNav .catDetail .searchCategory:nth-last-of-type(1) .catTitle.ui-accordion-switch {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	/* reset */
}

#contents #main .searchNav .catDetail .catTitle.ui-accordion-switch:hover {
	background: #fff;
	-webkit-box-shadow: inset 0 1px 1px #f3f3f3;
	box-shadow: inset 0 1px 1px #f3f3f3;
	/* reset */
}

/* [[┃　┃┃ + .ui-accordion-switch.open]] *//*---------------*/
#contents #main .searchNav .catDetail .catTitle.ui-accordion-switch.open {
	background: #eef6ff;
	-webkit-box-shadow: none;
	box-shadow: none;
	/* reset */
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
#contents #main .searchNav .catDetail .catTitle > a {
	border: solid 1px #d6dde6;
	background: #eef6ff;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #fff;
	/* resete */
}

#contents #main .searchNav .catDetail .catTitle > a:hover {
	background: #def;
	-webkit-box-shadow: inset 0 1px 1px #d9e9f9;
	box-shadow: inset 0 1px 1px #d9e9f9;
	/* resete */
}

/* [[┃　┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #main .searchNav .catDetail .searchCategory .catDetail {
	padding-bottom: 0;
}

/* [[┃　　┗ .return]] */
/*--------------------------------------------------*/
#contents #main .searchNav .catDetail .catDetail .return {
	padding: 10px;
	/* reset */
	border-top: solid 1px #ddd;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#contents #main .searchNav .catDetail .catDetail .return a {
	padding: 0;
	color: #49c;
	background: none;
	border-radius: 0;
	/* reset */
}

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

/* [[┃┃┃ + span.item]] *//*---------------*/
#contents #main .searchNav .catTitle a span.item {
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/search/sch_title_link.png);
	background-position: left 4px;
	background-repeat: no-repeat;
}

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

/* [[┃┃┃ + .ui-accordion-switch]] *//*---------------*/
#contents #main .searchNav .catTitle.ui-accordion-switch span.item {
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/search/sch_title_acd.png);
	background-position: left 5px;
	background-repeat: no-repeat;
}

#contents #main .searchNav .catTitle.ui-accordion-switch.open span.item {
	background-position: left -195px;
}

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

#contents #main .searchNav .catTitle a .item > span,
#contents #main .searchNav .catTitle.ui-accordion-switch .item > span {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

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

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

/* [[┃┃┃ + :hover]] *//*---------------*/
#contents #main .searchNav .catTitle a:hover .item > span,
#contents #main .searchNav .catTitle.ui-accordion-switch:hover .item > span {
	text-shadow: none;
}

/* [[┃┃┃ + 2nd]] *//*---------------*/
#contents #main .searchNav .catDetail .catTitle .item > span,
#contents #main .searchNav .catDetail .catTitle .item > a span {
	color: #135;
}

#contents #main .searchNav .catDetail .catTitle a .item > span,
#contents #main .searchNav .catDetail .catTitle.ui-accordion-switch .item > span {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

/* [[┃┃┃ + 2nd :hover]] *//*---------------*/
#contents #main .searchNav .catDetail .catTitle a:hover .item > span,
#contents #main .searchNav .catDetail .catTitle.ui-accordion-switch:hover .item > span {
	text-shadow: none;
}

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

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

/* [[┃┗ span.description]] */
/*___________________________________________________________________________*/
#contents #main .searchNav .catTitle .description {
	display: block;
	padding: 2px 0 0 0;
	color: rgba(255,255,255,0.8);
	font-weight: normal;
	font-size: 12px;
}

/* [[┃　 + 2nd]] *//*---------------*/
#contents #main .searchNav .catDetail .catTitle .description {
	color: #38b;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┗ common parts in .catDetail]] */
/*===========================================================================*/
/* [[　┗ .element]] */
/*___________________________________________________________________________*/
#contents #main .searchNav .element {
	margin: 15px 0 0 0;
	border-top: dotted 1px #ddd;
}

#contents #main .searchNav .element:first-child {
	margin-top: 0;
	border-top: none;
	/* reset */
}

/* [[　　┃ + 1st > .ui-accordion-item > ]] *//*---------------*/
#contents #main .searchNav .catDetail.ui-accordion-item .element {
	margin-top: 5px;
	padding: 0 15px 15px 15px;
	border: solid 1px #ddd;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
}

/* [[　　┃ + 2nd > .ui-accordion-item > ]] *//*---------------*/
#contents #main .searchNav .catDetail .catDetail.ui-accordion-item .element {
	margin-top: 0;
	border: none;
	background: none;
	border-radius: 0;
	/* reset */
	border-top: dotted 1px #ddd;
}

#contents #main .searchNav .catDetail .catDetail.ui-accordion-item .element:first-child {
	margin-top: 0;
	border-top: solid 1px #ddd;
	/* reset */
}

/* [[　　┗ li / dt / dd / div / a]] */
/*---------------------------------------------------------------------------*/
#contents #main .searchNav .element li,
#contents #main .searchNav .element dt,
#contents #main .searchNav .element dd {
	padding-top: 15px;
	font-size: 14px;
}

/* [[　　　┃ + li / dd]] *//*---------------*/
#contents #main .searchNav .element li,
#contents #main .searchNav .element dd {
	float: left;
	width: 50%;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* [[　　　┃ + dt]] *//*---------------*/
/*[memo]
clear both + margin 無効のため before で代用
----------------------------------------*/
#contents #main .searchNav .element dt {
	clear: both;
}

#contents #main .searchNav .element dt ~ dt:before {
	content: "　";
	display: block;
	height: 15px;/* dt padding 代用 */
	border-top: dotted 1px #ddd;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/* [[　　　┃ + dd]] *//*---------------*/
#contents #main .searchNav .element dd {
	font-size: 12px;
	/* reset */
	padding-left: 20px;
}

#contents #main .searchNav .element:first-child dt:first-child {
	border-top: none;
	/* reset */
}

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

/* [[　　　┠ .item / .formItem / .exeItem]] */
/*--------------------------------------------------*/
#contents #main .searchNav .element .item,
#contents #main .searchNav .element .formItem,
#contents #main .searchNav .element .exeItem {
	display: block;/* = a / label */
}

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

/* [[　　　┃┃ + p.item / a.item ]] *//*---------------*/
#contents #main .searchNav .element a p.item,
#contents #main .searchNav .element a.item {
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/search/sch_item_link.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}

#contents #main .searchNav .element a:hover p.item,
#contents #main .searchNav .element a.item:hover {
	background-position: left -197px;
}

#contents #main .searchNav .element .none a p.item,
#contents #main .searchNav .element .none a.item {
	padding-left: 0;
	background: none;
}

/* [[　　　┃┃ + label.item]] *//*---------------*/
#contents #main .searchNav .element label.item {
	position: relative;/* = span.selection laytou */
	padding-left: 20px;
	background: none;
	cursor: pointer;
}

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

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

/* [[　　　┃┃ + dd > ]] *//*---------------*/
#contents #main .searchNav .element dd a p.item,
#contents #main .searchNav .element dd a.item {
	padding-left: 17px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/search/sch_item_child_link.png);
	background-position: left 2px;
	/* reset */
}

#contents #main .searchNav .element dd a:hover p.item,
#contents #main .searchNav .element dd a.item:hover {
	background-position: left -198px;
	/* reset */
}

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

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

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

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

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

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

/* [[　　　┃┗ form]] */
/*------------------------------*/
#contents #main .searchNav .element label.item input {
	margin: 0;
}

/* [[　　　┗ .description]] */
/*--------------------------------------------------*/
#contents #main .searchNav .element .description {
	padding: 2px 0 0 0;
	color: #666;
	font-weight: normal;
	font-size: 11px;
}

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

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

#contents #main .searchNav .element .description a:hover {
	color: #00f;
	text-decoration: underline;
}



/* [[=====================================================================]] */
/* [[▽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 #main .searchNav .element,
.clearfix
{ zoom:1; }

#contents #main .searchNav .element:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html #contents #main .searchNav .element,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}