/*
-----------------------------------------------
AGS Styles
Version:  4 Mar 2008
----------------------------------------------- */

@charset "UTF-8";


/* ------ Job Navigation ------ */
#Cnavi {
	border-top: 1px solid #C5012F;
}
#Cnavi li {
	float: left;
	background: #FFF;
	border-bottom: 2px solid #C5012F;
}
#Cnavi li a {
	display: block;
	height: 28px;
	text-indent: -9999em;
}
#Cnavi li#ClientTemp a {
	width: 249px;
	background: transparent url(./navi_temporary_off.png) no-repeat;
}
#Cnavi li#ClientTemp a:hover {
	width: 249px;
	background: transparent url(./navi_temporary_on.png) no-repeat;
}
#Cnavi li#ClientEmp a {
	width: 250px;
	background: transparent url(./navi_employment_off.png) no-repeat;
}
#Cnavi li#ClientEmp a:hover {
	width: 250px;
	background: transparent url(./navi_employment_on.png) no-repeat;
}
#Cnavi li#ClientInq a {
	width: 249px;
	background: transparent url(./navi_inquiry_off.png) no-repeat;
}
#Cnavi li#ClientInq a:hover {
	width: 249px;
	background: transparent url(./navi_inquiry_on.png) no-repeat;
}

div.Temp #Cnavi li#ClientTemp a {
	width: 249px;
	background: transparent url(./navi_temporary_on.png) no-repeat;
}
div.Emp #Cnavi li#ClientEmp a {
	width: 250px;
	background: transparent url(./navi_employment_on.png) no-repeat;
}
div.Inq #Cnavi li#ClientInq a {
	width: 249px;
	background: transparent url(./navi_inquiry_on.png) no-repeat;
}



/* ------ TEMPORARY ------ */
#TempTopImg {
	height: 159px;
	border-top: 1px solid #C5012F;
	background: transparent url(./client_top_image.png) no-repeat;
	text-indent: -9999em;
}
#Wrapper #Lead {
	background: transparent url(../_skin/dot_bg.png);
	padding: 10px 0 10px 0;
}
#Wrapper #Lead dl {
	background: #fff;
	width: 590px;
	margin: 30px 64px 0 64px;
	padding: 10px 15px;
}
*html #Wrapper #Lead dl {
	background: #fff;
	width: 590px;
	margin: 10px 64px 0 64px;
	padding: 10px 15px;
}
*+html #Wrapper #Lead dl {
	background: #fff;
	width: 590px;
	margin: 10px 64px 0 64px;
	padding: 10px 15px;
}
#Wrapper #Lead dl dt {
	text-indent: -9999em;
	text-align: left;
}
#Wrapper #Lead dl dd {
	margin: 5px 0 0 0;
	font-size: 1em;
	text-align: left;
}
#Wrapper #Lead dl dt.LdTemp {
	height: 18px;
	background: transparent url(./client_top_lead.png) no-repeat;
}

div.Temp #LeftHalf #TitReco {
	height: 24px;
	background: transparent url(./temporary_tit_reco.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Temp #LeftHalf #RecoList {
	margin: 5px 5px 0 5px;
}
div.Temp #LeftHalf #RecoList li {
	background: transparent url(../_skin/title_point.png) left 11px no-repeat;
	padding: 7px 0 0 13px;
	font-size: 1.2em;
}
div.Temp #LeftHalf #RecoEg {
	margin: 20px 5px 0 5px;
	font-size: 1em;
}
div.Temp #LeftHalf #RecoEg dt {
	background: transparent url(../_skin/link_triangle_pink.png) left 6px no-repeat;
	margin: 0 0 0 4px;
	padding: 0 0 0 8px;
}
div.Temp #LeftHalf #RecoEg dd {
	padding: 10px 10px 0 10px;
}

div.Temp #RightHalf #TitWhat {
	height: 24px;
	background: transparent url(./temporary_tit_what.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Temp #RightHalf #WhatImg {
	height: 236px;
	background: transparent url(./temporary_what_image.png) no-repeat;
	margin: 15px 0 0 0;
	text-indent: -9999em;
}

div.Temp #Left #TitMerit {
	height: 24px;
	background: transparent url(./temporary_tit_merit.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Temp #Left #MeritList {
	margin: 15px 5px 0 5px;
}
div.Temp #Left #MeritList dt {
	height: 14px;
	margin: 15px 0 0 0;
	font-size: 1.2em;
	text-indent: -9999em;
}
div.Temp #Left #MeritList dt#ListMatch {
	background: transparent url(./temporary_merit_match.png) no-repeat;
}
div.Temp #Left #MeritList dt#ListInterview {
	background: transparent url(./temporary_merit_interview.png) no-repeat;
}
div.Temp #Left #MeritList dt#ListFollow {
	background: transparent url(./temporary_merit_follow.png) no-repeat;
}
div.Temp #Left #MeritList dt#ListLevel {
	background: transparent url(./temporary_merit_level.png) no-repeat;
}
div.Temp #Left #MeritList dt#ListWelfare {
	background: transparent url(./temporary_merit_welfare.png) no-repeat;
}
div.Temp #Left #MeritList dt#ListComplaint {
	background: transparent url(./temporary_merit_complaint.png) no-repeat;
}
div.Temp #Left #MeritList dd {
	margin: 10px 10px 0 20px;
	font-size: 1em;
}

div.Temp #Left #TitInquiry {
	height: 24px;
	background: transparent url(./temporary_tit_inquiry.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Temp #Left #InqList {
	margin: 10px 20px;
}
div.Temp #Left #InqList li a {
	display: block;
	background: transparent url(../_skin/link_arrow_pink.png) left 4px no-repeat;
	padding-left: 15px;
	color: #C5012F;
	font-size: 0.95em;
}
div.Temp #Left #InqList li.InqPnt {
	background: transparent url(../_skin/link_triangle_pink.png) left 4px no-repeat;
	margin: 0 0 0 2px;
	padding-left: 15px;
	font-size: 0.95em;
}

div.Temp #Right #TitFlow {
	height: 24px;
	background: transparent url(./temporary_tit_flow.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Temp #Right #FlowList {
	margin: 15px 5px 0 5px;
}
div.Temp #Right #FlowList dt {
	margin: 15px 0 0 0;
	padding: 8px 0;
	border: 1px solid #C5012F;
	font-size: 1.2em;
	text-align: center;
	text-indent: -9999em;
}
div.Temp #Right #FlowList dt#Flow01 {
	background: transparent url(./temporary_flow_01.png) center 10px no-repeat;
}
div.Temp #Right #FlowList dt#Flow02 {
	background: transparent url(./temporary_flow_02.png) center 10px no-repeat;
}
div.Temp #Right #FlowList dt#Flow03 {
	background: transparent url(./temporary_flow_03.png) center 10px no-repeat;
}
div.Temp #Right #FlowList dt#Flow04 {
	background: transparent url(./temporary_flow_04.png) center 10px no-repeat;
}
div.Temp #Right #FlowList dd.FlowArrow {
	background: transparent url(../_skin/flow_arrow.png) bottom center no-repeat;
	padding: 5px 5px 20px 5px;
	font-size: 1em;
}
div.Temp #Right #FlowList dd {
	padding: 5px 5px 20px 5px;
	font-size: 1em;
}



/* ------ Inquiry ------ */

div.Inq #TopImg {
	clear: both;
	height: 69px;
	border-bottom: 1px solid #C5012F;
	background: transparent url(./inquiry_title.png) no-repeat;
	text-indent: -9999em;
}
.TitInquiryInq {
	background: transparent url(./inquiry_tit_inq.png) no-repeat;
	height: 24px;
	margin: 15px 20px 0 20px;
	text-indent: -9999em;
}
.TitInquiryInqConf {
	background: transparent url(./inquiry_tit_inq_conf.png) no-repeat;
	height: 24px;
	margin: 15px 20px 0 20px;
	text-indent: -9999em;
}
.TitInquiryInqDone {
	background: transparent url(./inquiry_tit_inq_done.png) no-repeat;
	height: 24px;
	margin: 15px 20px 0 20px;
	text-indent: -9999em;
}
div.Inq .TxtNml {
	margin: 20px 35px 0 45px;
}
*html div.Inq .TxtNml {
	margin: 20px 35px 0 40px;
}
*+html div.Inq .TxtNml {
	margin: 20px 35px 0 40px;
}
div.Inq .RightTxtPink {
	margin: 20px 35px 0 0;
	color: #C5012F;
	font-size: 0.92em;
	text-align: right;
}
.FormFill {
	height: 25px;
	background: transparent url(../_skin/form_path_fillout_lg.gif) no-repeat;
	margin: 20px 0 0 35px;
	text-indent: -9999em;
}
.FormConf {
	height: 25px;
	background: transparent url(../_skin/form_path_confirm_lg.gif) no-repeat;
	margin: 20px 0 0 35px;
	text-indent: -9999em;
}
.FormDone {
	height: 25px;
	background: transparent url(../_skin/form_path_done_lg.gif) no-repeat;
	margin: 20px 0 0 35px;
	text-indent: -9999em;
}
.JobListBox {
	border: 1px solid #C5012F;
	width: 680px;
	margin: 20px 0 0 35px;
}
*html .JobListBox {
	border: 1px solid #C5012F;
	width: 680px;
	margin: 20px 0 0 0;
}
*+html .JobListBox {
	border: 1px solid #C5012F;
	width: 680px;
	margin: 20px 0 0 0;
}
.JobListBox th {
	border-bottom: 1px solid #C5012F;
	background: #F9E5EA;
	width: 25%;
	padding: 5px 10px;
	font-size: 0.92em;
	vertical-align: top;
}
.JobListBox td {
	border-bottom: 1px solid #C5012F;
	padding: 5px 20px;
	font-size: 0.92em;
	text-align: left;
}
.JobListBox th span.ast {
	padding-left: 5px;
	color: #C5012F;
	font-size: 0.95em;
}
.JobListBox td span.rghttxt {
	display: block;
	padding: 3px 0;
	text-align: right;
}
.JobListBox td .ErrorBox {
	border: 2px dotted blue;
	background: #CAECFF;
	padding: 5px;
}
.BtnConf {
	margin: 20px 0 0 560px;
}
.BtnConf a {
	display: block;
	height: 40px;
	background: transparent url(../_skin/btn_confirm.png) no-repeat;
	text-indent: -9999em;	
}
ol#ConfBtn {
	margin: 20px 0 0 40px;
}
ol#ConfBtn li {
	float: left;
	width: 150px;
}
ol#ConfBtn li a {
	display: block;
	width: 150px;
	height: 40px;
	text-indent: -9999em;	
}
ol#ConfBtn li.BtnBack a {
	background: transparent url(../_skin/btn_back.png) no-repeat;
}
ol#ConfBtn li.BtnSend a {
	background: transparent url(../_skin/btn_send.png) no-repeat;
	margin: 0 0 0 375px;
}
.ErrorTxt {
	margin: 15px 0 0 0;
	color: blue;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.ToTopPage a {
	display: block;
	background: transparent url(../_skin/link_arrow_pink.png) left 4px no-repeat;
	margin: 0 0 0 45px;
	padding: 0 0 0 15px;
	font-size: 1em;
	text-align: left;
}




/* ------ Employment ------ */

div.Emp #TopImg {
	clear: both;
	height: 69px;
	border-bottom: 1px solid #C5012F;
	background: transparent url(./employment_title.png) no-repeat;
	text-indent: -9999em;
}
div.Emp #LeftHalf #TitWhat {
	height: 24px;
	background: transparent url(./emp_tit_what.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Emp #LeftHalf #WhatEg {
	margin: 20px 5px 0 5px;
	font-size: 0.9em;
}
div.Emp #LeftHalf #WhatEg dt {
	background: transparent url(../_skin/link_triangle_pink.png) left 6px no-repeat;
	margin: 0 0 0 4px;
	padding: 0 0 0 8px;
}
div.Emp #LeftHalf #WhatEg dd {
	background: transparent url(../_skin/title_point.png) left 3px no-repeat;
	margin: 3px 10px;
	padding: 0 0 0 15px;
}
div.Emp #LeftHalf #TitMerit {
	height: 24px;
	background: transparent url(./emp_tit_merit.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Emp #LeftHalf #MeritList {
	margin: 20px 5px 0 5px;
}
div.Emp #LeftHalf #MeritList li {
	margin: 5px 0;
	text-indent: -9999em;
}
div.Emp #LeftHalf #MeritList li.Merit01 {
	background: transparent url(./emp_merit_01.png) no-repeat;
}
div.Emp #LeftHalf #MeritList li.Merit02 {
	background: transparent url(./emp_merit_02.png) no-repeat;
}
div.Emp #LeftHalf #MeritList li.Merit03 {
	background: transparent url(./emp_merit_03.png) no-repeat;
}
div.Emp #LeftHalf #MeritList li.Merit04 {
	background: transparent url(./emp_merit_04.png) no-repeat;
}
div.Emp #LeftHalf #TitQa {
	height: 24px;
	background: transparent url(./emp_tit_qa.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Emp #LeftHalf .QaSubTit{
	border-bottom: 1px solid #C5012F;
	background: transparent url(../_skin/title_point.png) left 2px no-repeat;
	margin: 25px 5px 0 5px;
	padding-left: 10px;
	font-weight: bold;
}
div.Emp #LeftHalf .QaList {
	margin: 10px 5px 0 5px;
	font-size: 0.9em;
}
div.Emp #LeftHalf .QaList dt {
	background: transparent url(./icon_qa_q.png) left 0 no-repeat;
	margin: 15px 0 0 0;
	padding: 0 0 0 15px;
	color: #C5012F;
}
div.Emp #LeftHalf .QaList dt span.No01 {
	color: #333;
	font-size: 1.3em;
}
div.Emp #LeftHalf .QaList dd {
	background: transparent url(./icon_qa_a.png) left 2px no-repeat;
	margin: 5px 0 0 0px;
	padding: 0 0 0 15px;
}
div.Emp #LeftHalf .QaList dd span.No02 {
	color: #C5012F;
	font-size: 1.3em;
}

div.Emp #RightHalf #TitFlow {
	height: 24px;
	background: transparent url(./emp_tit_flow.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Emp #RightHalf .FlowBox {
	margin: 20px 10px 0 10px;
}
div.Emp #RightHalf .FlowBox td {
	text-indent: -9999em;
}
div.Emp #RightHalf .FlowBox td.space {
	width: 10px;
}
div.Emp #RightHalf .FlowBox td.box {
	width: 163px;
	border: 1px solid #C5012F;
	padding: 5px 0;
}
div.Emp #RightHalf .FlowBox td.box3col {
	width: 338px;
	border: 1px solid #C5012F;
	padding: 5px 0;
}
div.Emp #RightHalf .FlowBox td.arrow {
	background: transparent url(./temporary_flow_arrow.png) center center no-repeat;
	padding: 5px 0;
}
div.Emp #RightHalf .FlowBox td.job {
	background: transparent url(./emp_flow_tit_job.png) center center no-repeat;
	padding-bottom: 20px;
}
div.Emp #RightHalf .FlowBox td.human {
	background: transparent url(./emp_flow_tit_human.png) center center no-repeat;
	padding-bottom: 20px;
}
div.Emp #RightHalf .FlowBox td.j01 {
	background: transparent url(./emp_flow_job_01.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.h01 {
	background: transparent url(./emp_flow_human_01.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.j02 {
	background: transparent url(./emp_flow_job_02.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.h02 {
	background: transparent url(./emp_flow_human_02.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.j03 {
	background: transparent url(./emp_flow_job_03.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.h03 {
	background: transparent url(./emp_flow_human_03.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.h04 {
	background: transparent url(./emp_flow_human_04.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.j05 {
	background: transparent url(./emp_flow_job_05.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.h05 {
	background: transparent url(./emp_flow_human_05.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.j06 {
	background: transparent url(./emp_flow_job_06.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.h06 {
	background: transparent url(./emp_flow_human_06.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.f07 {
	background: transparent url(./emp_flow_07.png) center center no-repeat;
}
div.Emp #RightHalf .FlowBox td.f08 {
	background: transparent url(./emp_flow_08.png) center center no-repeat;
}

div.Emp #RightHalf #TitDL {
	height: 24px;
	background: transparent url(./emp_tit_download.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Emp #RightHalf #DLList {
	margin: 15px 5px 0 5px;
}
div.Emp #RightHalf #DLList dt {
	margin: 15px 0 0 0;
	padding: 5px 0;
	border: 1px solid #C5012F;
	font-size: 1.2em;
	text-align: center;
	text-indent: -9999em;
}
div.Emp #RightHalf #DLList dt#DL01 {
	background: transparent url(./emp_download_01.png) center 10px no-repeat;
}
div.Emp #RightHalf #DLList dt#DL02 {
	background: transparent url(./emp_download_02.png) center 10px no-repeat;
}
div.Emp #RightHalf #DLList dt#DL03 {
	background: transparent url(./emp_download_03.png) center 10px no-repeat;
}
div.Emp #RightHalf #DLList dd.DLArrow {
	background: transparent url(./temporary_flow_arrow.png) bottom center no-repeat;
	padding: 5px 5px 20px 5px;
	font-size: 1em;
}
div.Emp #RightHalf #DLList dd {
	padding: 5px 5px 20px 5px;
	font-size: 0.9em;
}
div.Emp #RightHalf #DLList dd li {
	display: inline;
	margin: 10px 10px 10px 0;
}
div.Emp #RightHalf #DLList dd li.listleft {
	margin-right: 30px;
}
div.Emp #RightHalf #DLList dd li a {
	background: transparent url(../_skin/link_arrow_pink.png) left 2px no-repeat;
	padding-left: 12px;
	font-size: 0.95em;
}
div.Emp #RightHalf #TitInq {
	height: 24px;
	background: transparent url(./emp_tit_inquiry.png) no-repeat;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-indent: -9999em;
}
div.Emp #RightHalf #InqList {
	margin: 10px 20px;
}
div.Emp #RightHalf #InqList li a {
	background: transparent url(../_skin/link_arrow_pink.png) left 0 no-repeat;
	padding-left: 15px;
	font-size: 0.95em;
}
