@charset "Shift_JIS";
/* CSS Document */

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

「求人情報」(recruit.html)ページ用のローカルCSS

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


/* コンテンツ部-----------------------------　*/

/*スタッフ紹介導入部*/
div#intro{
	padding:17px 17px 1px 16px;
	background-color:#A1D6FE;/*水色*/
}

div#intro h3{
	width:436px;
	height:37px;
	background:url(../../images/recruit/intro_title.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 16px 0;
}

div#intro p {
	color:#124e7c;
	display:block;
	width:650px;
}

/*スタッフ紹介部（３段組）*/
div.messageUnit{
	width:288px;
	height:296px;
	float:left;
	margin:0 0 20px 0;
}

div#contents div.messageUnit p{
	font-size:10px;
	clear:both;
	padding:0 22px 0 18px;
}

div.messageUnit h3{
	width:145px;
	height:89px;
	text-indent:-9999px;
	margin:19px 0 0 17px;
	padding:0;
	float:left;
}

/*IE6でマージンの解釈が２倍になるため再定義*/
* html div.messageUnit h3{
	margin:19px 0 0 8px;
}

div.messageUnit img{
	float:right;
	margin:0 0 28px 0;
}

div#message1{
	background-color:#C2DEF3;/*水色*/
}

div#message1 h3{
	background:url(../../images/recruit/message1_title.gif) no-repeat;
}

div#message2{
	background-color:#E7D9F2;/*ピンク*/
}

/*IEでボックスの解釈が異なる為中央のボックスを幅広げる*/
* html div#message2{
	width:290px;
}

*:first-child+html div#message2{
    width:290px;
}

div#message2 h3{
	background:url(../../images/recruit/message2_title_2.gif) no-repeat;
}

div#message3{
	background-color:#EEE1CD;/*肌色*/
}

div#message3 h3{
	background:url(../../images/recruit/message3_title.gif) no-repeat;
}


div.contentsBox {
	clear:both;
	border-top:#499ad7 1px solid;
	padding-top:6px;
}

/*段組回り込み解除(clearfix hack)…親要素に対しclass指定*/
div.contentsBox:after{
 	content:""; display:block; height:0; clear:both; visibility:hidden;}
div.contentsBox { display:inline-block; }
/* Hide from IE-mac \*/
* html div.contentsBox {height:1%;}
div.contentsBox {display:block;}
/*End hide from IE-mac */

div#contents div.contentsBox h2 {
	font-size:12px;
	padding-bottom:16px;
}

div#contents div.contentsBox p {
	margin-bottom:2em;
}


/*募集要項（2段組み）*/

div#boshuyoko div#seishain {
	width:440px;
	float:left;
}

div#boshuyoko div#partsan {
	width:380px;
	float:left;
}

div#boshuyoko div#seishain table {
	width:380px;
	margin-bottom:20px;
}

div#boshuyoko div#seishain th {
	width:23%;
	vertical-align:top;
	color:#124e7c;
	text-align:left;
}

div#boshuyoko div#seishain td {
}


div#boshuyoko div#partsan table {
	width:380px;
	margin-bottom:32px;
}

div#boshuyoko div#partsan th {
	width:20%;
	vertical-align:top;
	color:#6093ba;
	text-align:left;
}

div#boshuyoko div#partsan td {
}