@charset "utf-8";

/*------------------------------------------------------------------------------
	JAC Recruitment
	Date: 2008-10
	(C) JAC Japan Co., Ltd. All rights reserved.
------------------------------------------------------------------------------*/

/* =レイアウトの設定
--------------------------------------------------------- */
#index #mainCol {
	width:690px;
	margin:0 !important;
	float: left;
	}
#index #subCol {
	padding-top:0 !important;
	}
#index #header {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	}
#index #wrapper {
	background: url(/jac/imglib/bg_sub_01.png) 100% 0 repeat-y !important;
	zoom:1;
	}
#index #wrapper:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clearfix {
	zoom:1;
	}
.clearfix:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* =メインカラムの設定
--------------------------------------------------------- */
#index #keyvisualWrapper {
	padding:10px 0 20px;
	background:#ffffff;
	}
#index #keyvisualArea {
	width: 958px;
	_width: 960px;
	padding:0;
	margin:0;
	background:#ffffff;
	border:1px solid #9FA0A0;
	zoom:1;
	}
#index #keyvisualArea:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#index #keyvisualArea #keyvisual {
	float:left;
	width: 730px;
	height:210px;
	margin:0;
	padding:0;
	}
#index #keyvisualArea #keyvisualSub {
	float:right;
	width: 228px;
	height:210px;
	margin:0;
	padding:0;
	background: url("/top/images/keyvisual_sub_bg.gif") no-repeat 0 0;
	}
#index #keyvisualArea #keyvisualSub .keyvisualSubEntry {
	height:155px;
	padding:0 18px ;
	}
#index #keyvisualArea #keyvisualSub .keyvisualSubEntry .registBtn {
	margin:17px 0 8px;
	}

#index #keyvisualArea #keyvisualSub .keyvisualSubBanner {
	margin:0 10px;
	}

#index .subtxt {
	font-size:80% !important;
	line-height:180% !important;
	color:#595757;
}
#index h3 {
	margin:0 0 15px !important;
	padding:0 !important;
}

/*---------- お知らせ ----------*/
#index #notice {
	width:690px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#e7efef;
	/*behavior: url(/lib/imglib/ie-css3.htc);*/
	behavior: url(/lib/pie/PIE.htc);
	margin:0 0 20px;
}
#index #notice dl {
	padding:10px 15px;
}
#index #notice dl dt {
	font-size:80%;
}
#index #notice dl dd {
	font-size:80%;
}

/*---------- 無料転職サポート ----------*/
#index .jacSupport {
	padding:0 0 0;
	position:relative;
	z-index:0;
	zoom:1;
	}
#index .jacSupport:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#index .jacSupport .imgFloat {
	position:absolute;
	top:0;
	right:0;
	_right:1px;
	z-index:-1;
}
#index .jacSupport .subtxt {
	float:left;
	width:206px;
	margin:0;
}
#index .jacSupport .btnRight {
	float:right;
	width:212px;
	margin:0 0 0 15px;
	display:block;
}

/*---------- 求人情報 ----------*/
#index .jobs {
	padding:0 0 20px !important;
	background: url(/lib/imglib/bg_radiusbox_2cols.gif) no-repeat 50% 100% !important;
	}
#index .jobs .clearfix {
	padding:20px 15px 0 !important;
	background: url(/lib/imglib/bg_radiusbox_2cols_shadow.gif) no-repeat 50% 0;
	}
#index .jobs .jobsLeft {
	width:329px;
	float:left;
	position:relative;
	z-index:0;
}
#index .jobs .jobsLeft .imgFloat {
	position:absolute;
	top:-20px;
	right:0;
	_right:-1px;
	z-index:-1;
}
#index .jobs .jobsRight {
	width:314px;
	float:right;
	position:relative;
	z-index:0;
}
#index .jobs .jobsRight .imgFloat {
	position:absolute;
	top:-20px;
	right:-15px;
	_right:-14px;
	z-index:-1;
}
#index .jobs .subtxt {
	width:189px;
}
#index .jobs ul {
	zoom:1;
}
#index .jobs ul li {
	/*font-size:80%;*/
	margin:10px 0 0;
	padding: 0 0 0 10px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 0.5em;
}

/*---------- 注目企業 ----------*/
#index .pickupCompanies {
	height:42px;
	overflow: hidden;
	}
#index .pickupCompanies ul {
	zoom:1;
	}
#index .pickupCompanies ul:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#index .pickupCompanies ul li {
	width: 131px;
	float: left;
	display: inline;
	}
#index .pickupCompanies ul li p {
	width: 131px;
	font-size:80% !important;
	text-align:center !important;
	margin:0 !important;
	}
#index .pickupCompanies ul li p img {
	margin:0 auto 15px;
	display: block;
	}

/* インタビュー一覧 */
.boxCompany2cols {
	margin:0 0px 0px 0;
	width:100%;
	zoom:1;/*for IE 5.5-7*/
	}

.boxCompany2cols b h3 {
	font-size:90%;
	}

.boxCompany2cols ul li {
    background: url("../imglib/arrow_black.gif") no-repeat scroll 0 0.5em transparent;
    margin: 10px 0 0;
    padding: 0 0 0 10px;
	}


.boxCompany2cols:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.boxCompany2cols .boxLeft {
	float:left;
	width:335px;
	margin:0 0px 0 0;
	display:inline;
	padding:0px 0 0 10px;
	}
.boxCompany2cols .boxRight {
	float:right;
	width:335px;
	margin:0 0px 0 0;
	display:inline;
	padding:0px 10px 0 0;
	}
	
	
	
.boxCompany2cols .inner {

	padding:20px 15px 0px;
	height:100%;
	zoom:1;/*for IE 5.5-7*/
	}
.boxCompany2cols .inner:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.boxCompany2cols .inner2 {

	padding:0px 15px 0px;
	height:100%;
	zoom:1;/*for IE 5.5-7*/
	}
.boxCompany2cols .inner2:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.boxCompany2cols .inner img {
	float:left;
	}
.boxCompany2cols .inner .textBox {
	float:right;
	width:210px;
	}
.boxCompany2cols .inner .textBox h3 {
	font-size:100%;
	margin:0px;
	}
.boxCompany2cols .inner .textBox p {
	margin:-10px 0 0;
	font-size:90%;
	}
.boxCompany2cols .inner .textBox a {
	font-size:87%;
	line-height: 18px;
	}

.boxCompany1cols {
	background:url(/service/consultant/images/bg_consultant_1cols.gif) no-repeat 0 100%;
	margin:0 0 20px;
	zoom:1;/*for IE 5.5-7*/
	}
.boxCompany1cols:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.boxCompany1cols .boxLeft {
	float:left;
	width:335px;
	}
.boxCompany1cols .boxRight {
	float:right;
	width:335px;
	}
.boxCompany1cols .inner {
	background:url(/service/consultant/images/bg_consultant_top.gif) no-repeat 100% 0;
	padding:20px 15px;
	height:100%;
	zoom:1;/*for IE 5.5-7*/
	}
.boxCompany1cols .inner:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.boxCompany1cols .inner img {
	float:left;
	}
.boxCompany1cols .inner .textBox {
	float:right;
	width:195px;
	}
.boxCompany1cols .inner .textBox h3 {
	font-size:160%;
	}
.boxCompany1cols .inner .textBox p {
	margin:10px 0 0;
	}

/*---------- 外資系転職 ----------*/
#index .multiNationalCompany {
	width:690px;
	position:relative;
	margin:0 0 20px;
}
#index .multiNationalCompany .inner {
	padding:0 0 0;
	width:690px;
	position:absolute;
	_background:url(/lib/imglib/transparent.gif) repeat top left;
	z-index:1;
}
#index .multiNationalCompany .inner h3{
	margin:20px 15px 10px !important;
}
#index .multiNationalCompany .inner h3 a{
	color:#000000;
}
#index .multiNationalCompany .inner a:hover{
	color:#000000;
	text-decoration:none;
}
#index .multiNationalCompany .inner p{
	padding:0 15px;
}
#index .multiNationalCompany .inner p span.readmore{
	color:#026fd6;
	display: inline-block;
	margin:0 0 0 5px;
	font-weight:bold;
}
#index .multiNationalCompany .inner .subtxt {
	width:380px;
	_width:400px;
}
/*
#index .multiNationalCompany {
	height:58px;
	_height:98px;
	_overflow:hidden;
	background: url(/jac/top/images/bgimg_multi_national_company.jpg) no-repeat right 0 !important;
	_background: url(/jac/top/images/bgimg_multi_national_company.jpg) no-repeat center 0 !important;
}
#index .multiNationalCompany .subtxt {
	width:370px;
	margin:0;
}*/

/*---------- 拠点 ----------*/
#index .foothold {
	width:690px;
	position:relative;
	margin:0 0 20px;
}
#index .foothold .inner {
	padding:0 0 0;
	width:690px;
	position:absolute;
	_background:url(/lib/imglib/transparent.gif) repeat top left;
	z-index:1;
}
#index .foothold .inner h3{
	margin:20px 15px 10px !important;
}
#index .foothold .inner h3 a{
	color:#000000;
}
#index .foothold .inner a:hover{
	color:#000000;
	text-decoration:none;
}
#index .foothold .inner p{
	padding:0 15px;
}
#index .foothold .inner p span.readmore{
	color:#026fd6;
	display: inline-block;
	margin:0 0 0 5px;
	font-weight:bold;
}
#index .foothold .inner .subtxt {
	width:380px;
	_width:400px;
}

/*
/*---------- 拠点 ----------*/
#index .consultant {
	width:690px;
	position:relative;
	margin:0 0 20px;
}
#index .consultant .inner {
	padding:0 0 0;
	width:690px;
	position:absolute;
	_background:url(/lib/imglib/transparent.gif) repeat top left;
	z-index:1;
}
#index .consultant .inner h3{
	margin:20px 15px 10px !important;
}
#index .consultant .inner h3 a{
	color:#000000;
}
#index .consultant .inner a:hover{
	color:#000000;
	text-decoration:none;
}
#index .consultant .inner p{
	padding:0 15px;
}
#index .consultant .inner p span.readmore{
	color:#026fd6;
	display: inline-block;
	margin:0 0 0 5px;
	font-weight:bold;
}
#index .consultant .inner .subtxt {
	width:380px;
	_width:400px;
}

/*
/*---------- クイック求人検索 ----------*/
.radiusQuickSearch{
	height:145px;
}
html*.radiusQuickSearch{ /*IE6-IE7ハック*/
	/*border-radius: 2px;*/
	/*-webkit-border-radius: 2px;*/
	/*-moz-border-radius: 2px;*/
}
#index #quickJobsearch {
	overflow: hidden;
	zoom:1;
	}
#index #quickJobsearch:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#index #quickJobsearch .innerBox {
	}
#index #quickJobsearch .innerBox form {
	}
#index #quickJobsearch .innerBox form .formLeft {
	float:left;
	width:325px;
	position:relative;
	}
#index #quickJobsearch .innerBox form .formRight {
	float:right;
	width:325px;
	zoom:1;
	}
#index #quickJobsearch .innerBox form .formRight:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#index #quickJobsearch .innerBox form select {
	width: 325px;
	margin: 0 0 10px;
	}
#index #quickJobsearch .innerBox form select#ocupation {
	width: 325px;
	}
#index #quickJobsearch .innerBox form select#area {
	/*float:left;*/
	width: 90px;
	position:absolute;
	left:335px;
	top:0;
	}
#index #quickJobsearch .innerBox form input#keyword,
#index #quickJobsearch .innerBox form input#keyword2 {
	float:right;
	width: 221px;
	margin: 0 0 10px !important;
	padding:0 !important;
	border: 2px solid #CCC;
	line-height: 1.1em;
	display:inline;
	}
#index #quickJobsearch .innerBox form input#keyword {
	height:auto;
}
#index #quickJobsearch .innerBox form input#keyword2 {
	height:auto;
}
#index #quickJobsearch .innerBox form #btnBox {
	width: 325px !important;
	height: 28px;
	_height: 38px;
	padding: 5px;
	margin: 0 !important;
	clear:both;
	background: url("/top/images/bg_quick_job_search.gif") no-repeat 0 0;
	zoom:1;
	}
#index #quickJobsearch .innerBox form #btnBox:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#index #quickJobsearch .innerBox form #btnBox input#qsearchBtn {
	width: 180px;
	height: 29px;
	float: left;
	border: none;
	margin: 0;
	display: inline;
	background: url("/lib/img/btn_quick_job_search.jpg") no-repeat 0 0;
	}
#index #quickJobsearch .innerBox form #btnBox p#option {
	float: right;
	width:125px;
	display: inline;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	background: url("/lib/imglib/arrow_black.gif") no-repeat 0 50%;
	}

/*---------- セミナー＆キャリア相談のご案内 ----------*/
#index .topseminar {
	padding:20px 15px;
	border-bottom:1px solid #d7d7d7;
	background: url(/lib/imglib/radiusBox_shadow.gif) no-repeat 50% 2px;
	position:relative;
	z-index:0;
}
#index .topseminar .imgFloat {
	position:absolute;
	top:0;
	right:0;
	_right:1px;
	z-index:-1;
}
#index .topseminar h3 {
	font-size:80%;
	font-weight:normal;
	display:inline;
}
#index .topseminar h3 img {
	margin:0 10px 0 0;
	display:inline;
}
#index .topseminar ul {
	margin:10px 0 10px;
	zoom:1;
	}
#index .topseminar ul:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#index .topseminar ul li {
	float: left;
	font-size: 84%;
	padding: 2px 3px;
	margin: 0 0 2px 2px;
	background: url("/lib/imglib/bg_gray.gif") ;
	white-space: nowrap;
	display:inline;
}
#index .topseminar .maintxt {
	font-size:120% !important;
	line-height:120%;
	font-weight:bold;
	width:420px;
	margin:0 0 5px;
}
#index .topseminar .subtxt {
	width:420px;
	margin:0 !important;
}

#index .seminar {
	padding:0 0 20px !important;
	background: url(/lib/imglib/bg_radiusbox_4cols.gif) no-repeat 50% 100% !important;
	}
#index #seminarInfo {
	margin:0 !important;
	padding:0 !important;
	background: url(/lib/imglib/bg_radiusbox_4cols_shadow.gif) no-repeat 50% 0;
	}
#index #PortalInfo_xml2 {
	margin:0 !important;
	padding:20px 0 0 !important;
	zoom:1;
	}
#index #PortalInfo_xml2:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#index .seminar .seminarlist_body {
	float:left;
	width:156px;
	display:inline;
	margin:0 8px !important;
	}
#index .seminar .seminarlist_body img {
	margin:0 0 5px;
}
#index .seminar .seminarlist_body h3 {
	font-size:80%;
	font-weight:normal;
	margin:0 0 0;
}
#index .seminar .seminarlist_body ul {
	zoom:1;
	}
#index .topseminar ul:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#index .seminar .seminarlist_body ul li {
	float: left;
	font-size: 84%;
	padding: 2px 3px;
	margin: 0 0 2px 2px;
	background: url("/lib/imglib/bg_gray.gif") ;
	white-space: nowrap;
	display:inline;
}
#index .seminar .seminarlist_body p {
	/*font-size:80% !important;*/
	margin:0 0 5px !important;
	font-weight:bold;
}

/*---------- ロゴ ----------*/
#index ul#status {
	height: 51px;
	margin: 0 0 20px 434px;
	}
#index ul#status li {
	float: left;
	margin: 0 0 0 25px;
	}
#index ul#status li#jasdaq {
	display: inline;
	margin: 23px 0 0;
	}


/* =サブメニューの設定
--------------------------------------------------------- */
#index p#registBtn {
	margin-top:0 !important;
}
#index  p#visitorsBtn {
	position: relative;
	margin: 0 -10px 0;
	zoom: 1;
}
#index #subColCareer {
	position: relative;
	width:230px;
	height:42px;
	margin:0 -10px 10px -10px;
	background: url("/top/images/subcol_top.gif") no-repeat 0 0;
	zoom: 1;
}
#index #subColCareer h2 {
    clear: both;
    font-size: 120%;
    font-weight: bold;
    line-height: 140%;
    margin: 0;
    padding: 10px 0 10px 10px;
}
#index #subColTop {
	position: relative;
	width:230px;
	height:63px;
	margin:0 -10px 10px -10px;
	background: url("/top/images/subcol_top.gif") no-repeat 0 0;
	zoom: 1;
}
#index #subColTop img.openingTime {
	margin:9px 10px 5px;
}

#index #subColTop .btnOffice {
	position: relative;
	width: 78px;
	height: 15px;
	margin:0 10px;
	background: url("/top/images/btn_view_detail_ex_over.gif") no-repeat 0 0;
	}

#index #subColTop .btnOffice a {
	display: block;
	width: 78px;
	height: 15px;
	}

#index #subColTop .btnOffice a:hover {
	background: transparent;
	}

#index #subColTop .btnOffice a:hover img {
	visibility: hidden;
	}

#index .subColBox {
	border:1px solid #d7d7d7;
	background:#ffffff;
	margin:0 0 15px;
}
#index .subColBox ul {
	padding:0 0 10px;
}
#index .subColBox ul li {
	font-size:80%;
	color: #333333;
	padding: 10px 10px 0 25px;
	background: url("/jac/imglib/icon_arrow_01.png") no-repeat scroll 10px 1.2em transparent;
}
#index .subColBox ul li a {
	/*color: #333333;*/
}
#index .subColBox ul li a:hover {
	/*color: #333333;*/
}
#index ul#bannerBox {
}
#index ul#bannerBox li {
	position: relative;
	margin: 0 -5px 0;
	zoom: 1;
}

#subCol #entryArea {
	width:250px;
	background: #E3ECF3;
	padding:0 0 0;
	margin: 0 0 20px;
	height:100%;
	}
#subCol #entryArea ul {
	text-align:center;
	padding:7px 0;
	}
#subCol #entryArea ul li {
	width: 235px;
	height: 65px;
	margin: 0 auto;
	}
#subCol #entryArea ul li#entryRegist {
	background: url("../img/entry_regist_over.png") no-repeat 0 0;
	}
#subCol #entryArea ul li#entryVisitors {
	background: url("../img/entry_visitors_over.png") no-repeat 0 0;
	margin-top:3px;
	}
#subCol #entryArea ul li a {
	display: block;
	width: 235px;
	height: 65px;
	}
#subCol #entryArea ul li a:hover {
	background: transparent;
	}
#subCol #entryArea ul li a:hover img {
	visibility: hidden;
	}
#subCol #entryArea p {
	/* font-size: 95%; */
	padding: 7px;
	background: #F2F2F2;
	}

/* =EOF
--------------------------------------------------------- */
