@charset "utf-8";

/*** common ***/
.wrap {
	width:900px;
	margin:0 auto;
	background:#FFFFFF
}
.head {
	width:900px;
	height:135px;
	float:left;
}
.head_top{
  width:900px;
	height:379px;
	margin:0;
	padding:0;
}
.head_sub{
  width:900px;
	height:127px;
}
.top_visual{
  width:900px;
	height:336px;
	margin:0;
	padding:0;
}
.sub_visual{
  width:900px;
	height:85px;
	background:url(/images/sub_visual.jpg) no-repeat;
}
.logo{
  width:184px;
	height:65px;
	padding-top:20px;
}
#last-update {
	clear: both;
	text-align: right;
	padding-right: 5px;
}
.foot {
	clear:both;
	width:900px;
	float:left;
	height:50px;
}
.border{
  width:900px;
	height:5px;
	margin:15px 0;
	float:left;
	background:url(/images/line_dash.gif) repeat-x;
}
.f_menu{
  width:900px;
	height:15px;
	float:left;
}
.f_menu ul{
  width:600px;
	height:15px;
	float:left;
	margin-top:10px;
	list-style:none;
}
.f_menu li {
	height:15px;
	line-height:15px;
	float:left;
}

.f_menu li a{
	height:15px;
	line-height:15px;
	margin-right:15px;
	background:url(/images/arrow.gif) no-repeat left center;
	float:left;
	padding-left:15px;
}
.copy{
  width:325px;
	float:right;
	font-size:12px;
	height:15px;
}
.content {
	width:900px;
	float:left;
	padding-top:20px;
}
.left {
  width:630px;
	float:left;
}


/*** menu ***/
.menu {
	width:900px;
	height:42px;
	margin:0;
	padding:0;
	float:left;
}
.menu ul{
	list-style:none;
	width:900px;
	height:42px;
	margin:0;
	padding:0;
}
.menu li {
	line-height:42px;
	float:left;
	list-style:none;
}
.menu a {
	display:block;
	height:42px;
	float:left;
	text-indent:-9999px;
}
.m_home {
	width:180px;
}
.m_home, .m_client, .m_app, .m_contact, .m_about, .m_client a, .m_app a, .m_contact a, .m_about a, .m_client_selected a, .m_app_selected a, .m_contact_selected a, .m_about_selected a {
	width:180px;
}

.m_home a {
	width:180px;
	background:url(/images/menu.gif) no-repeat 0 0;
}
.m_home a:hover, .m_home_selected a {
	width:180px;
	background:url(/images/menu.gif) no-repeat 0 -42px;
}
.m_client a {
	background:url(/images/menu.gif) no-repeat -180px 0;
}
.m_client a:hover, .m_client_selected a {
	background:url(/images/menu.gif) no-repeat -180px -42px;
}
.m_app a {
	background:url(/images/menu.gif) no-repeat -360px 0;
}
.m_app a:hover, .m_app_selected a {
	background:url(/images/menu.gif) no-repeat -360px -42px;
}
.m_contact a {
	background:url(/images/menu.gif) no-repeat -540px 0;
}
.m_contact a:hover, .m_contact_selected a {
	background:url(/images/menu.gif) no-repeat -540px -42px;
}
.m_about a {
	background:url(/images/menu.gif) no-repeat -720px 0;
}
.m_about a:hover, .m_about_selected a {
	background:url(/images/menu.gif) no-repeat -720px -42px;
}
/*** right ***/
.right {
  width:260px;
	float:right;
	margin-left:10px;

}
.right img{
  margin-bottom:15px;

}

.side_search{
  width:255px;
	height:225px;
	background:url(/images/side_search_bg.gif) no-repeat;
	margin-bottom:15px;
}

.search_value{
  width:240px;
	padding-left:15px;
	height:30px;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:10px;
	clear: both;

}
.search_value select {
		margin-right: 10px;
		float:right;
}
.search_value2{
  width:255px;
	height:32px;
	text-align:center;
}
.search_keyword{
  width:218px;
	height:18px;
	margin-left:0;
	margin-top:5px;
	padding:1px 1px 6px 22px;
	background: transparent url(/images/keyword_bg.gif) no-repeat;
	border:none;
	text-align:left;
}
.search_button{
  width:108px;
	height:32px;
	background: transparent url(/images/b_search.gif) no-repeat;
	border:none;
}
.gotop{
  width:124px;
	height:20px;
	float:right;
	margin:10px 0;
	text-align:right;
}
.ba_app{
  width:256px;
	height:265px;
	float:left;
	margin:10px 0 15px 0;
	padding-top:24px;
	background: transparent url(/images/bg_applicant.gif) no-repeat;
}
.ba_client{
  width:256px;
	height:96px;
	float:left;
	margin:10px 0 15px 0;
	padding-top:24px;
	background: transparent url(/images/bg_client.gif) no-repeat;
}

/*** HOME ***/
.mission{
  width:627px;
	margin-top:6px;
}
.mission_body{
  width:627px;
	height:113px ;
	background:url(/images/mission_bg.gif) no-repeat;
	border-top: #123371 2px solid;
	float:left;
	margin-bottom:15px;
}
.mission_body p{
  width:607px;
	height:88px ;
	margin:20px 10px 5px 10px;

}
.statement{
  width:365px;
	height:56px;
	float:left;
}
.language{
  float:right;
	width:142px;
	height:17px;
	margin-top:39px;
}
*html .language{
  float:right;
	width:150px;
	height:17px;
	margin-top:39px;
}
.jp, .jp a{
  width:71px;
	height:17px;
	display:block;
	float:left;
	background:url(/images/mission_jp.gif) no-repeat;
}
.jp a:hover, .jp_selected{
  width:71px;
	height:17px;
	display:block;
	float:left;
	background:url(/images/mission_jp_selected.gif) no-repeat;
}
.en, .en a{
  width:71px;
	height:17px;
	display:block;
	float:left;
	background:url(/images/mission_en.gif) no-repeat;
}
.en a:hover,.en_selected{
  width:71px;
	height:17px;
	display:block;
	float:left;
	background:url(/images/mission_en_selected.gif) no-repeat;
}
.hotjobs{
  width:626px;
	height:187px ;
	background:url(/images/hotjobs_bg.gif) no-repeat;
	float:left;
	margin-bottom:15px;
}
.title_hotjobs{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_hotjobs.gif) no-repeat;
}
.title_newjobs{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_newjobs.gif) no-repeat;
}
.title_newjobs img{
  width:67px;
	height:29px;
	float:right;
	margin-right:20px;
	margin-top:4px;
}

.list_top{
  width:621px;
	min-height:26px;
	padding-top:5px;
	padding-left:5px;

}
.icon{
  width:80px;
	height:21px;
	float:left;
	margin-right:25px;
}
.list_title{
  width:485px;
	min-height:21px;
	float:left;
	padding-top:3px;
  font-weight: bold;
}
.list_salary{
  width:155px;
	height:21px;

	color:#999999;
	padding-top:3px;

  text-align: right;
  padding: 0 10px 0 5px;
  font-weight: normal;
  font-size: 11px;
}

/*** Applicants ***/
.title_search{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_search.gif) no-repeat;
}
.title_result{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_result.gif) no-repeat;
}
.title_detail{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_detail.gif) no-repeat;
}
.search{
  width:626px;
	height:132px;

	background:url(/images/search_bg.gif) no-repeat;
	margin-bottom:15px;
}

.search_aligner{
  margin:0 auto;
  width:500px
}

.search_page_value{
  width:225px;
	
	height:26px;
	font-weight:bold;
	padding-top:4px;
	float:left;
	margin-right:15px;
	margin-top:4px;
}
.search_page_value{
  padding-left:0;
}

*html .search_page_value{
  width:175px;
	padding-left:40px;
	height:26px;
	font-weight:bold;
	padding-top:4px;
	float:left;
	margin-right:30px;
	margin-left:25px;
	margin-top:0px;

}
.search_page_value2{
  width:225px;
	padding-left:10px;
	height:26px;
	font-weight:bold;
	padding-top:4px;
	float:left;
	margin-left:25px;
}
*html .search_page_value2{
  width:225px;
	padding-left:10px;
	height:30px;
	font-weight:bold;
	padding-top:0;
	float:left;
	margin-left:25px;
}
.search_page_value3{
  width:626px;
	height:32px;
	float:left;
	margin:10px auto;
	text-align:center;
}
.new_jobs_box{
  width:625px;
	float:left;
	margin-bottom:15px;
	border:1px #ececec solid;
}
.list_set{
  width:620px;
	background:#FFFFFF;
	padding:10px 0 10px 5px;
	float:left
}
.list_set2{
  width:620px;
	background:#f5f5f5;
	padding:10px 0 10px 5px;
	float:left
}
.list_h2, .list_h2 a{
	height:21px;
  float:left;
	font-size:16px;
	font-weight:bold;
	color:#293f70;
}
.list-jon {
	padding-left: 20px;
	float: left;
}
h2.list_h2{
  margin-bottom: .5em;
}
.list_location{
/*  width:150px;*/
/*	height:21px;*/
/*	float:left;*/
	color:#62a3c9;
	margin-right:20px;
	padding-top:3px;
	font-weight:bold;
  clear:left;
}
.list_location .array_list {
  display: inline-block;
  list-style: none;
}
.list_location .array_list li {
  color: #62A3C9;
}

.new_jobs_box .list_sub{
  width: auto
}
.list_sub{
  width:150px;
	height:21px;
	float:left;
	color:#999999;
	padding-top:3px;
	font-weight:bold;
}
.list_desc{
  clear:both;

}
.list_desc p{
  padding-bottom: .5em;
}
.pn{
  width:626px;
	height:20px;
	text-align:center;
	float:left;
}
.pn a{
  color:#293f70;
}
.list_detail{
  width:620px;
	padding:10px 0 10px 5px;
	float:left
}
.detail_table{
  width:610px;
	float:left;
	margin:0 auto 10px auto;
	border:1px #efefef solid;
}
.detail_table th{
  width:150px;
	padding:5px 0;
	margin:10px auto;
	background:#eee;
	font-weight:bold;
	text-align:center;
	border-bottom:1px #ddd solid;
}
.detail_table td{
  width:435px;
	padding:5px 0 5px 15px;
	border-bottom:1px #ddd solid;
}
.table_title{
  width:610px;
	height:25px;
	float:left;
	margin: 10px auto 0 auto;
}
/*** About ***/
.title_about{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_about.gif) no-repeat;
}
.about_box{
  width:605px;
	float:left;
	margin-bottom:15px;
	border:1px #ececec solid;
	padding:15px 10px 5px 10px;
}
.bt_about{
  width:395px;
	height:38px;
	padding-left:210px;
	margin:15px 0;
	float:left;
	text-align:center;
}
.visual_about{
  width:625px;
	height:204px;
	float:left;
}
.about_table{
  width:605px;
  float:left;
	font-size:13px;
}
.about_table th{
  width:90px;
	/*background:#021b4a; */
	background:#eee;
	color:#666;
	padding-left:10px;
  float:left;
	text-align:left;
}
.about_table td{
  width:455px;
  float:left;
	padding-left:10px;
	border-bottom:1px #efefef dashed;
}

/*** Clients ***/
.title_clients{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_client.gif) no-repeat;
}
.clients_box{
  width:605px;
	float:left;
	margin-bottom:15px;
	border:1px #ececec solid;
	padding:15px 10px 5px 10px;
}

/*** Contact ***/
.title_contact{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/title_location.gif) no-repeat;
}
.contact_box{
  width:605px;
	float:left;
	margin-bottom:15px;
	border:1px #ececec solid;
	padding:15px 10px 5px 10px;
}
/*** Privacy ***/
.title_tou{
  width:626px;
	height:35px;
	float:left;
	text-indent: -9999em;
  background:url(/images/title_terms.gif) no-repeat;
}
.title_privacy{
  width:626px;
	height:35px;
	float:left;
	text-indent: -9999em;
  background:url(/images/title_privacy.gif) no-repeat;
}
.privacy_box{
  width:605px;
	float:left;
	margin-bottom:15px;
	border:1px #ececec solid;
	padding:15px 10px 5px 10px;
}
.privacy_box p{
  width:605px;
	float:left;
}
.privacy_box h4{
  width:605px;
	margin:15px 0 ;
	float:left;
	color:#333333;
}
.privacy_box ul{
  width:590px;
	margin-left:15px;
	float:left;
}
/*** Sitemap ***/
.sitemap_box{
  width:605px;
	float:left;
	margin-bottom:15px;
	border:1px #ececec solid;
	padding:15px 10px 5px 10px;
}
.sitemap_box ul{
  width:250px;
	float:left;
	margin-bottom:15px;
	margin-left:15px;
	list-style:none;
}
.sitemap_box ul li{
  width:235px;
	padding-left:15px;
	line-height:25px;
	background:url(/images/arrow.gif) no-repeat left center;
}
.title_sitemap{
  width:626px;
	height:35px;
	float:left;
	text-indent: -9999em;
  background:url(/images/title_sitemap.gif) no-repeat;
}

/*** Tools ***/
.title_interview{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/h2_interview.gif) no-repeat;
}
.preparation{
  width:578px;
	height:443px;
	float:left;
	padding-top:50px;
	padding-left:20px;
	margin-bottom:15px;
	background:url(/images/bg_preparation.gif) no-repeat;
}
.preparation p{
  width:400px;
	float:left;
}
.prep_p2{
  margin-top:80px;
}
.prep_p3{
  margin-top:50px;
}
.preparation_e{
  width:578px;
	height:443px;
	float:left;
	padding-top:50px;
	padding-left:20px;
	margin-bottom:15px;
	background:url(/images/bg_preparation_en.gif) no-repeat;
}
.preparation_e p{
  width:400px;
	float:left;
}
.prep_p2_e{
  margin-top:50px;
}
.prep_p3_e{
  margin-top:40px;
}
.attitude{
  width:578px;
	height:312px;
	float:left;
	padding-top:50px;
	padding-left:20px;
	margin-bottom:15px;
	background:url(/images/bg_attitude.gif) no-repeat;
}
.attitude p{
  width:400px;
	float:left;
}
.attitude_p2{
  margin-top:40px;
}
.attitude_e{
  width:578px;
	height:322px;
	float:left;
	padding-top:40px;
	padding-left:20px;
	margin-bottom:15px;
	background:url(/images/bg_attitude_en.gif) no-repeat;
}
.attitude_e p{
  width:480px;
	float:left;
}
.attitude_p2_e{
  margin-top:35px;
}
.after{
  width:578px;
	height:85px;
	float:left;
	padding-top:50px;
	padding-left:20px;
	margin-bottom:15px;
	background:url(/images/bg_after.gif) no-repeat;
}
.after p{
  width:400px;
	float:left;
}
.after_e{
  width:578px;
	height:85px;
	float:left;
	padding-top:50px;
	padding-left:20px;
	margin-bottom:15px;
	background:url(/images/bg_after_en.gif) no-repeat;
}
.after_e p{
  width:470px;
	float:left;
}

/*** Temp ***/
.title_temp{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/h2_hakenservice.gif) no-repeat;
}
.haken_case img{
  width:590px;
	float:left;
	margin-bottom:15px;
}
.title_discount{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/h2_hakendiscount.gif) no-repeat;
}

/*** Client Service ***/
.client_box{
  width:605px;
	float:left;
	margin-bottom:15px;
	border:1px #ececec solid;
	padding:15px 10px 5px 10px;
}
.client_box h3{
  width:575px;
	float:left;
	margin-top:10px;
}
.client_box h4{
  width:575px;
	float:left;
	margin:10px 0;
}
.client_box p{
  width:575px;
	float:left;
}
.mste{
  width:558px;
	height:169px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:15px;
	background:url(/images/bg_mission.gif) no-repeat;
}
.permanent{
  width:558px;
	height:138px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:15px;
	background:url(/images/bg_permanent.gif) no-repeat;
}
.tenpservice{
  width:558px;
	height:103px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:15px;
	background:url(/images/bg_temporary.gif) no-repeat;
}
.outsource{
  width:558px;
	height:293px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:15px;
	background:url(/images/bg_outsourcing.gif) no-repeat;
}

/*** Resume ***/
.title_resume{
  width:626px;
	height:35px;
	float:left;
  background:url(/images/h2_resume.gif) no-repeat;
}
.ba_interview{
  width:543px;
	height:72px;
	clear:both;
	margin:15px auto;
}
.half_border{
  width:600px;
	height:5px;
	margin:15px 0;
	float:left;
	border-bottom:2px solid #113372;
}
.resume{
  width:551px;
	clear:both;
	margin:10px 0 10px 20px;
	float:left;
}
.resume h3{
  width:551px;
	height:33px;
	margin:10px 0 ;
	float:left;
}
.resume p{
  width:551px;
	clear:both;
	margin:5px auto;
	float:left;
}
.sublanguage{
   float:right; margin:10px; width:71px;
}
.blur {
	color: #999999;
}
.radio_list {
	list-style: none;
}
.radio_list li {
	display: inline;
	margin-right: 20px; 
}
.sns {
	width:245px;
	height:64px;
	padding-right:11px;
	margin-bottom:15px;
	background:url(/images/sns_bg.png) no-repeat;
}
.sns_icons {
	float:right;
	margin:10px 0 0 6px;
}