@charset "utf-8";

/*------------------------------------------------------------------------------
	JAC Recruitment
	Date: 2008-10
	(C) JAC Japan Co., Ltd. All rights reserved.
------------------------------------------------------------------------------*/

/* =メインカラムの設定
--------------------------------------------------------- */
#mainCol form td dt,
#mainCol form td dd {
	float: left;
	min-height: 30px;
	}

#mainCol form td dt {
	clear: left;
	width: 5em;
	margin: 0 5px 0 0;
	}

#mainCol fieldset td.check {
	width: auto;
	}

#mainCol fieldset td.check ul {
	width: 10em;
	float: left;
	margin: 0;
	}

#mainCol fieldset td.check ul li {
	width: auto;
	float: none;
	margin: 0;
	line-height: 1.5;
	}

#btnSet {
	border: none;
	background: none;
	padding: 10px 0 15px;
	border-top: none;
	text-align: center;
	}
#btnSet div{
	margin: 5px auto 10px auto;
	text-align: center;
	}

#mainCol fieldset.alpha h2 {
	clear: none;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0 0 0 5px;
	}

.index .multiCols ul li {
	}

p.commonList {
	margin: -29px 0 0 620px;
	}

.index .special {
	margin:0 0 20px;
	}
.index .special:after {
	content: "";
	display: block;
	clear: both;
	}

.index .special dl {
	overflow: hidden;
	height: 100%;
	width: 345px;
	float: left;
	margin: 20px 0 0;
	}

.index .special dt,
.index .special dd {
	float: left;
	}

.index .special dt {
	clear: both;
	width: 105px;
	float: left;
	}

.index .special dd {
	width: 229px;
	}

.index .special dd a strong,
.index .special dd a:hover strong {
	color: #0053D4;
	}

.index .special dd a strong {
	color: #333;
	}

.index .special dd a:hover strong {
	color: #333;
	text-decoration: underline;
	}

.index .special dl.primary dt,
.index .special dl.primary dd {
	background: none;
	}

.pkg {
	border: 1px solid #d2d2d2;
	border-top-width: 0;
	margin: 0 0 20px;
	}

#mainCol .pkg h2 {
	border: 1px solid #FFF;
	border-top-width: 0;
	padding: 11px 0 10px 5px;

	}

#mainCol .pkg h2 a {
	display: block;
	padding-left: 15px;
	background: url("/jac/imglib/icon_arrow_01.png") no-repeat scroll 0 0.4em transparent;
	color: #0084af;
	zoom: 1;
}

.pkg h3 {
	font-weight: normal;
	text-align: right;
	background: #f6f6f6;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding: 8px 10px 8px;
	}

.pkg ul.status {
	position: absolute;
	margin: -2.25em 0 0 10px;
	}

.pkg ul.status li {
	display: inline;
	}

.pkg table {
	width: 688px;
	background: #f3fcff;
	margin: 0;
	}

.pkg th,
.pkg td {
	padding: 12px 15px;
	border-bottom: 1px solid #d2d2d2;
	}

.pkg th {
	width: 90px;
	}

.pkg td {
	border-left: 1px solid #c7c7c7;
	background: #fff;
	}

.pkg td strong {
	font-size: 116.7%;
	}

.pkg td p.more {
	margin: 10px 0 0;
	text-align: right;
	}

.pkg td dt {
	width: 5em;
	float: left;
	clear: left;
	}

.pkg td dd {
	width: 33em;
	float: left;
	}

#mainCol .pkg td p {
	font-size: 100%;
	clear: left;
	}

.indivisualBox {
	position: relative;
	background: #f5f5f5 url("/lib/imglib/bg_indivisualbox.gif") repeat-x 0 0;
	padding: 0;
	margin: 0 0 10px;
	zoom: 1;
	}

#mainCol .indivisualBox h2 {
	padding: 12px 90px 8px 10px;
	border-right: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	font-size: 120%;
	line-height: 1.5;
	}

#mainCol .indivisualBox div#BtnTwtr {
	position: absolute;
	top: 14px;
	right: 8px;
}

.indivisualBox .pkg {
	border-bottom-width: 0;
	margin: 0;
	padding: 0;
	}

#mainCol .indivisualBox .pkg ul {
	position: relative;
	padding: 10px;
	margin: 0;
	background: #F2F2F2;
	border-bottom: 1px solid #c7c7c7;
	}

.indivisualBox .pkg th {
	width: 8em;
	}

.indivisualBox .pkg h3 {
	font-size: 100%;
	text-align: left;
	background: none;
	border: none;
	padding: 0;
	width: 200px;
	float: left;
	}

#mainCol .indivisualBox .pkg p.entry {
	/*width: 139px;*/
	float: right;
	clear: none;
	}

#mainCol form p.alert {
	color:#FF0000;
	margin:0;
	font-size: 12px;
	padding:10px 0 0;
	}

#mainCol th {
	font-size:110%;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	}

#mainCol td {
	font-size:110%;
	line-height:1.5;
	vertical-align:top;
	}

#wrapper .common li.cmnLstIndent a{
	padding-left: 20px;
	background: url(/lib/imglib/bullet_arrow.gif) no-repeat scroll 0px 50%;
	font-weight: normal;
	}
#wrapper .common li.cmnLstIndent a:hover{
	padding-left: 20px;
	background: #B8DEFF url(/lib/imglib/bullet_arrow.gif) no-repeat scroll 0px 50%;
	font-weight: normal;
	}
#wrapper .common li.cmnLstIndent strong{
	padding-left: 20px;
	font-weight: normal;
	background: #B8DEFF url(/lib/imglib/bullet_arrow.gif) no-repeat scroll 0px 50%;
	}



/* 100112 add */
#ReSearch {
	margin: 0 10px;
	background: #f1f1f1;
}

#ReSearch ul {
	text-align: right;
	padding: 5px;
}

#ReSearch ul li {
	background:url(/jac/imglib/arrow_square.gif) no-repeat scroll 0 50%;
	margin:0 0 0 10px;
	padding:0 0 0 14px;
	display: inline;
}

div#TB_window #TB_ajaxContent ul.WinClose {
	text-align: right;
	width: 100%;
}

div#TB_window #TB_ajaxContent ul.WinClose li {
	background: url(../imglib/tb_window_close.gif) 0 50% no-repeat;
	padding: 3px 0 3px 20px;
	width: 12em;
	float: right;
}

div#TB_window #TB_ajaxContent ul.WinClose li a {
	background: none;
}

	div#TB_window #TB_ajaxContent ul:after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: ".";
		line-height: 0;
	}
	
	/* -- IE7 -- */
	*:first-child+html div#TB_window #TB_ajaxContent ul {
		display: inline-block;
	}
	
	/*  -- Legacy IE -- */
	
	* html div#TB_window #TB_ajaxContent ul {
		zoom: 1;
	}



/* =「注目企業」の設定
--------------------------------------------------------- */
.feature #mainCol h2 {
	background: url("/lib/imglib/bg_type_stripe_02.png") repeat-x scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #D2D2D2;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 10px 10px;
	}

.feature .multiCols ul {
	margin: 0 0 30px;
	}

.moreList {
	background: #F2F2F2;
	overflow: hidden;
	width: 690px;
	margin: 0 0 30px;
	}

.moreList h3 {
	padding: 5px 10px;
	background: #E0E0E0;
	font-family: Arial, Helvetica, sans-serif;
	}

.moreList .multiCols ul {
	margin: 0 10px;
	}

.moreList .start ul {
	margin: 0 0 10px 10px;
	}

table#companyName {
	margin: -10px 0 15px;
	}

table#companyName th {
	font-weight: bold;
	font-size: 130%;
	vertical-align: bottom;
	}

table#companyName td {
	text-align: center;
	width: 180px;
	background: url("/lib/imglib/border_gray_horiz.gif") repeat-y 0 0;
	}

.feature .pkg {
	padding: 5px;
	background: #EEE;
	margin: 0 0 10px;
	border-top: 1px solid #BBB;
	zoom: 1;
	}

.feature .pkg table {
	width: 100%;
	background: url("/lib/imglib/border_gray.gif") repeat-y 0 0;
	}

* html .feature .pkg table {
	width: 656px;
}

.feature .pkg table td,
.feature .pkg table th {
	font-size:110%;
}

.feature .pkg td {
	border-right: 1px solid #BBB;
	}

.feature .pkg h3 {
	width: auto;
	font-size: 110%;
	text-align: left;
	border: none;
	padding: 7px 10px 5px;
	color: #FFF;
	background: #3D3D3D;
	}

* html .feature .pkg h3 {
	width: auto !important;
}

*:first-child+html .feature .pkg h3 {
	width: 636px;
}

.feature .pkg .pkg {
	background: url("/lib/imglib/bg_titlebar03.gif") repeat-x 0 0;
	border: 1px solid #BBB;
	border-top-width: 0;
	margin: 0 0 10px;
	padding: 0;
	}

.TabbedPanels {
	overflow: hidden;
	zoom: 1;
	}

.TabbedPanelsTabGroup {
	position: absolute;
	margin: 0 0 0 5px;
	}

.TabbedPanelsTab {
	float: left;
	width: 8em;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	color: #0053D4;
	margin: 21px 5px 0 0;
	border: 1px solid #BBB;
	border-bottom-width: 0;
	cursor: pointer;
	}

.TabbedPanelsTab strong {
	display: block;
	padding: 5px 0 3px;
	border: 1px solid #FFF;
	border-bottom-width: 0;
	background: url("../search/img/bg_tab.gif") repeat-x 0 0;
	}

.TabbedPanelsTabHover {
	background: #FFF;
	}

.TabbedPanelsTabSelected strong {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	}

.TabbedPanelsTabSelected strong {
	background: none;
	background: #FFF;
	border-bottom: 1px solid #FFF;
	}

.TabbedPanelsContentGroup {
	clear: both;
	border-top: 1px solid #BBB;
	background: #FFF;
	margin: 53px 0 0;
	}

.TabbedPanelsContent {
	padding: 10px;
	}

.feature #mainCol .TabbedPanelsContent h2 {
	position: relative;
	font-size: 120%;
	padding: 0 0 7px;
	margin: 0 0 10px;
	background: url("/lib/imglib/border_gray_dot.gif") repeat-x 0 100%;
	border-bottom: 0;
	line-height: 1.4;
	zoom: 1;
	}

.TabbedPanelsContent ul {
	margin: 0 0 20px 20px;
	list-style-type: disc;
	}

.TabbedPanelsContent ul li {
	line-height: 1.5;
	list-style-type: disc;
	}

.TabbedPanelsContent dt {
	background: url("/lib/imglib/icon_question.gif") no-repeat 0 50%;
	padding: 0 0 0 20px;
	margin: 0 0 10px;
	}

.TabbedPanelsContent dd {
	background: url("/lib/imglib/icon_answer.gif") no-repeat 0 0;
	padding: 0 0 0 20px;
	}

.TabbedPanelsContent td ul {
	margin: 0;
	list-style-type: none;
	line-height: 1.5;
	}

.TabbedPanelsContent td ul li {
	display: inline;
	}

.pkg .data table {
	width: 640px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	background: #FFF;
	}

.pkg .data th {
	background: none;
	line-height: 1.5;
	}

.pkg .data th.area {
	width: 380px;
	background: #F9F9F9 url("/lib/imglib/border_gray_horiz.gif") repeat-y 0 0;
	border-right: 1px solid #BBB;
	}

.pkg .data th.job {
	width: 240px;
	}

.pkg .data td {
	background: none;
	border-right-width: 0;
	line-height: 1.5;
	}

.pkg .data td.area {
	background: #F5F5F5 url("/lib/imglib/border_gray_horiz.gif") repeat-y 0 0;
	border-right: 1px solid #BBB;
	}

.informations .floatboxLeft {
	width: 360px;
	}

.informations .floatboxRight {
	width: 265px;
	padding: 5px;
/*
	background: #DDD;
*/
	}

.informations .floatboxRight p {
	margin: 0;
	}

.interview .floatboxLeft {
	width: 430px;
	overflow: hidden;
	word-break: break-all;
	}

.interview .floatboxRight {
	width: 200px;
	}

/* この企業の求人を見る */
.jobOffer {
	text-align: center;
}
.jobOffer a {
	display: block;
	width: 199px;
	height: 30px;
	background: url(/jac/corp/images/btn_search.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	margin: 0 auto 0 auto;
}
.jobOffer a:hover {
	background: url(/jac/corp/images/btn_search.gif) no-repeat 0px -30px;	
}

/* この企業の求人を見る */
.seminarOffer {
	text-align: center;
}
.seminarOffer a {
	display: block;
	width: 199px;
	height: 30px;
	background: url(/jac/corp/images/btn_seminar.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	margin: 0 auto 0 auto;
}
.seminarOffer a:hover {
	background: url(/jac/corp/images/btn_seminar.gif) no-repeat 0px -30px;	
}

/* トレンドページへのリンク */
.feature .trendLink {
	margin-top: -10px;
	margin-bottom: 20px;
	clear: both;
}
.feature .trendLink li {
	margin-bottom: 3px;
	padding-left:15px;
	background:url(/lib/imglib/arrow_blue.gif) no-repeat left center;
}

/* 非公開求人 */
.unlistedBox {
	border:2px solid #bcbcbc;
	padding:0 10px 20px;
	margin:30px 0 0;
	zoom:1;/*for IE 5.5-7*/
}
.unlistedBox:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.unlistedBox p {
	margin:0;
}
.unlistedBox .unlistedTtl {
	position:relative;
	margin:-10px 0 10px;
}
.unlistedBox .graph {
	float:left;
	width:175px;
	margin:20px 0 0;
}
.unlistedBox .rightBox {
	float:right;
	width:480px;
}
.unlistedBox .rightBox span {
	font-weight:bold;
	color:#1243cd;
}
.unlistedBox .unlistedBtn {
	margin:0 0 10px 20px;
	background: url("/jac/corp/images/corp_unlisted_btn_on.jpg") no-repeat 0 0;
}
.unlistedBox .unlistedBtn a {
	display:block;
	width:420px;
	height:69px;
}
.unlistedBox .unlistedBtn a:hover {
	background: transparent;
	width:420px;
	height:69px;
	}
.unlistedBox .unlistedBtn a:hover img {
	visibility: hidden;
	}
.unlistedBox .about {
	clear:both;
	background:#cde5fb;
	padding:0 10px 10px;
}
.unlistedBox .about img {
	margin:10px 0;
}
.unlistedBox .attention {
	font-size:80%;
	margin:10px 0 0;
	color:#555555;
}

/* =「非公開求人とは」の設定
--------------------------------------------------------- */
.unlisted #mainCol h2 {
	background: url("/lib/imglib/bg_type_stripe_02.png") repeat-x scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #D2D2D2;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 15px 0 10px 10px;
	}

.unlisted #mainCol ul {
	margin: 0 0 20px 20px;
	}

.unlisted #mainCol ul li {
	list-style-type: disc;
	line-height: 1.5;
	font-size: 110%;
	margin: 0 0 20px;
	}

.unlisted #mainCol ul.topicPath {
	margin: 0;
}

.unlisted #mainCol ul.topicPath li {
	margin: 0;
	list-style-type: none;
	font-size: 83.4%;
}

.unlisted img.floatimgRight {
	border: none;
	margin: 0 0 20px;
	}

.unlisted #mainCol div#entryBox {
	border: none;
	background-color: #ffffff;
}
.unlisted #mainCol #entryBox #careerAdviceRight .floatboxRight {
	margin-right: 0px;
	width: auto;
}

.unlisted #mainCol #entryBox #careerAdviceRight .floatboxRight p.entry,
.unlisted #mainCol #entryBox #careerAdviceRight .floatboxRight p.entry a {
	width: auto;
	height: auto;
}

.unlisted #mainCol #careerAdviceLeft {
	float: left;
	width: 201;
	padding-right: 20px;
}
.unlisted #mainCol #careerAdviceRight {
	float: right;
	width: 216px;
	padding: 10px;
}
.unlisted #mainCol #careerAdviceCenter {
	float: left;
	width: 215px;
}

#alertBox {
	background: #FFEBC0;
	border: 1px solid #F60;
	}

#alertBox p {
	color: #F60;
	}

p#leadText {
	background: url("/lib/imglib/border_gray_dot.gif") repeat-x 0 100%;
	padding: 0 0 1em;
	margin: 0;
	}


/* =「企業特集」の設定
--------------------------------------------------------- */
.special th,
.special td {
	padding: 20px 0;
	background: url("/lib/imglib/border_gray_dot.gif") repeat-x 0 100%;
	}

.special th {
	width: 190px;
	}

.special td dt {
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid #CCC;
	margin: 0 0 8px;
	padding: 0 0 2px;
	}

.special td dt a {
	padding: 0 12px 0 0;
	background: url("/lib/imglib/arrow_blue_nav.gif") no-repeat 100% 50%;
/* 20090305 add */
	_font-size: 100%/*hac for IE6.x*/
/* 20090305 add End */
	}

/* 20090305 add */
.special td dd {
	_font-size:100%;/*hac for IE6.x*/
}
.special td dd strong {
	_font-size:105%;/*hac for IE6.x*/
}
/* 20090305 add End */


/* =「求人情報が見つかりません」の設定
--------------------------------------------------------- */
.notFound #mainCol h2 {
	font-size: 140%;
	line-height: 1.5;
	padding:10px 0;
	margin:0 0 10px;
	}

.notFound #mainCol ul {
	margin: 0 0 20px 20px;
	}

.notFound #mainCol ul li {
	list-style-type: disc;
	line-height: 1.5;
	font-size: 110%;
	margin: 0 0 10px;
	}

.notFound #mainCol form {
	margin:0 0 20px;
	}
.notFound #mainCol form input {
	float:left;
	}
.notFound #mainCol form .submit {
	margin:0 0 0 10px;
	padding:0;
	}


/* =「もっとあります！」の設定
--------------------------------------------------------- */
.closeBox{
	border:4px solid #bcbcbc;
	padding:0px 26px !important;
	margin:40px 0 20px;
	height:100%;
	zoom:1;/*for IE 5.5-7*/
}
.closeBox:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.closeBox img{
	display:block;
}
.closeBox .closeTtl{
	position:relative;
	top:-15px;
}

.closeBox .closeImage{
	float:left;
	width:185px;
}
.closeBox .closeImage img{
	margin:0 0 20px;
}
.closeBox .closeText{
	width:425px;
	float:right;
}
.closeBox .closeBtn{
	margin:20px 0 20px;
}

/* =サイドメニュー「ご希望の求人が無かった方へ」の設定
--------------------------------------------------------- */
.navi_close_tit{
	margin:10px 0 0;
}
.navi_close{
	border-left:4px solid #2e6fb1;
	border-right:4px solid #2e6fb1;
	border-bottom:4px solid #2e6fb1;
	padding:10px 7px;
}
.navi_close p{
	margin-bottom:10px;
}

/* =サイドメニュー注意書きの設定
--------------------------------------------------------- */
.navi_caution{
	margin:10px 0 0;
	padding:10px;
	background:#e9e9e9;
	font-size: 92%;
}
.navi_caution p{
	margin:0 0 5px;
}

/* =サイドメニュー「転職サポートに申し込む」の設定
--------------------------------------------------------- */
.registBtnBox{
	border:4px solid #2e6fb1;
	padding:5px;
	background:#f1f6fb;
	margin:0 0 10px;
}

/* =EOF
--------------------------------------------------------- */