@charset "shift_jis";

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

1: layout common setting
2: page detail
99: extra

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

/*1: layout common setting
=========================================*/
/* mainContainer */
div#mainContainer {
	margin-top: -15px;
	padding: 0;
	background: none;
}

/* contents */
div#mainContainer div#contents {
	padding: 15px 0 0;
	background: url(../../images/index_bg004.png) no-repeat 0 0;
}
div#mainContainer div#contentsInner {
	padding: 0 17px 32px;
	background: url(../../images/index_bg005.png) repeat-y 0 100%;
}



/*2: page detail
=========================================*/


/* ==================================
news
================================== */
div#mainContainer div.news {
	float: left;
	width: 276px;
	padding: 15px 15px 0 15px;
	background: url(../../images/index_bg001.png) no-repeat 0 0;
	overflow: hidden;
}
* html div#mainContainer div.news { /* for IE6 hacks */
	width: 306px;
}
div#mainContainer div.news h2 {
	margin-left: 18px;
}

/* newsList */
div#mainContainer div.newsList {
	width: 276px;
	margin-top: 10px;
	overflow: hidden;
}
div#mainContainer div.newsList dl {
	margin: -1px 0 0 0;
}
div#mainContainer div.newsList dl dt {
	padding: 5px 5px 0 0;
	background: url(../images/com_hr001.png) repeat-x 0 0;
}
div#mainContainer div.newsList dl dd {
	margin-top: 2px;
	padding: 0 5px 5px 0;
}


/* ==================================
recruitInfo
================================== */
div#mainContainer div.recruitInfo {
	position: relative;
	float: right;
	width: 510px;
	min-height: 176px;
	padding: 15px 15px 0 15px;
	background: url(../../images/index_bg003.jpg) no-repeat 0 0;
}
* html div#mainContainer div.recruitInfo { /* for IE6 hacks */
	width: 540px;
	height: 191px;
}
div#mainContainer div.recruitInfo h2 {
	margin-bottom: 8px;
}

/* areaInfo */
div#mainContainer div.recruitInfo ul.areaInfo {
	width: 256px;
	margin: 15px 0 0 3px;
}
div#mainContainer div.recruitInfo ul.areaInfo li {
	padding: 6px 21px 4px 9px;
	background: url(../images/com_hr001.png) repeat-x 0 0;
}

/* recruitNav */
div#mainContainer div.recruitInfo ul.recruitNav {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 540px;
	height: 55px;
	background: url(../../images/index_bt001.png) no-repeat 0 0;
}
div#mainContainer div.recruitInfo ul.recruitNav li {
	float:left;
	width: 178px;
	margin-right: 3px;
	text-indent: -9999px;
}
div#mainContainer div.recruitInfo ul.recruitNav li.question {
	margin: 0;
}
div#mainContainer div.recruitInfo ul.recruitNav li a {
	display: block;
	width: 178px;
	height: 35px;
}
div#mainContainer div.recruitInfo ul.recruitNav li.staff a:hover {
	background: url(../../images/index_bt001.png) no-repeat 0 -65px;
}
div#mainContainer div.recruitInfo ul.recruitNav li.process a:hover {
	background: url(../../images/index_bt001.png) no-repeat -181px -65px;
}
div#mainContainer div.recruitInfo ul.recruitNav li.question a:hover {
	background: url(../../images/index_bt001.png) no-repeat -362px -65px;
}



/*99: extra
=========================================*/

/* ==================================
Clear fix
================================== */
div#mainContainer div.recruitInfo ul.recruitNav:after,
div#mainContainer div.recruitInfo ul.recruitNav:after,
div#mainContainer div.recruitInfo ul.recruitNav:after,
div#mainContainer div.recruitInfo ul.recruitNav:after,
div#mainContainer div.recruitInfo ul.recruitNav:after,
div#mainContainer div#contentsInner:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContainer div.recruitInfo ul.recruitNav,
div#mainContainer div.recruitInfo ul.recruitNav,
div#mainContainer div.recruitInfo ul.recruitNav,
div#mainContainer div.recruitInfo ul.recruitNav,
div#mainContainer div.recruitInfo ul.recruitNav,
div#mainContainer div#contentsInner {
	zoom: 1;
}