@charset "utf-8";

/*------------------------------------------------------------------------------

	[ファイル名]
	
	[概要]
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
div#section1 ul:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html div#section1 ul
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div#section1 ul
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#section1 ul
{
	display: inline-table;
}
/* End Mac IE */



/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
div.section h2,
p#buttonEntry a,
div#section1 ul li a,
div#section2 p.mainText,
p#buttonProfessional a,
div#section3 p.buttonMore a
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



/*------------------------------------------------------------------------------

								非表示部
								
------------------------------------------------------------------------------*/
#xxx
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}



/*------------------------------------------------------------------------------

							div#contentaheader
							
------------------------------------------------------------------------------*/
div#contentHeader{
	background-image: url(../../recruit/images/content_header.gif);
}



/*------------------------------------------------------------------------------

					div#contentWrapper div.inner 画像指定
					
------------------------------------------------------------------------------*/
div#contentWrapper div.inner{
	background-image: url(../../recruit/images/content_image.jpg);
}



/*------------------------------------------------------------------------------

								div.section
								
------------------------------------------------------------------------------*/
div.section{
	position: relative;
	width: 630px;
	margin: 0;
	padding: 0;
	background: no-repeat scroll left top;
}



/*------------------------------------------------------------------------------

								div#section1
								
------------------------------------------------------------------------------*/
div#section1{
	height: 210px;
	margin-top: 5px;
	background-image: url(../../recruit/images/section1_bg.jpg);
}

div#section1 h2{
	position: absolute;
	top: 24px;
	left: 12px;
	width: 207px;
	height: 20px;
	background-image: url(../../recruit/images/section1_h2.gif);
}

div#section1 ul{
	position: absolute;
	top: 65px;
	left: 9px;
}

div#section1 ul li{
	float: left;
	width: 204px;
	height: 43px;
	background: no-repeat scroll left top;
}

div#section1 ul li a{
	width: 202px;
	height: 43px;
	background: no-repeat scroll left top;
}

/*----- 各ボタン ロールオーバー時画像指定 -----*/
div#section1 ul li#buttonEmploymentGraduates{
	background-image: url(../../recruit/images/button_employment_graduates_ov.gif);
}

div#section1 ul li#buttonEmploymentExperienced{
	background-image: url(../../recruit/images/button_employment_experienced_ov.gif);
}

div#section1 ul li#buttonEmploymentParttime{
	background-image: url(../../recruit/images/button_employment_parttime_ov.gif);
}

/*----- 各ボタン ロールオーバー時画像指定 -----*/
div#section1 ul li#buttonEmploymentGraduates a{
	background-image: url(../../recruit/images/button_employment_graduates.gif);
}

div#section1 ul li#buttonEmploymentExperienced a{
	background-image: url(../../recruit/images/button_employment_experienced.gif);
}

div#section1 ul li#buttonEmploymentParttime a{
	background-image: url(../../recruit/images/button_employment_parttime.gif);
}

/*----- ロールオーバー動作指定 -----*/
div#section1 ul li a:hover{
	background-image: none!important;
}



/*------------------------------------------------------------------------------

							採用エントリーボタン
							
------------------------------------------------------------------------------*/
p#buttonEntry{
	position: absolute;
	top: 123px;
	left: 173px;
	width: 284px;
	height: 54px;
	background: url(../../recruit/images/button_entry_ov.gif) no-repeat scroll left top;
}

p#buttonEntry a{
	width: 284px;
	height: 54px;
	background: url(../../recruit/images/button_entry.gif) no-repeat scroll left top;
}

p#buttonEntry a:hover{
	background-image: none;
}

p#noEntry{
	position: absolute;
	top: 130px;
	left: 20px;
	width: 590px;
	padding: 10px 0;
	background: #ffffff;
	border: #ff9999 1px solid;
	color: #ff3333;
	text-align: center;
}


/*------------------------------------------------------------------------------

								div#section2
								
------------------------------------------------------------------------------*/
div#section2{
	height: 190px;
	background-image: url(../../recruit/images/section2_bg.jpg);
}

div#section2 h2{
	position: absolute;
	top: 25px;
	left: 20px;
	width: 161px;
	height: 52px;
	background-image: url(../../recruit/images/section2_h2.gif);
}

div#section2 p.mainText{
	position: absolute;
	top: 86px;
	left: 20px;
	width: 188px;
	height: 31px;
	background-image: url(../../recruit/images/section2_p.gif);
}



/*------------------------------------------------------------------------------

							仕事の現場　詳細はこちらボタン
							
------------------------------------------------------------------------------*/
p#buttonProfessional{
	position: absolute;
	top: 129px;
	left: 19px;
	width: 150px;
	height: 30px;
	background: url(../../recruit/images/button_professional_ov.gif) no-repeat scroll left top;
}

p#buttonProfessional a{
	width: 150px;
	height: 30px;
	background: url(../../recruit/images/button_professional.gif) no-repeat scroll left top;
}

p#buttonProfessional a:hover{
	background-image: none;
}



/*------------------------------------------------------------------------------

								div#section3
								
------------------------------------------------------------------------------*/
div#section3 div{
	position: relative;
	width: 310px;
	background: url(../../recruit/images/section3_bg.gif) no-repeat scroll left top;
}

div#section3 div h2{
	height: 36px;
	margin-bottom: 16px;
	margin-left: 8px;
	background: no-repeat scroll left bottom;
}

div#section3 div.left h2{
	background-image: url(../../recruit/images/section3_h2_1.gif);
}

div#section3 div.right h2{
	background-image: url(../../recruit/images/section3_h2_2.gif);
}

div#section3 div p.mainText{
	padding: 5px 10px;
}



/*------------------------------------------------------------------------------

								詳細はこちらボタン
								
------------------------------------------------------------------------------*/
div#section3 p.buttonMore{
	width: 300px;
	height: 40px;
	background: url(../../recruit/images/button_more_ov.gif) no-repeat scroll left top;
}

div#section3 p.buttonMore a{
	width: 300px;
	height: 40px;
	background: url(../../recruit/images/button_more.gif) no-repeat scroll left top;
}

div#section3 p.buttonMore a:hover{
	background-image: none;
}