/* (main.css) */
/* ------------------------------------------------ */

#bgMain {
	padding: 9px 0 0 0;
	background: #e9e9e9 url("../images/home/bg_main.gif") left top repeat-x;
}
#container {
	margin: 0 0 0 0;
	background-image: none;
}

/* main */

#main {
	background: url("../images/home/bg_main2.gif") left top repeat-y;
}

#main #contentsArea {
	float: left;
	width: 496px;
	padding: 0 0 20px 0;
	background: #e9e9e9 url("../images/home/bg_contents.gif") right top repeat-y;
}
#main #subArea {
	float: right;
	width: 254px;
	padding: 18px 0 0 0;
	background: #f6f6f6;
}

#subArea #contactArea {
	width: 228px;
	height: auto;
	margin: 10px 0 0 12px;
	padding: 0 0 10px 0;
	border: none;
	color: #fff;
	background: url("../images/home/bg_contact.gif") repeat-y;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#subArea #contactArea h3,
#subArea #contactArea p {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
}
#subArea #contactArea h3 {
	width: 228px;
	height: 26px;
	margin: 0 0 6px 0;
	background: url("../images/home/h_contact.gif") no-repeat;
}
#subArea #contactArea p.tel {
	width: 202px;
	height: 36px;
	margin: 0 13px 0 13px;
	background: url("../images/home/contact_tel.gif") no-repeat;
}
#subArea #contactArea p.open {
	width: 202px;
	height: 14px;
	margin: 0 13px 0 13px;
	background: url("../images/home/contact_open.gif") no-repeat;
}
#subArea #contactArea p.form {
	width: 202px;
	margin: 3px 13px 0 13px;
}
#subArea #contactArea p.form a {
	display: block;
	width: 202px;
	height: 19px;
	margin: 0;
	background: url("../images/home/btn_contact.gif") no-repeat;
}




/* GLOBAL MENU */
/* ------------------------------------------------ */

#global #gMenu {
	float: right;
}

#global h2 {
	float: left;
	width: 482px;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #d5d5d5;
	text-align: left;
}

#global #gMenu {
	width: 268px;
}
#global #gMenu li.access a {
	width: 90px;
	background: url("../images/gm_access.gif") no-repeat;
}
#global #gMenu li.sitemap a {
	width: 87px;
	background: url("../images/gm_sitemap.gif") no-repeat;
}
#global #gMenu li.inquiry a {
	width: 91px;
	background: url("../images/gm_inquiry.gif") no-repeat;
}

#global #gMenu li a:hover {
	background-position: 0 -30px;
}



/* CATCH */
/* ------------------------------------------------ */

#bgCatch {
	width: 100%;
	height: 347px;
	background: url("../images/home/bg_catch.jpg") left top repeat-x;
}
#catch {
	width: 750px;
	height: 347px;
	margin: 0 auto;
	background: url("../images/home/catch.jpg") no-repeat;
}
#catch p {
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
}



/* HOME MENU */
/* ------------------------------------------------ */

#catch #hMenu {
	float: right;
	width: 254px;
	margin: 24px 0 0 0;
}

#catch #hMenu li a {
	display: block;
	width: 254px;
	height: 72px;
	margin: 0 0 5px 0;
}
#catch #hMenu li.staff a {
	background: url("../images/home/hm_staff.gif") no-repeat;
}
#catch #hMenu li.member a {
	background: url("../images/home/hm_member.gif") no-repeat;
}
#catch #hMenu li.client a {
	background: url("../images/home/hm_client.gif") no-repeat;
}
#catch #hMenu li.company a {
	background: url("../images/home/hm_company.gif") no-repeat;
}



/* SUB AREA */
/* ------------------------------------------------ */

#main #subArea #bgSub {
/*	float: left;	*/
	padding: 0 0 30px 0;
	background: #fff;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	width: 254px; /*(for ie5/win)*/
	text-align: center;
	voice-family : "\"}\"";
	voice-family : inherit;
	width: 252px;
	text-align: left;
}

#subArea #hsMenu {
	width: 228px;
	margin: 0 auto;
}
#subArea #hsMenu a {
	display: block;
	width: 228px;
	height: 57px;
	margin: 10px 0 0 0;
}
#subArea #hsMenu li.jobsearch a {
	background: url("../images/home/hm_jobsearch.gif") no-repeat;
}
#subArea #hsMenu li.recruiting a {
	background: url("../images/home/hm_recruiting.gif") no-repeat;
}



/* RECENT JOBS */
/* ------------------------------------------------ */

#contentsArea #recentJobs {
	width: 496px;
}
#contentsArea #recentJobs h3 {
	width: 496px;
	height: 38px;
	margin: 0 0 10px 0;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	background: #f6f6f6 url("../images/home/h_recent_jobs.gif") no-repeat;
}

#contentsArea #recentJobs table {
	width: 496px;
	border-collapse: collapse;
	border: 0;
}
#contentsArea #recentJobs table th {
	width: 96px;
	padding: 7px 0 6px 0;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
	background: url("../images/home/bg_recent_jobs.gif") top no-repeat;
}
#contentsArea #recentJobs table td {
	width: 400px;
	padding: 6px 0 6px 0;
	font-size: 80%;
	line-height: 1.2;
	vertical-align: top;
	background: url("../images/home/bg_recent_jobs.gif") top no-repeat;
}
#contentsArea #recentJobs table tr.top th,
#contentsArea #recentJobs table tr.top td {
	background-image: none;
}
#contentsArea #recentJobs table td a {
	text-decoration: underline;
}
#contentsArea #recentJobs table td img.icon {
	margin: 0 0 0 2px;
}



/* INFORMATION */
/* ------------------------------------------------ */

#contentsArea #information {
	width: 496px;
}
#contentsArea #information .box {
	width: 419px;
	margin: 10px 0 0 0;
	border: 1px solid #b3a8a8;
	background: #fff;
}
#contentsArea #information .box table {
	margin: 6px 10px;
	border-collapse: collapse;
	border: 0;
}
#contentsArea #information .box table th {
	width: 96px;
	padding: 4px 0 4px 0;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}
#contentsArea #information .box table td {
	width: 400px;
	padding: 4px 0 4px 0;
	font-size: 80%;
	line-height: 1.2;
	vertical-align: top;
}
#contentsArea #information .box p {
	padding: 10px 10px;
	font-size: 80%;
	line-height: 1.4;
}
#contentsArea #information .box a {
	color: #cc0000;
	text-decoration: underline;
}