@charset "utf-8";

/* head 
------------------------*/
.fltL {	float: left;}
.fltR { float: right;}
.txtCnt { text-align: center;}
.rltv { position: relative;}

.ilft3 { margin-right: 3px;}
.ilft5 { margin-right: 5px;}
.irgt3 { margin-left: 3px;}
.irgt5 { margin-left: 5px;}

.f10 { font-size: 10px;}
.f11 { font-size: 11px;}
.f12 { font-size: 12px;}
.f13 { font-size: 13px;}
.f14 { font-size: 14px;}
.f15 { font-size: 15px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.bold { font-weight: bold;}
.under { text-decoration: underline;}
.lh17 { line-height: 1.7em;}

.red { color: #f10980;}
.lgt { color: #999;}


/* head 
------------------------*/
#reHead { background: url(../../img/pc/renew/back.png) repeat-x left bottom; margin-bottom: 30px;}
#reHead p { margin: 0;}
#reHead a { color: #333;}
#reHead a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=80)"; text-decoration: none;} 
#reHead .headTop { background: #eee; height: 40px;}
#reHead .headTop div { width: 960px; margin: 0 auto;}
#reHead .headTop .headSns { float: right;}
#reHead .headTop .headSns li { list-style-type: none; float: right; border-radius: 30px; -mz-border-radius: 30px; -webkit-border-radius: 30px; width: 25px; height: 25px; background: #333; text-align: center; margin: 7px 0 0 7px; border: 1px solid #333;}
#reHead .headTop .headSns li a { display: block; color: #eee;}
#reHead .headTop .headSns li i { font-size: 16px; line-height: 25px;}
#reHead .headTop h1 {
  font-size: 100%;
  padding: 5px 0;
  letter-spacing: 0.05em;
}

#reHead .headBtm { padding: 25px 0 27px; width: 960px; margin: 0 auto;}
#reHead .headBtm .headLogo { float: left;}
#reHead .headBtm .headTxt { margin-top: 12px; color: #333; font-size: 13px;}
#reHead .headBtm .headBn { float: right; margin-bottom: 20px;}
#reHead .headSub { float: right;}
#reHead .headSrc { float: right; margin-left: 10px;}
#reHead .headSrc .ipt { border: 1px solid #333; width: 238px; height: 18px; padding: 5px; font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif; float: left;}
#reHead .headSrc .srcbtn { width: 30px; height: 30px;}
#reHead .headSrc input:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

#reHead .headSub ul { float: right;}
#reHead .headSub li { border: 1px solid #333; line-height: 30px; height: 28px; text-align: center; width: 130px; font-size: 12px; float: right; margin-left: 10px; list-style-type: none;}
#reHead .headSub li a { color: #333; display: block;}

/***求人・応募管理件数***/
.slideCnt{
    background-color: #797979;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 1.5em;
    margin-right: 5px;
    padding: 2px 1px 0 2px;
    text-align: center;
    text-indent: 0;
    width: 20px;
  }

/* foot
------------------------*/
#footer { background: #eee;}
#footer p { margin: 0;}
#footer a { color: #333;}
#footer a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=80)"; text-decoration: none;} 
#footer .footArea { width: 960px; margin: 0 auto; padding: 30px 0 20px;}
#footer .footSns { margin-left: 20px; float: left;}
#footer .footSns li { list-style-type: none; float: left; border-radius: 30px; -mz-border-radius: 30px; -webkit-border-radius: 30px; width: 30px; height: 30px; background: #333; text-align: center; border: 1px solid #333; margin-right: 10px;}
#footer .footSns li a { display: block; color: #eee;}
#footer .footSns li i { font-size: 16px; line-height: 30px;} 
#footer .pageTop a { float: right; font-size: 15px; color: #333;}

#footer .footCnt { margin-top: 20px;}
#footer .footCnt div { width: 225px; margin-left: 20px; float: left;}
#footer .footCnt div.top { margin-left: 0px;}
#footer .footCnt h4 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #333; margin-bottom: 10px; line-height: 20px;}
#footer .footCnt dt { float: left;}
#footer .footCnt dd { padding-left: 40px; font-size: 12px; margin-bottom: 15px;}
#footer .footCnt dd a { font-weight: bold;}

#footer .footMenu { position: relative; overflow: hidden; background: #333; font-size: 12px; padding: 20px 0 0;}
#footer .footMenu ul { position: relative; float: left; left: 50%;}
#footer .footMenu li { position: relative; float: left; left: -50%; margin-left: 10px; padding-left: 10px; line-height: 12px; border-left: 1px solid #fff; list-style-type: none;}
#footer .footMenu li:first-child { margin-left: 0px; padding-left: 10px; border-left: none;}
#footer .footMenu li a { color: #fff; text-decoration: none;}
#footer .footMenu li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=80)"; text-decoration: none;}
#footer .company { background: #333; color: #fff; text-align: center; line-height: 50px;}

.addFoot { border-top: 1px solid #333; padding: 20px 0; text-align: center; margin-top: 50px;}
.addFoot p { margin: 0 auto;}
.addFoot p a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=80)"; text-decoration: none;}