@charset "utf-8";

/**********************************

 job css

***********************************/
.pagetop.pb00 {
padding: 0 0 0px;
}

.s-results-bg {
padding:0 0 40px 0 !important;
}

.s-results-fukidashi {
position:absolute;
  right: -7px;
top: 7px;
}

.s-results-inner {
padding: 23px 33px 8px 30px;
}

.s-results-stit {
  border-bottom:2px solid #CC0000;
  clear:both;
  font-size:1.4em;
  font-weight:bold;
  margin-bottom:10px;
}

.threeColumn {
clear:both;
margin-bottom:15px;
font-size:0.85em;
}

.threeColumn ul {
padding-left:15px;
}

.boxA, .boxB {
  margin-right:33px;
}

.boxA, .boxB, .boxC {
  float:left;
  width:190px;
}

.threeColumn ul li {
  background:url(../images/list_image.png) no-repeat 0 0.6em;
line-height:1.8em;
  padding-left:10px;
}

.threeColumn ul li.nl {
  background:none;
  padding-left:0px;
}

.boxA, .boxB {
  margin-right:33px;
}
.boxA, .boxB, .boxC {
  float:left;
  width:190px;
}

.boxA, .boxB, .boxC {
  float:left;
  width:190px;
}



/* report */
.report-bg {
padding:0 0 0 0 !important;
}

.rep-tit {
font-size:1.6em;
font-weight:bold;
padding-bottom:12px;
padding-left:15px;
background:url(../images/list_image.png) no-repeat 3px 0.4em;
clear:both;
}

.rep-inner {
padding:23px 33px 8px 30px;
}

.rep-pickup {
background:#fff6e9;
padding:18px 22px;
clear:both;
position:relative;
}

.rep-pickup.rep01 {
border-top:solid 4px #0ba29a;
}

.rep-pickup.rep02 {
border-top:solid 4px #009ee7;
}

.rep-pickup.rep03 {
border-top:solid 4px #e14b99;
}

.rep-pickup.rep04 {
border-top:solid 4px #97458d;
}

.rep-pickup.rep05 {
border-top:solid 4px #e15328;
}

.rep-pickup.rep06 {
border-top:solid 4px #e14b99;
}

.rep-pickup.rep07 {
border-top:solid 4px #eb9700;
}

.rep-pickup.rep08 {
border-top:solid 4px #dd0026;
}

.icon-pickup {
position: absolute;
top:-5px;
left:-2px;
}

.c-rep {
position: absolute;
top:18px;
right:22px;
}

.rep-pickup dl.rep-head {
float:right;
width:460px;
}

.rep-pickup.rep01 dt.tit {
color:#0ba29a;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep02 dt.tit {
color:#009ee7;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep03 dt.tit {
color:#e14b99;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep04 dt.tit {
color:#97458d;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep05 dt.tit {
color:#e15328;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep06 dt.tit {
color:#e14b99;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep07 dt.tit {
color:#eb9700;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep08 dt.tit {
color:#dd0026;font-size:1.6em;font-weight:bold;}



/*.rep-pickup.rep01 dt a:link, .rep-pickup.rep01 dt a:visited {
color:#0ba29a;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep01 dt a:active, .rep-pickup.rep01 dt a:hover {
color:#0ba29a;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep02 dt a:link, .rep-pickup.rep02 dt a:visited {
color:#009ee7;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep02 dt a:active, .rep-pickup.rep02 dt a:hover {
color:#009ee7;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep03 dt a:link, .rep-pickup.rep03 dt a:visited {
color:#e14b99;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep03 dt a:active, .rep-pickup.rep03 dt a:hover {
color:#e14b99;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep04 dt a:link, .rep-pickup.rep04 dt a:visited {
color:#97458d;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep04 dt a:active, .rep-pickup.rep04 dt a:hover {
color:#97458d;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep05 dt a:link, .rep-pickup.rep05 dt a:visited {
color:#e15328;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep05 dt a:active, .rep-pickup.rep05 dt a:hover {
color:#e15328;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep06 dt a:link, .rep-pickup.rep06 dt a:visited {
color:#e14b99;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep06 dt a:active, .rep-pickup.rep06 dt a:hover {
color:#e14b99;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep07 dt a:link, .rep-pickup.rep07 dt a:visited {
color:#eb9700;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep07 dt a:active, .rep-pickup.rep07 dt a:hover {
color:#eb9700;font-size:1.6em;font-weight:bold;}

.rep-pickup.rep08 dt a:link, .rep-pickup.rep08 dt a:visited {
color:#dd0026;font-size:1.6em;font-weight:bold;}
.rep-pickup.rep08 dt a:active, .rep-pickup.rep08 dt a:hover {
color:#dd0026;font-size:1.6em;font-weight:bold;}
*/
.rep-lead {
font-size:1.4em;
font-weight:bold;
padding-bottom:10px;
}

.salon-date dt {
font-size:1.1em;
font-weight:bold;
line-height:1.2em;
}

.salon-date dt.rep01 {
border-bottom:solid 1px #0ba29a;color:#0ba29a; border-top-style:none;}
.salon-date dt.rep02 {
border-bottom:solid 1px #009ee7;color:#009ee7; border-top-style:none;}
.salon-date dt.rep03 {
border-bottom:solid 1px #e14b99;color:#e14b99; border-top-style:none;}
.salon-date dt.rep04 {
border-bottom:solid 1px #97458d;color:#97458d; border-top-style:none;}
.salon-date dt.rep05 {
border-bottom:solid 1px #e15328;color:#e15328; border-top-style:none;}
.salon-date dt.rep06 {
border-bottom:solid 1px #e14b99;color:#e14b99; border-top-style:none;}
.salon-date dt.rep07 {
border-bottom:solid 1px #eb9700;color:#eb9700; border-top-style:none;}
.salon-date dt.rep08 {
border-bottom:solid 1px #dd0026;color:#dd0026; border-top-style:none;}

.salon-date dd span {
font-weight:bold;
line-height:1.2em;
display:block;
padding-bottom:5px;
}

.salon-date dd {
line-height:1.2em;
padding-top:5px;
}

.offer-student {
margin-bottom:10px;
}

.offer-student li {
line-height:1.2em;
  padding-bottom:2px;
}

.offerTit-s a:link { color: #333; text-decoration: underline; }
.offerTit-s a:visited { color: #333; text-decoration: underline; }
.offerTit-s a:hover { text-decoration: none; }
.offerTit-s a:active { color: #333; text-decoration: none; }

.offerTit-s span {
font-weight:bold;
}

.offerBox-s {
  float:left;
  width:334px;
  height:118px;
  margin-bottom:10px;
  border:solid 1px #ff2b00;
  padding:5px;
  background:#fffbf3;
}

.offerPhoto-s {
  float:left;
  border:solid 1px #f1f1f1;
}

.offerBox dd.offerTxt-s {
  padding-top:10px;
}

.offer-index-box-s {
  margin:5px 0 0 2px;
}

.offer-student-s li {
padding-bottom:7px;
line-height:1.2em;
}

.offerBox-s dl {
  float:right;
  text-align:left;
  width:225px;
}

.txt-lb {
font-size:1.2em;
font-weight:bold;
}

.offerTit-s {
padding-top:3px;
}

.offerTit-s a {
  font-weight:bold;
}

.btn-report {
text-align:right;
padding:20px 30px 0 0;
}


/* field */
.field-links {
padding:15px 20px;
margin-bottom:10px;
background:url(/abc_wp/images/job/field_pink_bg.gif) top left;
}

.field-links img {
float:left;
}

.field-links dl {
width:470px;
float:right;
}

.field-links dt {
font-size:1.4em;
line-height:1.8em;
font-weight:bold;
padding-bottom:5px;
}

.field-links dd {
}

.field-links-btn1 {
position:absolute;
left: 510px;
top: 99px;
}

.small {
font-size:0.8em;
}

/* career-sup index */
.career-sup-bg {
padding: 23px 33px 80px 30px !important;
}

.resultsPhotoInner {
width:266px;
float:left;
}

.resultsBox {
overflow:hidden;
zoom:1;
clear:both;
padding-bottom:35px;
}

.resultsPhoto {
  float:left;
margin-right:10px;
}

.resultsBox dd {
float:right;
width:430px;
}

.orange {
color:#f78a0f;
font-weight:bold;
display:block;
padding:15px 0 5px;
}

.resultsBox dd.saishien {
float:right;
width:540px;
}



/* recruiter-voice index */
.recruiter-voice-bg {
padding:0 0 0 0 !important;
}

.recruiter-voice-header {
padding:23px 33px 0px 30px;
}

.recruiter-voice {
background:url(/abc_wp/images/job/recruiter_bg.gif) left top;
padding:8px 33px 23px 30px;
}

.recruiter-voice-inner {
background:#fff;
padding:15px 20px 15px;
margin-top:15px;
}

.recruiter-voice-inner dl.side01 {
float:left;
width:215px;
}

.recruiter-voice-inner dl.side01 dd {
background:#35a7d2;
padding:10px;
font-size:11px;
line-height:14px;
color:#fff;
}

.left-box01 {
width:430px;
float:right;
}

.com-info01 dt {
width:105px;
float:left;
}

.com-info01 dd {
padding:0px;
margin:0;
width:310px;
float:right;
font-size:11px;
line-height:14px;
}

.recruiter-voice-inner dl.side02 {
float:left;
width:215px;
}

.recruiter-voice-inner dl.side02 dd {
background:#e4007f;
padding:10px;
font-size:11px;
line-height:14px;
color:#fff;
}


.left-box02 {
width:369px;
float:left;
}

.com-info02 {
clear:both;
}

.com-info02 dt {
width:105px;
float:left;
}

.com-info02 dd {
padding:0px;
margin:0;
width:545px;
float:right;
font-size:11px;
line-height:14px;
}

.recruiter-voice-inner dl.side03 {
float:right;
width:293px;
margin-top:95px;
}

.recruiter-voice-inner dl.side03 dd {
background:#8fc31f;
padding:10px;
font-size:11px;
line-height:14px;
color:#fff;
}

.comingsoon {
font-size:2.4em;
line-height:2.4em;
font-weight:bold;
color:#bfbfbf;
padding:0 0 400px;
}





/* graduates-voice index */
.grav-bg {
  padding:30px 0 40px 0;
width:768px;
}

.grav-bg.ppink {
  background:url(/abc_wp/images/job/makeup_bg.gif) left top;
}

.grav-bg.yellow {
  background:url(/abc_wp/images/job/beautyad_bg.gif) left top;
}

.grav-bg.bblue {
  background:url(/abc_wp/images/job/beauty_bg.gif) left top;
}

.grav-header {
padding:23px 33px 0px 30px;
}

.btn-grav {
margin-bottom:10px;
}

.btn-grav li {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.btn-grav li.last {
margin-right:0px;
}

.grav-inner {
padding:20px;
background:#fff;
}

.grav-right-box {
float:right;
width:355px;
background:none !important;
}

.grav-right-box ul {
margin-bottom:20px;
}

.grav-right-box li {
float:left;
height:30px;
line-height:30px;
padding-left:10px;
margin-right:40px;
font-size:1.6em;
font-weight:bold;
}

.grav-right-box li.last {
margin-right:0px;
}

.grav-right-box li.nf {
float:none;
}

.grav-right-box li:first-child {
margin-left:0px;
}

.grav-right-box li.ml00 {
margin-left:0px;
}

.grav-right-box.ppink li {
border-left:solid 5px #ee87b4;
}

.grav-right-box.bblue li {
border-left:solid 5px #54c3f1;
}

.grav-right-box.yellow li {
border-left:solid 5px #fdc00f;
}

.grav-right-box li span {
font-size:0.7em;
}

.grav-right-box li.twoline {
font-size:0.9em;
line-height:1.4em;
font-weight:normal;
}

.grav-right-box p {
clear:both;
}

.grav-right-box dl {
border:solid 1px #666;
padding:10px;
margin-top:20px;
}

.grav-right-box dt {
font-size:1.2em;
font-weight:bold;
}

.grav-right-box.ppink dt {
color:#ee87b4;
}

.grav-right-box.bblue dt {
color:#54c3f1;
}

.grav-right-box.yellow dt {
color:#fdc00f;
}

.grav-cont {
width:707px;
margin:0 auto 0;
}

.grav-cont h3 {
padding-top:20px;
background:#fff;
}

.graduates-voice-bg {
padding:0 0 0 0 !important;
}

.grav-shadow {
margin:0 auto 0;
clear:both;
}