@charset "utf-8";
/* ==============================================
 *	Name:    job.css
 *	Purpose: individual CSS
 *	Author:  �m�L�����I
 *	Version: 1 Oct 2009
 ================================================= */
/* ==========================================================================================================
job title
========================================================================================================== */
.job_title_wrap{
  float:left;
  display:inline;
  margin:10px 15px 0px 20px;
  padding:0px 15px 5px 40px;
  width:890px;
  height:80px;
  background:url(../../images/job/title_back.jpg) no-repeat;
}
.job_title_left{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:720px;
}
.corp_name{
  float:left;
  display:inline;
  margin:15px 0px 0px 0px;
  padding:0;
  font-size:20px;
  color:#1A538E;
  line-height:20px;
  height:20px;
  font-weight:bold;
}
.kodawari_wrap{
  float:left;
  display:inline;
  margin:11px 0px 0px 0px;
  padding:0;
  height:33px;
  width:720px;
}
.kodawari_l{
  width:95px;
  height:21px;
  background:url(../../images/job/title_kodawari_l.jpg) no-repeat;
  float:left;
  display:inline;
  margin:0px 1px;
  font-size:10px;
  padding:1px 2px 12px 3px;
}
.kodawari_s{
  width:75px;
  height:21px;
  background:url(../../images/job/title_kodawari_s.jpg) no-repeat;
  float:left;
  display:inline;
  margin:0px 1px;
  padding:1px 2px 12px 3px;
  font-size:10px;
}
.kodawari_l img,
.kodawari_s img{
  float:left;
  display:inline;
}
.kodawari_l span,
.kodawari_s span{
  float:left;
  display:inline;
  line-height:21px;
  font-size:10px;
  margin:0px 0px 0px 5px;
}
.corp_logo{
  float:right;
  display:inline;
  width:160px;
  height:60px;
  padding:10px 0px;
  margin:0;
}
.corp_logo img{
  width:160px;
  height:60px;
  margin:0;
}
/* ==========================================================================================================
job wrap
========================================================================================================== */
.job_wrap{
  float:left;
  display:inline;
  margin:10px 20px;
  width:940px;
}
/* ===================================
job wrap catch
====================================== */
.catch{
  float:left;
  display:inline;
  margin:0;
  padding:0px 10px 5px 50px;
  width:880px;
  height:40px;
  background:url(../../images/job/catch.jpg) no-repeat;
  font-size:16px;
  font-weight:bold;
  line-height:40px;
}
/* ===================================
job wrap photo
====================================== */
.photoarea{
  float:left;
  display:inline;
  margin:20px 0px 0px 0px;
  padding:0;
  width:420px;
}
.photo_l{
  float:left;
  display:inline;
  margin:0;
  padding:10px;
  width:400px;
  height:300px;
  background:url(../../images/share/grid02.jpg) repeat;
}
.photo_l img{
  width:400px;
  height:300px;
}
.photo_s{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:5px 6px;
  width:408px;
  background:url(../../images/share/grid02.jpg) repeat;
}
.photo_s img.l{
  width:200px;
  height:150px;
  margin:0px 3px 0px 0px;
}
.photo_s img.r{
  width:200px;
  height:150px;
  margin:0;
}
.photo_entry{
  float:left;
  display:inline;
  margin:10px 0px 0px;
}
/* ===================================
job wrap photo
====================================== */
.photoarea_cybridge{
  float:left;
  display:inline;
  margin:20px 0px 0px 0px;
  padding:0;
   width: 280px;
}
.photo_l_cybridge{
  float:left;
  display:inline;
  margin:0;
  padding:10px;
height: 195px;
    width: 260px;
  background:url(../../images/share/grid02.jpg) repeat;
}
.photo_l_cybridge img{
    height: 195px;
    width: 260px;
}
.photo_s_cybridge{
    background: url("../../images/share/grid02.jpg") repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    margin: 10px 0 0;
    padding: 5px 10px;
    width: 260px;
}
.photo_s_cybridge img.l{
   height: 90px;
    margin: 0 15px 0 0;
    width: 120px;
}
.photo_s_cybridge img.r{
    height: 90px;
    margin: 0 ;
    width: 120px;
}

/* ===================================
job wrap text
====================================== */
.textarea{
  float:left;
  display:inline;
  margin:20px 0px 0px 20px;
  width:500px;
  font-size:12px;
  line-height:20px;
}
/* ===================================
job wrap info500
====================================== */
.info500_title{
  float:right;
  display:inline;
  margin:20px 0px 0px 20px;
  padding:0;
  width:500px;
  height:40px;
  background:url(../../images/job/info_title.jpg) no-repeat;
  line-height:0;
  font-size:0;
}
.info500_title_cybridge{
  float:right;
  display:inline;
  margin:20px 0px 0px 20px;
  padding:0;
  width:500px;
  height:40px;
  background:url(../../img/job/info_title_cybridge.jpg) no-repeat;
  line-height:0;
  font-size:0;
}
.info500_wrap{
  float:right;
  display:inline;
  margin:0px 0px 0px 20px;
  padding:0;
  width:500px;
  background:url(../../images/job/info500_back.jpg) repeat-y;
}
.info500{
  float:right;
  display:inline;
  margin:0;
  padding:0;
  width:500px;
  background:url(../../images/job/info500_foot.jpg) no-repeat bottom;
}
.info500 .left{
  float:left;
  display:inline;
  margin:0;
  padding:10px 0px 10px 20px;
  width:110px;
  font-size:14px;
  font-weight:bold;
  line-height:20px;
}
.info500 .right{
  float:left;
  display:inline;
  margin:0;
  padding:10px 10px 10px 10px;
  width:350px;
  line-height:20px;
}
.address{
  width:350px;
  float:left;
  display:inline;
  margin:1px 0px;
}
.address_cybridge {
   display: inline;
    float: left;
    margin: 1px 0;
    width: 310px;
}
.address img{
  float:left;
  display:inline;
  margin:0px 10px 0px 0px;
}
.address_cybridge img{
  float:left;
  display:inline;
  margin:0px 10px 0px 0px;
}
.address span{
  float:left;
  display:inline;
  line-height:20px;
}
.address_cybridge span{
  float:left;
  display:inline;
  line-height:20px;
}

.info_kodawari{
  float:left;
  display:inline;
  margin:2px 5px 0px 2px 0px;
  width:180px;
  line-height:20px;
  padding:0px 0px 0px 30px;
  background:url(../../images/share/mark_star.jpg) no-repeat;
}
/* ===================================
job wrap btn up
====================================== */
.btn{
  float:left;
  display:inline;
  margin:20px 0px;
  width:940px;
  height:74px;
  background:url(../../images/job/btn.jpg) no-repeat;
}
.btn a{
  width:940px;
  height:74px;
  display:block;
}
.btn a:hover {
  background:url(../../images/job/btn_on.jpg) no-repeat;
}
.btn_cybridge{
  float:left;
  display:inline;
  margin:20px 0px;
  width:940px;
  height:74px;
  background:url(../../images/job/btn_cybridge.jpg) no-repeat;
}
.btn_cybridge a{
  width:940px;
  height:74px;
  display:block;
}
.btn_cybridge a:hover {
  background:url(../../images/job/btn_cybridge_on.jpg) no-repeat;
}
/* ===================================
job wrap info460
====================================== */
.wrap460_1{
  width:460px;
  float:left;
  display:inline;
  margin:0;
}
.wrap460_2{
  width:460px;
  float:right;
  display:inline;
  margin:0px 0px 0px 20px;
}
.info460_title1{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:460px;
  height:40px;
  background:url(../../images/job/info_title2.jpg) no-repeat;
  line-height:0;
  font-size:0;
}
.info460_title2{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:460px;
  height:40px;
  background:url(../../images/job/info_title3.jpg) no-repeat;
  line-height:0;
  font-size:0;
}
.info460_title2_cybridge{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:460px;
  height:40px;
  background:url(../../img/job/info460_title2_cybridge.jpg) no-repeat;
  line-height:0;
  font-size:0;
}
.info460_wrap{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:460px;
  background:url(../../images/job/info460_back.jpg) repeat-y;
}
.info460{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:460px;
  background:url(../../images/job/info460_foot.jpg) no-repeat bottom;
}
.info460 .left{
  float:left;
  display:inline;
  margin:0;
  padding:10px 0px 10px 20px;
  width:110px;
  font-size:14px;
  font-weight:bold;
  line-height:20px;
}
.info460 .right{
  float:left;
  display:inline;
  margin:0;
  padding:10px 10px 10px 10px;
  width:310px;
  line-height:20px;
}
/* ===================================
job wrap btnarea
====================================== */
.btnarea{
  width:940px;
  height:74px;
  float:left;
  display:inline;
  margin:20px 0px;
  background:url(../../images/job/btnarea.jpg) repeat-x;
}
.submit_btn{
  float:left;
  display:inline;
  margin:10px 0px 0px 200px;
  padding:0;
  width:305px;
  height:55px;
  background:url(../../images/job/submit_btn.jpg) no-repeat;
}
.submit_btn a{
  width:305px;
  height:55px;
  display:block;
  line-height:0;
  font-size:0;
}
.submit_btn a:hover {
  background:url(../../images/job/submit_btn_on.jpg) no-repeat;
}
.brand_btn{
  float:left;
  display:inline;
  margin:15px 0px 0px 10px;
  padding:0;
  width:255px;
  height:45px;
  background:url(../../images/job/brand_btn.jpg) no-repeat;
}
.brand_btn a{
  width:255px;
  height:45px;
  display:block;
  line-height:0;
  font-size:0;
}
.brand_btn img{
  width:85px;
  height:35px;
  display:inline;
  float:left;
  margin:5px;
}
.brand_btn a:hover {
  background:url(../../images/job/brand_btn_on.jpg) no-repeat;
}
.brand_btn a:hover img{
  margin:7px 0px 0px 7px;
}
/*------------relatejob-------------*/
.relate_job {
  width:938px;
  display: inline;
  float: left;
  margin:0px 0px 10px 20px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
h3.relate_job_h3 {
  background: url(../../images/job/relate_h3.jpg);
  display: inline;
  float: left;
  height: 40px;
  width: 940px;
  margin:0px 0px 0px 20px;
  text-indent:-9999px;
}
.relate_job_type div {
  display: inline;
  float: left;
  width: 172px;
  margin:10px 0px 0px 15px;
  bottom:0px;
  position: relative;
}
.relate_job_type h4 {
  display: inline;
  float: left;
  width: 175px;
  font-size:14px;
  margin:0px 0px 0px 0px;
  height:auto;
}
.relate_job_type img {
  display: inline;
  float: left;
  width: 120px;
  margin:10px 30px 0px 20px;
}
.relate_job_type ul.method {
  display: inline;
  float: left;
  width: 150px;
  margin:2px 5px 0px 5px;
  background: url(../../images/job/relate_job_type_ul_method.jpg) no-repeat left 2px;
  padding:2px 0px 3px 52px;
}
.relate_job_type ul.target {
  display: inline;
  float: left;
  width: 150px;
  margin:2px 5px 0px 5px;
  background: url(../../images/job/relate_job_type_ul_target.jpg) no-repeat left 2px;
  padding:2px 0px 3px 52px;
}
.relate_job_search {
  background: #EBEBEB;
  display: inline;
  float: left;
  width: 938px;
  margin-top: 10px;
  padding:0px 0px 8px 0px;
  border-top: 1px solid #CCC;
}
.relate_job_search p {
  margin:5px 0px 0px 10px;
}
.relate_job_search ul {
  margin:5px 0px 0px 10px;
}
.relate_job_search ul li {
  margin:4px 5px 0px 0px;
  display: inline;
  float: left;
}
.relate_job_search ul img {
  margin:-2px 5px 0px 0px;
  display: inline;
  float: left;
}