@charset "utf-8";

/*------------------------------------------------------------------------------

	[ファイル名]
	
	[概要]
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
#xxx:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html #xxx
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html #xxx
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
#xxx
{
	display: inline-table;
}
/* End Mac IE */



/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
#mainContent h3,
#contactInfo .tel,#contactInfo address,
#btnInquiry 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;
}



/*------------------------------------------------------------------------------

							pageHeader画像指定（上書き）
							
------------------------------------------------------------------------------*/
body#employment div#pageHeader{
	background-image: url(../../employment/images/page_header.jpg);
}


/*------------------------------------------------------------------------------

								見出し
								
------------------------------------------------------------------------------*/
#mainContent h2{
	margin-bottom: 8px;
	background: url(../../employment/images/employment_h2.gif) no-repeat scroll left top;
}

#mainContent #application h3{
	width: 584px;
	height: 140px;
	margin-bottom: 20px;
	background: url(../../employment/images/employment_h3.jpg) no-repeat scroll left top;
}


#mainContent h4{
	width: 100%;
	min-height: 24px;
	margin-bottom: 6px;
	padding-top: 11px;
	background: url(../../images/common/h3_l_bg.gif) no-repeat scroll left top;
}
/* Win IE6 \*/
* html #mainContent h4
{
	height: 35px;
}
/* End Win IE6 */
#mainContent h4 span{
	display: block;
	padding: 0px 10px;
	font-weight: bold;
}



/*------------------------------------------------------------------------------

								詳細
								
------------------------------------------------------------------------------*/
p#adoptionEnded{
	color: #cc0000;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

#application{
	margin-bottom: 20px;
}

.tableStyle2 th{
	width: 28%;
}

#conditions{
	margin-bottom: 20px;
}


#contactInfo{
	width: 416px;
	margin-bottom: 20px;
	margin-left: 83px;
	padding: 1px;
	border: 1px solid #f0f0f0;
}

#contactInfo h3{
	width: 416px;
	height: 24px;
	background: url(../../employment/images/contact_h3.gif) no-repeat scroll left top;
}

#contactInfo div{
	padding: 10px;
	background-color: #fff6e1;
	text-align: center;
}
/* Win IE6 \*/
* html #contactInfo div
{
	width: 416px;
}
/* End Win IE6 */

#contactInfo p{
	font-weight: bold;
	font-size: 120%;
}

#contactInfo .tel{
	width: 100%;
	height: 33px;
	margin-top: 8px;
	background: url(../../employment/images/contact_tel.gif) no-repeat scroll center top;
}

#contactInfo address{
	width: 100%;
	height: 17px;
	background: url(../../employment/images/contact_email.gif) no-repeat scroll center top;
}

#btnInquiry{
	width: 337px;
	height: 49px;
	margin-left: 30px;
	background: url(../../employment/images/btn_inquiry_ov.gif) no-repeat scroll left top;
}

#btnInquiry a{
	width: 100%;
	height: 100%;
	background: url(../../employment/images/btn_inquiry.gif) no-repeat scroll left top;
}

#btnInquiry a:hover,
#btnInquiry a:active{
	background: url(../../employment/images/btn_inquiry_ov.gif) no-repeat scroll left top;
}



