@charset "utf-8";
/*///////////////////////////////////////emc////////////////////////////////////////////
       Site Name  :  EMCOM HOLDINGS
       File Name  :  recruit.css
       Created     :  2009.04.01
       Up Date     :  2009.04.01
       Copyright (C) EMCOM HOLDINGS CO., LTD.  All Rights Reserved.
//////////////////////////////////////////////////////////////////////////////////////*/

/*　recruit : topindex
---------------------------------------------------------- */
br.clear {
	clear: both;
}

ul {
	margin: 0;
}
ul li {
	margin: 0;
	list-style: none;
}

.hidden {
	display: none;
}


div.Recruit div.contentBox02 {
	width:590px;
	margin-bottom:10px;
	padding:10px;
	border:solid 1px #ddd;
	background:#fff;
	}
div.Recruit img.ttlMessage{
	margin:20px auto 0px;
}
div.Recruit div#naviBox,
div.Recruit div#naviBox2 {
	width:490px;
	margin:20px auto;
	padding:10px 0 25px;
	text-align:center;
	background:url(../_img/navibox.gif) bottom no-repeat;
}
div.Recruit div#naviBox2 {
	padding-bottom:50px;
	background:url(../_img/navibox2.gif) bottom no-repeat;
}
div.Recruit div#naviBox div.navitxtbox,
div.Recruit div#naviBox2 div.navitxtbox{
	width:400px;
	margin:10px 0 20px 180px;
}
div.Recruit div#naviBox p.navitxt,
div.Recruit div#naviBox2 p.navitxt {
	padding-left:15px;
	text-align:left;
	width:180px;
	float:left;
	background:url(../_img/navi_marker.gif) left no-repeat;
}
div.Recruit div#naviBox p.navitxt a ,
div.Recruit div#naviBox2 p.navitxt a { font-weight:bold; }

div.Recruit div#ttlBox { width:585px; margin:5px auto; }
div.Recruit div#ttlBox img { margin:0;display:block; float:left; }

/*　recruit : topindex(new)
---------------------------------------------------------- */
div.Recruit div#recruit_headimg {
	width:590px;
	height:364px;
	position:relative;
	background:url(../_img/cont01_ttl.jpg);
}
div.Recruit div#recruit_headimg  .rec_head_btn {
	display:block;
	position:absolute;
	top:300px;
	left:60px;
}
div.Recruit div#recruit_headimg  .rec_head_btn2 {
	display:block;
	position:absolute;
	margin:271px 0 0 32px;
}
div.Recruit div#recruit_headimg a:hover{
	opacity:0.8;
}

div.Recruit div#recruit_headimg ul {
	font-size:100%;
	font-weight:bold;
	line-height:24px;
	position:absolute;
	top:108px;
	left:33px;
}
div.Recruit div#recruit_headimg ul li {
	padding-left:13px;
	background:url(../_img/navi_marker2.gif) no-repeat scroll 0 8px;
}
div.Recruit div#recruit_headimg ul a {
	color:#222;
}
div.Recruit div.recruit_news {
	width:570px;
	margin:20px auto 30px;
	text-align:center;
}
div.Recruit div.recruit_news ul {
	margin:15px 0;
	text-align:left;
}
div.Recruit div.recruit_news li {
	line-height: 1;
	margin:0 0 6px;
	padding: 0 5px 6px;
	border-bottom: solid 1px #ccc;
}
div.Recruit div.recruit_news li span.date {
	margin-right: 10px;
	font-weight:bold;
}
div.Recruit div.recruit_news .entry_btn {
	margin:20px;
}

/*　recruit : oneday
---------------------------------------------------------- */
div.Recruit div#employees_head {
	margin-bottom:30px;
}
div.Recruit div#employees_head h3 {
	margin:20px 0 10px;
}
div.Recruit div#employees_head ul li {
	float:left; /* IE6段ズレ対策 */
}
div.Recruit div#employees_head ul li img {
	margin:0 0 15px 10px;
}
div.Recruit div#employees_head ul li a:hover{
	opacity:0.8;
	outline: none;
}
div.Recruit div#employees_head ul li img.emp_caram {
	margin-left:15px;
}
div.Recruit div.voice {
	width:570px;
	margin:20px auto;
}
div.Recruit div.voice .voice_pic {
	float: right;
	margin: 20px;
}
div.Recruit div.voice dl {
	margin:20px;
}
div.Recruit div.voice dl dt {
	margin:10px 0 5px;
	padding-left:10px;
	font-weight:bold;
	font-size:1.1em;
	background:url(../employees/_img/list_mark.gif) no-repeat left;
}
div.Recruit div.voice dl dd {
	line-height:1.2;
}
div.Recruit div.employees_link {
	width:570px;
	margin:10px auto 40px;
	padding: 0;
	background:url(../employees/_img/navi_box.gif) top ;
}
div.Recruit div.employees_link p {
	margin: 0 0 0 35px;
	font-size: 108%;
	font-weight: bold;
}
div.Recruit div.employees_link ul {
	margin: 0 0 5px 40px;
}
div.Recruit div.employees_link ul li {
	font-size:105%;
	padding-left:15px;
	background: url(../_img/navi_marker.gif) no-repeat left;
}
div.Recruit div.employees_link ul li.childnow-reading a {
	color: #036;
	text-decoration:underline;
}

div.Recruit div.employees_link ul.eng li {
	width:500px;  /* eng版対策 */
}
div.Recruit div.oneday {
	margin:30px 10px 20px;
	line-height:1.8;
}
div.Recruit div.oneday img.photo {
	float:left;
}
div.Recruit div.oneday p.oneday_prof {
	margin:30px 0 0px 10px;
	float:left;
}
div.Recruit div.oneday p.oneday_prof_txt {
	margin:20px;
}
div.Recruit div.time {
	margin:10px 0;
}
div.Recruit div.time img.watch{
	float: left;
	margin-right:20px;
}
div.Recruit div.time p{
	float:left;
	line-height:1.3;
	width:450px;
	margin:5px 0;
}

/*　recruit : guideline
---------------------------------------------------------- */

div.Recruit .guidelist {
	width:530px;
	margin:20px 0 20px 60px;
}
div.Recruit .guidelist li {
	display:block;
	width:250px;
	padding-left:15px;
	float:left;
	font-size:110%;
	line-height:2;
	font-weight:bold;
	background:url(../_img/navi_parts_next08.gif) left no-repeat;
}
div.Recruit .headrogo {
	width:530px;
	margin:20px auto;
	padding:0 15px 5px;
	background:url(../guideline/_img/line.gif) bottom no-repeat;
}
div.Recruit .headrogo p.next {
	padding-left:15px;
	margin:-25px 10px 0 0;
	float:right;
	background:url(../_img/navi_marker.gif) left no-repeat;
}
div.Recruit .headrogo p.next a {
	font-weight:bold;
}
div.Recruit dl.guideline {
	margin:20px 10px;
}
div.Recruit dl.guideline dt {
	width:100px;
	float:left;
}
div.Recruit dl.guideline dd {
	width:420px;
	padding:5px 20px;
	margin-bottom:15px;
	float:left;
	border-top:solid 2px #ccc;
	border-left:solid 2px #ccc;
}
div.Recruit div.entry {
	width:520px;
	margin:15px auto 40px;
	padding:0 20px;
	background:url(../guideline/_img/line2.gif) bottom left no-repeat;
	text-align:right;
}

/*　recruit : message
---------------------------------------------------------- */
div.Recruit div.messageTxt{
	width:500px;
	margin:30px auto;
	padding:255px 20px 0px;
	background:url(../recruitmsg/_img/message_bg.jpg) top no-repeat;
}

/*　recruit : flow
---------------------------------------------------------- */
div.Recruit .recruit_headttl{
	width:585px;
	display:block;
	margin:0 auto;
}
div.Recruit div#flow {
	width:570px;
	margin:30px auto 0;
	background:url(../_img/flow_bg.gif) repeat-y;
}
div.Recruit div#flowend {
	width:570px;
	margin:0px auto 30px;
}
div.Recruit div#flowend p,
div.Recruit div#flow p {
	width:470px;
	padding:35px 0 30px 100px;
}
div.Recruit div#flow p span.minTxt {
	display:block;
	line-height:1.2;
	margin-top:10px;
}
div.Recruit div#flow p.flow_step01 { background:url(../_img/flow_01.gif) top no-repeat; }
div.Recruit div#flow p.flow_step02 { background:url(../_img/flow_02.gif) top no-repeat; }
div.Recruit div#flow p.flow_step03 { background:url(../_img/flow_03.gif) top no-repeat; }
div.Recruit div#flow p.flow_step04 { background:url(../_img/flow_04.gif) top no-repeat; }
div.Recruit div#flow p.flow_step05 { background:url(../_img/flow_05.gif) top no-repeat; }
div.Recruit div#flowend p.flow_step06 { background:url(../_img/flow_06.gif) top no-repeat; }

div.Recruit img.flow_attention {
	width:460px;
	display:block;
	margin:20px auto;
}

/*　recruit : faq
---------------------------------------------------------- */
div.Recruit h3.qattl {
	width:550px;
	height:24px;
	margin:30px auto;
	padding:1px 0 0 20px;
	background:url(../_img/qattl_bg.gif) no-repeat;
}
div.Recruit h3.qattl span{
	font-weight:normal;
	font-size:80%;
	padding-left:30px;
}
div.Recruit h3.qattl2 {
	width:550px;
	height:32px;
	margin:30px auto;
	padding:8px 0 0 20px;
	background:url(../_img/qattl_bg2.gif) no-repeat;
}
div.Recruit h3.qattl2 span{
	font-weight:normal;
	font-size:80%;
	padding-left:30px;
}

div.Recruit dl.recfaq {
	margin:10px 20px;
}
div.Recruit dl.recfaq dt {
	padding-left:25px;
	margin-bottom:8px;
	font-weight:bold;
	font-size:110%;
	color:#1d559e;
	background:url(../_img/q.gif) left top no-repeat;
}
div.Recruit dl.recfaq dd {
	padding-left:25px;
	margin-bottom:20px;
	background:url(../_img/a.gif) left top no-repeat;
}
div.Recruit dl.recfaq dd a{ color:#306cba; }


div.Recruit dl.recfaq dt.qalist {
	margin-bottom:0px;
}

/*　recruit : inquiry / entry
---------------------------------------------------------- */
div.Recruit h3.rec_subttl {
	width:530px;
	margin:35px auto 30px;
}
div.Recruit .rec_telinqu {
	text-align:center;
}
div.Recruit .txt_red {
	font-weight:bold;
	color:red;
}
div.Recruit .label {
	display:block;
	width:13em;
	float:left;
}
div.Recruit ol.inq_li {
	margin:25px;
	padding-left:30px;
	border-bottom:solid 1px #ccc;
}
div.Recruit ol.inq_li li {
	margin-bottom:15px;
}
div.Recruit ol.inq_li input,
div.Recruit ol.inq_li select,
div.Recruit ol.inq_li textarea {
	padding:1px 1px 1px 3px;
	background:#f4f9ff;
	border:1px solid;
	border-color: #6a8fc5 #c6c6c6 #c6c6c6 #6a8fc5;
	color:#444;
}
div.Recruit ol.inq_li input:focus,
div.Recruit ol.inq_li select:focus,
div.Recruit ol.inq_li textarea:focus {
	background: #fff;
	color:#333;
}
div.Recruit ol.inq_li input {
	width:250px;
}
div.Recruit ol.inq_li input.adcode,
div.Recruit ol.inq_li input.phone {
	width:120px;
}
div.Recruit ol.inq_li li.comment {
	margin-top:20px;
}
div.Recruit ol.inq_li ul.check {
	margin:10px auto 20px;
}
div.Recruit ol.inq_li ul.check li{
	margin:0;
}
div.Recruit ol.inq_li ul.check li.title{
	width:400px;
	font-weight:bold;
	margin-top:10px;
}
div.Recruit ol.inq_li ul.check li input{
	margin:0;
	width:10px;
	border:none;
	width:12px;
	height:12px;
}
div.Recruit .txt_center {
	width:80%;
	margin:30px auto;
	text-align:center;
}
div.Recruit .txt_center input{
	margin:0 20px;
	width:7em;
}
div.Recruit .widthWrapp { float:left;width:300px;}

div.Recruit .txt_err {
	margin:20px 50px;
	padding:5px 50px;
	border-bottom:solid 2px #f00;
	border-top:solid 3px #f00;
	color:#f00;
}
div.Recruit .txt_center p{
	line-height:2em;
	margin:30px auto;
}
div.Recruit .txt_center p.finishttl {
	font-size:120%;
	font-weight:bold;
}


div.Inquiry ul.JobList li {
	list-style: none;
}






/*  採用情報 ＞ 募集職種
-------------------------------------------------------------*/
/* 応募フォーム エントリーボタン */
div.Recruit div.RecruitEntrySubmit {
	width: 160px;
	margin: 20px auto;
}
/* 見出し下テキスト */
div.Recruit p.RecruitCatePantograph {
	margin: 20px;
}
/* 募集職種トップ */
div.Recruit div#RecruitCategory {
	margin: 30px 20px;
}
div.Recruit div#RecruitCategory dl {
}
div.Recruit div#RecruitCategory dl dt a {
	display: block;
	padding-left: 8px;
	font-weight: bold;
	color: #222;
	background:#dfedff;
	border-top: 3px solid #2185d7 ;
}
div.Recruit div#RecruitCategory dl dt a:hover {
	color: #fff;
	background:#1a55ab;
	text-decoration:none;
}
div.Recruit div#RecruitCategory dl dd {
	line-height: 1.5;
	margin: 10px;
}
div.Recruit div#RecruitCategory dl dd ul {
	margin: 0;
}
div.Recruit div#RecruitCategory dl dd ul li {
	margin: 0 0 10px;
	list-style: none;
}
div.Recruit div#RecruitCategory dl dd ul li span {
	padding-left: 15px;
	background: url(../_img/marker_triangle_hover.png) no-repeat left;
}	

/* 募集職種個別ページ */
div.Recruit div#RecruitOutline dl {
	margin: 20px 15px;
	padding: 0 0 15px;
}
div.Recruit div#RecruitOutline dl dt {
	margin: 15px 0 10px;
	padding: 2px 15px;
	border-bottom: 1px #ccc solid;
	font-weight: bold;
	color: #222;
	background: #eee;
}
div.Recruit div#RecruitOutline dl dd {
	margin: 0 10px;
}
div.Recruit div#RecruitOutline dl dd ul {
	margin: 0 15px;
}
div.Recruit div#RecruitOutline dl dd ul li {
	margin: 5px;
	list-style: disc;
}
/* 募集職種個別ページ リンクリスト */
div.Recruit div.RecruitOutlineLink {
	width:590px;
	margin:0px auto 40px;
	padding: 0;
	background: url(../guideline/_img/cate_box.png) top;
}
div.Recruit div.RecruitOutlineLink ul {
	margin: -20px 5px 10px 30px;
}
div.Recruit div.RecruitOutlineLink ul li {
	margin: 0;
	line-height: 1.3;
	list-style: none;
}
div.Recruit div.RecruitOutlineLink ul li a {
	padding-left:15px;
	background: url(../_img/marker_triangle.png) no-repeat left;
}
div.Recruit div.RecruitOutlineLink ul li a:hover,
div.Recruit div.RecruitOutlineLink ul li.childnow-reading a {
	text-decoration: underline;
	color: #4e23c7;
	background: url(../_img/marker_triangle_hover.png) no-repeat left;
}

/* 従業員個別ページリンクリスト */
div.Recruit div.EmployeesLink {
	width:570px;
	margin:10px auto 20px;
	padding: 0;
	background:url(../guideline/_img/navi_box.png) top ;
}
div.Recruit div.EmployeesLink div {
	margin: 20px 0;
}
div.Recruit div.EmployeesLink p {
	margin: 0 0 0 35px;
	font-size: 108%;
	font-weight: bold;
	color: #222;
}
div.Recruit div.EmployeesLink ul {
	margin: 0 0 5px 30px;
}
div.Recruit div.EmployeesLink ul li {
	list-style: none;
	font-size:105%;
}
div.Recruit div.EmployeesLink ul li a {
	padding-left:15px;
	background: url(../_img/marker_triangle.png) no-repeat left;
}
div.Recruit div.EmployeesLink ul li a:hover,
div.Recruit div.EmployeesLink ul li.childnow-reading a {
	text-decoration: underline;
	color: #4e23c7;
	background: url(../_img/marker_triangle_hover.png) no-repeat left;
}
/*  LinkMarker付き */
div.Recruit p.link {
	text-align: right;
}
div.Recruit p.link a {
	padding: 0 10px 0 15px;
	background: url(../_img/marker_next.png) no-repeat left;
}

/*　recruit : employees
---------------------------------------------------------- */
div.Recruit div.voice h4{
	margin:10px 0 5px;
	padding-left:10px;
	font-weight:bold;
	font-size:1.1em;
	background:url(../employees/_img/list_mark.gif) no-repeat left;
}

div.Recruit div.voice div.voiceAerchive02{
	min-height:280px;
	clear:both;
}

div.Recruit div.voice div.voiceAerchive02 div.voiceAerchive02Leftsection{
	float:left;
	width:370px;
	margin-right:20px;
}

div.Recruit div.voice div.voiceAerchive02 div.voiceAerchive02Rightsection{
	float:right;
	width:180px;
	margin-top:11px;
}

div.Recruit div.voice div.voiceAerchive02 voiceAerchive02Rightsection img{
	display:block;
}

div.Recruit div.voice div.voiceAerchive03{
	min-height:300px;
	clear:both;
}

div.Recruit div.voice div.voiceAerchive03 div.voiceAerchive03Leftsection{
	float:left;
	width:180px;
	margin-top:11px;
}

div.Recruit div.voice div.voiceAerchive03 div.voiceAerchive03Rightsection{
	float:right;
	width:370px;
	margin-left:20px;
}

div.Recruit div.voice div.voiceAerchive03 voiceAerchive03Rightsection img{
	display:block;
}