@charset "utf-8";
/* トップページ専用スタイルシート */

/*企業イメージの画像表示部分---------------------------------*/
#idBrandImage{
	margin-bottom: 20px;}
#idBrandImage h2{
	text-indent: -99999px;
	width: 800px;
	height: 300px;
	background: url(../image/top/brand_image.jpg) center center no-repeat scroll;}

/*画面中段--------------------------------------------------*/
#idMiddle{
	width: 800px;}

#idMiddle:after{
	clear: both;
	content: ";";
	display: block;
	height: 0;
	visibility: hidden;}

/*仕事をお探しの方、企業の担当者様共通部分*/
#idForJobSeeker, #idRecruitmentOfficer{
	width: 390px;
	float: left;
	height: 250px;}

#idForJobSeeker h3, #idRecruitmentOfficer h3{
	width: 390px;
	height: 50px;
	text-indent: -99999px;}

#idForJobSeeker div, #idRecruitmentOfficer div{
	margin: 10px 10px 10px 160px;}

#idForJobSeeker p, #idRecruitmentOfficer p{
	line-height: 140%;}

#idForJobSeeker ul, #idRecruitmentOfficer ul{
	background-color: #DFE8F4;
	margin: 20px 0 10px 0;
	padding-top: 5px;
	padding-bottom: 5px;}

#idForJobSeeker li, #idRecruitmentOfficer li{
	border-bottom: 1px dotted #333;
	margin: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: url(../image/list-item.gif) 5px 5px no-repeat scroll;
	font-size: 14px;}

/*お仕事をお探しの方-----------------------------------------*/
#idForJobSeeker{
	margin-right: 10px;
	background: #f0f0f5 url(../image/top/staff.jpg) left 50px no-repeat scroll;}

#idForJobSeeker h3{
	background: url(../image/top/for_job-seeker.gif) no-repeat center center scroll;}


/*企業の採用担当者様-----------------------------------------*/
#idRecruitmentOfficer{
	margin-left: 10px;
	background: #f0f0f5 url(../image/top/officer.jpg) left 50px no-repeat scroll;}

#idRecruitmentOfficer h3{
	background: url(../image/top/for_recruitment-officer.gif) no-repeat center center scroll;}



/*電話番号等の記載------------------------------------------*/
#idInquiry{
	width: 800px;
	height: 120px;
	margin-top: 20px;
	background: #102e8c url(../image/top/you_can_reach_me.jpg) left center no-repeat scroll;
	color: #fff;}

#idInquiry div{
	width: 650px;
	margin-left: 150px;}

#idInquiry h3{
	text-indent: -99999px;
	width: 252px;
	height: 27px;
	float: left;
	margin-top: 10px;
	margin-bottom: 8px;
	background: url(../image/top/telephone_inquiries.gif) no-repeat left top scroll;}

#idInquiry p{
	float: left;
	margin-bottom: 8px;
	height: 12px;
	margin-top: 15px;
	margin-left: 15px;}

#idInquiry dl{
	clear: both;
	width: 630px;}

#idTelMark{
	width: 81px;
	height: 57px;
	text-indent: -99999px;
	float: left;
	margin-top: 5px;
	background: url(../image/top/tel_number.jpg) no-repeat scroll left top;}

#idTelNumber{
	width: 435px;
	height: 57px;
	float: left;
	text-indent: -99999px;
	margin-top: 5px;
	background: url(../image/top/06-6120-5374.gif) no-repeat scroll left top;}

#idMailMark{
	width: 27px;
	height: 37px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../image/top/mail_mark.gif) no-repeat scroll left center;
	text-indent: -99999px;}

#idMailInquiry{
	padding-left: 1em;
	margin-top: 5px;
	float: left;}

#idMailInquiry a{
	color: #fff;}

#idMailInquiry a:hover{
	color: #FF0033;}