@charset "utf-8";

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

/* =メインカラムの設定
--------------------------------------------------------- */
#logoutBox {
	margin: -20px 20px 20px;
	}

#mainCol {
	width: 650px;
	float: right;
	margin: 0 20px 20px 0;
	}

.allsearch #mainCol {
	width: 920px;
	clear: both;
	margin: 0 20px 20px 20px;
	}

#mainCol p {
	font-size: 100%;
	}

.allsearch #mainCol h2 {
	background:#F2F2F2 url(../imglib/bg_type_stripe3.gif) repeat-y scroll 0 0;
	border:medium none;
	font-size:140%;
	line-height:1.5;
	margin:0 0 15px;
	padding:6px 0 4px 15px;
}

.allsearch #mainCol .entry {
	border: 1px solid #cccccc;
	padding: 10px;
	width: 898px;
	overflow: hidden;
}

.allsearch #mainCol .entry .entry_title {
	background-image:url(../imglib/border_gray_dot.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	height:30px;
}

.allsearch #mainCol .entry .entry_body {
	padding-top: 10px;
	line-height: 1.4em;
}

#subCol {
	font-size: 92%;
	width: 250px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 0;
	background: none;
	}

p,h2,#mainCol h2 {
	margin: 0;
	padding: 0;
	}

#entry {
	width: 650px;
	background: #E3ECF3;
	margin: 0 0 20px;
	}

#entry p {
	font-size: 95%;
	clear: both;
	padding: 7px;
	background: #F2F2F2;
	}

#entry p#keyvisual {
	width: 460px;
	float: left;
	padding: 0;
	}

#entry ul {
	width: 178px;
	float: left;
	}

#entry ul li {
	width: 178px;
	height: 104px;
	margin: 6px 0 0 7px;
	}

#entry ul li#entryRegist {
	background: url("../img/entry_regist_over.gif") no-repeat 0 0;
	}

#entry ul li#entryVisitors {
	background: url("../img/entry_visitors_over.gif") no-repeat 0 0;
	}

#entry ul li a {
	display: block;
	width: 178px;
	height: 104px;
	}

#entry ul li a:hover {
	background: transparent;
	}

#entry ul li a:hover img {
	visibility: hidden;
	}

#notice {
	margin: -20px 0 20px;
	padding: 1px 2px;
	background: #E1E1E1;
	border-bottom: 1px solid #CCC;
	}

#notice dl {
	overflow: hidden;
	height: 100%;
	padding: 0 0 0 7px;
	}

#notice dt {
	width: auto;
	float: left;
	display: inherit;
	line-height: 2.2;
	}

#notice dd {
	font-size: 95%;
	width: 570px;
	float: right;
	line-height: 1.5;
	background: #FFF;
	border: 1px solid #D0D0D0;
	padding: 0 5px;
	margin-top: 3px;
	}

#centerPkg {
	width: 650px;
	margin: 0 0 20px;
	background: url("../img/bg_center_pkg.gif") no-repeat 0 100%;
	overflow: hidden;
	}

#quickJobsearch {
	width: 378px;
	float: left;
	overflow: hidden;
	}

#quickJobsearch h2 {
	margin: 0;
	padding: 0;
	}

#quickJobsearch .innerBox {
	padding: 12px 22px;
	width:334px;
	margin: 0;
	}

#quickJobsearch .innerBox form {
	}

#quickJobsearch .innerBox form select {
	width: 334px;
	margin: 0 0 8px;
	}

#quickJobsearch .innerBox form select#ocupation {
	width: 334px;
/*	float: left;*/
	}

#quickJobsearch .innerBox form select#area {
	width: 90px;
/*	float: left;*/
	}

#quickJobsearch .innerBox form input {
	clear: both;
	width: 316px;
	margin: 0 0 10px;
	padding: 0px 7px;
	border: 2px solid #CCC;
	line-height: 1.1em;
	}

#quickJobsearch .innerBox form input#keyword {
	height:auto;
}

#quickJobsearch .innerBox form input#keyword2 {
	height:auto;
}

#quickJobsearch .innerBox form #btnBox {
	width: 324px;
	height: 38px;
	padding: 5px;
	background: url("../img/bg_quick_job_search.gif") no-repeat 0 0;
	}

#quickJobsearch .innerBox form #btnBox input#qsearchBtn {
	width: 180px;
	height: 29px;
	float: left;
	border: none;
	margin: 0;
	display: block;
	background: url("../img/btn_quick_job_search.jpg") no-repeat 0 0;
	}

#quickJobsearch .innerBox form #btnBox p#option {
	float: right;
	display: inline;
	margin: 5px 10px 0 0;
	padding: 0 0 0 10px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 50%;
	}

#pickupCompanies {
	width: 250px;
	float: right;
	padding: 0 0 10px;
	}

#pickupCompanies h2 {
	margin: 0 0 9px;
	}

#pickupCompanies ul {
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	margin: 0 0 0 10px;
	clear: left;
	}

#pickupCompanies ul li {
	width: 110px;
	margin: 0 10px 0 0;
	float: left;
	display: inline;
	position:relative;
	}
#pickupCompanies ul li p {
	position:absolute;
	display:none;
	}

#pickupCompanies ul li a {
	font-size: 92%;
	display: block;
	color: #333;
	}

#pickupCompanies ul li a img {
	margin: 0 0 3px;
	border:1px solid #cccccc;
	}

#pickupCompanies p.list {
	clear: both;
	margin: 0 7px 0 0;
	}

#trend {
	clear: both;
	margin: 0 0 20px;
	overflow: hidden;
	}

#trend h2,
#trend h3 {
	position: absolute;
	top: -2000px;
	}

ul#trendSelector {
	height: 27px;
	background: url("../img/bg_trend.gif") repeat-x 0 100%;
	border-bottom: 6px solid #075e82;
	}

#trend p.list {
	position: absolute;
	margin: -31px 0 0 586px;
	z-index: 2;
	}

.TabbedPanels {
	width: 634px;
	}

.TabbedPanelsTab {
	position: relative;
	top: 0;
	float: left;
	cursor: pointer;
	}

.TabbedPanelsTabHover img,
.TabbedPanelsTabSelected img {
	visibility: hidden;
	}

#trendSelector .TabbedPanelsTab {
	height: 27px;
	background: url("../img/bg_trend_tab.gif") no-repeat 0 0;
	}

#trendIndustries.TabbedPanelsTab {
	background-position: 0 0;
	}

#trendArea.TabbedPanelsTab {
	background-position: -161px 0;
	}

#trendIndustries.TabbedPanelsTabSelected {
	background-position: 0 -27px;
	}

#trendArea.TabbedPanelsTabSelected {
	background-position: -161px -27px;
	}

#TabbedPanels2 .TabbedPanelsTab {
	background: url("../img/bg_trend_industries.gif") no-repeat 0 0;
	}

#TabbedPanels2 #industries01.TabbedPanelsTab {
	background-position: 0 0;
	}

#TabbedPanels2 #industries02.TabbedPanelsTab {
	background-position: -79px 0;
	}

#TabbedPanels2 #industries03.TabbedPanelsTab {
	background-position: -143px 0;
	}

#TabbedPanels2 #industries04.TabbedPanelsTab {
	background-position: -219px 0;
	}

#TabbedPanels2 #industries05.TabbedPanelsTab {
	background-position: -304px 0;
	}

#TabbedPanels2 #industries06.TabbedPanelsTab {
	background-position: -380px 0;
	}

#TabbedPanels2 #industries07.TabbedPanelsTab {
	background-position: -445px 0;
	}

#TabbedPanels2 #industries08.TabbedPanelsTab {
	background-position: -527px 0;
	}

#TabbedPanels2 #industries09.TabbedPanelsTab {
	background-position: -584px 0;
	}

#TabbedPanels2 #industries01.TabbedPanelsTabSelected {
	background-position: 0 -54px;
	}

#TabbedPanels2 #industries02.TabbedPanelsTabSelected {
	background-position: -79px -54px;
	}

#TabbedPanels2 #industries03.TabbedPanelsTabSelected {
	background-position: -143px -54px;
	}

#TabbedPanels2 #industries04.TabbedPanelsTabSelected {
	background-position: -219px -54px;
	}

#TabbedPanels2 #industries05.TabbedPanelsTabSelected {
	background-position: -304px -54px;
	}

#TabbedPanels2 #industries06.TabbedPanelsTabSelected {
	background-position: -380px -54px;
	}

#TabbedPanels2 #industries07.TabbedPanelsTabSelected {
	background-position: -445px -54px;
	}

#TabbedPanels2 #industries08.TabbedPanelsTabSelected {
	background-position: -527px -54px;
	}

#TabbedPanels2 #industries09.TabbedPanelsTabSelected {
	background-position: -584px -54px;
	}

#TabbedPanels3 .TabbedPanelsTab {
	background: url("../img/bg_trend_area.gif") no-repeat 0 0;
	}

#TabbedPanels3 #area01.TabbedPanelsTab {
	background-position: 0 0;
	}

#TabbedPanels3 #area02.TabbedPanelsTab {
	background-position: -158px 0;
	}

#TabbedPanels3 #area03.TabbedPanelsTab {
	background-position: -317px 0;
	}

#TabbedPanels3 #area04.TabbedPanelsTab {
	background-position: -475px 0;
	}

#TabbedPanels3 #area05.TabbedPanelsTab {
	background-position: -485px 0;
	}

#TabbedPanels3 #area01.TabbedPanelsTabSelected {
	background-position: 0 -54px;
	}

#TabbedPanels3 #area02.TabbedPanelsTabSelected {
	background-position: -159px -54px;
	}

#TabbedPanels3 #area03.TabbedPanelsTabSelected {
	background-position: -317px -54px;
	}

#TabbedPanels3 #area04.TabbedPanelsTabSelected {
	background-position: -475px -54px;
	}

#TabbedPanels3 #area05.TabbedPanelsTabSelected {
	background-position: -486px -54px;
	}

.TabbedPanelsContentGroup {
	clear: both;
	background: url("../img/bg_trend_base.gif") no-repeat 50% 100%;
	border: 1px solid #CCC;
	border-top-width: 0;
	padding: 7px;
	overflow: hidden;
	}

.TabbedPanelsContentGroup .TabbedPanelsContentGroup {
	background: none;
	background: #FFF;
	padding: 0;
/*	min-height: 200px;*/
	}

.TabbedPanelsContentGroup .TabbedPanelsContentGroup ul {
	margin: 0 10px 10px;
	}

.TabbedPanelsContentGroup .TabbedPanelsContentGroup ul li {
	width: 100%;
	padding: 10px 0;
	background: url("../imglib/border_gray_dot.gif") repeat-x 0 100%;
	}

.TabbedPanelsContentGroup .TabbedPanelsContentGroup ul li a {
	display: block;
	padding: 0 0 0 11px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 50%;
	}

#specialFeatures {
	margin: 0 0 20px;
	border: 1px solid #CCC;
	border-top-width: 0;
	background: url("../img/bg_special_features.jpg") no-repeat 0 38px;
	}

#specialFeatures ul {
	min-height: 80px;
	height: auto !important;
	height: 80px;
	margin: 10px 15px 10px 137px;
	}

#specialFeatures ul li {
	padding: 7px 0;
	background: url("../imglib/border_gray_dot.gif") repeat-x 0 100%;
	}

#specialFeatures ul li a {
	display: block;
	padding: 0 0 0 11px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 .5em;
	}

#seminarInfo {
	margin: 0 0 10px;
	}

#seminarInfo h2 {
	margin: 0 0 5px;
	}

#seminarInfo p {
	clear: both;
	width: 650px;
	margin: 0 0 10px;
	padding: 5px 0;
	background: url("../imglib/border_gray_dot.gif") repeat-x 0 100%;
	}

#seminarInfo p.list {
	width: auto;
	margin: -30px 10px 0 0;
	padding: 0;
	background: url("../imglib/btn_view_list_over.gif") no-repeat 0 0;
	}
#seminarInfo p.cap {
	font-size:80%;
	}

#seminarInfo h3,
#seminarInfo ul {
	line-height: 1;
	font-weight: normal;
	float: left;
	}

#seminarInfo ul {
	margin: 0 0 0 10px;
	width: 290px;
	}

#seminarInfo ul li {
	float: left;
	font-size: 84%;
	line-height: 1;
	padding: 2px 3px;
	margin: 0 0 0 2px;
	background: url("../imglib/bg_gray.gif") ;
	white-space: nowrap;
	}

#seminarInfo h3 img {
	margin: 0 8px 0 0;
	}

#seminarInfo strong {
	line-height: 1;
	font-size: 95%;
	}

#trendInfo {
	margin: 0 0 10px;
	}

#trendInfo h2 {
	margin: 0 0 5px;
	}

#trendInfo p.list {
	width: auto;
	margin: -30px 10px 0 0;
	padding: 0;
	background: url("../imglib/btn_view_list_over.gif") no-repeat 0 0;
	}

#trendInfo ul.list3Cols {
	zoom:1;/*for IE 5.5-7*/
	}
#trendInfo ul.list3Cols:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#trendInfo ul.list3Cols li {
	float:left;
	width:230px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 50%;
	}
#trendInfo ul.list3Cols li.adjust {
	width:185px;
	}

#trendInfo ul.list3Cols li span.update {
	margin:0 0 0 5px;
	font-size:80%;
	line-height:100%;
	color:#ffffff;
	background:#ff6600;
	border:1px solid #ff6600;
	white-space: nowrap;
	}

#trendInfo ul.list3Cols li a {
	margin:0 0 0 11px;
	}

#trendInfo ul.list4Cols {
	zoom:1;/*for IE 5.5-7*/
	}
#trendInfo ul.list4Cols:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#trendInfo ul.list4Cols li {
	float:left;
	width:162px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 50%;
	}

#trendInfo ul.list4Cols li span.update {
	margin:0 0 0 5px;
	font-size:80%;
	line-height:100%;
	color:#ffffff;
	background:#ff6600;
	border:1px solid #ff6600;
	white-space: nowrap;
	}

#trendInfo ul.list4Cols li a {
	margin:0 0 0 11px;
	}

/* =サブメニューの設定
--------------------------------------------------------- */
ul#status {
	height: 51px;
	margin: 0 0 0 390px;
	}

ul#status li {
	float: left;
	margin: 0 0 0 25px;
	}

ul#status li#jasdaq {
	display: inline;
	margin: 23px 0 0;
	}

#subCol p.list {
	margin: -18px 5px 0 0;
	}

#subCol .exBox p.list {
	margin: -28px 5px 0 0;
	}

#jobInfo {
	width: 250px;
	margin: 0 0 20px;
	}

#jobInfo dl {
	width: 240px;
	padding: 5px;
	background: #F9F9F9;
	overflow: hidden;
	}

#jobInfo dt,
#jobInfo dd {
	font-size: 109%;
	}

#jobInfo dd.adjust {
	min-width: 150px;
	float: left;
	}

#jobInfo dd#unlisted {
	float: right;
	width: 90px;
	height: 15px;
	background: url("../img/btn_unlisted_over.gif") no-repeat 0 0;
	}

#jobInfo dd#unlisted a {
	display: block;
	width: 90px;
	height: 15px;
	}

#jobInfo dd#unlisted a:hover {
	background: transparent;
	}

#jobInfo dd#unlisted a:hover img {
	visibility: hidden;
	}

#jobInfo ul {
	width: 250px;
	background: #F9F9F9;
	overflow:hidden;
	}

#jobInfo ul li {
	background: url("../imglib/border_gray_dot.gif") repeat-x 0 100%;
	padding: 0 0 1px
	}

#jobInfo ul li a {
	display: block;
	width: 239px;
	padding: 5px 0 5px 11px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 .8em;
	}

#jobInfo ul li a:hover {
	background-color: #FFF;
	}

#subCol ul.brands {
	width: 260px;
	margin: 10px 0 0;
	overflow: hidden;
	clear: left;
	}

#subCol ul.brands li {
	width: 120px;
	height: 120px;
	margin: 0 10px 0 0;
	float: left;
	}

#subCol ul.brands li a {
	width: 120px;
	color: #333;
}

#subCol ul.brands li a em {
	color: #0053D4;
	}

#subCol ul.brands li a:hover em {
	color: #0053D4;
	text-decoration: underline;
	}

#subCol ul.brands li a img,
#subCol ul.brands li a strong,
#subCol ul.brands li a .date,
#subCol ul.brands li a em {
	display: block;
	}

#subCol ul.brands li a .date img {
	display: inline;
	}

#subCol ul.brands li a:hover .date {
	text-decoration: underline;
	}

#subCol ul.brands li a strong {
	margin: 3px 0 0;
	}

#subCol ul.brands li a:hover strong {
	text-decoration: none;
	}

#subCol .exBox {
	clear: both;
	width: 250px;
	margin: 10px 0 0;
	border-bottom: 1px solid #CCC;
	}

#subCol .exBox dl {
	background: #F5F5F5;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 0;
	padding: 0 10px 10px;
	overflow: hidden;
	height: 100%;
	}

#subCol .exBox dt,
#subCol .exBox dd {
	font-size: 95%;
	float: left;
	padding: 10px 0 0;
	background: url("../imglib/border_gray_dot.gif") repeat-x 0 0;
	}

#subCol .exBox dt {
	clear: both;
	width: 57px;
	float: left;
	}

#subCol .exBox dd {
	width: 171px;
	}

#subCol .exBox dd a {
	display: block;
	width: 100%;
	}

#subCol .exBox dd a strong,
#subCol .exBox dd a:hover strong {
	color: #0053D4;
	}

#subCol .exBox dd a strong {
	color: #333;
	}

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

#subCol .exBox dl.primary dt,
#subCol .exBox dl.primary dd {
	background: none;
	}

#subCol .exBox ul {
	width: 228px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #F5F5F5;
	padding: 0 10px;
	}

#subCol .exBox ul li {
	padding: 10px 0;
	background: url("../imglib/border_gray_dot.gif") repeat-x 0 0;
	}

#subCol .exBox ul li.primary {
	background: none;
	}

#subCol .exBox ul li a {
	display: block;
	padding: 0 0 0 10px;
	background: url("../imglib/arrow_black.gif") no-repeat 0 50%;
	}
	
/* =バナー
--------------------------------------------------------- */
#top_banner  {
	padding-left: 3px;
}
#top_banner a {
    float:left;
    padding:0px 9px 10px 5px;
    height:80px;
    width:110px;
    margin-right: -3px;
	font-size:10px;
	color:black;
}

#topBannerJobinfo {
	background: #F5F5F5;
}
#topBannerJobinfo img {
	margin:0 0 5px;
}

/* =左バナー
--------------------------------------------------------- */
#topLeftBanner {}

#topLeftBanner img {
	margin:0 0 5px;
}

/* =セミナー情報
--------------------------------------------------------- */
.seminarlist_body {
	height:auto;
	margin:0;
	padding:0;
}

.seminarlist_body span {
	display: block;
	float: left;
	padding-right: 5px;
}

span.topics_body {
	color: #026FD6;
}

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