@charset "UTF-8";
/*
ファイル名：style.css
概要：このcssファイルは介護職netの介護職員の転職インタビューのstyle.css設定を記述しています。
サイト名：介護職net
URL：http://www.e-helper.net/introduction/
コピーライト：Copyright Do Planning Co.,Ltd. All Rights Reserved.
*/
#left p{font-size:13px;line-height:150%}
#left a{font-size:13px;text-decoration:underline}
.contentWtap{border:3px solid #DDD; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.top{background:url(/images/job/jobstory/titleBack.png) 0 0 no-repeat;position:relative;padding:46px 0 80px 46px}
.work{position:absolute;bottom:8px;right:34px}
.profile{margin:0 28px;background:url(/images/job/jobstory/images.png) 0 3px no-repeat;padding-bottom:14px}
.profile p, .profile img{padding-left:164px}
.step{background:url(/images/job/jobstory/stepBack.gif);box-shadow:rgba(0,0,0,0.0470588) 0px 0px 5px 5px;-webkit-box-shadow:rgba(0,0,0,0.0470588) 0px 0px 5px 5px;-moz-box-shadow:rgba(0,0,0,0.0470588) 0px 0px 5px 5px;margin:0 20px}
.step div{margin:26px 20px 0;position:relative}
.step p{padding-top:6px}
.step .step1{background:url(/images/job/jobstory/images.png) right -700px no-repeat;padding-right:253px}
.step .step2{padding-left:140px; margin-right:30px}
.step .step3{background:url(/images/job/jobstory/images.png) left -318px no-repeat;padding-left:257px}
.step .step4{padding-left:98px}
.step2:before{content:'';display:block;width:67px;height:67px;background:url(/images/job/jobstory/arrow.png) 0 0 no-repeat;position:absolute;top:0;left:50px}
.step3:before{content:'';display:block;width:67px;height:67px;background:url(/images/job/jobstory/arrow.png) 0 -266px no-repeat;position:absolute;top:-20px;right:20px}
.step4:before{content:'';display:block;width:67px;height:67px;background:url(/images/job/jobstory/arrow.png) 0 0 no-repeat;position:absolute;top:-22px;left:15px}
.after{background:url(/images/job/jobstory/images.png) 102% -1024px no-repeat; padding:0 248px 42px 0}
.relation{background:url(/images/common/support_bg.png)}
.counselorWrap{background:url(/images/job/job_bg.gif);margin:40px 20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding-left:10px}
.counselor{background:url(/images/job/jobstory/images.png) left bottom no-repeat;padding:24px 36px 30px 177px}
.counselor p{padding-top:10px}
.contentWtap .button{position:relative;margin:90px 0 40px}
.contentWtap .button a{width:464px;height:77px;background:url(/images/job/jobstory/button.png) 0 0 no-repeat;display:block;margin:0 auto}
.contentWtap .button a:hover{background:url(/images/job/jobstory/button.png) 0 -239px no-repeat}
.contentWtap .button:before{content:'';display:block;width:550px;height:36px;background:url(/images/job/jobstory/buttonCath.png) 0 0 no-repeat;position:absolute;top:-45px;left:10%}
.relation{margin:42px 0;padding:0 0 10px 20px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
.relation img{margin:20px 0}
.relation ul{width:324px;float:left}
.relation ul li{color:#3D63B0;margin-bottom:20px}
.listWrap{overflow:hidden}

/**平井さんストーリー**/
.story2 .top{background:url(/images/job/jobstory/titleBack2.png) 0 0 no-repeat;border-top-left-radius:8px;}
.story2 .profile{background:url(/images/job/jobstory/images2.png) -15px 15px no-repeat;}
.story2 .step .step1{background:url(/images/job/jobstory/images2.png) 101% -352px no-repeat;}
.story2 .step .step3{background:url(/images/job/jobstory/images2.png) 0 -691px no-repeat;padding-left:257px}
.story2 .step3:before{top:-40px;right:55px}
.story2 .after{background:url(/images/job/jobstory/images2.png) 102% -1035px no-repeat;}
.story2 .counselor{background:url(/images/job/jobstory/images2.png) left bottom no-repeat;}