@charset "UTF-8";



/*===========================================================================*/
/* [[一次産業ページ用 CSS]] */
/*===========================================================================*/
/*ヘッダー要素*/
.contentsHeader .mainTitle {
	text-align: left;
}
.contentsHeader .mainVisual {
	padding: 10px 0 0 0;
}


/*スライダー要素*/
.slider {
	position: relative;
	margin: 10px 0 0 0;
	padding: 15px 0 10px 0;
	border-top: 2px solid #ffcc33;
	border-bottom: 2px solid #ffcc33;
	background-color: #fffbe5;
}
.slider:before {
	position: absolute;
	display: inline-block;
	content: " ";
	top: 0;
	left: -1px;
	width: 35px;
	height: 100%;
	z-index: 1000;
	background: #fffbe5;
	background: linear-gradient(
	to right,
	#fffbe5,
	#fffbe5,rgba(255,255,255,0));
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#fffbe5),
		color-stop(0, #fffbe5),
		color-stop(0.5, #fffbe5),
		to(rgba(255,255,255,0))
	);
	background:-moz-linear-gradient(
		left,
		#fffbe5,
		#fffbe5 10%,
		#fffbe5 50%,
		rgba(255,255,255,0)
	);
}
.slider:after {
	position: absolute;
	display: inline-block;
	content: " ";
	top: 0;
	right: -1px;
	width: 35px;
	height: 100%;
	z-index: 1000;
	background: #fffbe5;
	background: linear-gradient(
	to left,
	#fffbe5,
	#fffbe5,rgba(255,255,255,0));
	background: -webkit-gradient(
	linear,
	right top,
	left top,
	from(#fffbe5),
	color-stop(0, #fffbe5),
	color-stop(0.5, #fffbe5),
	to(rgba(255,255,255,0))
	);
	background:-moz-linear-gradient(
	right,
	#fffbe5,
	#fffbe5 10%,
	#fffbe5 50%,
	rgba(255,255,255,0)
	);
}
.slider .ui-slider {
	overflow: hidden;
}
.slider .ui-slider-container {
	width: 1380px;
	margin: 0 0 0 -210px;
}
.slider .ui-slider-container .ui-slider-content img {
	width: 440px;
}
.ui-slider-loader {
	background-color: #fffbe5;
}
.ui-slider-loader img {
	text-align: center;
}
/*スライダー丸ナビ*/
.slider .ui-slider-nav {
	text-align: center;
}
.slider .ui-slider-nav span {
	padding: 0 5px 0 0;
}
.slider .ui-slider-nav span:last-of-type {
	padding: 0;
}
.slider .ui-slider-nav span img {
	width: 10px;
	height: 10px;
}
.slider .ui-slider-nav span.active {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/common/slider_nav_02.png);
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: 0 0;
}
.slider .ui-slider-nav span.active img {
	display: none;
}
/*prev,next*/
.slider .sliderButton {
	/*未使用*/
}
.slider .sliderButton .prev,
.slider .sliderButton .next {
	width: 30px;
	height: 30px;
	border: 0;
	cursor: pointer;
}
.slider .sliderButton .prev {
	position: absolute;
	top: 68px;
	left: 236px;
}
.slider .sliderButton .prev  img {
	position: absolute;
	top:0;
}
.slider .sliderButton .next {
	position: absolute;
	top: 68px;
	right: 236px;
}
.slider .sliderButton .next img {
	position: absolute;
	top:-215px;
}
.slider .sliderButton input {
	outline: none;
}


/*共通要素*/
.block {
	margin: 30px 0 0 0;
}
.block_wrap {
	display: table;
	margin: 0 -20px 0 -20px;
	border-spacing: 20px 0;
}
.block_first {
	display: table-cell;
	width: 50%;
}
.block_second {
	display: table-cell;
	width: 50%;
}
.block_frame-gray {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 25px 30px;
	border: 2px solid #eee;
	border-radius: 8px;
}
.block .subTitle {
	position: relative;
	font-size: 20px;
	font-weight: normal;
	color: #c0323c;
	padding: 0 0 0 55px;
}


/* 一次産業の求人情報掲載中！ */
.block_job {
	/*未設定*/
}
.block_job .subTitle:before {
	position: absolute;
	content: "　";
	top: -7px;
	left: 0;
	width: 48px;
	height: 44px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/headline_icon.png) no-repeat top left;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.block_job p {
	padding: 20px 0 0 0;
}
.block_job .btn {
	position: relative;
	display: block;
	margin: 10px 0 0 0;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: #88bbee;
}
.block_job .btn:after {
	position: absolute;
	content: "　";
	top: 15px;
	right: 20px;
	width: 15px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/sch_item_link.png);
	background-repeat: no-repeat;
	background-position: 0px -400px;
}


/* 一次産業の基礎知識 */
.block_basic {
	/*未設定*/
}
.block_basic .subTitle:before {
	position: absolute;
	content: "　";
	top: -7px;
	left: 0;
	width: 48px;
	height: 44px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/headline_icon.png) no-repeat top left;
	background-repeat: no-repeat;
	background-position: 0 -234px;
}
.block_basic p {
	padding: 20px 0 0 0;
}
.block_basic .naviBar {
	padding: 10px 0 0 0;
}
.block_basic li {
	float: left;
	margin: 0 20px 0 0;
}
.block_basic li:last-of-type {
	margin: 0;
	}
.block_basic li a {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	width: 118px;
	padding: 10px;
	text-align: center;
	color: #59493f;
	border: 1px solid #eee;
	background: #fffbe5;
}
.block_basic li a:after {
	position: absolute;
	content: "　";
	top: 13px;
	right: 15px;
	width: 6px;
	height: 14px;
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/publish_link.png);
	background-repeat: no-repeat;
	background-position: 0;
}


/* 農業・酪農、漁業、林業の求人 */
.block_jobSearch .subTitle:before {
	position: absolute;
	content: "　";
	top: -7px;
	left: 0;
	width: 48px;
	height: 44px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/headline_icon.png) no-repeat top left;
	background-repeat: no-repeat;
	background-position: 0 -468px;
}
.block_jobSearch p {
	padding: 20px 0 0 0;
}
.block_jobType,
.block_area {
	display: table-cell;
	width: 430px;
	padding: 20px 0 0 0;
}
.block_jobType .catTitle,
.block_area .catTitle {
	position: relative;
	padding: 5px 0;
	color: #88bbee;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	border: 1px solid #88bbee;
	border-radius: 4px;
}
.block_jobType .catTitle:after,
.block_area .catTitle:after {
	position: absolute;
	content: "　";
	bottom: -8px;
	left: 50%;
	width: 14px;
	height: 8px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/common/sch_headline_bg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 14px 8px;
}
.block_jobType .catTitle span,
.block_area .catTitle span {
	font-size: 14px;
}
.block_jobType .itemList,
.block_area .itemList {
	padding: 20px 0 0 0;
}
.block_jobType ul li,
.block_area ul li {
	box-sizing: border-box;
	float: left;
}
.block_jobType ul li a,
.block_area ul li a {
	display: inline-block;
	position: relative;
	padding: 10px 0 10px 20px;
	width: 164px;
	margin: 0 20px 0 0;
	border-bottom: 1px dotted #eee;
}
.block_jobType ul li a:nth-child(even),
.block_area ul li a:nth-child(even) {
	margin: 0;
}
.block_jobType ul li a:before,
.block_area ul li a:before {
	position: absolute;
	content: "　";
	top: 13px;
	left: 0;
	width: 15px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/sch_item_link.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* 農・林・漁業の仕事人file */
.block_jobFile {
	padding: 20px 0 0 0;
	border-top: 2px dotted #ccc;
}
.block_jobFile .subTitle:before {
	position: absolute;
	content: "　";
	top: -7px;
	left: 0;
	width: 48px;
	height: 44px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/headline_icon.png) no-repeat top left;
	background-repeat: no-repeat;
	background-position: 0 -702px;
}
.block_jobFile .headLine {
	position: relative;
	min-height: 43px;
}
.block_jobFile .headLine .btn {
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	width: 120px;
	padding: 10px;
	text-align: center;
	color: #59493f;
	border: 1px solid #eee;
	background: #fffbe5;
}
.block_jobFile .headLine .btn:after {
	position: absolute;
	content: "　";
	top: 13px;
	right: 10px;
	width: 6px;
	height: 14px;
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/publish_link.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.publishList {
	position: relative;
	display: table;
	padding: 20px 0 0 0;
	margin: 0 -40px 0 -20px;
	border-spacing: 20px 0;
}
.publishList li {
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table-cell;
	width: 220px;
	padding: 10px 10px 50px 10px;
	margin: 0 20px 0 0;
	border-top: 2px solid #ffcc33;
	border-bottom: 2px solid #ffcc33;
	background: #fffbe5;
}
.publishList li a {
	color: #333;
}
.publishList li:last-child {
	margin: 0;
}
.publishList li .publishTitle {
	/*未設定*/
}
.publishList li .publishTitle img,
.publishList li .publishTitle .headline {
	float: left;
}
.publishList li .publishTitle img {
	width: 31%;
}
.publishList li .publishTitle .headline {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 69%;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.publishList li .update,
.publishList li .lead {
	font-size: 12px;
}
.publishList li .update {
	padding: 5px 0 0 0;
	font-weight: bold;
}
.publishList li .lead {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.publishList li .more {
	position: absolute;
	width: 180px;
	bottom: 0;
	display: block;
	margin: 5px 0 0 0;
	padding: 5px 15px 10px 0;
	font-size: 12px;
	color: #59493f;
	text-align: right;
	border-top: 1px dotted #ccc;
}
.publishList li .more:after {
	position: absolute;
	content: "　";
	top: 8px;
	right: 0;
	width: 6px;
	height: 14px;
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/publish_link.png);
	background-repeat: no-repeat;
	background-position: 0;
}


/* ジョブキタの姉妹サイト */
.block_sisterSite {
	position: relative;
	margin: 80px 0 0 0;
	border: 3px solid #88bbee;
	border-radius: 8px;
}
.block_sisterSite:before {
	position: absolute;
	content: "　";
	top: -40px;
	left: 30px;
	width: 228px;
	height: 81px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/ichijisangyo/hajlink_headline.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.block_sisterSite .headLine {
	padding: 15px 35px;
	font-size: 16px;
	color: #6699dd;
	text-align: right;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	background: #eef6ff;
}
.block_sisterSite dl {
	display: table;
	line-height: 0;
	font-size: 0;
	padding: 20px 40px;
	border-bottom: 1px solid #f5f5f5;
}
.block_sisterSite dl:last-of-type {
	border-bottom: none;
}
.block_sisterSite dl a {
	display: inline-block;
	color: #333;
}
.block_sisterSite dl dt,
.block_sisterSite dl dd {
	display: table-cell;
	line-height: 1.5;
	font-size: 14px;
	vertical-align: middle;
}
.block_sisterSite dt img {
	width: 102px;
	vertical-align: middle;
}
.block_sisterSite dd {
	box-sizing: border-box;
	width: 752px;
	padding: 0 0 0 30px;
}


/* バナー */
.block_banner {
	/*未設定*/
}
.block_banner img {
	display: block;
}
.block_banner p {
	padding: 10px 0 0 0;
}


/* テキスト版告知要素 */
.textInfo {
	/* 未指定 */
}
.textInfo_title {
	font-size: 20px;
	font-weight: normal;
	color: #c0323c;
}
.textInfo_catch {
	margin-top: 10px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}
.textInfo_lead {
	margin-top: 10px;
	font-size: 14px;
}



/* [[=====================================================================]] */
/* [[▽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]] */
/*===========================================================================*/
.publishList li .publishTitle,
.block_jobFile ul,
.clearfix
{ zoom:1; }

.publishList li .publishTitle:after,
.block_jobFile ul:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html .publishList li .publishTitle,
* html .block_jobFile ul,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}