@charset "utf-8";

@import "../common/base.css";
@import "../common/frame.css";


#bodyBox div.recommendObj div.list div.pack ul li:after,
.row:after,
#bodyBox div.contents:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyBox div.recommendObj div.list div.pack ul li,
.row,
#bodyBox div.contents{
	zoom: 1;
}





/* CONTAINER */
#container {
	background: #FFF url(../../images/top/contents_bg.gif) repeat-x left top;
}
#contents {
	background: url(../../images/top/footer_bg.gif) repeat-x left bottom;
	text-align: center;
}

#bodyBox div.contents div#columnA {width:735px;float:left;}
#bodyBox div.contents div#columnB {width:190px;float:right;}

#bodyBox div.contents {
	padding: 20px 10px 30px 10px;
	min-height: 380px;
	background-color: #FFF;
}



/* HEADER BOX */
#headerBox{background:url(../../images/top/header_bg.gif) no-repeat top left;margin:0 auto;width:955px;height:100px;text-align:left;position:relative;}
#headerBox h1{color:#ff6600;position:absolute;top:20px;left:110px;}
#headerBox p.logo{width:91px;position:absolute;top:20px;left:0px;}
#headerBox p.recruitNBtitle{position:absolute;top:40px;left:110px;}
#headerBox p.illust{position:absolute;top:0px;left:675px;}

/* MAINVISUAL BOX */
#mainvisualBox{margin:0 auto;width:955px;height:352px;position:relative;}
#mainvisualBox p.closedJobs{position:absolute;top:0px;left:0px;}
#mainvisualBox p.careerAdviser{position:absolute;top:22px;left:185px;}
#mainvisualBox p.topClassOffer{position:absolute;top:55px;left:0px;}
#mainvisualBox .specialPkg01,
#mainvisualBox .specialPkg03{width:307px;height:214px;float:left;background:url(../../images/top/mainvisual_spbg.gif) no-repeat top left;margin:121px 0 0 0;text-align:left;}
#mainvisualBox .specialPkg02{width:307px;height:214px;float:left;background:url(../../images/top/mainvisual_spbg.gif) no-repeat top left;margin:121px 16px 0 15px;text-align:left;}

#mainvisualBox .specialPkg01 dl,
#mainvisualBox .specialPkg02 dl,
#mainvisualBox .specialPkg03 dl{width:307px;}

#mainvisualBox .specialPkg01 dt,
#mainvisualBox .specialPkg02 dt,
#mainvisualBox .specialPkg03 dt{width:210px;margin:15px 0 20px 60px;}

#mainvisualBox .specialPkg01 dd,
#mainvisualBox .specialPkg02 dd,
#mainvisualBox .specialPkg03 dd{width:285px;margin:0 auto;}

#mainvisualBox .specialPkg01 dd strong,
#mainvisualBox .specialPkg02 dd strong,
#mainvisualBox .specialPkg03 dd strong{font-weight:normal;}

#mainvisualBox .specialPkg01 dd.recruitGroup{background: url(../../images/top/recruitgroup_bg.gif) top left no-repeat;height:67px;margin-top:7px;overflow:hidden;}
#mainvisualBox .specialPkg01 dd.recruitGroup p{position:absolute;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g1{top:261px;left:25px;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g2{top:261px;left:104px;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g3{top:261px;left:171px;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g4{top:284px;left:25px;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g5{top:298px;left:25px;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g6{top:298px;left:76px;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g7{top:298px;left:136px;}
#mainvisualBox .specialPkg01 dd.recruitGroup p.g8{top:298px;left:211px;}


/* BODY BOX */
#bodyBox {
}
#bodyBox {
	position: relative;
	z-index: 1;
	background: url(../../images/top/footer_frm.gif) no-repeat left bottom;
	margin: 0 auto;
	margin-bottom: 14px;
	width: 959px;
	text-align: center;
}
#bodyBox div.container {
	background: url(../../images/top/contents_frm.gif) no-repeat left top;
	padding-top: 24px;
}
#bodyBox div.contents {
	padding-top: 0;
}


/* CONTENTS */
#bodyBox div#recommendPkg{border:1px solid #e6ccaa;background:#fffad2;height:61px;width:733px;overflow:hidden;margin-bottom:20px;}
#bodyBox div#recommendPkg div.recot{width:100px;float:left;}
#bodyBox div#recommendPkg ul{width:633px;float:right;padding:5px 0;}
#bodyBox div#recommendPkg ul li{width:300px;float:left;margin-left:10px;}
#bodyBox div#recommendPkg ul li em{color:#663333; font-style:normal;}
#bodyBox div#recommendPkg ul li span{color:#ff6600;font-weight:bold;font-size:14px;}





#bodyBox div.infoObj {
	position: relative;
	background: url(../../images/top/info_bg.gif) no-repeat right top;
	margin-bottom: 18px;
	height: 65px;
}
	#bodyBox div.infoObj strong.heading {
		float: left;
		background: url(../../images/top/info_hed.gif) no-repeat left top;
		width: 76px;
		height: 65px;
		/*\*//*/
		padding-bottom: 65px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyBox div.infoObj ul {
		float: right;
		width: 831px;
		height: 65px;
		display: block;
	}
		#bodyBox div.infoObj ul li {
			position: relative;
			margin-bottom: -1px;
		}
			#bodyBox div.infoObj ul li a {
				padding: 0 13px;
				height: 33px;
				line-height: 33px;
				overflow: hidden;
				display: block;
			}
			#bodyBox div.infoObj ul li a:link,
			#bodyBox div.infoObj ul li a:hover,
			#bodyBox div.infoObj ul li a:active,
			#bodyBox div.infoObj ul li a:visited {
				text-decoration: none;
			}
			#bodyBox div.infoObj ul li a *{
				cursor: pointer;
			}
				#bodyBox div.infoObj ul li a span {
					padding-right: 8px;
					color: #553333;
					text-decoration: none;
					display: inline-block;
				}
				#bodyBox div.infoObj ul li a:hover  strong{
					text-decoration: underline;
				}
		#bodyBox div.infoObj ul li.all {
			position: absolute;
			left: 13px;
			top: 37px;
			padding: 0;
			width: 50px;
			height: 21px;
			overflow: hidden;
			display: block;
		}
			#bodyBox div.infoObj ul li.all a {
				background: url(../../images/top/info_btn.gif) no-repeat;
				background-position: 0 0;
				width: 50px;
				height: 21px;
				/*\*//*/
				padding-bottom: 21px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#bodyBox div.infoObj ul li.all a:hover {
				background-position: 0 -21px;
			}





#bodyBox p.leadtext {margin-bottom: 15px;text-align: center;}
#bodyBox p.leadtext img {margin: 0 auto;}





#bodyBox div.formObj {width: 735px;
	position: relative;

	padding-bottom: 21px;
	margin-bottom: 33px;

}

	#bodyBox div.formObj div.tablebox {

	}
#bodyBox div.formObj div.tablebox p.tit {position: relative;margin-bottom: 3px;text-align: center;}
#bodyBox div.formObj div.tablebox p.tit img {margin: 0 auto;}
#bodyBox div.formObj p.tel {
	position: relative;
	margin-top: -63px;
	padding-left: 400px;
}
#bodyBox div.formObj div.tablebox div.box {position: relative;}
#bodyBox div.formObj div.tablebox table {
	/*\*/
	*position: relative;
	/**/
	border: none;
	margin: 0;
	padding: 0;
	width: 735px;
}
			#bodyBox div.formObj div.tablebox table th {
				/*\*/
				*position: relative;
				/**/
				padding: 10px 13px;
				border-bottom: solid 3px #FFF;
				background-color: #f5ebd7;
				vertical-align: middle;
				text-align: left;
				font-weight: bold;
				color: #663333;
				white-space: nowrap;
			}
			#bodyBox div.formObj div.tablebox table tr.necessary th {
				padding: 10px 55px 10px 13px;
				background: #f5ebd7 url(../../images/top/icn_ncs.gif) no-repeat 90% 48%;
				border-bottom: solid 3px #FFF;
				vertical-align: middle;
				text-align: left;
				font-weight: bold;
				color: #663333;
			}
			#bodyBox div.formObj div.tablebox table tr.heading th {
				padding: 10px 55px 10px 13px;
				background: none;
				background-color: #FFF;
				border: solid 6px #ddccbb;
				border-right: solid 1px #ddccbb;
				vertical-align: middle;
				text-align: left;
				font-weight: bold;
				color: #663333;
			}

			#bodyBox div.formObj div.tablebox table td {
				/*\*/
				*position: relative;
				/**/
				padding: 10px 13px 7px 13px;
				border-left: solid 2px #FFF;
				border-bottom: solid 3px #FFF;
				background-color: #fff5dd;
				text-align: left;
				vertical-align: middle;
				text-align: left;
				width: 99%;
			}
			#bodyBox div.formObj div.tablebox table tr.heading td {
				padding: 10px 13px 7px 13px;
				background: none;
				background-color: #FFF;
				border: solid 6px #ddccbb;
				border-left: none;
				font-weight: bold;
				text-align: left;
				vertical-align: middle;
				text-align: left;
				width: 99%;
			}
				#bodyBox div.formObj div.tablebox table tr.heading td strong {
					font-size: 18px;
					/*\*/
					*font-size: 148%;
					/**/
					font-weight: bold;
				}

			#bodyBox div.formObj div.tablebox table tr.top th {
				border-top: solid 16px #FFF;
			}
			#bodyBox div.formObj div.tablebox table tr.top td {
				border-top: solid 16px #FFF;
				width: 99%;
			}



				#bodyBox div.formObj div.tablebox table td p.p1{
					padding-bottom: 11px;
					margin-bottom: 12px;
					background: url(../../images/detail/dot.gif) repeat-x left bottom;
				}
				#bodyBox div.formObj div.tablebox table td p.p2{
					position: relative;
					margin-bottom: -2px;
				}
					#bodyBox div.formObj div.tablebox input {
						position: relative;
						top: -2px;
						/*\*/
						*top: -1px;
						/**/
						padding: 3px;
						background-color: #FFF;
						border: 1px solid #7f9db9;
						font-size: 14px;
						/*\*/
						*font-size: 116%;
						/**/
						vertical-align: bottom;
					}
					#bodyBox div.formObj div.tablebox textarea {
						padding: 3px;
						background-color: #FFF;
						border: 1px solid #7f9db9;
						font-size: 14px;
						/*\*/
						*font-size: 116%;
						/**/
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox select {
						position: relative;
						top: -2px;
						/*\*/
						*top: -1px;
						/**/
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox select.address {
						position: relative;
						top: -4px;
						/*\*/
						*top: 0;
						/**/
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox input.f180j {
						ime-mode: active;
						width: 180px;
					}
					#bodyBox div.formObj div.tablebox input.f380j {
						ime-mode: active;
						width: 380px;
					}
					#bodyBox div.formObj div.tablebox input.f420j {
						ime-mode: active;
						width: 420px;
					}
					#bodyBox div.formObj div.tablebox input.f60 {
						ime-mode: disabled;
						width: 30px;
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox input.f140 {
						ime-mode: disabled;
						width: 140px;
					}
					#bodyBox div.formObj div.tablebox input.nostyle {
						padding: 0;
						background: none;
						border: none;
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox textarea {
						position: relative;
						top: -2px;
						/*\*/
						*top: -1px;
						/**/
						width: 97%;
						line-height: 1.7;
					}
				#bodyBox div.formObj div.tablebox table td span.hed {
					width: 30px;
					display: inline-block;
				}
				#bodyBox div.formObj div.tablebox table td span.conflead {
					color: #663333;
				}
				#bodyBox div.formObj div.tablebox table td span.icn {
					display: inline-block;
				}
					#bodyBox div.formObj div.tablebox table td span.icn img {
						position: relative;
						top: 4px;
						/*\*/
						*top: 3px;
						/**/
						display: inline;
					}
				#bodyBox div.formObj div.tablebox table td span.note1 {
					color: #663333;
					padding-bottom: 5px;
					/*\*/
					*padding-top: 2px;
					/**/
					display: inline-block;
				}
				#bodyBox div.formObj div.tablebox table td span.note2 {
					padding-top: 5px;
					padding-left: 30px;
					color: #663333;
					font-size: 10px;
					/*\*/
					*font-size: 75%;
					/**/
					display: block;
				}
				#bodyBox div.formObj div.tablebox table td span.note3 {
					color: #663333;
					padding-bottom: 5px;
					/*\*/
					*padding-top: 2px;
					/**/
					display: block;
				}
				#bodyBox div.formObj div.tablebox table td span.note4 {
					padding-top: 5px;
					padding-left: 130px;
					color: #663333;
					display: block;
				}

#bodyBox div.formObj div.buttonbox {position: relative;text-align: center;}
#bodyBox div.formObj div.buttonbox ul {width: 360px;margin:0 auto;padding: 15px 0 14px 0;text-align: center;line-height: 1.1;white-space: nowrap;display: block;}
#bodyBox div.formObj div.buttonbox ul li{float: left;width: auto;margin:0 auto;}
#bodyBox div.formObj div.buttonbox ul li a{width: auto;background: url(../../images/common/arw.gif) no-repeat 10px 48%;padding: 0 10px 0 20px;}
#bodyBox div.formObj div.buttonbox p.button {padding: 15px 0;text-align: center;}
#bodyBox div.formObj div.buttonbox p.button a {
	position: relative;
	top: 8px;
	/*\*/
	*top: 0;
	/**/
	width: auto;
	background: none;
	border: none;
	margin:0 12px auto;
	vertical-align: middle;
}
#bodyBox div.formObj div.buttonbox p.button a img {display: inline;}
#bodyBox div.formObj div.buttonbox p.button input {background: none;border: none;margin:0 12px auto;vertical-align: middle;}





#bodyBox div.serviceObj {margin-bottom: 33px;}
#bodyBox div.serviceObj p.hed {
		background: url(../../images/top/input_service_head.gif) no-repeat left top;
		margin-bottom: 16px;
		height: 48px;
		/*\*//*/
		padding-bottom: 48px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
#bodyBox div.serviceObj p.headlead {margin-bottom: 14px;}
#bodyBox div.serviceObj p.headlead strong{font-weight:normal;}

		#bodyBox div.serviceObj div.list {
			background: url(../../images/top/service_frm.gif) no-repeat left bottom;
			margin-bottom: 16px;
			width:735px;
		}
		#bodyBox div.serviceObj div.list h2{background:url(../../images/top/h3_tbg.gif) no-repeat top left;line-height:25px;text-indent:15px;margin-bottom:15px;color:#663333;font-weight:bold;}
			#bodyBox div.serviceObj div.list p.hed {
				position: relative;
				z-index: 99;
				margin-bottom: -1px;
			}
			#bodyBox div.serviceObj div.list ul {
				padding: 0 15px 3px 15px;

			}
#bodyBox div.serviceObj div.list ul li {background: url(../../images/top/service_dot.gif) no-repeat left bottom;padding: 8px 0 7px 0;line-height: 1.3;display: block;}
#bodyBox div.serviceObj div.list ul li.last{background:none;}
#bodyBox div.serviceObj div.list ul li strong.hed {
						font-size: 14px;
						/*\*/
						*font-size: 116%;
						/**/
					}
						#bodyBox div.serviceObj div.list ul li strong.hed span.small {
							font-size: 12px;
							/*\*/
							*font-size: 86%;
							/**/
						}
#bodyBox div.serviceObj div.list ul li strong.word {color: #ff6600;}





#bodyBox div.flowObj {position: relative;margin-bottom: 42px;}
#bodyBox div.flowObj p.hed {
	background: url(../../images/top/input_flow_head.gif) no-repeat left top;
	margin-bottom: 18px;
	height: 48px;
	/*\*//*/
	padding-bottom: 48px;
	/**/
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#bodyBox div.flowObj p.firstofall{position:absolute;top:-9px;left:12px;}
#bodyBox div.flowObj ol {margin-bottom: 40px;}
#bodyBox div.flowObj ol li {float: left;width: 182px;display: block;}
#bodyBox div.flowObj ol li strong{font-weight:normal;}
#bodyBox div.flowObj ol li span {padding: 13px 15px 0 15px;display: block;}
#bodyBox div.flowObj ul {text-align: center;}
#bodyBox div.flowObj ul li {width: 480px;height: 58px;margin: 0 auto;display: block;}
#bodyBox div.flowObj ul li a {
	background-position: 0 0;
	width: 480px;
	height: 58px;
	/*\*//*/
	padding-bottom: 58px;
	/**/
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-image: url(../../images/top/flow_btn.gif);
	background-repeat: no-repeat;
}
#bodyBox div.flowObj ul li a:hover {background-position: 0 -58px;}
#bodyBox div.flowObj ul li a:active {background-position: 0 -116px;}






#bodyBox div.faqObj {position: relative;margin-bottom: 33px;}
	#bodyBox div.faqObj p.hed {
		position: relative;
		z-index: 99;
		background: url(../../images/top/input_faq_head.gif) no-repeat left top;
		margin-bottom: -1px;
		height: 48px;
		/*\*//*/
		padding-bottom: 48px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
#bodyBox div.faqObj div.list {position: relative;z-index: 1;margin-bottom: 33px;padding:0 10px;}
		#bodyBox div.faqObj div.pack {
			background: url(../../images/top/faq_dot.gif) no-repeat left top;
			padding-top: 16px;
			margin-bottom: 13px;
		}
			#bodyBox div.faqObj p.ques {
				background: url(../../images/top/faq_icn_q.gif) no-repeat left top;
				padding: 0 21px 0 32px;
				margin-bottom: 8px;
				height: 25px;
				line-height: 25px;
				font-size: 14px;
				/*\*/
				*font-size: 116%;
				/**/
				color: #663333;
				font-weight:bold;
				display: block;
			}
			#bodyBox div.faqObj p.lead {
				background: url(../../images/top/faq_icn_a.gif) no-repeat 6px 3px;
				padding: 0 21px 0 32px;
				display: block;
			}

	#bodyBox div.faqObj ul {
		text-align: center;
	}
		#bodyBox div.faqObj ul li {
			width: 480px;
			height: 58px;
			margin: 0 auto;
			display: block;
		}
			#bodyBox div.faqObj ul li a {
	background-position: 0 0;
	width: 480px;
	height: 58px;
	/*\*//*/
				padding-bottom: 58px;
				/**/
				text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-image: url(../../images/top/faq_btn.gif);
	background-repeat: no-repeat;
			}
			#bodyBox div.faqObj ul li a:hover {
				background-position: 0 -58px;
			}
			#bodyBox div.faqObj ul li a:active {
				background-position: 0 -116px;
			}





/* FOOTER */
#contentsFooter div.pagetop {position: relative;z-index: 99;background: #FFF;margin: 0 auto;width: 935px;height: 52px;text-align: left;border-bottom: #ebebeb 1px solid;}

#contentsFooter div.nblist {position: relative;z-index: 1;width: 935px;margin: 0 auto;margin-top: -1px;text-align: left;color: #666;}
		#contentsFooter div.list div.arealist {
			background: url(../../images/common/footer_list_dot.gif) no-repeat left top;
			padding-top: 16px;
			margin-bottom: 11px;
		}
#contentsFooter div.nblist div.arealist h3{
	background: url(../../images/common/footer_list_t1.gif) no-repeat left top;
	margin-bottom: 8px;
	height: 13px;
	/*\*//*/
	padding-bottom: 13px;
	/**/
	overflow: hidden;
	display: block;
}

#contentsFooter div.nblist div.newslist {padding-top: 16px;margin-bottom: 11px;}
#contentsFooter div.nblist div.newslist h4{
	margin-bottom: 8px;
	/*\*//*/
	padding-bottom: 13px;
	/**/
	overflow: hidden;
	display: block;
	color:#663333;
}
#contentsFooter div.nblist div.newslist h4.txtTitle{background:url(../../images/top/h3_tbg.gif) no-repeat top left;line-height:25px;text-indent:15px;width:735px;}




/* FOOTERNAVI */
#contentsFooter div.nblist div.linklist {border-top:3px solid #e6ccaa;padding: 20px 0;}
#contentsFooter div.nblist div.linklist ul {float: left;}
#contentsFooter div.nblist div.linklist ul li {float: left;height: 16px;margin-right: 23px;display: block;}
#contentsFooter div.nblist div.linklist ul li.l1 {width: 164px;}
#contentsFooter div.nblist div.linklist ul li.l2 {width: 81px;}
#contentsFooter div.nblist div.linklist ul li.l3 {width: 70px;}
#contentsFooter div.nblist div.linklist ul li.l4 {width: 93px;}
#contentsFooter div.nblist div.linklist ul li.l5 {width: 88px;}
#contentsFooter div.nblist div.linklist ul li.l6 {width: 90px;}
#contentsFooter div.nblist div.linklist ul li a {
	background-position: 0 0;
	height: 16px;
	/*\*//*/
	padding-bottom: 13px;
	/**/
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#contentsFooter div.nblist div.linklist ul li.l1 a {background: url(../../images/top/footer_nav1.gif) no-repeat;width: 164px;}
#contentsFooter div.nblist div.linklist ul li.l2 a {background: url(../../images/top/footer_nav2.gif) no-repeat;width: 81px;}
#contentsFooter div.nblist div.linklist ul li.l3 a {background: url(../../images/top/footer_nav3.gif) no-repeat;width: 70px;}
#contentsFooter div.nblist div.linklist ul li.l4 a {background: url(../../images/top/footer_nav4.gif) no-repeat;width: 93px;}
#contentsFooter div.nblist div.linklist ul li.l5 a {background: url(../../images/top/footer_nav5.gif) no-repeat;width: 88px;}
#contentsFooter div.nblist div.linklist ul li.l6 a {background: url(../../images/top/footer_nav6.gif) no-repeat;width: 90px;}
#contentsFooter div.nblist div.linklist ul li.l1 a:hover,
#contentsFooter div.nblist div.linklist ul li.l2 a:hover,
#contentsFooter div.nblist div.linklist ul li.l3 a:hover,
#contentsFooter div.nblist div.linklist ul li.l4 a:hover,
#contentsFooter div.nblist div.linklist ul li.l5 a:hover,
#contentsFooter div.nblist div.linklist ul li.l6 a:hover {background-position: 0 -16px;}





/* COLUMN B */
#columnB div#telBanner{margin-bottom:20px;}
#columnB div#openOffer,
#columnB div#recommendOffer{background:#fffad2;margin-bottom:20px;padding-bottom:5px;}
#columnB #openOffer h3,
#columnB #recommendOffer p.recotitle{background:url(../../images/top/columnb_h4_bg.gif) no-repeat top left;width:190px;height:39px;line-height:35px;text-indent:15px;font-weight:bold;}
/* openOffer */
#openOffer p{width:170px;margin:0 auto;}
#openOffer p.notes{color:#ff6600;font-weight:bold;}
#openOffer p.areas{font-size:14px;font-weight:bold;}
/* recommendOffer */
#recommendOffer{}
#recommendOffer ul{width:170px;margin:0 auto;padding:5px 0;}
#recommendOffer ul.ul1,
#recommendOffer ul.ul2{background:url(../../images/top/columnb_borderdot.gif) bottom left repeat-x;}
#recommendOffer ul li{background:url(../../images/top/columnb_arw.gif) 0 8px no-repeat;padding-left:8px;}
#recommendOffer ul li span{font-weight:bold;}