body{ font-family: Trebuchet, Tahoma, Arial, "Hiragino Mincho Pro", sans-serif; font-size: 100%;} .clear{ clear: both; width: 0; height: 0; margin: 0; padding: 0;} /*Header*/ div#page{ width: 980px; margin: auto} div#headerimg h1 a{ background: url(../images/homepage_new_logo_202x111.png) no-repeat 0 0; display: block; width: 202px; height: 111px; margin: 32px 0 0 0; display: none;} div#header_right { margin: 32px 0 0 0;display: none;} div#header_right ul li{ float: left; } div#header_right ul#navigation{ margin: 73px 0 0 10px; display: none;} div#header_right ul#navigation li{ line-height: 0.9em; width: 112px} div#header_right ul#navigation li.page_item a{width:112px ; height:37px; display: block; font-size: 0.9em; text-align: center; color: #666666; background: url(../images/over_navi.png) no-repeat 0 -44px; padding-top:3px;} div#header_right ul#navigation li.page_item a:hover, div#header_right ul#navigation li.current_page_item a, div#header_right ul#navigation li.current_page_parent a, div#header_right ul#navigation li a.current{color: #DC2400; background: url(../images/over_navi.png) 0 -2px;} /*COMPANY PROFILE MENU ITEM SPECIAL*/ div#header_right ul#navigation li.page_item.page-item-17 a{ width:100px; display: block; padding-left: 6px;padding-top:0; height: 40px; } div#header_right ul#navigation li.page_item.page-item-17 a:hover, div#header_right ul#navigation li.page_item.page-item-17.current_page_item a{color: #DC2400; background: url(../images/over_navi.png) 0 -2px;} /*FOLLOWING MADE FOR THE BLU ARROW IN JOB PAGES */ div#header_right ul#navigation.blu li.page_item a:hover, div#header_right ul#navigation.blu li.current_page_item a, div#header_right ul#navigation.blu li.current_page_parent a, div#header_right ul#navigation.blu li a.current{color: #0E669A; background: url(../images/over_navi_blu.png) 0 -2px;} div#header_right ul#navigation li.sep{ height: 40px; width: 20px; text-align: center; color: #666666; } div#header_right ul#navigation li a#home_btn{width:112px ; height:37px; display: block; font-size: 0.9em; text-align: center; color: #666666; padding-top: 3px} div#header_right ul#navigation li a#home_btn:hover, div#header_right ul#navigation li a#home_btn.current{color: #DC2400; background: url(../images/over_arrow13x7.png) no-repeat 50% 100%; } /*MENU ITEM SPECIAL IN BLU*/ div#header_right ul#navigation.blu li.page_item.page-item-17 a{ width:100px; display: block; padding-left: 6px;padding-top:0; height: 40px; } div#header_right ul#navigation.blu li.page_item.page-item-17 a:hover, div#header_right ul#navigation.blu li.page_item.page-item-17.current_page_item a{color: #0E669A; background: url(../images/over_navi_blu.png) 0 -2px;} div#header_right ul#langsel{ margin-right: 9px;} div#header_right ul#langsel li{ float: left;} div#header_right ul#langsel li.en a{ width:40px; height:12px; background: url(../images/main_buttons.png) no-repeat 0 0; display: block; margin-left: 15px; } div#header_right ul#langsel li.en a:hover, div#header_right ul#langsel li.en a.sel{ background-position: 0 -17px} div#header_right ul#langsel li.ja a{ width:40px; height:12px; background: url(../images/main_buttons.png) no-repeat -45px 0; display: block;margin-left: 15px} div#header_right ul#langsel li.ja a:hover, div#header_right ul#langsel li.ja a.sel{ background-position: -45px -17px} /*HOME BANNER */ a#blog_button{ width: 84px; height: 87px; display: block; position: absolute; background: url(../images/main_buttons.png) no-repeat -7px -94px; top:400px; left: 73% } a#blog_button_jp{ width: 84px; height: 87px; display: block; position: absolute; background: url(../images/more_jp.png) no-repeat 0 0; top:400px; left: 73% } a#blog_button:hover{ background-position:-109px -94px; } a#blog_button_jp:hover{ background-position:-99px 0; } div#home_banner{ width: 980px; height: 304px;} div#home_banner div#left_banner{ width: 312px; height:304px ; background-color:#DEDEDE ; display: block;} div#home_banner div#right_banner{ width:666px ; height:304px ; background: url(../images/orange_bg657x304.jpg) repeat 0 0; display: block} div#home_banner div#right_banner div#main_text{ margin-top: 60px; width: 657px; overflow: hidden;height: 210px; } div#home_banner div#right_banner div#main_text ul li p#activites_text{ /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size: 1.6em; color: #fff; font-weight: normal; margin-top: 0; letter-spacing: 2px } div#home_banner div#right_banner div#main_text ul li p#special{ color: white; font-size: 1.5em;width: 570px; display: block; margin-top: 15px; text-align: center} div#home_banner div#right_banner div#main_text ul li { height: 175px;margin-right: 300px;margin-left: 49px; } div#home_banner div#right_banner div#main_text ul li p.l_first{ margin-top: 5px; } div#home_banner div#right_banner div#main_text ul li p.l_second{margin-top: 5px; margin-left:70px;} div#home_banner div#right_banner div#main_text ul li p.l_second_bis{margin-top: 5px; margin-left:35px;} div#home_banner div#right_banner div#main_text ul li p.l_third{ margin-top: 5px;} div#home_banner div#right_banner div#main_text ul li p{ color: white;font-size: 1.1em;} div#home_banner div#right_banner div#main_text p.first{ font-size: 1.5em; color: white; width: 570px; display: block;} div#home_banner div#right_banner div#main_text p.futsu{ font-size: 3.2em; color: white; width: 570px; display: block;word-spacing:-0.1em;} div#home_banner div#right_banner div#main_text p.futsu_jp{ font-size: 3.2em; color: white; width: 570px; display: block;word-spacing:-0.1em; text-align: center} div#home_banner div#right_banner div#main_text span{ color: white; font-size: 1em;width: 570px; display: block; margin-top: 5px} div#home_banner div#right_banner div#main_text a.more{ width:81px ; height:17px ; display:block;background: url(../images/main_buttons.png) no-repeat -3px -70px; margin-left: 490px;} div#home_banner div#right_banner div#main_text a.more:hover{ background-position:-90px -70px;} /*STYLE Hx*/ div.post h2{ color:#EE2100; font-size: 1.8em; font-weight: lighter; display: none; } div.post h3.subtitle{ margin-top: 10px; font-weight: lighter;} div.post div.entry p { margin-top: 20px; color: #333333} div.post div.entry p a{ color: #FF3301} div.post div.entry p a:hover{ text-decoration: underline;} ul.list_futsu{ margin-top: 20px;} ul.list_futsu li{display: block;background: url(../images/futsu_arrow.png) no-repeat 0 5px; padding-left: 10px; font-size: 0.9em; margin-top: 13px; width: 500px; padding-bottom: 10px; margin-left: 90px;} /*HOME BLOCK*/ div#clients{} div#clients h2{ width:481px ; height:61px ; background: url(../images/clients481x61.jpg) no-repeat 0 0; display: none;} div#clients div.block_left{ background-color: #DCE1E5; width:482px ; height:201px; display: block} div#candidates div.block_right .searchjob{ width:329px ; height:31px ; font-size:1em ; border: 1px solid #CCCCCC; color: #CCCCCC; padding: 7px 0 0 10px; margin: 15px 0 0 36px; background: white url(../images/input_zoom.gif) no-repeat 307px 9px;} div#candidates div.block_right .searchjob:focus{ border: 2px solid gray } div#clients div.block_left ul#client_menu, div#candidates div.block_right ul#candidate_menu{ padding-top: 20px; margin-left: 26px;} div#clients div.block_left ul#client_menu li.main a, div#candidates div.block_right ul#candidate_menu li.main a{ color:#666666; background: url(../images/main_buttons.png) no-repeat 0 -31px; padding-left: 10px; font-size: 1em; margin-top: 6px; display: block; width:110px; } div#clients div.block_left ul#client_menu li a, div#candidates div.block_right ul#candidate_menu li a{ color:#666666; background: url(../images/main_buttons.png) no-repeat 0 -31px; padding-left: 10px; font-size: 1em; margin-top: 6px; display: block; width:110px; } div#clients div.block_left ul#service_menu { margin-left: 10px; margin-top: 5px; margin-bottom: 10px; width: 210px} div#clients div.block_left ul#service_menu li{ margin-top: 5px;width: 210px} div#clients div.block_left ul#service_menu li a{ color:#666666; background: url(../images/main_buttons.png) no-repeat 0 -47px; padding-left: 10px; font-size: 0.8em;width: 140px; display: block } div#clients div.block_left ul#client_menu li.main a:hover, div#clients div.block_left ul#service_menu li a:hover{ text-decoration: underline} div#candidates{} div#candidates h2{ width:481px ; height:61px ; background: url(../images/candidates481x61.jpg) no-repeat 0 0; display: block; margin-top: 41px;} div#candidates div.block_right{ background-color: #DEDDD7; width:482px ; height:201px; display: block} /*PAGES GENERAL*/ div#header_pages{ display: none;} div#header_pages.all{ width: 970px; height: 38px; display: block; background: url(../images/header_page970x38.png); color: black} div#header_pages.job{ width: 970px; height: 38px; display: block; background: url(../images/header_page_job980x38.png); color: black} div#header_pages div#sub_menu{ width: 638px; height: 35px; display: inline;} div#header_pages div#sub_menu ul li{ float: left; margin: 10px 20px 0 0;} div#header_pages div#sub_menu ul li a{ color: white;font-size: 0.8em; display: block;} div#header_pages div#sub_menu ul li a:hover, div#header_pages div#sub_menu ul li.current_page_item a{ text-decoration: underline;} div#header_pages div.the_path {height: 38px; width:312px ;display: block;font-size: 0.8em; display: none;} div#header_pages div.the_path div.textpath{ display: block;margin: 10px 0 0 60px;} div#header_pages div.the_path div.textpath a{ } div#header_pages div.the_path div.textpath a:hover{ text-decoration: underline;} div#header_pages div.the_path div.textpath a.main_path{ color:#F31C00;} div#header_pages the_path .secondary_path{ color:#F31C00;} div#left_content_page{ width:312px ; height: 100px; display: block; display: none;} div#right_content_page{ width:638px ; height: auto; display: block; margin-right: 20px;} div#lower_page{ height: auto;} /*PAGE ACCESS*/ div#access_img{ width:302px ; height:227px; display: block; background: url(../images/access_top_left302x227.png) no-repeat 0 0; margin-top: 39px; } div#map{ width:661px ; height:551px ; display: none;} div.regular_hr{ width:641px ; border-top:1px solid #ECECEC; margin:35px 0 35px 0; height: 1px;} div#left_content_page a.access_link, div#left_content_page a.print_map, div#left_content_page a.send_mobile{display: block;padding-left: 23px; font-size: 0.9em; margin:0 0 20px 91px; width: 120px; cursor: pointer; } /*below is only when selected with javascript*/ div#left_content_page a.access_link_sel{display: block;padding-left: 23px; font-size: 0.9em; margin:0 0 20px 91px; width: 120px; cursor: pointer; color:#EE2100 } div#left_content_page a.access_link, div#left_content_page a.access_link_sel{background: url(../images/main_buttons.png) no-repeat 0 -47px;} a.print_map{background: url(../images/print_map_but.jpg) no-repeat 0 2px;} a.send_mobile{background: url(../images/send_mobile_but.jpg) no-repeat 0 0;} div#hr_small{ border-top: 1px solid #E2E2E2;height: 1px; width:133px; margin-left: 109px; margin-bottom: 20px;} p.text_access{ width: 133px; margin-left: 114px; font-size: 0.7em; line-height: 1.2em; color: #333333; padding-bottom: 10px;} p.text_access_jp, ol.text_access_jp{ width: 133px; margin-left: 114px; font-size: 0.8em; line-height: 1.2em; color: #333333; padding-bottom: 10px;} ol.text_access_jp li{ margin-top:10px;} input.mobile_input{ border: 1px solid #DCDCDC; width: 133px; height: 18px; font-size: 1em; color: gray; padding: 3px;} .print{ display: block;} /*PAGE CONTACT*/ div#contact_img{ width:303px ; height:227px; display: block; background: url(../images/contact_top_left303x227.png) no-repeat 0 0; margin-top: 39px; } form#contact label{ display: block; width: 81px; height: 33px; padding: 6px; font-size: 0.9em; color: #000000; font-weight: lighter; margin-bottom: 32px;} form#contact label.jp_label{ display: block; width: 81px; height: 33px; padding: 6px; font-size: 0.7em; color: #000000; font-weight: lighter; margin-bottom: 32px;} form#contact label.inin{ background: url(../images/inin.png) no-repeat top right;} form#contact input.txtbox{ width: 296px ; height:26px; margin-left: 20px; font-size: 1em; color: #000000; background: #ECECEC; border: 1px solid #CCCCCC; padding: 6px;margin-bottom: 32px; } form#contact input.txtbox_error{ width: 296px ; height:26px; margin-left: 20px; font-size: 1em; color: #000000; background: #ECECEC; border: 2px solid red; padding: 6px;margin-bottom: 32px; } form#contact textarea.box{ width: 820px ; height:143px; margin-left: 10px; font-size: 1em; color: #000000; background: #ECECEC; border: 1px solid #CCCCCC; padding: 6px;margin-bottom: 32px; } form#contact input.txtbox:focus, form#contact textarea.box:focus{ border:1px solid #EE2100 ; background: white;} form#contact div.block_form_left{ width: 423px; margin-top: 32px;} form#contact div.block_form_right{ width: 423px; margin-top: 32px;} form#contact div.block_form_bottom{ width: 960px; margin-top: 32px;} div#form_buttons{ width: 500px; margin-left: 320px} div#form_buttons a.submit{ background: url(../images/send_eng_206x50.jpg) no-repeat; width: 206px; height:50px; border: none ; margin-left: 13px; display: inline; cursor: pointer} div#form_buttons a.reset{ background: url(../images/reset_eng_206x50.jpg) no-repeat; width: 206px; height:50px; border: none ; cursor: pointer; display: block} div#form_buttons input.submit_jp{ background: url(../images/recruit_valid_btn170x45.gif) no-repeat; width: 170px; height:45px; border: none ; margin-left: 13px; cursor: pointer} div#form_buttons input.reset_jp{ background: url(../images/recruit_reset_btn170x45.gif) no-repeat; width: 170px; height:45px; border: none ; cursor: pointer;} div.hr{ border-top: 1px dotted #DCDCDC; height: 1px; display: block; width: 860px; margin-bottom: 32px; } div#identity{ width: 641px; border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC; padding-bottom: 10px; display: nonel} div#identity div#image_foot{ width:32px ; height:37px ; display: block; background: url(../images/flag_c.png) no-repeat 0 0; margin-left: 30px; margin-top: 20px;} div#identity div#contact_data { margin-left: 35px;} div#identity div#contact_data h3{color:#DC2400; width: 800px; font-size: 2em; } div#identity div#contact_data h3.h3_jp{color:#DC2400; width: 800px; font-size: 1.9em; } div#identity div#contact_data address.first{ width: 400px; color: #666666; font-size: 1.8em; font-style: normal; margin-top: 5px;} div#identity div#contact_data address.second{ width: 400px; color: black; font-size: 1.8em; font-style: normal; margin-top: 5px;} div#identity div#contact_data p{ color: black; font-size:1.8em;margin-top: 10px;} div#identity div#contact_data p span{ color: #666666} /* page company*/ table{ margin-top: 20px;} tbody.company_profile{} tbody.company_profile tr {background:url(../images/dot.gif) repeat-x bottom; } tbody.company_profile tr th{ width: 229px; text-align: left; padding: 10px 0; font-size: 0.9em; font-weight: normal; color: gray;} tbody.company_profile tr td{ padding: 10px 0; font-size: 0.9em} /*PAGE SERVICE*/ div#service_menu_div{ width:617px; height:auto;background: url(../images/background_service_menu617x74.png) no-repeat 0 0; display: block; margin-top: 63px;} div#service_menu_div ul#services_menu{ margin-left: 103px; padding-top: 23px;} div#service_menu_div ul#services_menu li{ width:399px ; border-bottom: 1px solid #CCCCCC; height: 27px;} div#service_menu_div ul#services_menu li a{ display: block;background:url(../images/small_arrow.png) no-repeat 0 5px; padding-left: 10px; font-size: 0.9em; margin-top: 13px; width: 200px; color: #666666 } div#service_menu_div ul#people_menu{ margin-left: 103px; padding-top: 23px;} div#service_menu_div ul#people_menu li.menu{ width:399px ; border-bottom: 1px solid #CCCCCC; height: 27px;} div#service_menu_div ul#people_menu li.menu a{ display: block;background: url(../images/small_arrow.png) no-repeat 0 5px; padding-left: 10px; font-size: 0.9em; margin-top: 13px; width: 140px; color: #666666; cursor: pointer;} div#service_menu_div ul#people_menu li.menu a.access_link_sel{ color:#FF3301 ;} div#service_menu_div ul#people_menu li.content{} div#service_menu_div ul#people_menu li.content ul.list_people{ margin-left: 20px; margin-top: 10px;} div#service_menu_div ul#people_menu li.content ul.list_people li{ font-size: 0.8em; color:#666666; margin-top: 7px;} div#service_menu_div ul#services_menu li a:hover, div#service_menu_div ul#people_menu li.menu a:hover{ color:#FF3301 ; } /*JOB */ div#job_img{width:128px ; height:113px; display: block; background: url(../images/job_img.png) no-repeat 0 0; margin-top: 82px; margin-left: 92px;} /* PAGE REGISTRATION*/ #step01{ background: url(../images/step_base640x86.png) no-repeat 0 0; display: block; width:640px ; height:86px ; margin-top: 15px; margin-bottom: 15px;} h3.registration_h3{ font-size: 1em; display:block; width: 980px; border-bottom: 1px solid #CCCCCC; color:#006699; font-weight: lighter; padding-bottom: 2px;} div.stars_level{margin-left: 20px; margin-top: 15px; display: block; width: 200px; height: 20px;} a.star_rank{ background: url(../images/star_rank18x18.png) no-repeat -21px 0; display: block; width: 18px; height: 18px; cursor: pointer; margin-right: 5px;} a.star_rank:hover{ background-position: 0 0;} div#formation{ margin-top: 20px;} div#formation div.first{ display: block} div#formation div.second{ display: inline; } div#formation div.first h3, div#formation div.second h3, div#formation div.third h3{ font-size: 1em; color: #333333; margin-bottom: 10px; font-weight: lighter; border-bottom: 1px solid #E0E0E0; width: 280px; padding-bottom: 2px;} div#formation div.first ul, div#formation div.second ul, div#formation div.third ul{ font-size: 0.8em} div#formation div.first ul li, div#formation div.second ul li, div#formation div.third ul li{ margin-top: 5px;} .class_service_img{ background: url(../images/service_perso.png) no-repeat bottom left; height:100%} /*FOOTER */ div#footer{ border-top: 1px solid #CCCCCC;border-bottom: 1px dotted #CCCCCC;background: url(../images/bg_footer.jpg) no-repeat 0 0; padding: 27px 0 27px 0; margin-top: 41px; display: none; } div#footer div#contact_footer{} div#footer div#contact_footer div#image_foot{ width:65px ; height:59px ; display: block; background: url(../images/main_buttons.png) no-repeat -130px -7px; margin-left: 11px; margin-top: 35px;} div#footer div#contact_footer div#contact_data { margin-left: 35px;} div#footer div#contact_footer div#contact_data h3{color:#DC2400; width: 310px; font-size: 0.7em; border-bottom: 1px solid #CCCCCC; padding-bottom: 4px; font-weight: lighter; } div#footer div#contact_footer div#contact_data address.first{ width: 191px; color: #666666; font-size: 0.7em; font-style: normal; margin-top: 10px;} div#footer div#contact_footer div#contact_data address.second{ width: 191px; color: black; font-size: 0.7em; font-style: normal; margin-top: 10px;} div#footer div#contact_footer div#contact_data p{ color: black; font-size: 0.7em;margin-top: 10px;} div#footer div#contact_footer div#contact_data p span{ color: #666666} div#footer div#talk, div#footer div#company, div#footer div#getintouch{ margin-left: 20px; width: 90px; height: auto; display: block; } div#footer div#talk h3, div#footer div#company h3, div#footer div#getintouch h3{color:#666666;width: 90px; font-size: 0.7em; border-bottom: 1px solid #CCCCCC; padding-bottom: 4px; } div#footer div#talk ul, div#footer div#company ul, div#footer div#getintouch ul{ width: 90px; border-top: 1px solid white; padding-top: 8px} div#footer div#talk ul li a, div#footer div#company ul li a, div#footer div#getintouch ul li a{color:#DC2400;width: 90px; font-size: 0.7em; padding-bottom: 2px;text-transform: uppercase; } div#footer.ja_txt div#talk ul li a, div#footer.ja_txt div#company ul li a, div#footer.ja_txt div#getintouch ul li a{color:#DC2400;width: 90px; font-size: 0.8em; padding-bottom: 2px;} div#footer.ja_txt div#talk ul li a.twitt{ font-size: 0.7em;} div#footer div#talk ul li a:hover, div#footer div#company ul li a:hover, div#footer div#getintouch ul li a:hover{ text-decoration: underline} .copy_r{ margin-top:20px; color: #999999; font-size: 0.7em; width: 250px; } li.page-item-80 a, li.page-item-82 a{ font-size: 0.7em;margin-top:20px; color: #999999; display: block;} li.page-item-80 a:hover, li.page-item-82 a:hover{ color:#DC2400 } /*JQUERY CONTROLS*/ /*ADMIN TOOL*/ a.post-edit-link{ display: block; background: white; padding: 2px; color: black; border: 1px solid black; width: 100px; font-size: 0.8em; text-align: center; margin-top: 50px;} /*VARIOUS */ p#wpml_credit_footer { display: none;} p.error{ font-size: 0.8em; color: red; margin-top: -15px; padding-bottom: 4px; display: block; width: 300px; margin-left: 113px;} div#loader{ margin:auto; margin-top: 10px; margin-bottom: 10px; display: block; margin-left: 150px} div#ajax_message{ margin: auto; color:#E02400; size: 1.3em; display: block; width: 300px; text-align: center;}