@charset "UTF-8";

/* *********************************************

 採用情報用スタイル

********************************************** */

/* =================================================================================

 common

================================================================================= */

/* //////////////////////////////////////////////////////////////// title */

div#titleArea{
	background:url(img/index_main.jpg) no-repeat left top;
	padding-top:48px;
	margin-bottom:25px;
}

	div#titleArea h2{
		margin-left:47px;
		margin-bottom:20px;
	}
	
	div#titleArea p{
		margin-left:46px;
		margin-bottom:42px;
	}	
	
ol.recruitFlow h4{
	border:1px solid #c7c7c7;
	padding:2px;
	background-color:#e8e8e8;
}

	ol.recruitFlow li{
		background:url(img/icon_arrow_down.gif) no-repeat center bottom;
		padding-bottom:40px;
		margin-top:10px;
	}
	
	ol.recruitFlow li#last{
		background:none;
		padding-bottom:0;
	}
	
		ol.recruitFlow li p{
			margin-left:117px;
			margin-top:15px;
		}

/* =================================================================================

 index

================================================================================= */

div#jobType .fl,
div#jobType .fr{
	width:335px;
}

div#jobType{
	border-bottom:1px solid #c7c7c7;
	padding-bottom:50px;
}

/* =================================================================================

 新卒採用

================================================================================= */

/* //////////////////////////////////////////////////////////////// システムエンジニアの仕事 */

div.boxDevelopment01{
	position:relative;
}

	div.boxDevelopment01 h4{
		position:absolute;
		left:0;
		top:0;
	}
	
	div.boxDevelopment01 p{
		padding-left:243px !important;
	}

/* 社員の声 */

p.staffVoice{
	width:653px;
	margin:0 auto 12px;
}

/*dl.boxDevelopment02{
	position:relative;
	min-height:113px;
	height:auto !important;
	height:113px;
	width:653px;
	margin:0 auto 12px;
}

	dl.boxDevelopment02 dt{
		position:absolute;
		left:0;
		top:0;
	}
		dl.boxDevelopment02 dt img{
			border:1px solid #d7d7d7;
		}
	
	dl.boxDevelopment02 dd{
		padding-left:155px;
	}
	
	dl.boxDevelopment02 dd.name{
		margin-bottom:23px;
	}*/
	
/* =================================================================================

 ユニオンシステムについて

================================================================================= */

div#boxAbout01{
	margin-top:13px;
}

	div#boxAbout01 dt{
		margin-bottom:11px;
	}
	div#boxAbout01 dd{
		margin-top:5px;
	}
	div#boxAbout01 dl#left{
		width:211px;
		padding-right:24px;
	}
	
	div#boxAbout01 dl#center{
		width:220px;
		padding-right:16px;
	}
	
	div#boxAbout01 dl#right{
		width:210px;
	}
	

div#boxAbout02{
	margin-top:25px;
}
	div#boxAbout02 .fl,
	div#boxAbout02 .fr{
		width:335px;
	}	
		
		div#boxAbout02 h3{
			margin-bottom:11px;
		}
		div#boxAbout02 ul li{
			margin-top:5px;
		}

/* =================================================================================

 求める人物像

================================================================================= */


/* =================================================================================

 社員の声

================================================================================= */

ul#voiceIndex01{
}

	ul#voiceIndex01 li{
		margin-top:20px;
	}
	
ul#voiceIndex01 li .detail{
	margin-top:12px;
}

/*ul#voiceIndex01{
}

	ul#voiceIndex01 li{
		position:relative;
		/zoom:1;
		margin-top:20px;
	}
	
	ul#voiceIndex01 dl{
		margin-left:13px;
	}
	
		ul#voiceIndex01 dl dt img{
			border:1px solid #d7d7d7;
		}
		
		ul#voiceIndex01 dl dt,
		ul#voiceIndex01 dl dd{
			display:table-cell;
			vertical-align:middle;
			/display:inline;
			/zoom:1;
		}
		
		ul#voiceIndex01 dl dd{
			padding-left:24px;
		}
		
		ul#voiceIndex01 dl dd img.name{
			margin-top:8px;
		}

ul#voiceIndex01 li p.summary{
	position:absolute;
	right:0;
	top:0;
}

ul#voiceIndex01 li p.detail{
	margin-top:12px;
}*/

/* //////////////////////////////////////////////////////////////// 詳細 */


/* 画像がない場合 */

h3.voiceTtl{
	margin-bottom:12px;
	margin-top:30px;
}

/* =================================================================================

 採用Q&A

================================================================================= */

/*▼common.cssへ移動
dl.qa{
	margin-top:20px;
}

	dl.qa dt{
		background:#e8e8e8 url(img/icon_q.gif) no-repeat 14px 12px;
		padding:20px 10px 11px 57px;
		border-bottom:1px solid #c7c7c7;
		font-weight:bold;
		color:#244fa8;
		min-height:23px;
		height:auto !important;
		height:54px;
	}

	dl.qa dd{
		background:url(img/icon_a.gif) no-repeat 14px 3px;
		padding:0 10px 0 57px;
		margin-top:13px;
		margin-bottom:26px;
		line-height:1.57;
		min-height:34px;
		height:auto !important;
		height:34px;
	}
	*/



/* *********************************************

資料請求用スタイル

********************************************** */

/* =================================================================================

 common

================================================================================= */

/* //////////////////////////////////////////////////////////////// 資料一覧 */

.materialDl dl{
	background-color:#FFFFFF;
	margin-bottom:10px;
	border-top:1px #CCCCCC solid;
}
	.materialDl dl dt{
		font-size:122%;
		font-weight:bold;
		padding-top:0.7em;
	}
	.materialDl dl dd input{
		margin-right:0.5em;
	}
	.materialDl dl dd {
		padding:0.7em 1em;
		width:490px;
		/width:520px;
		margin-left:150px;
		top:-35px;
	}
	.materialDl dl dd label{
		padding:0.7em 0;
		top:-35px;
	}


div.btnBg{
	background:#eaeaea;
	text-align:center;
	padding:12px 0;
	margin-top:10px;
}


/* =================================================================================

求める人物像	

================================================================================= */	

div#wantBox{
	background:url(/recruit/css/img/bg_want.jpg) no-repeat right bottom;
	padding:26px 0 42px 26px;
	width:667px;
	display:table;
	margin-top:30px;
}

	div#wantBox h3{
		margin-bottom:24px;	
	}
	
	div#wantBox p{
		width:350px;
	}