/* ==========================================
■【PC】HR Widget
========================================== */
#nhrWidget{
	width:298px;
	height:598px;
	background:#ffffff;
	border:1px solid #999;
	position:relative;
}
#nhrWidget h2.nhrWidgetHeader{
	margin:0;
	padding:0;
}
#nhrWidget h2.nhrWidgetHeader a,
#nhrWidget h2.nhrWidgetHeader a img{
	width:298px;
	text-align:center;
	display:block;
}
#nhrWidget .nhrWidgetOptOutBottnArea{
	width:14px;
	height:14px;
	position:absolute;
	top:0;
	right:0;
}
#nhrWidget .nhrWidgetOptOutBottnArea .nhrWidgetOptOutBottn{
	width:14px;
	height:14px;
	border:none;
	background:url(/images/n/hr/2017/icon/optOutButton.png) no-repeat left top;
	cursor: pointer;
	display:block;
}
#nhrWidget div.nhrWidgetInnnerBox{
	padding:0 7px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList{
	width:284px;
	height:359px;
	margin:0 auto 6px;
	padding:0;
	border:1px solid #ccc;
	overflow:hidden;
	overflow-y: scroll;
	list-style:none;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li{
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li:last-child{
	border-bottom:0;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li a{
	height:51px;
	margin:0;
	padding:8px 7px;
	display:block;
	text-decoration:none;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li a:hover{
	background:#eeeeee;
	/*
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	*/
	opacity: 0.3;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p{
	height:16px;
	margin:0 0 3px;
	font-size:12px;
	overflow:hidden;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetJobNo{
	width:39px;
	height:16px;
	margin:0 5px 0 0;
	float:left;
	background:#EB5700;
	text-align:center;
	line-height:14px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetJobNo.no1{
	background:#A49000;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetJobNo.no2{
	background:#808080;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetJobNo.no3{
	background:#824900;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetJobNo img{
	text-align:center;
	vertical-align:middle;
	display:inline;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetMainWorkLocation{
	margin:0 8px 0 0;
	color:#505050;
	line-height:16px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetIncome{
	font-weight:bold;
	color:#000;
	line-height:16px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetCompanyName{
	font-weight:bold;
	color:#000;
	line-height:16px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetNewIcon{
	border-bottom:1px solid #ff0000;
	font-weight:bold;
	color:#ff0000;
	float:right;
	line-height:15px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li h3{
	margin:0 0 3px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:14px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetOfferDistinction{
	height:15px;/*13から変更*/
	margin:0;
	padding:0;
	font-size:12px;/*11から変更*/
	overflow:hidden;
/*	text-align:right; */
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetOfferDistinction span{
	margin:2px 0 0 6px;/*2017-0605　0 0 0 4pxから変更*/
/*	padding:0 4px;*/
	display:inline-block;
	height:18px;/*追加*/
	color:#505050;/*2017-0605　#fffから変更*/
	line-height:13px;/*2017-0605　13pxから変更*/
/*	background:#fff;*2017-0605　#999から変更*/
	vertical-align:middle;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetOfferDistinction span:first-child{
	margin:2px 0 0 0;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetProviderSiteName{
	margin:0;
	padding:0;
	font-size:11px;
	color:#505050;
	text-align:right;
	line-height:16px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li.nhrWidgetNotLogin{
	height:51px;
	margin:0;
	padding:8px 7px;
	font-size:13px;
	font-weight:bold;
	color:#eb5700;
	text-align:center;
	line-height:16px;
}
#nhrWidget div.nhrWidgetInnnerBox ul.nhrWidgetList li.nhrWidgetNotLogin img{
	vertical-align:text-bottom;
	display:inline;
}
#nhrWidget div.nhrWidgetUnderBanner{
	margin:0 auto;
}
#nhrWidget div.nhrWidgetUnderBanner a{
	width:286px;
	height:167px;
	margin:0 auto;
	display:block;
}
#nhrWidget div.nhrWidgetUnderBanner a img{
	display:block;
}
/* ローダー */
#nhrWidget .loader{
	padding:283px 0 0;
	text-align:center;
}
/* エラーメッセージ */
#nhrWidget .errMsg{
	padding:283px 0 0;
	text-align:center;
}

/* ==========================================
■【SP】HR Widget
========================================== */
#nhrWidgetSP{
	width:100%;
	height:478px;
	margin:0 auto;
	border:1px solid #999;
	position:relative;
}
#nhrWidgetSP h2.nhrWidgetHeader{
	margin:0;
	padding:0;
	background-color:#000000;//★バックを黒に
}
#nhrWidgetSP h2.nhrWidgetHeader a{
	display:block;
}
#nhrWidgetSP h2.nhrWidgetHeader a img{
	display:block;
	margin:0 auto;
}
#nhrWidgetSP .nhrWidgetOptOutBottnArea{
	width:16px;
	height:16px;
	position:absolute;
	top:0;
	right:0;
}
#nhrWidgetSP .nhrWidgetOptOutBottnArea .nhrWidgetOptOutBottn{
	width:16px;
	height:16px;
	border:none;
	background:url(/images/n/hr/2017/icon/optOutButtonSp.png) no-repeat left top;
	cursor: pointer;
	display:block;
}
#nhrWidgetSP div.nhrWidgetInnnerBox{
	margin:0 4px 5px;
	padding:0;
	border:1px solid #ccc;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList{
	margin:0;
	padding:0;
	list-style:none;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li{
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	font-size:10px;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li a{
	height:44px;
	margin:0;
	padding:7px 8px 8px;
	display:block;
	text-decoration:none;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li a:active{
	background:#eeeeee;
	/*
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	*/
	opacity: 0.3;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p{
	height:14px;
	margin:0;
	padding:1px 0 0;
	font-size:11px;
	overflow:hidden;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetJobNo{
	width:34px;
	height:14px;
	margin:0 5px 0 0;
	float:left;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetMainWorkLocation{
	margin:0 8px 0 0;
	color:#505050;
	float:left;
	line-height:16px;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetIncome{
	font-weight:bold;
	color:#000;
	float:left;
	line-height:16px;
	display:inline-block;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetCompanyName{
	font-weight:bold;
	color:#000;
	float:left;
	line-height:16px;
	display:inline-block;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p span.nhrWidgetNewIcon{
	padding:2px 0 0;
	border-bottom:1px solid #ff0000;
	color:#ff0000;
	float:right;
	font-weight:bold;
	line-height:11px;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li h3{
	margin:0;
	padding:2px 0 0;
	font-size:12px;
	font-weight:bold;
	color:#000;
	line-height:12px;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetOfferDistinction{
	height:13px;
	margin:0;
	padding:0;
	font-size:11px;
	overflow:hidden;
/*	text-align:right;*/
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetOfferDistinction span{
	margin:2px 0 0 6px;/*2017-0605　0 0 0 4pxから変更*/
/*	padding:0 4px;*/
	display:inline-block;
	font-size:9px;
	color:#505050;/*2017-0605　#fffから変更*/
	line-height:13px;
/*	background:#fff;*2017-0605　#999から変更*/
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetOfferDistinction span:first-child{
	margin:0;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li p.nhrWidgetProviderSiteName{
	margin:0;
	padding:0;
	font-size:10px;
	color:#505050;
	text-align:right;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li.nhrWidgetNotLogin{
	padding:8px;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul.nhrWidgetList li.nhrWidgetNotLogin p.nhrWidgetNotLoginText{
	width:220px;
	height:42px;
	margin:0 auto;
	padding:0 0 0 30px;
	background:#fff url(/images/n/hr/2017/icon/cautionIconSp.png) no-repeat 0 center;
	font-size:12px;
	font-weight:bold;
	color:#eb5700;
	line-height:14px;
}
/* ページネーション */
#nhrWidgetSP div.nhrWidgetInnnerBox div.nhrWidgetPrevBtn{
	width:43px;
	height:49px;
	padding:9px 0 0;
	display:block;
	background:#B3B3B3;
	/*
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	*/
	opacity: 0.8;
	position:absolute;
	text-align:center;
	top:157px;
	left:0;
}
#nhrWidgetSP div.nhrWidgetInnnerBox div.nhrWidgetNextBtn{
	width:43px;
	height:49px;
	padding:9px 0 0;
	display:block;
	background:#B3B3B3;
	/*
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	*/
	opacity: 0.8;
	position:absolute;
	text-align:center;
	top:157px;
	right:0;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul#nhrWidgetPageNavi{
	height:26px;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul#nhrWidgetPageNavi li{
	width:10px;
	height:10px;
	margin:0;
	padding:8px 0;
	display:inline-block;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul#nhrWidgetPageNavi li a {
	display:block;
}
#nhrWidgetSP div.nhrWidgetInnnerBox ul#nhrWidgetPageNavi li a img{
	margin:0;
	padding:0;
	display:block;
}
/* ボトムバナー */
#nhrWidgetSP div.nhrWidgetUnderBanner{
	margin:0 auto 5px;
}
#nhrWidgetSP div.nhrWidgetUnderBanner a{
	width:308px;
	height:97px;
	margin:0 auto;
	display:block;
}
#nhrWidgetSP div.nhrWidgetUnderBanner a img{
	display:block;
}
/* ローダー */
#nhrWidgetSP .loader{
	padding:223px 0 0;
	text-align:center;
}
/* エラーメッセージ */
#nhrWidgetSP .errMsg{
	padding:223px 0 0;
	text-align:center;
}

/* ==========================================
■slick
========================================== */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list{
    background: #fff url('/images/n/hr/2017/icon/loader.gif') center center no-repeat;
}

/* Icons */
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('/css/n/hr/2017/fonts/slick.eot');
    src: url('/css/n/hr/2017/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/css/n/hr/2017/fonts/slick.woff') format('woff'), url('/css/n/hr/2017/fonts/slick.ttf') format('truetype'), url('/css/n/hr/2017/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 52px;
    height: 49px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: gray;
}
.slick-prev{
	z-index:998;
  opacity: .50;
  left: -5px;
	background:#B3B3B3 url(/images/n/hr/2017/icon/prevBtn.png) no-repeat center center;
}
.slick-next{
	z-index:999;
  opacity: .50;
  right: -5px;
	background:#B3B3B3 url(/images/n/hr/2017/icon/nextBtn.png) no-repeat center center;
}
/* Dots */
.slick-dots{
	height:26px;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.slick-dots li{
	padding:8px 0;
	display:inline-block;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 10px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #ffffff;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 10px;
    line-height: 10px;
    width: 10px;
    height: 10px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #dcdcdc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: 1;
    color: #eb5700;
}