@charset "shift_jis";

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

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

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

/*1: layout common setting
=========================================*/
/* mainContainer */
div#mainContainer {
}

/* contents */
div#mainContainer div#contents {
}
div#mainContainer div#contentsInner {
}



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

/*  index.html
-----------------------------------------*/
/* ==================================
collectionInfo
================================== */
div#mainContainer div.collectionInfo {
	padding: 5px 11px;
	border: #cccccc solid 5px;
}

/* collectionJob */
div#mainContainer div.collectionJob {
	float: left;
	width: 420px;
	padding: 9px 18px 13px 0;
}
* html div#mainContainer div.collectionJob { /* for IE6 hacks */
	width: 420px;
}
div#mainContainer div.collectionJob dl {
	margin-top: 10px;
}
div#mainContainer div.collectionJob dl dt {
	float: left;
	margin-right: 3px;
}
div#mainContainer div.collectionJob dl dd {
	overflow: auto;
	zoom: 1;
}


/* ==================================
collectionArea
================================== */
div#mainContainer div.collectionArea {
	float: left;
	margin-right: 18px;
	width: 315px;
	border-right: #cccccc solid 1px;
	text-align: center;
}
div#mainContainer div.collectionArea ul {
}
div#mainContainer div.collectionArea ul li img {
	margin-top: 3px;
	border: #490086 solid 3px;
}


/* ==================================
renewalInfo
================================== */
div#mainContainer div.renewalInfo {
	position: relative;
	clear: both;
	width: 728px;
	margin-top: 18px;
	padding: 0 0 0 92px;
	background: url(../../recruit/images/index_bg002.png) repeat-y 0 0;
	overflow: hidden;
}
* html div#mainContainer div.renewalInfo { /* for IE6 hacks */
	width: 820px;
}
div#mainContainer div.renewalInfo h2 {
	position: absolute;
	top: 9px;
	left: 9px;
}
div#mainContainer div.renewalInfo dl {
	clear: both;
	margin: -7px 0 0 0;
	padding: 5px 0 7px 0;
	background: url(../images/com_hr001.png) repeat-x 0 0;
}
div#mainContainer div.renewalInfo dl dt {
	float: left;
	width: 6.1em;
	margin-right: 10px;
	white-space: nowrap;
}
div#mainContainer div.renewalInfo dl dd {
	padding: 0 5px 0 0;
	overflow: auto;
	zoom: 1;
 }


/* ==================================
recruitInfo
================================== */
div#mainContainer div.recruitInfo {
	margin: 30px -5px 0 0;
	padding-bottom: 17px;
	background: url(../../recruit/images/index_bg001.png) repeat-y 0 100%;
}
div#mainContainer div.recruitInfo div.inner {
	margin: 0 20px;
}
div#mainContainer div.recruitInfo .question div.inner,
div#mainContainer div.recruitInfo .process div.inner {
	margin: 0 13px;
}
div#mainContainer div.recruitInfo h3 {
	margin-bottom: -10px;
	padding: 8px 8px 27px 8px;
	text-indent: -9999px;
}
div#mainContainer div.recruitInfo h3 a {
	display: block;
	height: 35px;
	outline: none;
}
div#mainContainer div.recruitInfo .staff,
div#mainContainer div.recruitInfo .process,
div#mainContainer div.recruitInfo .question {
	float: left;
	width: 195px;
	margin-right: 5px;
}

/* staff */
div#mainContainer div.recruitInfo .staff {
	width: 420px;
}
div#mainContainer div.recruitInfo .staff h3 {
	background: url(../../recruit/images/index_h002.png) no-repeat 0 0;
}
div#mainContainer div.recruitInfo .staff h3 a:hover {
	background: url(../../recruit/images/index_h002.png) no-repeat -8px -78px;
}
div#mainContainer div.recruitInfo .staff ul.voice {
	width: 390px;
	margin: -10px -10px 0 0;
	padding-top: 10px;
	zoom: 1;
}
div#mainContainer div.recruitInfo .staff ul.voice li {
	float: left;
	clear: both;
	width: 180px;
	margin: 10px 10px 0 0;
}
div#mainContainer div.recruitInfo .staff ul.voice li.even {
	clear: none;
}
div#mainContainer div.recruitInfo .staff ul.voice li .photo {
	float: left;
	margin-right: 7px;
}
div#mainContainer div.recruitInfo .staff ul.voice li dl {
	float: left;
	width: 93px;
}
div#mainContainer div.recruitInfo .staff ul.voice li dl dt {
	background: url(../images/com_ic001.png) no-repeat 0 0.45em;
	padding-left: 8px;
}
div#mainContainer div.recruitInfo .staff ul.voice li dl dd {
	margin-top: 5px;
}

/* process */
div#mainContainer div.recruitInfo .process h3 {
	background: url(../../recruit/images/index_h003.png) no-repeat 0 0;
}
div#mainContainer div.recruitInfo .process h3 a:hover {
	background: url(../../recruit/images/index_h003.png) no-repeat -8px -78px;
}

/* question */
div#mainContainer div.recruitInfo .question h3 {
	background: url(../../recruit/images/index_h004.png) no-repeat 0 0;
}
div#mainContainer div.recruitInfo .question h3 a:hover {
	background: url(../../recruit/images/index_h004.png) no-repeat -8px -78px;
}






div#mainContainer .anchor {
	border: 6px solid #cccccc;
	padding: 10px;
}
div#mainContainer .anchor li {
	background: url(../images/com_ic004.png) no-repeat 0px 0.3em;
	padding: 0 0 3px 15px;
}
* html div#mainContainer .anchor li {
	height: 1%;
}
div#mainContainer .faq {
	background: url(../images/com_hr002.png) no-repeat 0 bottom;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
}
* html div#mainContainer .faq {
	height: 1%;
	
}
div#mainContainer .faq dt {
	background: url(../../recruit/images/question_ic001.png) no-repeat 0 0;
	font-weight: bold;
	padding: 7px 0 0 48px;
	min-height: 56px;
}
* html div#mainContainer .faq dt {
	height: 56px;
}
div#mainContainer .faq dd {
	background: url(../../recruit/images/question_ic002.png) no-repeat 43px 0;
	padding: 7px 0 0 91px;
	min-height: 56px;
}
* html div#mainContainer .faq dd {
	height: 56px;
}





div#mainContainer .process li {
	float: left;
}




div#mainContainer .guideline {
	width: 820px;
	margin: 15px 0 0 0;
	border: 6px solid #cccccc;
}
div#mainContainer .guideline th {
	border: 1px solid #cccccc;
	background-color: #f0edf2;
	padding: 12px;
	vertical-align: top;
}
div#mainContainer .guideline td {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 12px;
}



div#mainContainer .staff-navi {
	background: url(../../recruit/images/question_ex001.png) no-repeat 0 bottom;
	padding: 0 0 5px 20px;
}
div#mainContainer .staff-navi li {
	float: left;
	margin: 0 3px 0 0;
}





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

/* ==================================
Clear fix
================================== */
div#mainContainer div.recruitInfo ul.recruitNav:after,
div#mainContainer div.recruitInfo ul.recruitNav:after,
div#mainContainer div.recruitInfo .staff ul.voice li:after,
div#mainContainer div.recruitInfo .staff ul.voice:after,
div#mainContainer div.recruitInfo:after,
div#mainContainer div.renewalInfo dl dt.recruitNav:after,
div#mainContainer div.collectionArea ul.recruitNav:after,
div#mainContainer div.collectionJob dl.recruitNav:after,
div#mainContainer div.collectionInfo:after,
div#mainContainer .staff-navi: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 .staff ul.voice li,
div#mainContainer div.recruitInfo .staff ul.voice.recruitNav,
div#mainContainer div.recruitInfo,
div#mainContainer div.renewalInfo dl dt.recruitNav,
div#mainContainer div.collectionArea ul.recruitNav,
div#mainContainer div.collectionJob dl.recruitNav,
div#mainContainer div.collectionInfo,
div#mainContainer .staff-navi,
div#mainContainer div#contentsInner {
	zoom: 1;
}