@charset "utf-8";

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


/*===================================================================
	General setting
===================================================================*/
body,div,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,th,td,dl,dt,dd,ul,ol,li,form,fieldset,textarea,table{
	margin:0;
	padding:0;
	font-size:100%;
}

html{
	width:100%;
	height:100%;
	overflow-y:scroll;
}

body{
	width:100%;
	height:100%;
	min-height:100%;
	color:#333;
	font-size:small;
	_font-size:x-small;	/*IE6*/
	line-height:1.37;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック';
	word-break:normal;
	word-wrap:break-word;
	min-width:960px;
}

html>body{height:auto;}

ul,
ol{list-style:none;}

table{border-collapse:collapse;line-height:1.37;}

table caption,
table th,
table td{text-align:left;vertical-align:top;}

hr{display:none;}

img{border:0;vertical-align:top;}

a{color:#0052e9; text-decoration:underline;}
a:hover{text-decoration:none;}

em{font-weight:bold;font-style:normal;}

input{line-height:normal;}

address{font-style:normal;}

pre{
	white-space:-moz-pre-wrap; /* Mozilla */
	white-space:-pre-wrap; /* Opera 4-6 */
	white-space:-o-pre-wrap; /* Opera 7 */
	white-space:pre-wrap; /* CSS3 */
}


/*--[class]-----------------------------------------------------*/

.clear-both{clear:both;}

.caution{color:#CC0000 !important;}

.no-script {
	border:3px solid #c90101;
	background:#fff;
	margin:0 25px 10px;
	padding:10px 15px;
	font-weight:bold;
	color:#c90101;
	font-size:1.12em;
}

.disp-none,
.skip-nav {text-indent:-9999px;position:absolute;overflow:hidden;}


/* clearfix */
.pkg{zoom:1;}
.pkg:after{content:'';display:block;clear:both;}



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

/*-- #tagline --*/

#tagline {
	position:absolute;
	top:0;
	left:170px;
	display:block;
	color:#555;
	width:580px;
	min-height:45px;
	text-rendering:optimizelegibility;
	letter-spacing:-0.5px;
}
#tagline span {
	display:table-cell;
	vertical-align:middle;
	width:585px;
	height:45px;
	line-height:1.2;
	*display:block;
	*height:auto;
	*padding-top:10px;
}

/*-- .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 auto;
	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:-3px 20px 0 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:-3px 20px 0 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:-3px 20px 0 0;
}
.job-haken-logo span {
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
}



/*-- .label --*/

.label {
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-radius:4px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.label.label-careers {
	background:#5995ef;
	font-size:1.12em;
	width:95px;
	padding:4px 0 2px;
	margin-right:5px;
}
.label.label-arbeit {
	background:#f29a4c;
	font-size:1.12em;
	width:95px;
	padding:4px 0 2px;
	margin-right:5px;
}
.label.label-haken {
	background:#89c945;
	font-size:1.12em;
	width:95px;
	padding:4px 0 2px;
	margin-right:5px;
}

/*-- .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 {
	border-top:3px solid #c90101;
	border-bottom:1px solid #d3d3d3;
	background:#fafafa;
	min-height:42px;
	text-align:left;
}
.head-area .inner {
	width:960px;
	margin:0 auto;
	position:relative;
}
.head-area .head-logo .logo {
	float:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-top:10px;
}
.head-area .logo a {
	background-image:url(../images/job_logo.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
}
.head-area .logo a.nifty-logo {
	background-position:0 0;
	width:67px;
	height:27px;
}
.head-area .logo a.site-job-logo {
	background-position:-67px 0;
	width:98px;
	height:27px;
}
.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 {
	background:url(../images/bg_jobtop_main.png) 0 0 repeat-x;
}
#contents {
	width:910px;
	margin:0 auto;
	padding:0 25px;
	background:#fff;
	text-align:left;
}
#contents > .information {
	padding:10px 0 5px;
}
#contents > .information p {
	font-size:.93em;
	color:#666;
}

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

.contents-top {
	margin-bottom:25px;
}
.contents-top .title {
	padding:6px 0 0;
	margin-bottom:10px;
	min-height:90px;
}
.contents-top .title .pop-update{
	float:left;
	background:url(../images/bg_pop_update.png) 0 0 no-repeat;
	width:90px;
	height:90px;
	display:block;
	text-align:left;
	text-indent:-9999px;
}
.contents-top .title .title-detail {
	padding:4px 0 0;
	margin-left:95px;
}
.contents-top .title .title-lead {
	margin-bottom:5px;
}
.contents-top .title .title-lead .text {
	font-size:1.53em;
	font-weight:bold;
	vertical-align:middle;
	color:#666;
}
.contents-top .title .title-main {
	color:#333;
	text-rendering:optimizelegibility;
	letter-spacing:-2.5px;
	line-height:1.2;
}
.contents-top .title .title-main .size-l {
	font-size:4em;
	font-weight:bold;
	vertical-align:baseline;
}
.contents-top .title .title-main .size-s {
	font-size:3em;
	font-weight:normal;
	vertical-align:baseline;
}
.contents-top .company img {
	display:inline;
}

/*===================================================================
	.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:8px 15px;
}
.job-section .title .title-detail {
	float:left;
	width:630px;
	padding-top:6px;
}
.job-section .title .title-detail .lead {
	font-weight:normal;
	font-size:1.12em;
}
.job-section .title .job-num {
	float:right;
	text-align:right;
	font-size:.93em;
}
.job-section .title .job-num em {
	font-weight:bold;
	vertical-align:baseline;
	font-size:1.83em;
	color:#c90101;
}
.job-section .inner {
	padding:15px;
}
.job-section .inner .photo-area {
	float:left;
	width:207px;
}
.job-section .inner .photo-area .photo {
	margin-bottom:5px;
}
.job-section .search-list {
	float:right;
	width:660px;
	margin:0 0 0 -20px;
}
.job-section .search-list .search-job-list {
	float:left;
	margin-left:20px;
}
.job-section .search-list .search-job-list.size-l {
	width:245px;
}
.job-section .search-list .search-job-list.size-m {
	width:205px;
}
.job-section .search-list .search-job-list.size-s {
	width:150px;
}
.job-section .search-job-list dt {
	font-weight:bold;
	font-size:1.35em;
	margin-bottom:8px;
}
.job-section .search-job-list dd {
	border-right:1px dashed #999;
	min-height:115px;
}
.job-section .search-job-list.no-border dd {
	border-right:none;
}
.job-section .search-job-list .inner-list li {
	font-size:1.05em;
	margin-bottom:3px;
}
.job-section .search-job-list .inner-list li.clear-l {
	clear:left;
}
.job-section .search-job-list .inner-list.column-style li {
	float:left;
	width:100px;
}
.job-section .new-job {
	display:table;
	width:100%;
	table-layout:fixed;
	border-top:1px solid #dfdfdf;
}
.job-section .new-job .cell {
	display:table-cell;
	vertical-align:middle;
	*float:left;
}
.job-section .new-job .new-job-title {
	text-align:center;
	color:#fff;
	background:#949494;
	padding:5px 0;
	width:130px;
	height:65px;
	*height:auto;
	*min-height:65px;
}
.job-section .new-job .new-job-title .lead {
	font-size:1.12em;
	font-weight:bold;
}
.job-section .new-job .new-job-title .num {
	font-size:1.46em;
	font-weight:normal;
}
.job-section .new-job .new-job-title .num em {
	font-size:1.21em;
	font-weight:bold;
	vertical-align:baseline;
}
.job-section .new-job .new-job-detail {
	background:#fbfbfb;
	padding:5px 20px;
	width:734px;
	height:65px;
	*height:auto;
	*min-height:65px;
}
.job-section .new-job .new-job-detail .detail-list {
	margin:-3px 0 0 -30px;
}
.job-section .new-job .new-job-detail .detail-list li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:3px 0 0 30px;
}
.job-section .new-job .new-job-detail .more {
	padding-top:2px;
}

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

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

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

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

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

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


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

.content-box-wrap .box-left {
	float:left;
	width:675px;
}
.content-box-wrap .box-right {
	float:right;
	width:220px;
}


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

.content-box {
	border:2px solid #e3e3e3;
	border-radius:5px;
	overflow:hidden;
	margin-bottom:15px;
}
.content-box .title {
	padding:9px 15px 6px;
	border-bottom:4px solid #c90101;
	background:#f7f7f7;
	color:#510b0b;
	font-size:1.53em;
}
.content-box .inner.slide-area {
}
.content-box .inner .lead {
	margin-bottom:5px;
	font-size:1.05em;
}
.content-box .inner-list {
	border-top:1px dashed #999;
}
.content-box .inner-list.no-border {
	border-top:none;
}
.content-box .inner-list li {
	-webkit-transition:all ease 0.2s;
	transition:all ease 0.2s;
}
.content-box .inner-list li:hover {
	cursor:pointer;
	background:#fff9e8;
}
.content-box .inner-list li:hover a {
	text-decoration:none;
}
.content-box .inner-list li .photo img {
	-webkit-transition:all ease 0.2s;
	transition:all ease 0.2s;
}
.content-box .inner-list li:hover .photo img {
	background:#fff;
	opacity:0.8;
}
.content-box .inner-list .list-title {
	line-height:1;
}
.content-box .inner-list .list-title.font-s {
	font-size:1.12em;
	font-weight:bold;
}
.content-box .inner-list .list-title.font-l {
	font-size:1.38em;
	font-weight:bold;
}
.content-box .inner-list .list-title a {
}
.content-box .inner-list .text-box .text {
	color:#666;
	line-height:1.45;
}
.content-box .more {
	background:#f7f7f7;
	text-align:center;
	display:block;
	padding:8px 0;
	font-size:1.05em;
	color:#333;
}
.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:right;
}
.content-box .inner-list .photo-box.size-s  .photo {
	width:100px;
}
.content-box .inner-list .photo-box.size-m  .photo {
	width:120px;
}
.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:190px;
}
.content-box .inner-list .photo-box.size-m .text-box {
	width:170px;
}
.content-box .inner-list .photo-box.size-l .text-box {
	float:none;
}


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

.content-box.size-l .inner {
	padding:10px 15px;
}
.content-box.size-l .inner-list {
	padding-top:10px;
	margin-bottom:10px;
}
.content-box.size-l .inner-list.no-border {
	padding-top:0;
}
.content-box.size-l .inner-list li {
	float:right;
	padding:8px 2px 8px 8px;
	width:300px;
}
.content-box.size-l .inner-list li:first-child {
	float:left;
}
.content-box.size-l .inner-list .list-title {
	margin-bottom:5px;
}

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

.content-box.size-s .inner {
	padding:10px 8px;
}
.content-box.size-s .inner-list {
	padding-top:10px;
	margin-bottom:10px;
}
.content-box.size-s .inner-list.no-border {
	padding-top:0;
}
.content-box.size-s .inner-list li {
	padding:8px 2px 8px 3px;
}
.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:left;
	margin-left:-5px;
}
.bnr-area .bnr-list li {
	float:left;
	width:300px;
	margin-left:5px;
}
.bnr-area .jooble-area {
	float:right;
	width:182px;
}

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

.about-area {
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	padding:20px 10px;
	min-height:110px;
}
.about-area .logo-area {
	float:left;
	padding-top:40px;
	width:225px;
}
.about-area .about-detail {
	float:right;
	display:block;
	width:650px;
}
.about-area .about-detail dt {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
}
.about-area .about-detail dd {
	color:#666;
	font-size:1.05em;
	line-height:1.5;
}


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

.contents-bottom {
}
.contents-bottom .module {
	border-top:1px solid #e3e3e3;
	padding:15px 0 0;
}
.contents-bottom .module.no-border {
	border-top:none;
}

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

.contents-bottom .job-link-area {
	margin-bottom:15px;
}
.contents-bottom .job-link-area dt {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:8px;
}
.contents-bottom .job-link-area dd {
	font-size:1.05em;
}

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

.contents-bottom .job-company-area {
	margin-bottom:30px;
}
.contents-bottom .job-company-area dt {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:8px;
}

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

.contents-bottom .job-info-area {
	margin-bottom:60px;
}
.contents-bottom .job-info-area ul {
	color:#666;
	font-size:.93em;
	line-height:1.8;
}

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

.contents-bottom .job-contract-area {
	margin-bottom:5px;
}
.contents-bottom .job-contract-area p {
	font-size:1.05em;
	text-align:right;
}


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

.foot-area {
	background:#f3f3f3;
	padding:15px;
}
.foot-area > .inner {
	width:960px;
	margin:0 auto;
	font-size:1.05em;
}