@charset "utf-8";

/* 
 * 1.General setting
 * 2.General parts setting
 * 3.header setting
 * 4.#container setting
 * 5.footer setting
 */


/*===================================================================
	General setting
===================================================================*/
body {
	min-width:320px;
	-webkit-text-size-adjust:100%;
}
img {
	max-width:100%;
	height:auto;
}

/*===================================================================
	General parts setting
===================================================================*/

/*-- #tagline --*/

#tagline {
	display:none;
}

/*-- .icon --*/

.icon {
	background-image:url(../images/icon_top_sprite.png);
	background-repeat:no-repeat;
	display:inline-block;
	*display:inline;
	*zoom:1;
	overflow:hidden;
	vertical-align:middle;
}
.icon.arrow-r-w {
	background-position: 0px -300px;width: 13px; height: 13px;
	margin:0 0 0 3px;
}
.icon.arrow-r-career {
	background-position: 0px -234px; width: 13px; height: 13px;
}
.icon.arrow-r-arbeit {
	background-position: 0px -257px; width: 13px; height: 13px;
}
.icon.arrow-r-haken {
	background-position: 0px -280px; width: 13px; height: 13px;
}
.icon.icon-category-career {
	background-position: 0px -0px; width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-area-career {
	background-position: 0px -26px;width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-feature-career {
	background-position: 0px -52px;width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-area-arbeit {
	background-position: 0px -78px;width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-detail-arbeit {
	background-position: 0px -104px;width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-feature-arbeit {
	background-position: 0px -130px;width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-area-haken {
	background-position: 0px -156px; width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-detail-haken {
	background-position: 0px -182px;width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.icon-feature-haken {
	background-position: 0px -208px;width: 18px; height: 16px;
	margin:-3px 5px 0 0;
}
.icon.arrow-r-circle{
	background-position: 0px -321px; width: 13px; height: 13px;
	margin:-3px 5px 0 0;
}
.icon.icon-slide {
	background-position: 0px -344px; width: 12px; height: 9px;
	margin:-2px 3px 0 0;
}
.open .icon.icon-slide {
	background-position: 0px -363px;
}



/*-- .logo --*/

.job-top-logo {
	background:url(../images/job_logo.png) 0 0 no-repeat;
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
	width:165px;
	height:27px;
}

.job-careers-logo {
	background:url(../images/careers_logo.png) 0 0 no-repeat;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:120px;
	height:27px;
	overflow:hidden;
	vertical-align:middle;
	margin:0;
}
.job-careers-logo span {
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
}
.job-arbeit-logo {
	background:url(../images/arbeit_logo.png) 0 0 no-repeat;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:185px;
	height:27px;
	overflow:hidden;
	vertical-align:middle;
	margin:0;
}
.job-arbeit-logo span {
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
}
.job-haken-logo {
	background:url(../images/haken_logo.png) 0 0 no-repeat;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:120px;
	height:27px;
	overflow:hidden;
	vertical-align:middle;
	margin:0;
}
.job-haken-logo span {
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
}



/*-- .label --*/

.label {
}
.label.label-careers {
	font-size:11px;
	width:65px;
	padding:2px 0 0;
	margin-right:3px;
}
.label.label-arbeit {
	font-size:11px;
	width:65px;
	padding:2px 0 0;
	margin-right:3px;
}
.label.label-haken {
	font-size:11px;
	width:65px;
	padding:2px 0 0;
	margin-right:0;
}

/*-- .btn --*/

.btn {
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-radius:3px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
.btn.btn-signup {
	background:#8ec84f;
	box-shadow:0 -3px 0 0 #80b447 inset;
	padding:5px 10px 5px 20px;
	margin-right:8px;
}

.btn.btn-signup:hover {
	background:#a1dc5a;
	box-shadow:0 -3px 0 0 #91c951 inset;
}
.btn.btn-signup:active{
	position:relative;
	top:2px;
	background:#8ec84f;
	box-shadow:0 -2px 0 0 #80b447 inset;
}
.btn.btn-login {
	background:#e2b004;
	box-shadow:0 -3px 0 0 #d2a404 inset;
	padding:5px 10px 5px 20px;
}
.btn.btn-login:hover {
	background:#f0c505;
	box-shadow:0 -3px 0 0 #e4b905 inset;
}
.btn.btn-login:active{
	position:relative;
	top:2px;
	background:#e2b004;
	box-shadow:0 -2px 0 0 #d2a404 inset;
}
.btn.btn-job-sec {
	position:relative;
	display:block;
	width:157px;
	padding:8px 25px;
	font-size:1.12em;
	font-weight:bold;
}
.btn.btn-job-sec .icon {
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-6.5px;
}
.btn.btn-job-sec:active {
	position:relative;
	top:2px;
}
.btn.btn-careers {
	background:#1b72f4;
	box-shadow:0 -3px 0 0 #165bc3 inset;
}
.btn.btn-careers:hover {
	background:#1f81fa;
	box-shadow:0 -3px 0 0 #1967d7 inset;
}
.btn.btn-careers:active {
	background:#1b72f4;
	box-shadow:0 -2px 0 0 #165bc3 inset;
}
.btn.btn-arbeit {
	background:#fb8e00;
	box-shadow:0 -3px 0 0 #e18000 inset;
}
.btn.btn-arbeit:hover {
	background:#fda100;
	box-shadow:0 -3px 0 0 #ef9100 inset;
}
.btn.btn-arbeit:active {
	background:#fb8e00;
	box-shadow:0 -2px 0 0 #e18000 inset;
}
.btn.btn-haken {
	background:#60ba00;
	box-shadow:0 -3px 0 0 #56a700 inset;
}
.btn.btn-haken:hover {
	background:#6dcf00;
	box-shadow:0 -3px 0 0 #62bc00 inset;
}
.btn.btn-haken:active {
	background:#60ba00;
	box-shadow:0 -2px 0 0 #56a700 inset;
}

/*===================================================================
	header setting
===================================================================*/

.head-area {
	text-align:left;
}
.head-area .inner {
	padding:0 10px;
	width:auto;
}
.head-area .head-logo .logo {
	float:none;
}
.head-area .logo a {
	float:none;
	display:inline-block;
}
.head-area .login-btn-area {
	float:right;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:9px 0 8px;
	max-width:210px;
	text-align:right;
}


/*===================================================================
	#container setting
===================================================================*/

#container {
}
#contents {
	width:auto;
	padding:0 10px;
}
#contents > .information {
}
#contents > .information p {
}

/*===================================================================
	.contents-top setting
===================================================================*/

.contents-top {
	margin-bottom:10px;
	text-align:center;
}
.contents-top .title {
	padding:6px 0 0;
	margin-bottom:10px;
	min-height:0;
}
.contents-top .title .pop-update{
	-webkit-background-size:40px auto;
	background-size:40px auto;
	width:40px;
	height:40px;
	margin-top:9px
}
.contents-top .title .title-detail {
	text-align:left;
	padding:0;
	margin-left:45px;
}
.contents-top .title .title-lead {
	margin-bottom:0;
}
.contents-top .title .title-lead .text {
	display:block;
	font-size:12px;
	padding-top:4px;
	font-weight:normal;
}
.contents-top .title .title-main {
	color:#333;
	text-rendering:optimizelegibility;
	letter-spacing:-1px;
	line-height:1.1;
}
.contents-top .title .title-main .size-l {
	font-size:16px;
	font-weight:bold;
	vertical-align:baseline;
	display:inline-block;
}
.contents-top .title .title-main .size-s {
	font-size:13px;
	font-weight:normal;
	vertical-align:baseline;
	display:inline-block;
}


/*===================================================================
	.main-contents setting
===================================================================*/

.main-conents {
	margin-bottom:25px;
}

/*------------------------------------------------
	.job-section setting
------------------------------------------------*/

.job-section {
	border-radius:5px;
	overflow:hidden;
	margin-bottom:20px;
}
.job-section .title {
	padding:0;
}
.job-section .title .title-detail {
	width:auto;
	padding:10px 10px 6px 10px;
	float:none;
}
.job-section .title .title-detail .lead {
	display:block;
	font-size:11px;
	padding-top:1px;
}
.job-section .title .job-num {
	float:none;
	display:block;
	text-align:center;
	padding:12px 10px 0;
	font-size:11px;
}
.job-section .title .job-num em {
	font-weight:bold;
	vertical-align:baseline;
	font-size:1.83em;
	color:#c90101;
}
.job-section .inner {
	padding:3px 10px 15px;
}
.job-section .inner .photo-area {
	float:none;
	margin:0 auto 20px;
}
.job-section .search-list {
	float:none;
	width:auto;
	margin:0;
}
.job-section .search-list .search-job-list {
	float:none;
	margin:0 0 20px;
}
.job-section .search-list .search-job-list:last-of-type {
	margin:0;
}
.job-section .search-list .search-job-list.size-l {
	width:auto;
}
.job-section .search-list .search-job-list.size-m {
	width:auto;
}
.job-section .search-list .search-job-list.size-s {
	width:auto;
}
.job-section .search-job-list dt {
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #dfdfdf;
}
.job-section .search-job-list dd {
	border-right:none;
	min-height:0;
}
.job-section .search-job-list.no-border dd {
	border-right:none;
}
.job-section .search-job-list .inner-list li {
	font-size:15px;
	margin-bottom:10px;
}
.job-section .search-job-list .inner-list.column-style li {
	float:left;
	width:50%;
}
.job-section .new-job {
	display:block;
	border-top:none;
}
.job-section .new-job .cell {
	display:block;
}
.job-section .new-job .new-job-title {
	text-align:left;
	padding:5px 10px;
	width:auto;
	height:auto;
}
.job-section .new-job .new-job-title .lead {
	font-size:13px;
	vertical-align:baseline;
	font-weight:normal;
	display:inline-block;
}
.job-section .new-job .new-job-title .num {
	font-size:13px;
	display:inline-block;
}
.job-section .new-job .new-job-title .num em {
	font-size:16px;
	vertical-align:baseline;
}
.job-section .new-job .new-job-detail {
	padding:0;
	width:auto;
	height:auto;
}
.job-section .new-job .new-job-detail .detail-list {
	padding:15px 10px;
	margin:0;
}
.job-section .new-job .new-job-detail .detail-list li {
	display:block;
	margin:0 0 10px;
}
.job-section .new-job .new-job-detail .detail-list li:last-child {
	margin:0;
}
.job-section .new-job .new-job-detail .more {
	padding:0;
	display:block;
	border-top:1px solid #dedede;
}
.job-section .new-job .new-job-detail .more a {
	padding:8px 0;
	display:block;
	text-align:center;
	background:#e9e9e9;
}

/*-- .job-section.careers --*/

.job-section.careers {
	border:3px solid #bed8ff;
}
.job-section.careers .title {
	border-bottom:none;
}
.job-section.careers .title .title-detail {
	border-bottom:4px solid #1755b2;
}

/*-- .job-section.arbeit --*/

.job-section.arbeit {
	border:3px solid #fedaba;
}
.job-section.arbeit .title {
	border-bottom:none;
}
.job-section.arbeit .title .title-detail {
	border-bottom:4px solid #f37b11;
}

/*-- .job-section.haken --*/

.job-section.haken {
	border:3px solid #d3f2a0;
}
.job-section.haken .title {
	border-bottom:none;
}
.job-section.haken .title .title-detail {
	border-bottom:4px solid #7aba11;
}


/*------------------------------------------------
	.content-box-wrap setting
------------------------------------------------*/

.content-box-wrap .box-left {
	float:none;
	width:auto;
}
.content-box-wrap .box-right {
	float:none;
	width:auto;
}


/*------------------------------------------------
	.content-box setting
------------------------------------------------*/

.content-box {
}
.content-box .title {
	padding:9px 10px 6px;
	font-size:18px;
}
.content-box .inner.slide-area {
}
.content-box .inner .lead {
	margin-bottom:5px;
	font-size:14px;
}
.content-box .inner-list {
	border-top:none;
}
.content-box .inner-list.no-border {
	border-top:none;
}
.content-box .inner-list li {
	border-top:1px dashed #999;
}
.content-box .inner-list:first-child li:first-child {
	border-top:none;
}
.content-box .inner-list li .photo img {
}
.content-box .inner-list .list-title {
	line-height:1;
}
.content-box .inner-list .list-title.font-s {
	font-size:16px;
	font-weight:bold;
}
.content-box .inner-list .list-title.font-l {
	font-size:18px;
	font-weight:bold;
}
.content-box .inner-list .list-title a {
}
.content-box .inner-list .text-box .text {
}
.content-box .more {
	padding:10px 0;
	font-size:15px;
}
.content-box .more:hover {
	background:#f9f9f9;
	color:#666;
}
.content-box .inner-list .photo-box  .photo {
	float:left;
}
.content-box .inner-list .photo-box .text-box {
	float:none;
}
.content-box .inner-list .photo-box.size-s  .photo {
	width:85px;
}
.content-box .inner-list .photo-box.size-m  .photo {
	width:85px;
}
.content-box .inner-list .photo-box.size-l  .photo {
	float:none;
	width:195px;
	margin:0 auto 8px;
}
.content-box .inner-list .photo-box.size-s .text-box {
	width:auto;
	margin-left:95px;
}
.content-box .inner-list .photo-box.size-m .text-box {
	width:auto;
	margin-left:95px;
}
.content-box .inner-list .photo-box.size-l .text-box {
	float:none;
}


/*-- .content-box.size-l --*/

.content-box.size-l .inner {
	padding:5px 10px;
}
.content-box.size-l .inner-list {
	padding-top:0;
	margin-bottom:0;
}
.content-box.size-l .inner-list.no-border {
	padding-top:0;
}
.content-box.size-l .inner-list li {
	float:none;
	width:auto;
	padding:10px 0;
}
.content-box.size-l .inner-list li:first-child {
	float:none;
	margin-top:0;
}
.content-box.size-l .inner-list .list-title {
	margin-bottom:5px;
}

/*-- .content-box.size-s --*/

.content-box.size-s .inner {
	padding:10px 10px;
}
.content-box.size-s .inner-list {
	padding-top:0;
	margin-bottom:0;
}
.content-box.size-s .inner-list.no-border {
	padding-top:0;
}
.content-box.size-s .inner-list li {
	padding:10px;
}
.content-box.size-s .inner-list .list-title {
	margin-bottom:8px;
}
.content-box.size-s .inner-list .text-box .text {
	font-size:1.05em;
}

/*------------------------------------------------
	.bnr-area setting
------------------------------------------------*/

.bnr-area {
	padding:15px 0 10px;
	margin-bottom:30px;
}
.bnr-area .bnr-list {
	float:none;
	margin-left:0;
}
.bnr-area .bnr-list li {
	float:none;
	width:auto;
	display:block;
	text-align:center;
	margin:0 0 15px;
}
.bnr-area .bnr-list li:last-child {
	margin:0;
}
.bnr-area .jooble-area {
	float:none;
	width:auto;
}

/*------------------------------------------------
	.about-area setting
------------------------------------------------*/

.about-area {
	border:3px solid #e3e3e3;
	border-radius:5px;
	padding:0;
	min-height:0;
}
.about-area .logo-area {
	border-bottom:4px solid #c90101;
	float:none;
	width:auto;
	padding:7px 10px;
}
.about-area .about-detail {
	float:none;
	width:auto;
	padding:10px;
}
.about-area .about-detail dt {
	font-size:13px;
	margin-bottom:5px;
}
.about-area .about-detail dd {
	font-size:11px;
}


/*===================================================================
	#contents-bottom setting
===================================================================*/

.contents-bottom {
}
.contents-bottom .module {
	padding:8px 0 0;
}
.contents-bottom .module.no-border {
}

/*------------------------------------------------
	.job-link-area setting
------------------------------------------------*/

.contents-bottom .job-link-area {
	margin-bottom:10px;
}
.contents-bottom .job-link-area dt {
	font-size:16px;
}
.contents-bottom .job-link-area dd {
	font-size:14px;
}

/*------------------------------------------------
	.job-company-area setting
------------------------------------------------*/

.contents-bottom .job-company-area {
	margin-bottom:15px;
}
.contents-bottom .job-company-area dt {
	font-size:18px;
}

/*------------------------------------------------
	.job-info-area setting
------------------------------------------------*/

.contents-bottom .job-info-area {
	margin-bottom:15px;
}
.contents-bottom .job-info-area ul {
	font-size:10px;
	line-height:1.5;
}

/*------------------------------------------------
	.job-contract-area setting
------------------------------------------------*/

.contents-bottom .job-contract-area {
	margin-bottom:10px;
}
.contents-bottom .job-contract-area p {
	font-size:12px;
}


/*===================================================================
	footer setting
===================================================================*/

.foot-area {
	background:#f3f3f3;
	padding:15px 10px 0;
}
.foot-area > .inner {
	width:auto;
	font-size:13px;
}
.foot-area > .inner > .pkg > p {
	float:none !important;
	width:auto !important;
	margin-bottom:10px !important;
	text-align:center !important;
	padding:0 !important;
}
.foot-area > .inner > .pkg > address {
	float:none !important;
	width:auto !important;
	text-align:center !important;
	font-size:11px !important;
	line-height:2;
}