@charset "UTF-8";
/* CSS Document */

body {
background:#a588bd;
margin:50px 0 20px 0;
font:12px/1.6em  Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
}

.header {
width:870px;
margin:0 auto 30px 0;
text-align: center;
}

.wrapper {
width:870px;
margin:0 auto;
}

img.flag {
float:left;
padding-right:10px;
}


.colleft {
width:417px;
float:left;
margin:30px 0 40px 0;
padding:0;
background:url(../images/top/applicant.gif) no-repeat;
height:292px;
text-indent:-9999px;
}

.colright {
width:417px;
float:right;
margin:30px 0 40px 0;
padding:0;
background:url(../images/top/parsonnel.gif) no-repeat;
height:292px;
text-indent:-9999px;
}

a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
font:12px/1.5em Verdana, sans-serif;
}

a:hover {
color:#FFFFF;
text-decoration:underline;
}


.footer {
clear:both;
color:#fff;
text-align:left;
font:smaller/1.8em Verdana, sans-serif;
margin:15px 0 5px 0;
border-top:#fff 1px solid;
padding:15px 0 20px 0;
}

/*-- navigation -- */

ul {
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
}

#nav_person {
	clear:both;
	height:56px;
	width:378px;
	padding:0;
	margin:140px auto 0 auto;
	background:url(../images/top/btn_website.gif) no-repeat;
}
#nav_person ul {
	padding:0;
}
#nav_person li {
	display:inline;
	list-style-type:none;
	text-align:left;
}
#nav_person li a {
	height:52px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*off*/
#nav_person li.nav_person01 a {
	background: url(../images/top/btn_website.gif)no-repeat 0px 0px;
	width:187px;
}
#nav_person li.nav_person02 a {
	background:url(../images/top/btn_website.gif) no-repeat -187px 0px;
	width:191px;
}


/*hover*/
#nav_person li.nav_person01 a:hover {
	background:url(../images/top/btn_website.gif) no-repeat 0px -56px;
}
#nav_person li.nav_person02 a:hover {
	background:url(../images/top/btn_website.gif) no-repeat -187px -56px;
}

/*-- navigation entry -- */

#nav_entry {
	clear:both;
	height:56px;
	width:378px;
	padding:0;
	margin:7px auto;
	background:url(../images/top/btn_entry.gif) no-repeat;
}
#nav_entry ul {
	padding:0;
}
#nav_entry li {
	display:inline;
	list-style-type:none;
	text-align:left;
}
#nav_entry li a {
	height:52px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*off*/
#nav_entry li.nav_entry01 a {
	background: url(../images/top/btn_entry.gif)no-repeat 0px 0px;
	width:187px;
}
#nav_entry li.nav_entry02 a {
	background:url(../images/top/btn_entry.gif) no-repeat -187px 0px;
	width:191px;
}


/*hover*/
#nav_entry li.nav_entry01 a:hover {
	background:url(../images/top/btn_entry.gif) no-repeat 0px -56px;
}
#nav_entry li.nav_entry02 a:hover {
	background:url(../images/top/btn_entry.gif) no-repeat -187px -56px;
}

/*-- navigation companies-- */


#nav_company {
	clear:both;
	height:56px;
	width:378px;
	padding:0;
	margin:140px auto 0 auto;
	background:url(../images/top/btn_website.gif) no-repeat;
}
#nav_company ul {
	padding:0;
}
#nav_company li {
	display:inline;
	list-style-type:none;
	text-align:left;
}
#nav_company li a {
	height:52px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*off*/
#nav_company li.nav_company01 a {
	background: url(../images/top/btn_website.gif)no-repeat 0px 0px;
	width:187px;
}
#nav_company li.nav_company02 a {
	background:url(../images/top/btn_website.gif) no-repeat -187px 0px;
	width:191px;
}


/*hover*/
#nav_company li.nav_company01 a:hover {
	background:url(../images/top/btn_website.gif) no-repeat 0px -56px;
}
#nav_company li.nav_company02 a:hover {
	background:url(../images/top/btn_website.gif) no-repeat -187px -56px;