@charset "utf-8";

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

	[recruit.css]
	
  1. image replacement
	2. content
	3. main
	4. sidebar
	
////////////////////////////////////////////////////////////*/

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

	1. image replacement

------------------------------------------------------------*/
div#main ul li,
div#main div.box p.figure {
	overflow: hidden;
	text-indent: -9999px;
}

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

	2. content

------------------------------------------------------------*/
div#content {
	background: #FFF url(../img/bottom-recruit.gif) no-repeat center bottom;
}

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

	3. main

------------------------------------------------------------*/
div#main a {
	color: #11A1DD;
}

div#main a:hover {
	color: #D6EDF9;
}

div#main th {
	background-color: #D6EDF9;
	border-color: #8BD3F0;
}

div#main td {
	background-color: #FFF;
	border-color: #8BD3F0;
}

div#main h2#index01 {
	background: #FFF url(../img/index1.jpg) no-repeat left top;
}

/* box */
div#main div.box {
	position: relative;
	width: 480px;
	height: 480px;
	margin: 100px 90px 0;
}

div#main div.box p.figure {
	width: 140px;
	margin: 0;
}


div#main p.president {
	position: absolute;
	left: 0px;
	top: 0px;
}

div#main p.guidance {
	position: absolute;
	left: 170px;
	top: 0px;
}

div#main p.message {
	position: absolute;
	left: 340px;
	top: 0px;
}

div#main p.process {
	position: absolute;
	left: 0px;
	top: 170px;
}

div#main p.sections {
	position: absolute;
	left: 170px;
	top: 170px;
}

div#main p.seminar {
	position: absolute;
	left: 340px;
	top: 170px;
}

div#main p.faq {
	position: absolute;
	left: 0px;
	top: 340px;
}

div#main p.contact {
	position: absolute;
	left: 170px;
	top: 340px;
}

div#main p.exclamation {
	position: absolute;
	left: 340px;
	top: 340px;
}

div#main div.box p.figure a {
	display: block;
	width: 140px;
	height: 140px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#main div.box p.president a {
	background-image: url(../img/president.gif);
}

div#main div.box p.guidance a {
	background-image: url(../img/guidance.gif);
}

div#main div.box p.message a {
	background-image: url(../img/message.gif);
}

div#main div.box p.process a {
	background-image: url(../img/process.gif);
}

div#main div.box p.sections a {
	background-image: url(../img/sections.gif);
}

div#main div.box p.seminar a {
	background-image: url(../img/seminar.gif);
}

div#main div.box p.faq a {
	background-image: url(../img/faq.gif);
}

div#main div.box p.contact a {
	background-image: url(../img/contact.gif);
}

div#main div.box p.exclamation a {
	background-image: url(../img/exclamation.gif);
}

div#main div.box p.figure a:hover {
	background-position: 0 -140px;
}

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

	4. sidebar

------------------------------------------------------------*/
div#content div#sidebar ul ul li a:hover {
	color: #11A1DD;
}

div#content div#sidebar ul ul li em {
	background-color: #D6EDF9;
}