@charset "utf-8";

/* ----------------------------------------------------------------
default.css
----------------------------------------------------------------- */
/*==================================================
Universal Reset
Default Style
hasLayout
==================================================*/

/*--------------------------------------------------
Universal Reset
--------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,del,ins,em,img,hr,q,strong,sub,sup,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{
    margin:0;
    padding:0;
}

html {-webkit-text-size-adjust: 100%}

h1,h2,h3,h4,h5,h6{
    font-weight:bold;
    font-size:14px;
    line-height: 1em;
}

ul,ol{
    list-style:none;
}

table,th,td{
    border:0 none;
}

th{
    font-weight:normal;
    text-align:left;
}

caption{
    text-align:left;
}

strong{
    font-weight:normal;
}

em{
    font-style:normal;
}

img{
    border:0;
    vertical-align:top;
}

dt{
    font-weight:normal;
}

fieldset{
    border:0 none;
}

legend{
    display:none;
}

textarea{
    font-size:1em;
}

/*--------------------------------------------------
Default Style
--------------------------------------------------*/
body{
    font-size:14px; /* 13px相当→14pxへ変更 */
    background:#f2fcff !important;
    margin-bottom:0;
    line-height: 1.5; /* 20px相当→1.5へ変更 */
    color: #222222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", sans-serif !important;
    font-weight: 500;
}
body.modalBody{
    background: none;
}

em{
    font-style:italic;
}

strong{
    font-weight:bold;
}

a,
a:link{
    color:#007fc3;
    text-decoration: none;
}

a:visited{
    color:#007fc3;
    text-decoration: none;
}
a:active,
a:focus{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
    cursor: pointer;
}

p,ul,ol,dl,table{
    margin-bottom: 0;
}

sup{
    vertical-align:top;
}

sub{
    vertical-align:baseline;
}

select{
    backface-visibility: hidden;
}
input{
    backface-visibility: hidden;
}

/*--------------------------------------------------
hasLayout
--------------------------------------------------*/
div,ul,dl,dt,dd,p,
h1,h2,h3,h4,h5,h6{
    zoom:1;
}

article,aside,dialog,figure,footer,
header,hgroup,menu,nav,section{
    display:block;
}

/* ----------------------------------------------------------------
button.css
----------------------------------------------------------------- */
/*==================================================
ヘッダーボタン
トップページ
基本定義
大サイズのボタンアクション
小サイズのボタンアクション
==================================================*/

/*--------------------------------------------------
ヘッダーボタン
--------------------------------------------------*/
/* 登録情報変更 */
a.btnHead01{
    display: inline-block;
    padding: 0 9px;
    text-align: center;
    font-size: 12px;
    color: #3d3d3d;
    background: #ffffff;
    line-height: 22px;
    border: solid 1px #cccccc;
    border-radius: 4px;
    width: 82px;
}
a.btnHead01:hover{
    text-decoration: none;
    background: #f7f7f7;
}
/* ログアウト */
a.btnHead02{
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #282828;
    line-height: 22px;
    border: solid 1px #282828;
    border-radius: 4px;;
    width: 78px;
}
a.btnHead02:hover{
    text-decoration: none;
    background: #4d4d4d;
}
/* 会員登録 */
a.btnHead03{
    display: inline-block;
    padding: 0 ;
    width: 78px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #3d3d3d;
    background: #ffffff;
    line-height: 22px;
    border: solid 1px #cccccc;
    border-radius: 4px;
}
a.btnHead03:hover{
    text-decoration: none;
    background: #f7f7f7;
}
/* ログイン */
a.btnHead04{
    display: inline-block;
    padding: 0 9px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #ff6600;
    line-height: 22px;
    border: solid 1px #ff6600;
    border-radius: 4px;
    width: 108px;
}
a.btnHead04:hover{
    text-decoration: none;
    background: #ff944c;
}
/*--------------------------------------------------
トップページ
--------------------------------------------------*/
/* 会員登録ボタン */
a.btnTop01{
    display: block;
    width: 352px;
    height: 52px;
    padding-top:18px;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: #ff6600 url(/cmn_web/img/common/sprite_001.png) -372px -1823px no-repeat;
    border-radius: 8px;
    /* border-bottom: solid 2px #c24e00; */
    box-shadow: none;
}
a.btnTop01::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnTop01:hover{
    background: #ff8c40;
    text-decoration: none;
}
a.btnTop01:active{
    top: 0;
    box-shadow: none;
}
a.btnTop01.active {
    top: 2px;
    box-shadow: 0 1px 0 #ff944c , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnTop01 .upper{
    display: block;
    font-size: 21px;
    line-height: 1em;
    margin-bottom: 7px;
    padding-left: 0;
}
a.btnTop01 .under{
    display: block;
    line-height: 1em;
    font-size: 12px;
}
/* ログイン */
a.btnTop02{
    display: block;
    width: 286px;
    padding: 15px 0 12px;
    position: relative;
    font-size: 27px;
    line-height: 26px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    background: #f5f5f5;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-radius: 4px;
    box-shadow: 0 2px 0 #cccccc;
}
a.btnTop02:hover{
    text-decoration: none;
    background: #f7f7f7;
    border: solid 1px #adadad ;
    border-bottom:none;
    box-shadow: 0 2px 0 #adadad ;
}
a.btnTop02:active{
    top: 1px;
    box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnTop10{
    display: block;
    width: 238px;
    padding: 15px 0 12px;
    position: relative;
    font-size: 27px;
    line-height: 26px;
    text-align: center;
    color: #222222;
    font-weight: bold;
    background: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 8px;
    box-shadow: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnTop10:hover{
    text-decoration: none;
    background: #f5f5f5;
    border: solid 1px #cccccc ;
    border-bottom:solid 1px #cccccc;
    box-shadow: none;
    background-image: none;
}
a.btnTop10:active{
    top: 0;
    box-shadow: none;
}
/* ログイン画面のログインボタン */
input[type=submit].btnTop10{
    font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
    display: block;
    width: 240px;
    padding: 12px 0 10px;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #007fc3;
    font-weight: bold;
    background: #ffffff;
    border-top: solid 1px #007fc3;
    border-left: solid 1px #007fc3;
    border-right: solid 1px #007fc3;
    border-bottom: solid 1px #007fc3;
    border-radius: 8px;
    box-shadow: none;
    margin: 15px 152px 14px 180px;
}
input[type=submit].btnTop10:hover{
    cursor: pointer;
    text-decoration: none;
    background: #f2fcff;
    border: solid 1px #007fc3;
    box-shadow: none;
}
input[type=submit].btnTop10:active{
    top: 0;
    box-shadow: none;
}
/* 検索 */
a.btnTop03{
    display: block;
    width: 62px;
    padding: 10px 0 9px;
    position: relative;
    font-size: 15px;
    text-align: center;
    line-height: 1em;
    color: #3d3d3d;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    box-shadow: 0 2px 0 #cccccc;
    border-radius: 4px;
}
a.btnTop03:hover{
    text-decoration: none;
    background: #f7f7f7;
    border: solid 1px #adadad ;
    border-bottom:none;
    box-shadow: 0 2px 0 #adadad ;
}
a.btnTop03:active{
    top: 1px;
    box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* 次のステップへ */
a.btnTop04{
    display: block;
    width: 168px;
    padding: 10px 0 9px;
    position: relative;
    font-size: 15px;
    text-align: center;
    line-height: 1em;
    color: #3d3d3d;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    box-shadow: 0 2px 0 #cccccc;
    border-radius: 4px;
}
a.btnTop04:hover{
    text-decoration: none;
    background: #f7f7f7;
    border: solid 1px #adadad ;
    border-bottom:none;
    box-shadow: 0 2px 0 #adadad ;
}
a.btnTop04:active{
    top: 1px;
    box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* 検索条件を保存 */
a.btnTop05{
    display: block;
    width: 286px;
    padding: 9px 0 7px;
    position: relative;
    font-size: 15px;
    text-align: center;
    line-height: 1em;
    color: #222222;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    box-shadow: none;
    border-radius: 8px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnTop05:hover{
    text-decoration: none;
    background: #f5f5f5;
    border: solid 1px #cccccc ;
    border-bottom:solid 1px #cccccc;
    box-shadow: none ;
    background-image: none;
}
a.btnTop05:active{
    top: 0;
    box-shadow: none;
}
/* 企業提出用シートの確認・印刷 */
.btnTop05.btnW222 {
    width: 213px;
    font-size: 12px;
    background: #ffffff;
}
/* 登録する */
a.btnTop06{
    display: block;
    width: 93px;
    padding: 7px 0 6px;
    position: relative;
    font-size: 15px;
    text-align: center;
    line-height: 1em;
    color: #3d3d3d;
    font-weight: bold;
    background: #f7f7f7;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    box-shadow: 0 2px 0 #cccccc;
    border-radius: 4px;
}
a.btnTop06:hover{
    text-decoration: none;
    background: #f7f7f7;
    border: solid 1px #adadad ;
    border-bottom:none;
    box-shadow: 0 2px 0 #adadad ;
}
a.btnTop06:active{
    top: 1px;
    box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}

/*--------------------------------------------------
トップページ
--------------------------------------------------*/
/* 次のステップへ */
a.btnFoot01{
    display: block;
    width: 126px;
    padding: 6px 0 4px;
    position: relative;
    font-size: 11px;
    text-align: center;
    line-height: 1em;
    color: #3d3d3d;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    box-shadow: 0 2px 0 #cccccc;
    border-radius: 4px;
    background: #fff;
    margin: 0 0 0 96px;
}
a.btnFoot01:hover{
    text-decoration: none;
    background: #f7f7f7;
    border: solid 1px #adadad ;
    border-bottom:none;
    box-shadow: 0 2px 0 #adadad ;
}
a.btnFoot01:active{
    top: 1px;
    box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/*--------------------------------------------------
求人票ボタン
--------------------------------------------------*/
a.btnList01{
    display: block;
    width: 180px;
    padding: 14px 0 12px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    text-align: center;
    background: #ff6600;
    border: none;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnList01:hover{
    background: #ff8c40;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
    background-image: none;
}
a.btnList01:active{
    top: 0;
    box-shadow: none;
}
a.btnList02{
    display: block;
    width: 180px;
    padding: 14px 0 12px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    text-align: center;
    background: #60ab0f;
    border: none;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnList02:hover{
    background: #88c04b;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
    background-image: none;
}
a.btnList02:active{
    top: 0;
    box-shadow: none;
}
a.btnList03{
    display: block;
    width: 180px;
    padding: 13px 0 12px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    text-align: center;
    background: #1f7bcc;
    border: none;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnList03:hover{
    background: #579cd9;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnList03:active{
    top: 0;
    box-shadow: none;
}
a.btnList04{
    display: block;
    width: 190px;
    padding: 13px 0 11px;
    position: relative;
    font-size: 14px;
    color: #222222;
    line-height: 1em;
    text-align: center;
    background: #fff;
    border: solid 1px #cccccc;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
}
a.btnList04:hover{
    background: #f5f5f5;
    border: solid 1px #cccccc;
    box-shadow: none;
    text-decoration: none;
    background-image: none;
    color: #222222;
}
a.btnList04:active{
    top: 0;
    box-shadow: none;
}
a.btnList05,
span.btnList05{
    display: block;
    width: 190px;
    padding: 10px 0 9px;
    position: relative;
    font-size: 15px;
    color: #b8b8b8;
    line-height: 1em;
    text-align: center;
    background: #f2f2f2;
    border: solid 1px #cccccc;
    border-radius: 4px;
    box-shadow:  rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
    top: 1px;
}
a.btnList05:hover{
    background: #f2f2f2;
    border: solid 1px #cccccc;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnList05:active{
    top: 2px;
}

/*--------------------------------------------------
求人
--------------------------------------------------*/
a.btnJob01{
    display: block;
    width: 180px;
    padding: 4px 0 0px;
    position: relative;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    text-align: center;
    background: #ff5a00;
    border: none;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 2px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnJob01:first-line {
    font-size: 14px;
}
a.btnJob01:hover{
    background: #ff8340;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
    background-image: none;
}
a.btnJob01:active{
    top: 0;
    box-shadow: none;
}
a.btnJob02{
    display: block;
    width: 142px;
    padding: 14px 0 12px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    text-align: center;
    background: #1f7bcc;
    border: none;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 2px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnJob02:hover{
    background: #579cd9;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnJob02:active{
    top: 0;
    box-shadow: none;
}
a.btnJob03{
    display: block;
    width: 240px;
    padding: 14px 0 11px;
    position: relative;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    background: #82ad2a;
    border: solid 1px #82ad2a;
    /* border-bottom: none; */
    box-shadow: 0 2px 0 #678a22;
    border-radius: 4px;
    margin-bottom: 2px;
}
a.btnJob03:hover{
    background: #9dc747;
    border: solid 1px #9dc747;
    /* border-bottom: none; */
    text-decoration: none;
}
a.btnJob03:active{
    top: 1px;
    box-shadow: 0 1px 0 #9dc747, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnJob04{
    display: block;
    width: 168px;
    padding: 16px 0 13px;
    position: absolute;
    left: 256px;
    top:0;
    font-size: 17px;
    color: #292929;
    line-height: 1em;
    text-align: center;
    background: #fff;
    border: solid 1px #cccccc;
    box-shadow: 0 1px 0 #cccccc;
    border-radius: 4px;
    margin-bottom: 2px;
}
a.btnJob04:hover{
    background: #f7f7f7;
    border: solid 1px #adadad ;
    border-bottom:none;
    box-shadow: 0 2px 0 #adadad ;
    text-decoration: none;
}
a.btnJob04:active{
    top: 1px;
    box-shadow: 0 1px 0 #adadad, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
span.btnJob05{
    display: block;
    width: 168px;
    padding: 16px 0 14px;
    position: absolute;
    left: 256px;
    top:0;
    font-size: 17px;
    color: #b8b8b8;
    line-height: 1em;
    text-align: center;
    background: #f2f2f2;
    border: solid 1px #cccccc;
    border-radius: 4px;
    margin-bottom: 2px;
    box-shadow:rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* 気になるハート追加 */
.btnW192 {
    width: 192px;
    border: solid 1px #bababa;
}
span.interestLink {
    position: relative;
    padding-left: 20px;
}
span.interestLink::after {
    width: 20px;
    height: 20px;
    background: url(/cmn_web/img/shu/bmstarplus_1.svg) no-repeat;
    content: '';
    overflow: hidden;
    position: absolute;
    top: -2px;
    left: -4px;
}
.btnW178 {
    width: 178px;
    border: solid 1px #bababa;
}
.modListFunctionB.gm0670282 span.interestLink,
.scrollFooterInr .modListFunctionC span.interestLink {
    padding-left: 0;
}
.modListFunctionB.gm0670282 span.interestLink::after,
.scrollFooterInr .modListFunctionC span.interestLink::after{
    display: none;
}

/*--------------------------------------------------
求人詳細
--------------------------------------------------*/
a.btnDetail01{
    display: block;
    width: 360px;
    padding: 29px 0 27px;
    position: relative;
    font-size: 20px !important;
    line-height: 1em;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    text-align: center;
    background: #ff6600;
    border: none;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 2px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnDetail01:hover{
    background: #ff8340;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
}
a.btnDetail01:active{
    top: 0;
    box-shadow: none;
}
a.btnDetail01::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
a.btnDetail02{
    display: block;
    width: 350px;
    padding: 19px 0 17px;
    position: relative;
    font-size: 17px !important;
    line-height: 1em;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    text-align: center;
    background: #007fc3;
    border: none;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 2px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnDetail02:hover{
    background: #579cd9;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnDetail02:active{
    top: 0;
    box-shadow: none;
}

/*--------------------------------------------------
タブパネル右部ボタン
--------------------------------------------------*/
a.btnTab01{
    display: inline-block;
    text-align: center;
    padding: 9px 0px 7px;
    width: 148px;
    font-size: 12px;
    line-height: 1em;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 2px;
    position: relative;
    color: #222222;
    background: #fff;
    border: solid 1px #cccccc;
    box-shadow: none;
    margin-top: 4px;
}
a.btnTab01.btnAllDel{
    width: 108px;
}
a.btnTab01:hover{/*-- 白 --*/
    background: #f5f5f5;
    text-decoration: none;
    border: solid 1px #cccccc ;
    box-shadow: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnTab01:active{/*-- 白 --*/
    top: 0;
    box-shadow: none;
}
a.btnTab01.btnTitle01{
    margin-top: -3px;
}
a.btnTab02{
    display: inline-block;
    text-align: center;
    padding: 12px 0px 11px;
    width: 178px;
    font-size: 15px;
    line-height: 1em;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 2px;
    position: relative;
    color: #222222;
    background: #fff;
    border: solid 1px #d4d4d4;
    box-shadow: none;
}
a.btnTab02:hover{
    background: #f5f5f5;
    text-decoration: none;
    border: solid 1px #cccccc ;
    box-shadow: none;
    background-image: none;
}
a.btnTab02:active{
    top: 0;
    box-shadow: none;
}
span.btnTab03{/*-- ・グレー --*/
    display: inline-block;
    text-align: center;
    padding: 10px 0 9px;
    width: 142px;
    font-size: 15px;
    line-height: 1em;
    text-decoration: none;
    border-radius: 4px;
    margin-bottom: 2px;
    position: relative;
    top: 1px;
    color: #b8b8b8;
    background: #f2f2f2;
    border: solid 1px #cccccc;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/*--------------------------------------------------
左右連結ボタン
--------------------------------------------------*/
/*-- 検索結果一覧ページ リスト表示切り替えボタン--*/
.btnTypeSelect01,
.btnTypeSelect02{
    width: 63px;
}
.btnTypeSelect01{
    margin-left: 0;
}
.btnTypeSelect01 li,
.btnTypeSelect02 li{
    float: left;
}
.btnTypeSelect01 li.btn_r,
.btnTypeSelect02 li.btn_r{
    margin-left: -1px;
}

.btnTypeSelect01 li span,
.btnTypeSelect01 li a{
    display: block;
    padding: 5px 5px 4px;
    border: solid 1px #cccccc;
    /* border-bottom: none; */
    box-shadow: 0 1px 0 #cccccc;
    height: 17px;
    width: 20px;
    position: relative;
    overflow: hidden;
}
.btnTypeSelect01 li.btn_l a img{
    position: absolute;
    left: -195px;
    top:-495px;
}
.btnTypeSelect01 li.btn_l span img{
    position: absolute;
    left: -195px;
    top:-545px;
}
.btnTypeSelect01 li.btn_r a img{
    position: absolute;
    left: -295px;
    top:-495px;
}
.btnTypeSelect01 li.btn_r span img{
    position: absolute;
    left: -295px;
    top:-545px;
}
.btnTypeSelect02 li span,
.btnTypeSelect02 li a{
    display: block;
    padding: 4px 9px 4px;
    border: solid 1px #d1d1d1;
    /* border-bottom: none; */
    box-shadow: none;
    width: 12px;
    height: 20px;
    position: relative;
    overflow: hidden;
}
.btnTypeSelect02 li.btn_l a img{
    position: absolute;
    left: -137px;
    top: -2493px;
}
.btnTypeSelect02 li.btn_r a img{
    position: absolute;
    left: -238px;
    top: -2493px;
}
.btnTypeSelect02 li.btn_l span img{
    position: absolute;
    left: -138px;
    top:-2543px;
}
.btnTypeSelect02 li.btn_r span img{
    position: absolute;
    left: -238px;
    top: -2542px;
}
.btnTypeSelect01 li.btn_r,
.btnTypeSelect02 li.btn_r{
    margin-left: -1px;
}
.btnTypeSelect01 li.btn_l span,
.btnTypeSelect02 li.btn_l span,
.btnTypeSelect01 li.btn_l a,
.btnTypeSelect02 li.btn_l a{
    border-radius: 4px 0 0 4px / 4px 0 0 4px;
}
.btnTypeSelect01 li.btn_r span,
.btnTypeSelect02 li.btn_r span,
.btnTypeSelect01 li.btn_r a,
.btnTypeSelect02 li.btn_r a{
    border-radius: 0 4px 4px 0 / 0 4px 4px 0;
}
.btnTypeSelect01 li span,
.btnTypeSelect02 li span{
    background: #fff;
}
.btnTypeSelect01 li a,
.btnTypeSelect02 li a{
    background: #fff;
}
.btnTypeSelect01 li a:hover,
.btnTypeSelect02 li a:hover{
    background: #f2f9ff;
    border: solid 1px #d1d1d1;
    box-shadow: none;
}
.btnTypeSelect01 li a:active,
.btnTypeSelect02 li a:active{
    position: relative;
    top:0;
    box-shadow:  none;
}
/*--------------------------------------------------
サイド検索モジュールボタン
--------------------------------------------------*/
a.btnSerchSide01{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 21px !important;
    padding: 14px 0 9px;
    margin-bottom: 2px;
    font-weight: bold;
    line-height: 1em;
    background: #82ad2a;
    border: solid 1px #82ad2a;
    box-shadow: 0 2px 0 #678a22;
    border-radius: 4px;
    position: relative;
}
a.btnSerchSide01:hover{
    background: #9dc747;
    border: solid 1px #9dc747;
    text-decoration: none;
}
a.btnSerchSide01:active{
    top: 1px;
    box-shadow: 0 1px 0 #9dc747, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/*--------------------------------------------------
モーダル
--------------------------------------------------*/
a.btnModal01{
    display: block;
    width: 238px;
    padding: 16px 0 14px;
    position: relative;
    font-size: 21px !important;
    line-height: 1em;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    text-align: center;
    background: #82ad2b;
    border: solid 1px #82ad2b;
    /* border-bottom: none; */
    box-shadow: 0 2px 0 #678a22;
    border-radius: 4px;
    margin-bottom: 2px;
}
a.btnModal01:hover{
    background: #9dc747;
    border: solid 1px #9dc747;
    /* border-bottom: none; */
    text-decoration: none;
}
a.btnModal01:active{
    top: 1px;
    box-shadow: 0 1px 0 #678a22, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnModal02{
    width: 238px;
    color: #fff;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #82ad2b;
    border: solid 1px #82ad2b;
    box-shadow: 0 2px 0 #678a22;
}
a.btnModal02:hover{
    background: #9dc747;
    border: solid 1px #9dc747;
    /* border-bottom: none; */
    text-decoration: none;
}
a.btnModal02:active{
    top: 1px;
    box-shadow: 0 1px 0 #678a22, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnModal03{
    width: 238px;
    color: #292929;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 70px;
    background: #fff;
    border: solid 1px #cccccc;
    box-shadow: 0 2px 0 #cccccc;
}
a.btnModal03:hover{
background: #f7f7f7;
border: solid 1px #adadad;
/* border-bottom: none; */
text-decoration: none;
}
a.btnModal03:active{
top: 1px;
box-shadow: 0 1px 0 #adadad, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/*--------------------------------------------------
    検索モジュールモーダル展開
--------------------------------------------------*/
a.btnSearchModal {
    display: inline-block;
    position: relative;
    padding: 9px 21px 7px 0;
    font-size: 12px;
    line-height: 1em;
    color: #000;
    border: solid 1px #cccccc;
    /* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    background: #fff;
}
a.btnSearchModal.req,
a.btnSearchModal.req:hover,
a.btnSearchModal.req:active {
background: #ffeeed;
}
a.btnSearchModal:after{
content: '';
width: 12px;
height: 12px;
display: block;
    background: url(/cmn_web/img/common/sprite_001.png) -600px -1199px no-repeat;
position: absolute;
right: 8px;
    top: 8px;
}
a.btnSearchModal span{
display: inline-block;
text-align: center;
width: 92px;
}
a.btnSearchModal:hover{
background: #f7f7f7;
text-decoration: none;
    border: solid 1px #cccccc;
/* border-bottom:none; */
    box-shadow: none;
    box-shadow: none;
}
a.btnSearchModal:active{
    background: #f7f7f7;
    box-shadow: none;
    top: 0;
}
.tblForm01 a.btnSearchModal{
width: 137px;
}
/*--------------------------------------------------
    基本定義
--------------------------------------------------*/
/*-- ボタンサイズ小--*/
a.btnType01,
span.btnType01{
display: inline-block;
    padding: 10px 14px 8px;
    font-size: 12px;
line-height: 1em;
font-weight: bold;
text-decoration: none;
    border-radius: 8px;
margin-bottom: 2px;
position: relative;
}
/*-- ボタンサイズ大　--*/
a.btnType02{
display: inline-block;
padding: 10px 14px 8px;
    font-size: 15px;
line-height: 1em;
font-weight: bold;
text-decoration: none;
    border-radius: 8px;
margin-bottom: 2px;
position: relative;
}
a.btnType03{
display: inline-block;
    padding: 16px 36px 15px;
    font-size: 17px;
line-height: 1em;
font-weight: bold;
text-decoration: none;
    border-radius: 8px;
    margin-bottom: 0;
position: relative;
min-width: 120px;
}
/*-- カラーバリエーション --*/
a.btnC00,
span.btnC00{/*-- 白 --*/
    font-weight: bold;
    color: #222222;
background: #fff;
border: solid 1px #cccccc;
    box-shadow: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnC00.btnType01{
    padding: 9px 14px 7px;
    font-size: 12px;
    font-weight: normal;
}
a.btnC00.btnType02{
    padding: 13px 14px 11px;
}
a.btnC01{/*-- オレンジ --*/
color: #fff;
background: #ff6600;
    border: none;
    box-shadow: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnC02{/*-- グリーン --*/
color: #fff;
    background: #60ab0f;
    border: none;
    box-shadow: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
    padding: 18px 36px 16px;
    font-size: 16px
}
.btnWrap a.btnC02 {
    padding: 19px 36px 17px;
}
a.btnC03{/*-- ブルー --*/
color: #fff;
background: #4288b9;
border: solid 1px #4288b9;
box-shadow: 0 2px 0 #32668b;
}
a.btnC04{/*-- ホワイト --*/
    color: #3d3d3d;
    background: #ffffff;
    border: solid 1px #cccccc;
    box-shadow: none;
}
span.btnC05{/*-- ・グレー --*/
    color: #b8b8b8;
    background: #f2f2f2;
    border: solid 1px #cccccc;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
    display: inline-block;
    padding: 10px 14px 9px;
    font-size: 15px;
    line-height: 1em;
    text-decoration: none;
    border-radius: 4px;
    margin-bottom: 2px;
    position: relative;
}
span.btnType01.btnC05{
    display: inline-block;
    padding: 7px 14px 6px;
    font-size: 15px;
    line-height: 1em;
    text-decoration: none;
    border-radius: 4px;
    margin-bottom: 2px;
    position: relative;
    top:1px;
}

a.btnC04::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: none;
    content: "";
}


/*-- カラーバリエーションホバー --*/
a.btnC00:hover{/*-- 白 --*/
    background: #f5f5f5;
text-decoration: none;
    border: solid 1px #cccccc;
    background-image: none;
}
a.btnC01:hover{/*-- オレンジ --*/
    background: #ff8c40;
    border: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnC02:hover{/*-- グリーン --*/
    background: #88c04b;
    border: none;
    background-image: none;
}
a.btnC03:hover{/*-- ブルー --*/
background: #6fa3c8;
border: solid 1px #6fa3c8;
}
a.btnC04:hover{/*-- ホワイト --*/
    background: #f5f5f5;
    border: solid 1px #cccccc;
    box-shadow: none;
}
a.btnC05:hover{/*-- ・グレー --*/
background: #b3b3b3;
border: solid 1px #b3b3b3;
}
/*-- カラーバリエーションアクティブ --*/
a.btnC00:active{/*-- 白 --*/
    top: 0;
    box-shadow: none;
}
a.btnC01:active{/*-- オレンジ --*/
top: 1px;
box-shadow: 0 1px 0 #ff944c , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnC02:active{/*-- グリーン --*/
    top: 0;
    box-shadow: none;
}
a.btnC03:active{/*-- ブルー --*/
top: 1px;
box-shadow: 0 1px 0 #6fa3c8 , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnC04:active{/*-- ホワイト --*/
    top: 0;
    box-shadow: none;
}
a.btnC05:active{/*-- ・グレー --*/
top: 1px;
box-shadow:  rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
.btnW288{
width: 286px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW240{
width: 238px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW224{
width: 222px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW200{
width: 198px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW192{
width: 190px !important;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW176{
width: 174px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW146{
width: 144px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW144{
width: 142px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW102{
width: 100px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW96{
width: 94px !important;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.btnW80{
    width: 88px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}

a.btnMore{
display: block;
width: 100%;
    font-size: 16px;
color: #000000;
font-weight: bold;
line-height: 1em;
padding: 11px 0 10px;
text-align: center;
background: #f2f2f2;
margin-top: 20px;
}
a.btnMore span{
position: relative;
display: inline-block;
padding-right: 17px;
}
a.btnMore span:after{
content: '';
width: 17px;
height: 15px;
position: absolute;
right: 0;
top: 0;
    background: url(/cmn_web/img/common/sprite_001.png) 7px -497px no-repeat;
}
a.btnMore.open span:after{
content: '';
width: 17px;
height: 15px;
position: absolute;
right: 0;
top: 0;
    background: url(/cmn_web/img/common/sprite_001.png) 7px -547px no-repeat;
}
a.btnMore:hover{
background: #ebebeb;
text-decoration: none;
}

/* フォーム未記入時ボタン */
.btnForm01{

}
a.btnForm01 {
display: inline-block;
    width: 352px;
    height: 70px;
position: relative;
font-weight: bold;
color: #fff;
    background: #ff0000;
    border: none;
    box-shadow: none;
    border-radius: 8px;
margin-bottom: 2px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnForm01 .parts01{
display: inline-block;
width: 46px;
height: 40px;
position: absolute;
    left: 33px;
    top: 15px;
overflow: hidden;
}
a.btnForm01 .parts01 img{
position: relative;
top: -500px;
left: -50px;
}
a.btnForm01:hover .parts01 img{
position: relative;
top: -550px;
left: -50px;
}
a.btnForm01 .parts02{
display: inline-block;
    font-size: 21px;
line-height: 1em;
position: absolute;
    left: 85px;
    top: 16px;
}
a.btnForm01 .parts03{
display: inline-block;
line-height: 1em;
position: absolute;
    left: 93px;
    top: 44px;
    font-size: 12px;
}
a.btnForm01:hover {
    background: #ff0000;
    border: none;
    box-shadow: none;
text-decoration: none;
}
a.btnForm01:active {
    top: 0;
    box-shadow: none;
}
/* フォーム再開ボタン */
.btnDetail01.btnC00.btnW192 {
font-weight: bold;
}
/*--------------------------------------------------
    検討リストへ
--------------------------------------------------*/
span.listLink{
position: relative;
padding-left: 25px;
}
span.listLink:after{
    width: 20px;
    height: 20px;
    background: url(/cmn_web/img/shu/bmstar02.svg) no-repeat;
content: '';
overflow: hidden;
position: absolute;
    top: -2px;
    left: -4px;
}

span.listLinkGrey{
position: relative;
padding-left: 25px;
}
span.listLinkGrey:after{
width: 14px;
height: 10px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -553px no-repeat;
content: '';
overflow: hidden;
position: absolute;
top: 5px;
left: 0px;
}

a.btnJob06{
display: block;
    width: 180px;
    padding: 14px 0 12px;
position: relative;
    font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 14px;
text-align: center;
background: #ff6600;
    border: none;
/* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
margin-bottom: 2px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnJob06:hover{
text-decoration: none;
}
a.btnJob06:active{
    top: 0;
    box-shadow: none;
}
a.btnJob07{
display: block;
    width: 180px;
    padding: 14px 0 12px;
position: relative;
    font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 14px;
text-align: center;
    background: #60ab0f;
    border: none;
/* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
margin-bottom: 2px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnJob07:hover{
    background: #a1c260;
    text-decoration: none;
    background-image: none;
}
a.btnJob07:active{
    top: 0;
    box-shadow: none;
}
a.btnTab04{
display: inline-block;
text-align: center;
padding: 11px 0px 10px;
width: 80px;
    font-size: 12px;
line-height: 1em;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
color: #3d3d3d;
background: #fff;
border: solid 1px #cccccc;
border-bottom:none;
box-shadow: 0 2px 0 #cccccc;
}
a.btnTab04:hover{
background: #f7f7f7;
text-decoration: none;
border: solid 1px #adadad ;
border-bottom:none;
box-shadow: 0 2px 0 #adadad ;
}
a.btnTab04:active{
top: 1px;
box-shadow: 0 1px 0 #adadad, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}



/* GM-009 */
.btnW240{
width: 238px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}

/* GM-010 ？ */
.btnW128{
width: 126px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}.btnW232{
width: 230px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
a.btnType04{
display: inline-block;
    padding: 17px 36px 15px;
    font-size: 17px;
line-height: 1em;
font-weight: normal;
text-decoration: none;
    border-radius: 8px;
margin-bottom: 2px;
position: relative;
}


/* GM-043 */
a.btnList06{
display: block;
    width: 180px;
    padding: 7px 0 5px;
position: relative;
    font-size: 11px;
font-weight: bold;
color: #fff;
    line-height: 14px;
text-align: center;
background: #ff6600;
    border: none;
/* border-bottom: none; */
    box-shadow: none;
    border-radius: 8px;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnList06::first-line {
    font-size: 15px;
}
a.btnList06:hover{
    background: #ff8c40;
    border: none;
    /* border-bottom: none; */
    text-decoration: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
a.btnList06:active{
    top: 0;
    box-shadow: none;
}

/* 紹介求人詳細 寮・社宅／教育制度、主要株主／関連企業等 */
a.btnMoreEnv {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #222222;
    font-weight: bold;
    line-height: 1em;
    padding: 10px 0 9px;
    text-align: center;
    background: #f2f2f2;
    margin-top: 20px;
    border-radius: 2px;
}
a.btnMoreEnv span {
position: relative;
display: inline-block;
padding-right: 17px;
}
a.btnMoreEnv span:after {
content: '';
width: 17px;
height: 15px;
position: absolute;
right: 0;
top: 0;
    background: url(/cmn_web/img/common/sprite_001.png) 7px -2497px no-repeat;
}
a.btnMoreEnv.open span:after{
content: '';
width: 17px;
height: 15px;
position: absolute;
right: 0;
top: 0;
    background: url(/cmn_web/img/common/sprite_001.png) 7px -2547px no-repeat;
}
a.btnMoreEnv:hover{
background: #f2f2f2;
text-decoration: none;
}

input.btnType01{
display: inline-block;
padding: 7px 14px 5px;
    font-size: 15px;
line-height: 1em;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
box-sizing: content-box;
cursor: pointer;
}
input.btnType03{
display: inline-block;
padding: 14px 36px 12px;
    font-size: 21px ;
line-height: 1em;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
min-width: 120px;
box-sizing: content-box;
cursor: pointer;
-webkit-appearance:none;
}
input.btnC00{/*-- 白 --*/
font-weight: normal;
color: #3d3d3d;
background: #fff;
border: solid 1px #cccccc;
box-shadow: 0 1px 0 #cccccc;
}
input.btnC00.btnType01{
padding: 7px 14px 6px;
}
input.btnC02{/*-- グリーン --*/
color: #fff;
background: #82ad2a;
border: solid 1px #82ad2a;
box-shadow: 0 2px 0 #678a22;
}
input.btnC00:hover{/*-- 白 --*/
background: #f7f7f7;
text-decoration: none;
border: solid 1px #adadad ;
}
input.btnC02:hover{/*-- グリーン --*/
background: #9dc747;
border: solid 1px #9dc747;
}
.clearUserAgent {
font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
a.btnS01 {
margin-top:10px;
}
a.btnToList{
display: inline-block;
text-align: center;
    padding: 12px 0px 11px;
    width: 178px;
    font-size: 14px;
line-height: 1em;
text-decoration: none;
    border-radius: 8px;
margin-bottom: 2px;
position: relative;
    color: #222222;
background: #fff;
border: solid 1px #cccccc;
    box-shadow: none;
}
a.btnToList:hover{
    background: #f5f5f5;
text-decoration: none;
    border: solid 1px #cccccc ;
    box-shadow: none;
    background-image: none;
}
a.btnToList:active{
    top: 0;
    box-shadow: none;
}

/* ----------------------------------------------------------------
form.css
----------------------------------------------------------------- */
/*==================================================
    Text
    Textarea
    Checkbox
    Radio
    Selsect
==================================================*/
.tblForm .reqbg{
background: #ffeeeb;
}
.tblForm .reqbg.selected{
    background: #fafafa;
}
/*--------------------------------------------------
    Text
--------------------------------------------------*/
input[type=text],
input[type=password]{
padding: 8px 10px;
border: solid 1px #cccccc;
background: #fff;
border-radius: 4px;
height: 12px;
font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
input.input01{
width: 78px;
}
input.input02{
    width: 248px;
}
input.input03{
width: 438px;
}
input.topInput01{
padding: 11px 10px 11px 37px;
border: solid 1px #cccccc;
background: #fff;
border-radius: 2px;
height: 12px;
width: 287px;
    background: #fff url(/resources/dcfront/images/ico_serach_001.png) 15px 10px no-repeat;
}
.tblForm input.req{
background: #ffeeed;
}
.tblForm input:focus{
background: #ffffd7;
}
.tblForm01 span.text{
margin: 0 8px 0 10px;
}
.tblForm01 span.textAlert{
font-weight:bold;
color:#ff0000;
display:block;
line-height:22px;
}
.tblForm01 span.textAlert.fix077{
padding-left:80px;
}
.tblForm01 span.textAlert:before{
content: ' ';
display:inline-block;
color:#fff;
vertical-align:middle;
line-height:22px;
width:14px;
height:14px;
margin-right:6px;
    background:url(/cmn_web/img/common/sprite_001.png) no-repeat -350px -200px;
}
.tblForm01 span.textAlert.fix077{
padding-left:80px;
}
/*--------------------------------------------------
    Textarea
--------------------------------------------------*/
textarea{
display: block;
font-size: 13px;
color: #292929;
font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
resize: none;
padding: 12px 16px;
border: solid 1px #cccccc;
    border-radius: 4px;
}
textarea.textarea01{
border: solid 1px #cccccc;
    padding: 9px 10px;
    width: 668px;
margin-bottom: 5px;
}
.tblForm textarea.req{
background: #ffeeed;
}

.tblForm textarea.textarea01:focus{
background: #ffffff;
}
/*--------------------------------------------------
    Checkbox
--------------------------------------------------*/
label{
cursor: pointer;
}
.ckWrapA{
display: inline-block;
vertical-align:middle;
opacity: 0;
position: relative;
}
.tblForm01 .ckWrapA{
line-height: 20px;
vertical-align: bottom;
height: 20px;
margin-right: 42px;
}
.ckWrapA_Cbox{
display: inline-block;
width: 18px;
height: 20px;
position: relative;
overflow: hidden;
margin-right: 0.5em;
}
.ckWrapA input[type=checkbox]{
opacity: 0;
}
.ckWrapA_Lbox{
display: inline-block;
position: relative;
    top: -1px;
    font-size: 12px;
}
.ckWrapA_Cbox:after{
content: ' ';
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 0;
top:1px;
    background: url(/cmn_web/img/common/sprite_001.png) -150px -1000px no-repeat;
cursor: pointer;
}
.ckWrapA_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -150px -1050px no-repeat;
}
.ckWrapA_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -150px -1000px no-repeat;
}
.ckWrapA_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -200px -1050px no-repeat !important;
}
.ckWrapA_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -150px -1100px no-repeat;
}
.ckWrapA_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -200px -1100px no-repeat;
}

.ckWrapB{
cursor:pointer;
display: block;
padding: 7px 0 8px 17px;
min-height: 22px;
opacity: 0;
position: relative;
}
.ckWrapB:hover{
background: #ebecf8;
}
.ckWrapB_Cbox{
display: inline-block;
width: 30px;
height: 22px;
position: relative;
overflow: hidden;
float: left;
}
.ckWrapB input[type=checkbox]{
opacity: 0;
}
.ckWrapB_Lbox{
display: inline-block;
line-height: 20px;
float: left;
width: 228px;
}
.ckWrapB.checked .ckWrapB_Lbox{
font-weight: bold;
}
.ckWrapB_Cbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -250px 0px no-repeat;
cursor: pointer;
}
.ckWrapB_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapB_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px 0px no-repeat;
}
.ckWrapB_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapB_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapB_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -100px no-repeat;
}
/*--------------------------------------------------
    Radio
--------------------------------------------------*/
.rdWrapA{
display: inline-block;
opacity: 0;
position: relative;
vertical-align: bottom;
line-height: 22px;
height: 22px;
}
.tblForm01 .rdWrapA{
margin-right: 42px;
}
.rdWrapA_Rbox{
display: inline-block;
width: 22px;
height: 22px;
position: relative;
overflow: hidden;
margin-right: 0.5em;
}
.rdWrapA input[type=radio]{
opacity: 0;
}
.rdWrapA_Lbox{
display: inline-block;
position: relative;
top: -6px;
}
.rdWrapA_Rbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top: 0;
    background: url(/cmn_web/img/common/sprite_001.png) -350px -2000px no-repeat;
cursor: pointer;
}
.rdWrapA_Rbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -350px -2050px no-repeat;
}
.rdWrapA_Rbox.focusBox:after{
    background:  url(/cmn_web/img/common/sprite_001.png) -350px 2000px no-repeat;
}
.rdWrapA_Rbox.checkedBox.focusBox:after{
    background:  url(/cmn_web/img/common/sprite_001.png) -400px -2050px no-repeat !important;
}
.rdWrapA_Rbox.hoverBox:after{
    background:  url(/cmn_web/img/common/sprite_001.png) -350px -2100px no-repeat;
}
.rdWrapA_Rbox.checkedBox.hoverBox:after{
    background:  url(/cmn_web/img/common/sprite_001.png) -400px -2100px no-repeat;
}
/*--------------------------------------------------
    Selsect
--------------------------------------------------*/
.slctWrapA,
.slctWrapB{
display: inline-block;
cursor: pointer;
background: #fff;
}
.easy-select-box{
position: relative;
z-index: 1;
}
.easy-select-box.focused{
z-index: 100;
outline:0px none black;
}
.esb-displayer.active{
border: solid 1px #aac8f0 !important;
box-shadow: 0 0 0 1px #aac8f0;
}
.easy-select-box.disabled .esb-displayer{
	background-color:#eeeeee;
}
.esb-displayer{
position: relative;
padding: 8px 10px;
border: solid 1px #cccccc;
background: #fff;
    border-radius: 4px;
line-height: 12px;
height: 30px;
box-sizing:border-box;
}
.esb-displayer:after{
content: '';
position: absolute;
right: 10px;
top: 12px;
width: 11px;
height: 6px;
display: block;
    background:url(/cmn_web/img/common/sprite_001.png) -100px -200px no-repeat;
}
.tblForm .req .esb-displayer{
background-color: #ffeeed ;
}
.esb-displayer:hover {
border: solid 1px #adadad !important;
}
.slctWrapB .esb-displayer{
padding: 11px 10px;
color: #666666;
    background:url(/resources/dcfront/images/ico_btn_005.png) right 14px no-repeat;
}
.easy-select-box .esb-displayer{
}
.slctWrapB .esb-dropdown{
top:37px;
}
.esb-dropdown{
display: none;
position: absolute;
top: 31px;
border: solid 1px #cccccc !important;
background: #fff;
outline:0px none black;
}
.esb-item{
padding: 4px 10px;
background: #fff;
cursor: pointer;
}
.esb-item:hover{
background: #ebebf8;
color: #0a50a1;
}
.tblForm .reqbg.selected .ckWrapA:before{
  background: none;
}
.tblForm .reqbgCell{
  padding:8px!important;
    font-size: 12px;
}
.tblForm .reqbg{
    padding:7px 21px;
}
.tblForm .reqbg .ckWrapB:before{
  background: #ffdddd;
  content: '';
  display: inline-block;
  width: 100%;
  height: 24px;
  position: absolute;
  left: -0.5em;
  top: -3px;
  padding-right: 1.5em;
  padding-left: 0.5em;
}
.tblForm .reqbg.selected .rdWrapA:before{
  background: none;
}

.modFormList .slctWrapA {
text-align: left;
}
.modFormList .esb-displayer {
padding: 11px 15px;
}
.modFormList .esb-dropdown {
top: 37px;
}
.modFormList .esb-displayer:after {
top: 15px;
}
.slctWrapC {
display: inline-block;
position: relative;
}
.slctWrapC:before {
content: '';
position: absolute;
right: 11px;
top: 15px;
width: 11px;
height: 6px;
display: block;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -200px no-repeat;
}
.slctWrapC select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
border: solid 1px #cccccc;
background-color: rgba(255,255,255,0);
padding: 6px 6px 6px 11px;
width: 530px;
position: relative;
    font-size: 14px;
color: #000000;
font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
text-indent: .01px;
text-overflow: "";
cursor: pointer;
overflow: hidden;
}
.slctWrapC select:hover {
border: solid 1px #adadad !important;
}
.slctWrapC select:focus {
border: solid 1px #aac8f0 !important;
box-shadow: 0 0 0 1px #aac8f0;
}





textarea.textarea02{
border: solid 1px #cccccc;
padding: 8px 10px;
width: 630px;
margin-bottom: 5px;
}
.tblForm textarea.textarea02:focus{
background: #ffffff;
}
.ckWrapD{
cursor:pointer;
display: block;
padding: 7px 0 7px 15px;
min-height: 22px;
opacity: 0;
}
.ckWrapD:hover{

}
.ckWrapD_Cbox{
display: inline-block;
width: 30px;
height: 22px;
position: relative;
overflow: hidden;
float: left;
}
.ckWrapD input[type=checkbox]{
opacity: 0;
}
.ckWrapD_Lbox{
display: inline-block;
line-height: 20px;
float: left;
width: 120px !important;
}
.ckWrapD.checked .ckWrapD_Lbox{
font-weight: bold;
}
.ckWrapD_Cbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapD_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapD_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapD_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapD_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapD_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -100px no-repeat;
}
.ckWrapE{
cursor:pointer;
display: block;
padding: 7px 0 8px 17px;
min-height: 22px;
opacity: 0;
}
.ckWrapE:hover{

}
.ckWrapE_Cbox{
display: inline-block;
width: 30px;
height: 22px;
position: relative;
overflow: hidden;
float: left;
}
.ckWrapE input[type=checkbox]{
opacity: 0;
}
.ckWrapE_Lbox{
display: inline-block;
line-height: 20px;
float: left;
width: 80px;
}
.ckWrapE.checked .ckWrapE_Lbox{
font-weight: bold;
}
.ckWrapE_Cbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapE_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapE_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapE_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapE_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapE_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -100px no-repeat;
}
textarea.textarea03{
border: solid 1px #cccccc;
padding: 8px 10px;
width: 950px;
margin-bottom: 5px;
}
.tblForm textarea.textarea03:focus{
background: #ffffd7;
}
.ckWrapF{
cursor:pointer;
display: block;
padding: 7px 0 7px 15px;
min-height: 22px;
opacity: 0;
}
.ckWrapF:hover{

}
.ckWrapF_Cbox{
display: inline-block;
width: 30px;
height: 22px;
position: relative;
overflow: hidden;
float: left;
}
.ckWrapF input[type=checkbox]{
opacity: 0;
}
.ckWrapF_Lbox{
display: inline-block;
line-height: 20px;
float: left;
width: 600px;
}
.ckWrapF.checked .ckWrapF_Lbox{
font-weight: bold;
}
.ckWrapF_Cbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -250px 0px no-repeat;
cursor: pointer;
}
.ckWrapF_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapF_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px 0px no-repeat;
}
.ckWrapF_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapF_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapF_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -100px no-repeat;
}
input.input04{
width: 170px;
vertical-align:bottom !important;
}
.ckWrapG{
cursor:pointer;
display: block;
padding: 7px 0 7px 15px;
min-height: 22px;
opacity: 0;
}
.ckWrapG:hover{

}
.ckWrapG_Cbox{
display: inline-block;
width: 30px;
height: 22px;
position: relative;
overflow: hidden;
float: left;
}
.ckWrapG input[type=checkbox]{
opacity: 0;
}
.ckWrapG_Lbox{
display: inline-block;
line-height: 20px;
float: left;
width: 250px;
}
.ckWrapG.checked .ckWrapG_Lbox{
font-weight: bold;
}
.ckWrapG_Cbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapG_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapG_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapG_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapG_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapG_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -100px no-repeat;
}

.ckWrapH{
cursor:pointer;
display: block;
padding: 0 0 6px 11px;
min-height: 22px;
opacity: 0;
}
.ckWrapH:hover{

}
.ckWrapH_Cbox{
display: inline-block;
width: 30px;
height: 22px;
position: relative;
overflow: hidden;
float: left;
}
.ckWrapH input[type=checkbox]{
opacity: 0;
}
.ckWrapH_Lbox{
display: inline-block;
line-height: 20px;
float: left;
width: 250px;
}
.ckWrapH.checked .ckWrapH_Lbox{
font-weight: bold;
}
.ckWrapH_Cbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapH_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapH_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapH_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapH_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapH_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -100px no-repeat;
}

.ckWrapI{
cursor:pointer;
display: block;
padding: 7px 0 7px 15px;
min-height: 22px;
opacity: 0;
}
.ckWrapI:hover{

}
.ckWrapI_Cbox{
display: inline-block;
width: 30px;
height: 22px;
position: relative;
overflow: hidden;
float: left;
}
.ckWrapI input[type=checkbox]{
opacity: 0;
}
.ckWrapI_Lbox{
display: inline-block;
line-height: 20px;
float: left;
width: 230px;
}
.ckWrapI.checked .ckWrapI_Lbox{
font-weight: bold;
}
.ckWrapI_Cbox:after{
content: ' ';
width: 22px;
height: 22px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapI_Cbox.checkedBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapI_Cbox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapI_Cbox.checkedBox.focusBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapI_Cbox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapI_Cbox.checkedBox.hoverBox:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -100px no-repeat;
}

.tblForm .reqbg .ckWrapD:before{
  background: #ffdddd;
  content: '';
  display: inline-block;
  width: 100%;
  height: 24px;
  position: absolute;
  left: -0.5em;
  top: -3px;
  padding-right: 1.5em;
  padding-left: 0.5em;
}
.tblForm .reqbg .ckWrapE:before{
  background: #ffdddd;
  content: '';
  display: inline-block;
  width: 100%;
  height: 24px;
  position: absolute;
  left: -0.5em;
  top: -3px;
  padding-right: 1.5em;
  padding-left: 0.5em;
}
.tblForm .reqbg .ckWrapF:before{
  background: #ffdddd;
  content: '';
  display: inline-block;
  width: 100%;
  height: 24px;
  position: absolute;
  left: -0.5em;
  top: -3px;
  padding-right: 1.5em;
  padding-left: 0.5em;
}
.tblForm .reqbg .ckWrapG:before{
  background: #ffdddd;
  content: '';
  display: inline-block;
  width: 100%;
  height: 24px;
  position: absolute;
  left: -0.5em;
  top: -3px;
  padding-right: 1.5em;
  padding-left: 0.5em;
}

.tblForm .reqbg .ckWrapH:before{
  background: #ffdddd;
  content: '';
  display: inline-block;
  width: 100%;
  height: 24px;
  position: absolute;
  left: -0.5em;
  top: -3px;
  padding-right: 1.5em;
  padding-left: 0.5em;
}

.tblForm .reqbg .ckWrapI:before{
  background: #ffdddd;
  content: '';
  display: inline-block;
  width: 100%;
  height: 24px;
  position: absolute;
  left: -0.5em;
  top: -3px;
  padding-right: 1.5em;
  padding-left: 0.5em;
}

.paddingB0{
 padding-bottom:0px !important;
}

/*--
_::-webkit-:not(:root:root), .tblForm .ckWrapA_Cbox {
    top: -4px;
}
_::-webkit-:not(:root:root), .tblForm .rdWrapA_Rbox {
    top: -7px;
}
--*/
_::-webkit-:not(:root:root), .ckWrapA_Lbox{ top:0px;}
_::-webkit-:not(:root:root), .rdWrapA_Lbox{ top:0px;}
.tblForm01 span.textAlert{
font-weight:bold;
color:#ff0000;
display:block;
line-height:22px;
}
.tblForm01 span.textAlert:before{
content: ' ';
display:inline-block;
color:#fff;
vertical-align:middle;
line-height:22px;
width:14px;
height:14px;
margin-right:6px;
    background:url(/cmn_web/img/common/sprite_001.png) no-repeat -350px -200px;
}

/* ----------------------------------------------------------------
structure.css
----------------------------------------------------------------- */
/*==================================================
    Base Layout
    Header Area
    Global Navigation
    Main Visual
    Contents Area
    Main Area
    Aside Area
    Footer Area
==================================================*/

/*--------------------------------------------------
    Base Layout
--------------------------------------------------*/
#wrapper{
width: 100%;
margin: 0 auto;
    min-width: 960px;
    overflow: hidden;
}
/*--------------------------------------------------
    Header Area
--------------------------------------------------*/
#header{
width: 100%;
margin: 0 auto;
    background: #ffffff;
}
.withoutBreadcrumb #header{
margin: 0 auto 30px;
}
/* 1200pxヘッダー */
.header1200{
width: 1200px;
margin: 0 auto;
}
.header1200 .headerInr{
height: 90px;
}
.header1200 .headrLeft{
width: 50%;
float: left;
}
.headerInr .headerLogo {
    padding: 19px 0 0 1px;
display: table-cell;
}
.headerInr .shoulder{
    font-size: 12px;
line-height: 1em;
    font-weight: 500;
    padding: 0 0 0 10px;
display: table-cell;
vertical-align: bottom;
}
.headerInr .headerRight{
width: 50%;
float: right;
}

.headerInr .functions{
  float: right;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 405px;
  height: 50px;
  margin: 23px 0 0;
}
.cmsButton{
height: 24px
}
.registButton.functions li{
display: inline-block;
display: table-cell;
}
.headerInr .functions li {
  display: table-cell;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  vertical-align: bottom;
}
.headerInr .functions li a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 50px;
  padding: 35px 0 0;
  color: #000;
    font-size: 11px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.headerInr .functions li a[data-count]::after {
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  background: #f00;
  color: #fff;
    font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  border-radius: 20px;
  box-sizing: border-box;
  content: attr(data-count);
}
.headerInr .btnHeaderHistory {
    background: url(/resources/dcfront/images/ico_header_history.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderStar {
    background: url(/resources/dcfront/images/ico_header_star.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderResume {
    background: url(/resources/dcfront/images/ico_header_resume.png) no-repeat 50% 6px;
}
.headerInr .btnHeaderRegister {
    background: url(/resources/dcfront/images/ico_header_register.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderSettings {
    background: url(/resources/dcfront/images/ico_header_settings.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderInside {
    background: url(/resources/dcfront/images/ico_header_inside.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderOutside {
    background: url(/resources/dcfront/images/ico_header_outside.png) no-repeat 50% 5px;
}
.headerInr .functions li a:hover {
  background-color: #f7f7f7;
}
.headerInr .headerLink {
  float: right;
  display: table;
  width: 190px;
  height: 70px;
}
.headerInr .headerLink p {
  display: table-cell;
  padding-right: 1.2em;
  vertical-align: bottom;
    font-size: 12px;
  line-height: 1;
  text-align: right;
}
.registButton.functions li:last-of-type,
.registButton.functions li.last{
padding-left: 10px;
}
.registButton.functions li.loginNamelastli:last-of-type,
.registButton.functions li.loginNamelastli.last{
padding-left: 0px;
}
.registButton.functions li.loginName{
    font-size: 11px;
display: table-cell !important;
width: 243px !important;
height: 24px;
padding-right: 10px;
vertical-align: middle;
line-height: 12px;
text-align: right;
}
.registButton.functions li.btnSetting{
display: table-cell;
margin: 0 !important;
padding: 0 !important;
}
.registButton.functions li.registButtonReg{
padding-left: 217px;
}
.logoutButton{
text-align: right;
}
.headerInr .utility{
text-align: right;
}
.utility li{
    font-size: 12px;
display: inline-block;
margin-left: 16px;
}
.header1024{
    border-bottom: solid 1px #f2f2f2;
}
.header1024 .headerInr{
width: 1024px;
margin: 0 auto;
    height: 89px;
}
.header1024 .headerInr .headerLogo {
padding-top: 19px;
}
.header1024 .headerInr .shoulder {
padding-top: 45px;
}
.headerRwd1024{
border-bottom: solid 1px #dedede;
}
.headerRwd1024 .headerInr{
width: 1024px;
margin: 0 auto;
height: 79px;
}
.headerRwd1024 .headerInr .headerLogo {
padding-top: 19px;
}
.headerRwd1024 .headerInr .shoulder {
padding-top: 45px;
}
@media only screen and (max-width:639px){
    .headerRwd1024 .headerInr{
    width: 100%;
    }
}
/*--------------------------------------------------
    Global Navigation
--------------------------------------------------*/
.gnavParent{
float: left;
    font-size: 16px;
text-align: center;
position: relative;
padding: 16px 0 14px;
cursor: pointer;
z-index: 2000;
    font-weight: bold;
}
.gnavParent.current:after{
content:' ';
    height: 4px;
    width: 100%;
    z-index: 50;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #007fc3;
}
.gnavParent:hover:after {
    content: ' ';
    height: 4px;
width: 100%;
z-index: 50;
position: absolute;
left: 0;
bottom: 0;
    background: rgba(0,127,195,0.75);
}
.gnavParent.gnav01,
.gnavParent.gnav02,
.gnavParent.gnav03{
color: #fff;
line-height: 1em;
margin-right: 1px;
    background:#007fc3;
}
.gnavParent.gnav01:hover,
.gnavParent.gnav02:hover,
.gnavParent.gnav03:hover{
    color: rgba(255,255,255,0.75);
    background: #007fc3;
}
.gnavParent.current.gnav01,
.gnavParent.current.gnav02,
.gnavParent.current.gnav03{
    background:#ffffff;
    color: #007fc3;
}
.gnavParent.current.gnav01:hover,
.gnavParent.current.gnav02:hover,
.gnavParent.current.gnav03:hover {
    color: rgba(0,127,195,0.75);
}

.gnavParent.gnav01{ width: 300px; }
.gnavParent.gnav02{ width: 299px; }
.gnavParent.gnav03{ width: 299px; }
.gnavParent.gnav04,
.gnavParent.gnav05,
.gnavParent.gnav06{
    color: #ffffff;
line-height: 1em;
margin-right: 1px;
    background:#007fc3;
    width: 299px;
}
.gnavParent.gnav04.last,
.gnavParent.gnav06.last {
    margin-right: 0;
}
.gnav .gnavParent:last-child {
    margin-right: 0;
}
.gnavParent.gnav04:hover,
.gnavParent.gnav05:hover,
.gnavParent.gnav06:hover,
.gnavParent.current.gnav06{
    color: rgba(255,255,255,0.75);
    background: #007fc3;
}
.gnavParent.current.gnav04,
.gnavParent.current.gnav05,
.gnavParent.current.gnav06{
    background: #ffffff;
    color: #007fc3;
}
.lgn_gnav .gnavParent {
    width: 239px;
}
.lgn_gnav .gnavParent.gnav03 {
    width: 240px;
}
.megaNav{
display: none;
position: absolute;
background: #fff;
top: 46px;
left: -1px;
width: 100%;
    border: none;
border-top: none;
    border-bottom: none;
padding: 0 0 1px;
    border-radius: 0 0 6px 6px;
    font-weight: 500;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.gnavParent.gnav01 .megaNav{
    width: 299px;
    left: 0;
}
.lgn_gnav .gnavParent.gnav01 .megaNav {
width: 239px;
left: 0;
}
.megaNav li{
margin-top: 1px;
    border-bottom: 1px solid #e6e6e6;
}
.megaNav li:last-child {
    border-bottom: none;
}
.megaNav li.link a{
display: block;
    padding: 17px 43px 16px 24px;
    font-size: 14px;
text-align: left;
    color: #007fc3;
    background-image: url(/cmn_web/img/common/sprite_001.png);
    background-position: -424px -1583px;
    background-repeat: no-repeat;
}
.lgn_gnav .megaNav li.link a {
    background-position: -484px -1583px;
}

.megaNav li.link a:hover{
    background: #ebebf8;
    background-color: #f2fcff;
    color: #007fc3;
    text-decoration: none;
    background-image: url(/cmn_web/img/common/sprite_001.png);
    background-position: -424px -1583px;
    background-repeat: no-repeat;
}
.lgn_gnav .megaNav li.link a:hover {
    background-position: -484px -1583px;
}
.megaNav li.head{
  padding: 22px 0 10px 10px;
  color: #222222;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

.megaNav .subtitle{
  text-align: left;
  padding: 7px 0px 6px 15px;
  color: #333333;
  font-weight: bold;
  background-color: #F5F5F5;
  font-size: 10px;
}

.megaNav li.scoutBox a{
  font-size:14px;
  text-align: left;
  padding:13px 0px 13px 15px;
}
/*--------------------------------------------------
	グロナビ_current追加
--------------------------------------------------*/
/* ログイン前_メニュー4つ_currentなし */
.bef_n04_0 .gnav01 {
    border-radius: 8px 0 0 0;
}
.bef_n04_0 .gnav04 {
    border-radius: 0 8px 0 0;
}
/* ログイン前_メニュー4つ_current1番目 */
.bef_n04_1 .gnav02 {
    border-radius: 8px 0 0 0;
}
.bef_n04_1 .gnav04 {
    border-radius: 0 8px 0 0;
}
/* ログイン前_メニュー4つ_current2番目 */
.bef_n04_2 .gnav01 {
    border-radius: 8px 8px 0 0;
}
.bef_n04_2 .gnav03 {
    border-radius: 8px 0 0 0;
}
.bef_n04_2 .gnav04 {
    border-radius: 0 8px 0 0;
}
/* ログイン前_メニュー4つ_current3番目 */
.bef_n04_3 .gnav01 {
    border-radius: 8px 0 0 0;
}
.bef_n04_3 .gnav02 {
    border-radius: 0 8px 0 0;
}
.bef_n04_3 .gnav04 {
    border-radius: 8px 8px 0 0;
}
/* ログイン前_メニュー4つ_current4番目 */
.bef_n04_4 .gnav01 {
    border-radius: 8px 0 0 0;
}
.bef_n04_4 .gnav03 {
    border-radius: 0 8px 0 0;
}

/* ログイン後_メニュー5つ_currentなし */
.aft_n05_0 .gnav01 {
    border-radius: 8px 0 0 0;
}
.aft_n05_0 .gnav05 {
    border-radius: 0 8px 0 0;    
}
/* ログイン後_メニュー5つ_current1番目 */
.aft_n05_1 .gnav02 {
    border-radius: 8px 0 0 0;    
}
.aft_n05_1 .gnav05 {
    border-radius: 0 8px 0 0;    
}
/* ログイン後_メニュー5つ_current2番目 */
.aft_n05_2 .gnav01 {
    border-radius: 8px 8px 0 0;
}
.aft_n05_2 .gnav03 {
    border-radius: 8px 0 0 0;
}
.aft_n05_2 .gnav05 {
    border-radius: 0 8px 0 0;
}
/* ログイン後_メニュー5つ_current3番目 */
.aft_n05_3 .gnav01 {
    border-radius: 8px 0 0 0;
}
.aft_n05_3 .gnav02 {
    border-radius: 0 8px 0 0;
}
.aft_n05_3 .gnav04 {
    border-radius: 8px 0 0 0;
}
.aft_n05_3 .gnav05 {
    border-radius: 0 8px 0 0;
}
/* ログイン後_メニュー5つ_current4番目 */
.aft_n05_4 .gnav01 {
    border-radius: 8px 0 0 0;
}
.aft_n05_4 .gnav03 {
    border-radius: 0 8px 0 0;
}
.aft_n05_4 .gnav05 {
    border-radius: 8px 8px 0 0;
}
/* ログイン後_メニュー5つ_current5番目 */
.aft_n05_5 .gnav01 {
    border-radius: 8px 0 0 0;
}
.aft_n05_5 .gnav04 {
    border-radius: 0 8px 0 0;
}
/*--------------------------------------------------
    BreadCrumb
--------------------------------------------------*/
.breadCrumb{
width: 100%;
    font-size: 12px;
line-height: 1em;
    margin: 15px 0 30px 0;
}
.breadCrumb li{
float: left;
word-break: break-all;
word-wrap: break-word;
}
.content1024 .breadCrumb{
    position: relative;
    margin: 0;
    padding: 14px 0;
}
.content1024 .breadCrumb::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: -100%;
    z-index: -90;
    width: 300%;
    height: 150px;
    background: #fafafa;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    content: "";
}
[name=login_loginActionForm] .content1024 .breadCrumb::before,
[name=message_messageConfirmActionForm] .content1024 .breadCrumb::before,
[name=mailMagazine_mailMagazine1StopCompleteActionForm] .content1024 .breadCrumb,
[name=mailMagazine_mailMagazine2StopQuestionnaireActionForm] .content1024 .breadCrumb::before,
[name=hunting_huntingReopenRegistStartActionForm] .content1024 .breadCrumb::before,
[name=hunting_huntingReopenRegistStartActionForm] .content1024 .breadCrumb,
[name=hunting_huntingStopCompleteActionForm] .content1024 .breadCrumb,
[name=mailMagazine_mailMagazine1StopQuestionnaireActionForm] .content1024 .breadCrumb,
[name=mailMagazine_mailMagazine2StopCompleteActionForm] .content1024 .breadCrumb,
[name=mailMagazine_mailMagazine2StopQuestionnaireActionForm] .content1024 .breadCrumb,
[name=hunting_huntingReopenRegistActionForm] .content1024 .breadCrumb,
[name=message_messageCreateActionForm] .content1024 .breadCrumb,
[name=scout_scoutStopCompleteActionForm] .content1024 .breadCrumb,
[name=service_serviceStopQuestionnaireActionForm] .content1024 .breadCrumb,
[name=scout_scoutStopQuestionnaireActionForm] .content1024 .breadCrumb,
[name=referredJob_categolizeSettingActionForm] .content1024 .breadCrumb,
[name=referredJob_referredJobApplyRegistActionForm] .content1024 .breadCrumb,
[name=questionnaire_counselingCompleteActionForm] .content1024 .breadCrumb,
[name=questionnaire_counselingAfter7WeekCompleteActionForm] .content1024 .breadCrumb,
[name=interview_interviewPrefferdDateResultActionForm] .content1024 .breadCrumb,
[name=message_messageCompleteActionForm] .content1024 .breadCrumb::before,
[name=interview_interviewDetailDisplayActionForm] .content1024 .breadCrumb::before,
[name=history_jobSearchDetailActionForm] .content1024 .breadCrumb {
    display: none;
}

/*--------------------------------------------------
    Contents Area
--------------------------------------------------*/
#content, #main-content{
width: 100%;
margin: 0 auto;
}
.content1200{
width: 1200px;
margin: 0 auto;
}
.content1024{
width: 1024px;
margin: 0 auto;
}
.contentRwd1024{
width: 1024px;
margin: 0 auto;
}
@media only screen and (max-width:639px){
    .contentRwd1024{
    width: 100%;
    margin: 0 auto;
    }
}
.content600{
width: 600px;
margin: 0 auto;
}
/*--------------------------------------------------
    Main Area
--------------------------------------------------*/
.mainLeft{
width: 880px;
float: left;
}
.mainRight{
width: 880px;
float: right;
}
.mainRight.mainRight02 {
width: 840px;
}
.main1024{
width: 1024px;
margin: 0 auto;
}
.main1200{
width: 1200px;
margin: 0 auto;
}
.mainRwd1024{
width: 1024px;
margin: 0 auto;
}

@media only screen and (max-width:639px){
    .mainRwd1024{
    width: 100%;
    margin: 0 auto;
    }
}
/*--------------------------------------------------
    Aside Area
--------------------------------------------------*/
.asideLeft{
width: 288px;
float: left;
position: relative;
}
.asideLeft.fix{
/*
-webkit-transition-property: top;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-property: top;
transition-duration: 0.2s;
transition-timing-function: linear;
*/
}
.asideLeft.fix.open{
margin-top:70px;
}
.asideRight{
width: 288px;
float: right;
}
/*アサイドのメニュー*/
.layoutAside01{
margin-bottom: 24px;
}
.layoutAside02{
border: solid 1px #e6e6e6;
padding: 17px;
}
.layoutAside01 .head02 h3 {
    font-size: 14px;
}
.layoutAside01 .head02 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0 !important;
    padding: 0 0 10px 0;
}
.layoutAside01 .modAsdie01 {
    margin-bottom: 35px;
}
/*ここから新デザインのメニュー*/
.asideMunu01 li {
border-bottom: solid 1px #e6e6e6;
    padding-bottom: 0;
margin-bottom: 16px;
}
.asideMunu01 li:last-of-type,
.asideMunu02 li:last-of-type{
border-bottom: none !important;
margin-bottom: 0 !important;
}
.asideMunu01 li.last,
.asideMunu02 li.last{
border-bottom: none !important;
margin-bottom: 0 !important;
}
.asideMunu01 li dd a{
display: block;
line-height: 1em;
    padding: 18px 16px 18px 30px;
    margin-bottom: 0;
position: relative;
    background: #ffffff url(/cmn_web/img/common/sprite_001.png) -183px -2680px no-repeat;
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.asideMunu01 li dd a:first-child {
    border-bottom: 1px solid #e5e5e5;
    border-radius: 8px 8px 0 0;
}
.asideMunu01 li dd a.current {
background: #101177;
color: #FFF;
font-weight: bold;
}
.asideMunu01 li dd div.currentDiv {
    font-size: 14px;
    background: #007fc3 url(/cmn_web/img/common/sprite_001.png) -383px -2730px no-repeat;
color: #FFF;
font-weight: bold;
    height: 34px;
    width: 258px;
    padding-top: 16px;
    padding-left: 30px;
}
.asideMunu01 li dd div.currentDiv:first-child {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.asideMunu01 li dd div.currentDiv:nth-child(2) {
    border-radius: 0 0 8px 8px ;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.asideMunu01 li dd a.current:hover {
background: #101177;
}
.asideMunu01 li dd a:hover{

text-decoration: none;
    background: #f2fcff url(/cmn_web/img/common/sprite_001.png) -183px -2680px no-repeat;
}
.asideMunu01 li dd a span.left{
float: left;
    font-weight: bold;
    font-size: 14px;
}
.asideMunu01 li dd a span.right{
float: right;
color: #ff0000;
font-weight: bold;
    font-size: 16px
}
.asideMunu01 li dd a.current span.right {
display: none;
}
.asideMunu01 li dt a span.right {
    float: right;
    color: #ff0000;
    font-weight: bold;
    font-size: 16px
}
.layoutAside01:last-child .asideMunu01 li dd a:first-child {
    border-bottom: none;
    border-radius: 8px;
}
.layoutAside01:last-child .asideMunu01 li dd div.currentDiv:first-child {
    border-radius: 8px;
}
[name=message_messageBoxActionForm] .asideLeft,
[name=message_messageListActionForm] .asideLeft,
[name=progress_interviewDetailListActionForm] .asideLeft,
[name=progress_interviewListActionForm] .asideLeft,
[name=progress_progressTopActionForm] .asideLeft,
[name=history_historyListActionForm] .asideLeft,
[name=history_interviewDetailActionForm] .asideLeft,
[name=referredJob_saiyoprojectListActionForm] .asideLeft,
[name=referredJob_referredJobListActionForm] .asideLeft,
[name=referredJob_offerListActionForm] .asideLeft,
[name=referredJob_companyInterestedListActionForm] .asideLeft,
[name=referredJob_interviewOfferListActionForm] .asideLeft {
    width: 288px;
    background: #ffffff;
}

[name=message_messageBoxActionForm] .fixMenu,
[name=message_messageListActionForm] .fixMenu,
[name=progress_interviewDetailListActionForm] .fixMenu,
[name=progress_interviewListActionForm] .fixMenu,
[name=progress_progressTopActionForm] .fixMenu,
[name=history_historyListActionForm] .fixMenu,
[name=history_interviewDetailActionForm] .fixMenu,
[name=referredJob_saiyoprojectListActionForm] .fixMenu,
[name=referredJob_referredJobListActionForm] .fixMenu,
[name=referredJob_offerListActionForm] .fixMenu,
[name=referredJob_companyInterestedListActionForm] .fixMenu,
[name=referredJob_interviewOfferListActionForm] .fixMenu{

}
[name=message_messageBoxActionForm] .layoutAside01 .modAsdie01,
[name=message_messageBoxActionForm] .layoutAside02 .modAsdie02,
[name=message_messageListActionForm] .layoutAside01 .modAsdie01,
[name=message_messageListActionForm] .layoutAside02 .modAsdie02,
[name=progress_interviewDetailListActionForm] .layoutAside01 .modAsdie01,
[name=progress_interviewDetailListActionForm] .layoutAside02 .modAsdie02,
[name=progress_interviewListActionForm] .layoutAside01 .modAsdie01,
[name=progress_interviewListActionForm] .layoutAside02 .modAsdie02,
[name=progress_progressTopActionForm] .layoutAside01 .modAsdie01,
[name=progress_progressTopActionForm] .layoutAside02 .modAsdie02,
[name=history_historyListActionForm] .layoutAside01 .modAsdie01,
[name=history_historyListActionForm] .layoutAside02 .modAsdie02,
[name=history_interviewDetailActionForm] .layoutAside01 .modAsdie01,
[name=history_interviewDetailActionForm] .layoutAside02 .modAsdie02,
[name=referredJob_saiyoprojectListActionForm] .layoutAside01 .modAsdie01,
[name=referredJob_saiyoprojectListActionForm] .layoutAside02 .modAsdie02,
[name=referredJob_referredJobListActionForm] .layoutAside01 .modAsdie01,
[name=referredJob_referredJobListActionForm] .layoutAside02 .modAsdie02,
[name=referredJob_offerListActionForm] .layoutAside01 .modAsdie01,
[name=referredJob_offerListActionForm] .layoutAside02 .modAsdie02,
[name=referredJob_companyInterestedListActionForm] .layoutAside01 .modAsdie01,
[name=referredJob_companyInterestedListActionForm] .layoutAside02 .modAsdie02,
[name=referredJob_interviewOfferListActionForm] .layoutAside01 .modAsdie01,
[name=referredJob_interviewOfferListActionForm] .layoutAside02 .modAsdie02 {
    margin: 20px 30px 0 30px;
}
[name=message_messageBoxActionForm] .layoutAside01 .head02,
[name=message_messageBoxActionForm] .layoutAside02 .head02_02,
[name=message_messageListActionForm] .layoutAside01 .head02,
[name=message_messageListActionForm] .layoutAside02 .head02_02,
[name=progress_interviewDetailListActionForm] .layoutAside01 .head02,
[name=progress_interviewDetailListActionForm] .layoutAside02 .head02_02,
[name=progress_interviewListActionForm] .layoutAside01 .head02,
[name=progress_interviewListActionForm] .layoutAside02 .head02_02,
[name=progress_progressTopActionForm] .layoutAside01 .head02,
[name=progress_progressTopActionForm] .layoutAside02 .head02_02,
[name=history_historyListActionForm] .layoutAside01 .head02,
[name=history_historyListActionForm] .layoutAside02 .head02_02,
[name=history_interviewDetailActionForm] .layoutAside01 .head02,
[name=history_interviewDetailActionForm] .layoutAside02 .head02_02,
[name=referredJob_saiyoprojectListActionForm] .layoutAside01 .head02,
[name=referredJob_saiyoprojectListActionForm] .layoutAside02 .head02_02,
[name=referredJob_referredJobListActionForm] .layoutAside01 .head02,
[name=referredJob_referredJobListActionForm] .layoutAside02 .head02_02,
[name=referredJob_offerListActionForm] .layoutAside01 .head02,
[name=referredJob_offerListActionForm] .layoutAside02 .head02_02,
[name=referredJob_companyInterestedListActionForm] .head02,
[name=referredJob_companyInterestedListActionForm] .head02_02,
[name=referredJob_interviewOfferListActionForm] .layoutAside01 .head02,
[name=referredJob_interviewOfferListActionForm] .layoutAside02 .head02_02{
    margin-bottom: 0;
    padding: 16px 30px 15px 30px;
    background: #e0f5f8;
    border-radius: 4px 4px 0 0;
}
[name=message_messageBoxActionForm] .layoutAside01 .head02 h3,
[name=message_messageListActionForm] .layoutAside01 .head02 h3,
[name=progress_interviewDetailListActionForm] .layoutAside01 .head02 h3,
[name=progress_interviewDetailListActionForm] .head02 h3,
[name=progress_interviewListActionForm] .layoutAside01 .head02 h3,
[name=progress_interviewListActionForm] .head02 h3,
[name=progress_progressTopActionForm] .layoutAside01 .head02 h3,
[name=progress_progressTopActionForm] .head02 h3,
[name=history_historyListActionForm] .layoutAside01 .head02 h3,
[name=history_historyListActionForm] .head02 h3,
[name=history_interviewDetailActionForm] .layoutAside01 .head02 h3,
[name=history_interviewDetailActionForm] .head02 h3,
[name=referredJob_saiyoprojectListActionForm] .layoutAside01 .head02 h3,
[name=referredJob_saiyoprojectListActionForm] .head02 h3,
[name=referredJob_referredJobListActionForm] .layoutAside01 .head02 h3,
[name=referredJob_referredJobListActionForm] .head02 h3,
[name=referredJob_offerListActionForm] .layoutAside01 .head02 h3,
[name=referredJob_offerListActionForm] .head02 h3,
[name=referredJob_companyInterestedListActionForm] .layoutAside01 .head02 h3,
[name=referredJob_companyInterestedListActionForm] .head02 h3,
[name=referredJob_interviewOfferListActionForm] .layoutAside01 .head02 h3,
[name=referredJob_interviewOfferListActionForm] .head02 h3,
[name=message_messageBoxActionForm] .layoutAside02 h3,
[name=message_messageListActionForm] .layoutAside02 h3 {
    font-size: 14px;
}
[name=message_messageBoxActionForm] .head04,
[name=message_messageListActionForm] .head04,
[name=progress_interviewDetailListActionForm] .head04,
[name=progress_interviewListActionForm] .head04,
[name=progress_progressTopActionForm] .head04,
[name=history_historyListActionForm] .head04,
[name=history_interviewDetailActionForm] .head04,
[name=referredJob_saiyoprojectListActionForm] .head04,
[name=referredJob_referredJobListActionForm] .head04,
[name=referredJob_offerListActionForm] .head04,
[name=referredJob_companyInterestedListActionForm] .head04,
[name=referredJob_interviewOfferListActionForm] .head04 {
    margin-bottom: 20px !important;
}
[name=message_messageBoxActionForm] .head04 h4,
[name=message_messageListActionForm] .head04 h4,
[name=progress_interviewDetailListActionForm] .head04 h4,
[name=progress_interviewListActionForm] .head04 h4,
[name=progress_progressTopActionForm] .head04 h4,
[name=history_historyListActionForm] .head04 h4,
[name=history_interviewDetailActionForm] .head04 h4,
[name=referredJob_saiyoprojectListActionForm] .head04 h4,
[name=referredJob_referredJobListActionForm] .head04 h4,
[name=referredJob_offerListActionForm] .head04 h4,
[name=referredJob_companyInterestedListActionForm] .head04 h4,
[name=referredJob_interviewOfferListActionForm] .head04 h4{
    font-size: 14px;
    font-weight: bold;
}
[name=message_messageBoxActionForm] .head04 span.label,
[name=message_messageListActionForm] .head04 span.label,
[name=progress_interviewDetailListActionForm] .head04 span.label,
[name=progress_interviewListActionForm] .head04 span.label,
[name=progress_progressTopActionForm] .head04 span.label,
[name=history_historyListActionForm] .head04 span.label,
[name=history_interviewDetailActionForm] .head04 span.label,
[name=referredJob_saiyoprojectListActionForm] .head04 span.label,
[name=referredJob_referredJobListActionForm] .head04 span.label,
[name=referredJob_offerListActionForm] .head04 span.label,
[name=referredJob_companyInterestedListActionForm] .head04 span.label,
[name=referredJob_interviewOfferListActionForm] .head04 span.label{
    right: 0;
    top: -3px;
}
[name=history_historyListActionForm] .head04 span.right {
    position: absolute;
    right: 0;
    top: -3px;
}
[name=history_interviewDetailActionForm] .head04 span.right {
    position: absolute;
    right: 0;
    top: -3px;
}
[name=message_messageBoxActionForm] .head04 span.right {
    position: absolute;
    right: 0;
    top: -3px;
}

[name=message_messageBoxActionForm] .asideMunu01 li dd a,
[name=message_messageBoxActionForm] .asideMunu02 li dd a,
[name=message_messageListActionForm] .asideMunu01 li dd a,
[name=message_messageListActionForm] .asideMunu02 li dd a,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd a,
[name=progress_interviewDetailListActionForm] .asideMunu02 li dd a,
[name=progress_interviewListActionForm] .asideMunu01 li dd a,
[name=progress_interviewListActionForm] .asideMunu02 li dd a,
[name=progress_progressTopActionForm] .asideMunu01 li dd a,
[name=progress_progressTopActionForm] .asideMunu02 li dd a,
[name=history_historyListActionForm] .asideMunu01 li dd a,
[name=history_historyListActionForm] .asideMunu02 li dd a,
[name=history_interviewDetailActionForm] .asideMunu01 li dd a,
[name=history_interviewDetailActionForm] .asideMunu02 li dd a,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd a,
[name=referredJob_saiyoprojectListActionForm] .asideMunu02 li dd a,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd a,
[name=referredJob_referredJobListActionForm] .asideMunu02 li dd a,
[name=referredJob_offerListActionForm] .asideMunu01 li dd a,
[name=referredJob_offerListActionForm] .asideMunu02 li dd a,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd a,
[name=referredJob_companyInterestedListActionForm] .asideMunu02 li dd a,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd a,
[name=referredJob_interviewOfferListActionForm] .asideMunu02 li dd a{
    padding: 0;
    background: none;
    box-shadow: none;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 12px;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd a span.left,
[name=message_messageListActionForm] .asideMunu01 li dd a span.left,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd a span.left,
[name=progress_interviewListActionForm] .asideMunu01 li dd a span.left,
[name=progress_progressTopActionForm] .asideMunu01 li dd a span.left,
[name=history_historyListActionForm] .asideMunu01 li dd a span.left,
[name=history_interviewDetailActionForm] .asideMunu01 li dd a span.left,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd a span.left,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd a span.left,
[name=referredJob_offerListActionForm] .asideMunu01 li dd a span.left,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd a span.left,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd a span.left {
    font-weight: normal;
    font-size: 12px;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd a:hover span.left,
[name=message_messageListActionForm] .asideMunu01 li dd a:hover span.left,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd a:hover span.left,
[name=progress_interviewListActionForm] .asideMunu01 li dd a:hover span.left,
[name=progress_progressTopActionForm] .asideMunu01 li dd a:hover span.left,
[name=history_historyListActionForm] .asideMunu01 li dd a:hover span.left,
[name=history_interviewDetailActionForm] .asideMunu01 li dd a:hover span.left,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd a:hover span.left,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd a:hover span.left,
[name=referredJob_offerListActionForm] .asideMunu01 li dd a:hover span.left,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd a:hover span.left,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd a:hover span.left {
    text-decoration: underline;
    color: #007fc3;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd a:first-child,
[name=message_messageListActionForm] .asideMunu01 li dd a:first-child,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd a:first-child,
[name=progress_interviewListActionForm] .asideMunu01 li dd a:first-child,
[name=progress_progressTopActionForm] .asideMunu01 li dd a:first-child,
[name=history_historyListActionForm] .asideMunu01 li dd a:first-child,
[name=history_interviewDetailActionForm] .asideMunu01 li dd a:first-child,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd a:first-child,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd a:first-child,
[name=referredJob_offerListActionForm] .asideMunu01 li dd a:first-child,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd a:first-child,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd a:first-child {
    border-bottom: none;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd a span.right,
[name=message_messageListActionForm] .asideMunu01 li dd a span.right,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd a span.right,
[name=progress_interviewListActionForm] .asideMunu01 li dd a span.right,
[name=progress_progressTopActionForm] .asideMunu01 li dd a span.right,
[name=history_historyListActionForm] .asideMunu01 li dd a span.right,
[name=history_interviewDetailActionForm] .asideMunu01 li dd a span.right,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd a span.right,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd a span.right,
[name=referredJob_offerListActionForm] .asideMunu01 li dd a span.right,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd a span.right,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd a span.right {
    font-size: 14px;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd,
[name=message_messageBoxActionForm] .asideMunu02 li dd,
[name=message_messageListActionForm] .asideMunu01 li dd,
[name=message_messageListActionForm] .asideMunu02 li dd,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd,
[name=progress_interviewDetailListActionForm] .asideMunu02 li dd,
[name=progress_interviewListActionForm] .asideMunu01 li dd,
[name=progress_interviewListActionForm] .asideMunu02 li dd,
[name=progress_progressTopActionForm] .asideMunu01 li dd,
[name=progress_progressTopActionForm] .asideMunu02 li dd,
[name=history_historyListActionForm] .asideMunu01 li dd,
[name=history_historyListActionForm] .asideMunu02 li dd,
[name=history_interviewDetailActionForm] .asideMunu01 li dd,
[name=history_interviewDetailActionForm] .asideMunu02 li dd,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd,
[name=referredJob_saiyoprojectListActionForm] .asideMunu02 li dd,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd,
[name=referredJob_referredJobListActionForm] .asideMunu02 li dd,
[name=referredJob_offerListActionForm] .asideMunu01 li dd,
[name=referredJob_offerListActionForm] .asideMunu02 li dd,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd,
[name=referredJob_companyInterestedListActionForm] .asideMunu02 li dd,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd,
[name=referredJob_interviewOfferListActionForm] .asideMunu02 li dd {
    margin-left: 10px;
}
[name=message_messageBoxActionForm] .asideMunu01 li,
[name=message_messageListActionForm] .asideMunu01 li,
[name=progress_interviewDetailListActionForm] .asideMunu01 li,
[name=progress_interviewListActionForm] .asideMunu01 li,
[name=progress_progressTopActionForm] .asideMunu01 li,
[name=history_historyListActionForm] .asideMunu01 li,
[name=history_interviewDetailActionForm] .asideMunu01 li,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li,
[name=referredJob_referredJobListActionForm] .asideMunu01 li,
[name=referredJob_offerListActionForm] .asideMunu01 li,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li {
    margin-bottom: 25px;
    border-bottom: none;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd div.currentDiv,
[name=message_messageListActionForm] .asideMunu01 li dd div.currentDiv,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd div.currentDiv,
[name=progress_interviewListActionForm] .asideMunu01 li dd div.currentDiv,
[name=progress_progressTopActionForm] .asideMunu01 li dd div.currentDiv,
[name=history_historyListActionForm] .asideMunu01 li dd div.currentDiv,
[name=history_interviewDetailActionForm] .asideMunu01 li dd div.currentDiv,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd div.currentDiv,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd div.currentDiv,
[name=referredJob_offerListActionForm] .asideMunu01 li dd div.currentDiv,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd div.currentDiv,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd div.currentDiv {
    color: #0a50a1;
    width: auto;
    background: none;
    font-weight: normal;
    height: auto;
    padding: 0;
    margin-bottom: 12px;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=message_messageListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=progress_interviewListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=progress_progressTopActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=history_historyListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=history_interviewDetailActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=referredJob_offerListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd div.currentDiv:first-child,
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd div.currentDiv:first-child {
    border-radius: 0;
    border-bottom: none;
    box-shadow: none;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1em;
    color: #222222;
    font-weight: bold;
}
[name=message_messageBoxActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=message_messageListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=progress_interviewDetailListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=progress_interviewListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=progress_progressTopActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=history_historyListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=history_interviewDetailActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=referredJob_saiyoprojectListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=referredJob_referredJobListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=referredJob_offerListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=referredJob_companyInterestedListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2),
[name=referredJob_interviewOfferListActionForm] .asideMunu01 li dd div.currentDiv:nth-child(2){
    border-radius: 0;
    border-bottom: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 1em;
    color: #222222;
    font-weight: bold;
}
[name=message_messageBoxActionForm] .layoutAside01,
[name=message_messageListActionForm] .layoutAside01,
[name=progress_interviewDetailListActionForm] .layoutAside01,
[name=progress_interviewListActionForm] .layoutAside01,
[name=progress_progressTopActionForm] .layoutAside01,
[name=history_historyListActionForm] .layoutAside01,
[name=history_interviewDetailActionForm] .layoutAside01,
[name=referredJob_saiyoprojectListActionForm] .layoutAside01,
[name=referredJob_referredJobListActionForm] .layoutAside01,
[name=referredJob_offerListActionForm] .layoutAside01,
[name=referredJob_companyInterestedListActionForm] .layoutAside01,
[name=referredJob_interviewOfferListActionForm] .layoutAside01{
    padding: 5px;
    background: #ffffff;
    border-radius: 8px 8px 0 0;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 0;
}
[name=message_messageBoxActionForm] .layoutAside02,
[name=message_messageListActionForm] .layoutAside02,
[name=progress_interviewDetailListActionForm] .layoutAside02,
[name=progress_interviewListActionForm] .layoutAside02,
[name=progress_progressTopActionForm] .layoutAside02,
[name=history_historyListActionForm] .layoutAside02,
[name=history_interviewDetailActionForm] .layoutAside02,
[name=referredJob_saiyoprojectListActionForm] .layoutAside02,
[name=referredJob_referredJobListActionForm] .layoutAside02,
[name=referredJob_offerListActionForm] .layoutAside02,
[name=referredJob_companyInterestedListActionForm] .layoutAside02,
[name=referredJob_interviewOfferListActionForm] .layoutAside02{
    padding: 5px 5px 23px 5px;
    background: #ffffff;
    border: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    position: relative;
}
[name=message_messageBoxActionForm] .layoutAside02::before,
[name=message_messageListActionForm] .layoutAside02::before,
[name=progress_interviewDetailListActionForm] .layoutAside02::before,
[name=progress_interviewListActionForm] .layoutAside02::before,
[name=progress_progressTopActionForm] .layoutAside02::before,
[name=history_historyListActionForm] .layoutAside02::before,
[name=history_interviewDetailActionForm] .layoutAside02::before,
[name=referredJob_saiyoprojectListActionForm] .layoutAside02::before,
[name=referredJob_referredJobListActionForm] .layoutAside02::before,
[name=referredJob_offerListActionForm] .layoutAside02::before,
[name=referredJob_companyInterestedListActionForm] .layoutAside02::before,
[name=referredJob_interviewOfferListActionForm] .layoutAside02::before {
    position: absolute;
    content: '';
    width: 288px;
    height: 3px;
    left: 0px;
    background: #ffffff;
    top: -3px;
}
[name=message_messageBoxActionForm] .asideMunu02 li,
[name=message_messageListActionForm] .asideMunu02 li,
[name=progress_interviewDetailListActionForm] .asideMunu02 li,
[name=progress_interviewListActionForm] .asideMunu02 li,
[name=progress_progressTopActionForm] .asideMunu02 li,
[name=history_historyListActionForm] .asideMunu02 li,
[name=history_interviewDetailActionForm] .asideMunu02 li,
[name=referredJob_saiyoprojectListActionForm] .asideMunu02 li,
[name=referredJob_referredJobListActionForm] .asideMunu02 li,
[name=referredJob_offerListActionForm] .asideMunu02 li,
[name=referredJob_companyInterestedListActionForm] .asideMunu02 li,
[name=referredJob_interviewOfferListActionForm] .asideMunu02 li {
    border-bottom: none;
}
[name=message_messageBoxActionForm] .asideMunu02 li.last,
[name=message_messageListActionForm] .asideMunu02 li.last,
[name=progress_interviewDetailListActionForm] .asideMunu02 li.last,
[name=progress_interviewListActionForm] .asideMunu02 li.last,
[name=progress_progressTopActionForm] .asideMunu02 li.last,
[name=history_historyListActionForm] .asideMunu02 li.last,
[name=history_interviewDetailActionForm] .asideMunu02 li.last,
[name=referredJob_saiyoprojectListActionForm] .asideMunu02 li.last,
[name=referredJob_referredJobListActionForm] .asideMunu02 li.last,
[name=referredJob_offerListActionForm] .asideMunu02 li.last,
[name=referredJob_companyInterestedListActionForm] .asideMunu02 li.last,
[name=referredJob_interviewOfferListActionForm] .asideMunu02 li.last {
    margin-top: 25px;
}

.personalizeAreaBox .asideMunu01 li {
border-bottom: none;
padding-bottom: 9px;
margin-bottom: 10px;
}
.asideMunu02 li{
border-bottom: solid 1px #e6e6e6;
margin-bottom: 20px;
}
.asideMunu02 li dd a{
display: block;
line-height: 1em;
height: 1em;
margin-bottom: 15px;
}
.asideMunu02 li dd a:hover{
text-decoration: underline;
}
.asideMunu02 li dd a:hover span.left{
text-decoration: underline;
}
.asideMunu02 li dd a .left{
float: left;
}
.asideMunu02 li dd a .left:hover {
color: #101177;
text-decoration: underline;
}
.asideMunu02 li dd a .right{
float: right;
color: #ff0000;
font-weight: bold;
    font-size: 12px
}
.content600{
width: 600px;
margin: 0 auto;
}
/*ここまで新デザインのメニュー*/
/*
.asideMunu01 li , .asideMunu02 li{
border-bottom: solid 1px #e6e6e6;
margin-bottom: 16px;
}
.asideMunu01 li.last , .asideMunu02 li.last,
.asideMunu01 li:last-of-type , .asideMunu02 li:last-of-type{
border-bottom: none;
margin-bottom: 0;
}
.asideMunu01 li dd, .asideMunu02 li dd{
padding: 8px 0;
border-radius: 2px;
}
.asideMunu01 li dd{
padding-left: 18px;
}
.asideMunu01 li dd.current{
background: #ebebf8;
}
.asideMunu01 li dd.current a{
font-weight: bold;
}
.asideMunu01 li dd p.left, .asideMunu02 li dd p.left{
width: 162px;
display: table-cell;
}
.asideMunu01 li dd p.right, .asideMunu02 li dd p.right{
width: 92px;
display: table-cell;
text-align: right;
vertical-align: middle;
font-size: 12px;
}
.asideMunu01 li dd p.right{
padding-right: 16px;
}
.asideMunu01 li dd p.right span, .asideMunu02 li dd p.right span{
font-size: 21px;
font-weight: bold;
color: #ff0000;
}
*/
/*求人検索結果一覧*/
.layoutAside03{
margin-bottom: 30px;
}
.layoutAside03 .selection{
padding-left: 18px;
margin: -3px 0 10px;
}
.layoutAside03 .num{
    font-size: 10px;
color: #808080;
font-weight: normal !important;
}
.layoutAside03 .division{
height: 1px;
border: none;
border-top: 1px #e6e6e6 solid;
margin: 20px 0 15px;
}
.layoutAside03 .inner{
padding: 0 16px;
}
.layoutAside03 .inner .selectLabel{
display: inline-block;
margin-left: 10px;
}
.layoutAside03 .searchAco .trigger{
line-height: 36px;
    font-size: 16px !important;
background: #f2f2f2;
border-top: solid 1px #e6e6e6;
border-bottom: solid 1px #e6e6e6;
padding-left: 16px;
cursor: pointer;
position: relative;
}
.layoutAside03 .searchAco.close .trigger{
border-bottom: none;
}
.layoutAside03 .searchAco.open .trigger:after{
content: '';
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
    background: #f2f2f2 url(/cmn_web/img/common/sprite_001.png) -100px -50px  no-repeat;
}
.layoutAside03 .searchAco.close .trigger:after{
content: '';
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
    background: #f2f2f2 url(/cmn_web/img/common/sprite_001.png) -100px 0px no-repeat;
border-bottom:none;
}
.layoutAside03 .searchAco.open .trigger:hover:after{
content: '';
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
    background: #f2f2f2 url(/cmn_web/img/common/sprite_001.png) -100px -50px no-repeat;
}
.layoutAside03 .searchAco.close .trigger:hover:after{
content: '';
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
    background: #f2f2f2 url(/cmn_web/img/common/sprite_001.png) -100px -114px no-repeat;
border-bottom:none;
}
.layoutAside03 .searchAco .content{
padding: 9px 0 8px;
}
.layoutAside03 .searchAco.close .content{
display: none;
}
.layoutAside03 .searchAco .content.last{
border-bottom: solid 1px #d9d9d9;
}
.searchBtnFix.posFix{
    background: url(/resources/dcfront/images/bg_side_002.png) no-repeat;
padding: 30px 32px;
width: 224px;
}
.layoutAside.asideBottom{
position: fixed;
left: 0;
bottom:0;
margin-bottom: 0;
z-index: 300;
display: none;
}
.searchBtnFix.posFix .btn{
display: block;
    background: url(/resources/dcfront/images/bg_side_001.png) no-repeat;
width: 15px;
padding: 10px 17px 0;
height: 12px;
position: absolute;
right: -1px;
top: -22px;
overflow: hidden;
cursor: pointer;
}
.searchBtnFix.posFix .btn span{
position: relative;
display: block;
width: 15px;
height: 12px;
overflow: hidden;
}
.searchBtnFix.posFix .btn img{
position: relative;
left: -500px;
top: 0px;
}
.searchBtnFix.posFix .btn:hover img{
left: -500px;
top: -25px;
}
.asideBottom.close .searchBtnFix.posFix .btn img{
left: -500px;
top: -50px;
}
.asideBottom.close .searchBtnFix.posFix .btn:hover img{
left: -500px;
top: -75px;
}
.searchBtnFix .numbers{
text-align: center;
margin: -3px 0 6px;
}
.searchBtnFix.posFix .numbers{
color: #fff !important;
}
.searchBtnFix .numbers .number{
    font-size: 26px;
color: #ff0000;
font-weight: bold;
}
.searchBtnFix.posFix .numbers .number{
color: #fff !important;
}
.layoutAsideCond{
background: #f7f7f7;
padding: 16px;
border: solid 2px #e6e6e6;
}
.layoutAsideCond h5{
    font-size: 17px;
margin-bottom: 20px;
}
.layoutAsideCond .condition{
margin: -3px 0 8px;
}
.layoutAsideCond .button{
padding-left: 14px;
}

.inputSerchWord01{
width: 158px;
}
/* サイドカラム基本 */
.layoutAside{
margin-bottom: 32px;
}

/* トップページバナー */
.listAsideBnr li{
margin-bottom: 20px;
text-align: center;
}
.listAsideBnr li.last,
.listAsideBnr li:last-of-type{
margin-bottom: 0px;
}
/* トップページイベント情報 */
.listTopEvent{
margin-bottom: 20px;
}
.listTopEvent li{
line-height: 1em;
margin-bottom: 16px;
}
.listTopEvent li.last,
.listTopEvent li:last-of-type{
margin-bottom: 0px;
}
.listTopEvent li a:hover .title,
.listTopEvent li a:hover .date{
text-decoration: underline;
}
.listTopEvent li .date{
display: inline-block;
width: 96px;
}
.listTopEvent li .title{
display: inline-block;
}
/* トップページサイドデータ定義リスト */
.listTopAside01 dt{
font-weight: bold;
margin-bottom: 3px;
}
.listTopAside01 dd{
padding-bottom: 12px;
border-bottom: solid 1px #e6e6e6;
margin-bottom: 13px;
}
.listTopAside01 dd.last,
.listTopAside01 dd:last-of-type{
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.fixMenu{
    background: #f2fcff;
width: 288px;
}
.fixMenu.fixed{
position: fixed;
}
.fixMenuB.fixed{
position: fixed !important;
}
/*--------------------------------------------------
    Footer Area
--------------------------------------------------*/
#footer{
width: 100%;
    margin: 60px auto 0;
}
#footer.footerSimple{
border-top: 1px solid #dedede;
}
#footer a {
    color: #808080;
}
#footer a:hover{
color:#333333;
}
.footer1200{
width: 1200px;
margin: 0 auto;
}
.footUpper{
    padding: 20px 17px;
    background: #e6f1f5;
    border: none;
    padding-bottom: 14px;
    border-radius: 6px;
}
.footUpper .intro{
    color: #222222;
line-height: 1em;
    margin-bottom: 24px;
    font-size: 12px;
    font-weight: bold;
}
.footUpperRight .intro{
padding-top: 31px;
margin-bottom: 9px;
}
.footUpperRight .notice{
color:#666666;
    font-size: 11px;
margin-top: 8px;
}

.footUpperLeft{ width: 846px; float: left;}
.footUpperLeftAll{ width: 100%;}
.footUpperRight{ width: 320px; float: right;}

.footUpper .box01{ width: 192px; float: left; }
.footUpper .box02{ width: 159px; float: left; }
.footUpper .box03{ width: 177px; float: left; }
.footUpper .box04{ width: 144px; float: left; }
.footUpper .box05{ width: 174px; float: left; }
.footUpper .box06{ width: 320px; float: left; }
.footer1024 .footUpper .box06{ width: 288px; float: left; }
.footUpper .box07{ width: 176px; float: left; }
.footUpper .box08{ width: 160px; float: left; }
.footLink{
    font-size: 14px;
    line-height: 1.43em;
}
.footLink dt {
font-weight: bold;
    color: #222222;
    margin-bottom: 7px;
line-height: 1em;
    font-size: 12px;
}
.footLink dd {
    font-size: 11px;
    color: #808080;
}
.footerUpperUnder{
clear:both;
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 21px;
    padding-bottom: 14px;
}
.snsBox{
clear: both;
}
.snsBox .txt{
float: left;
    font-size: 11px;
line-height: 20px;
    margin-right: 25px;
    color: #222222;
}
.snsBox .btns{
float: left;
}
.snsBox .btns li{
float: left;
margin-right: 10px;
    width: 18px;
}
.snsBox .btns li a{
display: inline-block;
    width: 18px;
    height: 18px;
position: relative;
overflow: hidden;
}
.snsBox .btns li a img.tw{
position: absolute;
left: -300px;
    top: -1250px;
}
.snsBox .btns li a img.fb{
position: absolute;
left: -350px;
    top: -1250px;
}
.snsBox .btns li a img.hb{
position: absolute;
left: -400px;
    top: -1250px;
}
.footUtility {
    font-size: 11px;
    line-height: 22px;
}
.footSec{
    font-size: 12px;
line-height: 32px;
}
.footThird{
    border-bottom: solid 1px #e6f1f5;
    padding: 12px 0 6px;
}
.footFour{
padding: 5px 0 6px;
    border-bottom: solid 1px #e6f1f5;
    font-size: 11px;
line-height: 1.91em;
}
.mr19{
margin-right: 14px;
}
.footFour p{
    color: #808080;
}
.footFour .groupLink li{
float: left;
}
.footFour .groupLink li:after{
    color: #808080;
    content:'\FF5C';
    margin-left: -4px;
    margin-right: 1px;
}
.footFour .groupLink li.last:after,
.footFour .groupLink li:last-of-type:after{
display: none;
}
.footer1024{
width: 1024px;
margin: 0 auto;
}
.footerUnder{
height: 74px;
    border-top: 1px solid #e6f1f5;
position: relative;
}
#footer.footerSimple .footerUnder{
border-top: none;
}
.footerUnder .pmark{
width: 55px;
height: 54px;
position: absolute;
left: 0;
top: 9px;
overflow: hidden;
}
.footerUnder .pmark img{
position: absolute;
left: -650px;
    top: -1200px;
}
.footerUnder .pmark02{
    width: 293px;
height: 12px;
position: absolute;
left: 69px;
top: 21px;
overflow: hidden;
}
.footerUnder .pmark02 img{
position: absolute;
left: -450px;
    top: -1299px;
}
.footerUnder .pmark03{
width: 289px;
height: 12px;
position: absolute;
left: 70px;
top: 39px;
}

.footerUnder .pmark03 a{
    font-size: 11px;
line-height: 1em;
    color:#007fc3 !important;
}
.footerUnder .logo{
    width: 230px;
height: 43px;
position: absolute;
right: 0px;
top:18px;
overflow: hidden;
}
.footerUnder .logo img{
position: absolute;
left: -176px;
    top: -1299px;
}
.footerUnder .copy{
    font-size: 11px;
    color:#222222;
width: 200px;
height: 10px;
text-align: right;
position: absolute;
    right: 243px;
    top: 45px;
}
#footerFormTxt{
width: 298px;
height: 67px;
margin-bottom: 10px;
    font-size: 11px;
padding: 10px;
line-height: 1.28em;
}
#footerFormTxt.initial{
color:#999999;
}
.btnToTop{
overflow: hidden;
width: 64px;
height: 64px;
position: fixed;
right:32px;
bottom: 32px;
}
.btnToTop{
opacity: 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-property: opacity;
transition-duration: 0.2s;
transition-timing-function: linear;
}
.btnToTop.open{
opacity: 1;
}
.btnToTop a img{
position: relative;
top: 0;
left: 0px;
}
.btnToTop:hover a img{
position: relative;
top: -106px;
left: -0px;
}
.footName{
    width: 170px;
height: 16px;
position: relative;
overflow: hidden;
}
.footName img{
position: absolute;
left: -450px;
    top: -1250px;
}
#footer .footFour a {
    color: #808080;
}
#footer .footUtility.fltR span a.icoBlank02 {
    color: #808080;
}
.footUtility.fltR span.mr19 {
    color: #222222;
    margin-right: 0;
}

/*--------------------------------------------------
    ScrollHeader
--------------------------------------------------*/

.btnList.btnList37{
padding-top: 20px;
}

.blockBox01 {
}
.blockBox01 .blkUl ul.listBlk {
width: 100%;
}
.blockBox01 .blkUl ul.listBlk li {
height: 68px;
position: relative;
}
.blockBox01 .blkUl ul.listBlk li span.blk_l {
  width: 526px;
  margin: 0;
  padding: 14px 0 10px;
  display: block;
  float: left;
}
.blockBox01 .blkUl ul.listBlk li span.blk_l span.blkTitle {
  font-weight: bold;
  padding-bottom: 4px;
  display: inline-block;
}
.blockBox01 .blkUl ul.listBlk li span.blk_r {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  bottom: 26px;
  right: 20px;
  float: left;
  overflow: hidden;
}
.blockBox01 .blkUl ul.listBlk li span.blk_r img {
  position: absolute;
  left: -450px;
  top: -100px;
}
.blockBox01 .blkUl ul.listBlk li span.blk_r img:hover {
cursor: pointer;
margin: 0;
left: -450px;
top:-114px;
}

.noScrollArea {
width: 752px;
border: solid 1px #e6e6e6;
margin-bottom: 20px;
box-sizing: border-box;
padding: 15px;
}
.modalCompany {
display: block;
font-weight: bold;
}

.modalAlert02 {
width: 752px;
margin-bottom: 10px;
background: #f2f2f2;
padding: 5px 0;
}
.modal.currentSearch .modalAlert02 p {
line-height: 30px;
margin-left: 17px;
margin-bottom: 0;
padding-left: 20px;
position: relative;
}
.modal.currentSearch .modalAlert02 p:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
width: 14px;
height: 14px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -350px -200px;;
}
.scrollAreaBorder {
border: solid 1px #e6e6e6;
box-sizing: border-box;
}
.scrollArea.currentSearch02 {
height: 459px;
margin-bottom: 20px;
}
.listCons01 li {
padding: 15px;
border-bottom: solid 1px #e6e6e6;
width: 100%;
}
.listCons01 li.last,.listCons01 li:last-of-type {
border-bottom: none;
}
.deleteConfLead .numbers{
float: right;
}
.deleteConfLead .numbers .number{
font-weight: bold;
    font-size: 19px !important;
color: #ff0000;
margin-left: 5px;
}

.scrollHead{
width: 100%;
    border-bottom: none;
    height: 70px;
position: fixed;
    top:-75px;
left: 0;
    background: none;
-webkit-transition-property: top;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-property: top;
transition-duration: 0.2s;
transition-timing-function: linear;
z-index: 7000;
}
.scrollHead.open{
    top:15px;
}

.scrollHeadInr.type01,
.scrollHeadInr.type02{
width: 1200px;
background: #fff;
    height: 70px;
margin: 0 auto;
position: relative;
    border-radius: 35px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
    padding: 20px 47px;
    box-sizing: border-box;
}
.scrollHeadInr.type01 .left { width: 273px; float:left;}
.scrollHeadInr.type01 .right{ width: 833px; float:left;}
.scrollHeadInr.type02 .left { width: 500px; float:left;}
.scrollHeadInr.type02 .right{ width: 700px; float:left;}
.scrollHeadInr.type03 .left { width: 560px; float:left;}
.scrollHeadInr.type03.scrollHeadInrJob .left { width: 400px; float:left; overflow: hidden;}
.scrollHeadInr.type03 .right{ width: 530px; float:right;}
.scrollHeadInr .logo{
    padding: 0 0 0 1px;
float: left;
margin-right: 30px;
    margin-top: -4px;
}
.scrollHeadInr .numbers{
width: 210px;
line-height: 1em;
padding-top: 24px;
}
.scrollHeadInr .numbers.sclC2{
width: 500px;
}
.scrollHeadInr .numbers .number{
color: #ff0000;
font-weight: bold;
    font-size: 19px !important;
}
.scrollHeadInr .left .numbers{
float: left;
}
.scrollHeadInr .left.sclC2 {
width: 575px;
}
.scrollHeadInr .left.sclC2 .numbers {
width: 300px;
}
.scrollHeadInr .right .numbers{
float: right;
text-align: right;
}
.scrollHeadInr .right.sclC2 {
width: 624px;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight {
float: right;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li {
width: 157px;
font-weight: bold;
float: left;
text-align: center;
z-index: 9995;
position: relative;
margin-right: -1px;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li.active{
z-index: 9996;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li.last,
.scrollHeadInr .right.sclC2 ul.listFullHeight li:last-of-type{
width: 156px;
margin-right: 0;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a{
width: 157px;
height: 56px;
padding: 3px 17px 0 0;
color: #000000;
display: table-cell;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 131px -272px;
vertical-align: middle;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a:hover {
width: 155px;
height: 56px;
border-right: 1px solid #ebecf8;
border-left: 1px solid #ebecf8;
border-bottom: 1px solid #cccccc;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 130px -272px #ebecf8;
text-decoration: none;
display: table-cell;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.active {
width: 155px;
height: 57px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #f7f7f7 !important;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 130px -322px #f7f7f7 !important;
text-decoration: none;
}

.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl01 {
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 117px -272px;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl01:hover {
width: 155px;
border-bottom: none;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 116px -272px #ebecf8;
text-decoration: none;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl01.active {
width: 155px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 116px -322px #f7f7f7 !important;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl03 {
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 111px -272px;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl03:hover {
width: 155px;
border-bottom: none;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 110px -272px #ebecf8;
text-decoration: none;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl03.active {
width: 155px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat 110px -322px #f7f7f7 !important;
}
.scrollHeadInr .paging{
padding-top: 26px;
line-height: 1em;
}
.scrollHeadInr .right{
height: 30px;
    padding-top: 0;
}
.scrollHeadInr.type03 .right{
height: 59px;
padding-top: 0;
}
.scrollHeadInr .right.typeFullHeigt{
height: 0;
padding-top: 0;
}
.scrollHeadInr .right.sclC2.typeFullHeigt {
height: 60px;
padding: none;
float: right;
}
.scrollHeadInr.type03{
width: 1024px;
background: #fff;
    height: 70px;
margin: 0 auto;
    border-radius: 35px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
    padding: 15px 47px;
    box-sizing: border-box;
}
.scrollHeadInr .jobCompany{
    font-size: 14px;
font-weight: bold;
line-height: 1em;
    padding-top: 3px;
    margin-bottom: 9px;
height: 14px;
overflow: hidden;
}
.scrollHeadInr .jobTitle{
line-height: 1em;
    height: 12px;
overflow: hidden;
    font-size: 12px;
    color: #808080;
}
@media all and (-ms-high-contrast:none) {
    .scrollHeadInr .jobTitle {
        padding-top: 2px;
    }
}
.btnList.btnList36{
padding-top: 12px;
}
.btnList.btnList30{
padding-top: 15px;
}
.scrollHeadInrJob .btnList.btnList30{
    padding-top: 0;
}
.btnList li{
float: right;
margin-left: 8px;
}
.btnList li.last,
.btnList li:last-of-type{
margin-left: 0;
}
/* .scrollHeadInr .allPrint{
margin-right: 17px;
} */

.hstBtnWrapMain ul{
margin-top: 19px;
text-align: center;
}
.hstBtnWrapMain ul li{
display: inline-block;
margin: 0 8px;
}
.hstDeleteInr .hstBtnWrap ul{
text-align: center;
}
.hstDeleteInr .hstBtnWrap ul li{
display: inline-block;
margin: 0 8px;
}

.historyBox01 {
width: 590px;
padding: 16px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #f7f7f7;
position: absolute;
top: 60px;
left: 576px;
display: none;
z-index: 9998;
}
.historyBox01 .hstUl ul.listHst {
width: 588px;
border: 1px solid #cccccc;
background: #ffffff;
}
.historyBox01 .hstUl ul.listHst li {
border-bottom: 1px solid #cccccc;
height: 68px;
position: relative;
}
.historyBox01 .hstUl ul.listHst li:hover {
background: #ebecf8;
}
.historyBox01 .hstUl ul.listHst li.last,
.historyBox01 .hstUl.hstDelete ul li {
border: none;
}
.historyBox01 .hstUl ul.listHst li.noneLi {
width: 588px;
border-bottom: none;
display: none;
vertical-align: middle;
text-align: center;
}
.historyBox01 .hstUl ul.listHst li.noneLi:hover {
background: none;
}
.historyBox01 .hstUl ul.listHst li a {
display: block;
}
.historyBox01 .hstUl ul.listHst li a span.hst_l{
width: 526px;
margin: 0;
padding: 14px 16px 10px;
display: block;
float: left;
color: #0a50a1;
}
.historyBox01 .hstUl ul.listHst li a span.hst_l span.hstTitle {
font-weight: bold;
padding-bottom: 4px;
display: inline-block;
}
.historyBox01 .hstUl ul.listHst li span.hst_r {
width: 14px;
height: 14px;
display: block;
position: absolute;
bottom: 26px;
right: 20px;
float: left;
overflow: hidden;
}
.historyBox01 .hstUl ul.listHst li span.hst_r img {
position: absolute;
left: -450px;
top: -100px;
}
.historyBox01 .hstUl ul.listHst li span.hst_r img:hover {
cursor: pointer;
margin: 0;
left: -450px;
top:-114px;
}
.layout.hsBox {
margin: 0;
}

.modListFunctionBottom {
display: none;
padding-bottom: 30px;
opacity: 0;
}

.scrollFooter {
position: fixed;
bottom: -72px;
left: 0;
z-index: 7000;
width: 100%;
height: 72px;
-webkit-transition-property: bottom;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-property: bottom;
transition-duration: 0.2s;
transition-timing-function: linear;
}
.scrollFooter.open {
bottom: 0px;
}
.scrollFooter.open.hideForce {
bottom: -72px;
}

.scrollFooterInr {
width: 1200px;
height: 72px;
margin: 0 auto;
position: relative;
}
.scrollFooterInr .modListFunctionC {
background: #262626;
background: rgba(0, 0, 0, .9);
margin-left: 320px;
padding: 20px 16px;
width: 880px;
height: 72px;
box-sizing: border-box;
}

.scrollFooterInr .funcText,
.scrollFooterInr .allPrint {
color: #fff;
}

/*----hstDelete----*/
.historyBox01.hstDelete {
padding-bottom: 86px;
}
.historyBox01 .hstUl.hstDelete {
width: 588px;
height: 402px;
border: 1px solid #cccccc;
background: #FFF;
display: none;
}
.historyBox01 .hstUl.hstDelete ul {
width: 420px;
margin: 0 auto;
border: none;
background: #f7f7f7;
}
.historyBox01 .hstUl.hstDelete .hstDeleteInr {
width:  420px;
height: 200px;
margin: 100px auto;
border: 1px solid #cccccc;
background: #f7f7f7;
}
.historyBox01 .hstUl.hstDelete .hstDeleteInr p {
width: 420px;
margin: 57px auto 33px;
text-align: center;
}
/*----recentBox----*/
.historyBox01.recentBox {
padding-bottom: 23px;
}

/*--------------------------------------------------
    ModalWindow
--------------------------------------------------*/
.modal{
width: 942px;
background: #fff;
margin: 0 auto;
position: relative;
border-radius: 3px;
}
.modalDelMes{
width: 782px;
}
.modal iframe{
display: block;
    width: 960px;
    height: 570px;
}
.modal.modal550 iframe{
    height: 272px;
}
.modal .inner01{
height:558px;
padding: 20px 15px;
}
.modal .inner02{
padding: 20px 15px;
}
.modalFarmeInner .inner01,
.modalFarmeInner .inner02{
padding: 15px;
margin: 5px 0;
}
.modal .inner02 .modalCond{
border: solid 3px #e6e6e6;
background: #f7f7f7;
padding: 16px;
margin-bottom: 30px;
}
.modal .inner02 .modalCond p{
color: #3d3d3d;
margin: -3px 0 -4px;
}
.headModal01{
margin-bottom: 20px;
height:16px;
}
.modalDelMes .headModal01{
margin-bottom: 10px;
}
.headModal01 h2{
    font-size: 19px !important;
line-height: 1em;
float: left;
}
.headModal01 .numbers{
margin-right: 32px;
float: right;
}
.headModal01 .numbers .number{
font-weight: bold;
    font-size: 19px !important;
color: #ff0000;
}
.headModal02{
border-bottom: solid 1px #e6e6e6;
background: #101177;
}
.headModal02 h3{
color: #fff;
    font-size: 17px !important;
line-height: 1em;
padding: 8px 16px;
}
.modal .inner .left{
width:510px;
height:461px;
border: solid 1px #e6e6e6;
float: left;
}
.modal .inner .left .jspPane{
width: 510px !important;
}
ul.hierTop li{
border-bottom: solid 1px #e6e6e6;
position: relative;
}
ul.hierTop li:last-of-type{
border-bottom: none;
}
ul.hierTop .icoModal{
display: none;
}
ul.hierTop li.selected .icoModal{
display: inline-block;
}
ul.hierTop li a{
display: block;
line-height:1em;
padding: 10px 16px 9px;
}
ul.hierTop li.active a,
ul.hierTop li a:hover{
background: #ebebf8;
text-decoration: none;
}
ul.hierTop li.active a{
font-weight: bold;
}

.modal .inner .num{
display: inline-block;
    font-size: 10px !important;
color: #808080 !important;
font-weight: normal !important;
}
.modal .inner .right{
width:382px;
height:462px;
border: solid 1px #e6e6e6;
float: right;
}
.modal .inner .left .scrollArea{
height: 429px;
}
.modal .inner .right .scrollArea{
height: 429px;
border-bottom: solid 1px #e6e6e6;
}
.modal .inner .right .scrollArea .testInner{
height:1000px;
background: #DDD;
}
.modal .inner .right .scrollArea .jspPane{
width:382px !important;
}
.modal .inner .right .cateBox {
display: none;
}
.modal .inner .right .cateBox.active {
display: block !important;
}
.modal .inner .right .cateBox.cateBoxDefault{
display: table-cell;
text-align: center;
vertical-align: middle;
background: #f7f7f7;
width: 382px;
height: 429px;
}
.modal .inner .right .hier01{
padding: 10px 15px 6px 15px;
background: #f7f7f7;
border-bottom: solid 1px #e6e6e6;
}
.modal .inner .right span.checked{
font-weight: bold;
}
.modal .inner .right dl.hier02{
padding: 10px 0 15px 15px;
border-bottom: solid 1px #e6e6e6;
}
.modal .inner .right dl.hier02.last,
.modal .inner .right dl.hier02:last-of-type{
border-bottom: none;
}
.modal .inner .right dl.hier02 dt{
margin-bottom: 5px;
}
.modal .inner .right dl.hier02 dd{
margin-bottom: 5px;
padding-left: 26px;
position: relative;
}
.modal .inner .right dl.hier02 dd:before{
content:'';
position: absolute;
left: 0;
top: 0;
width: 26px;
height: 21px;
    background: url(/cmn_web/img/common/sprite_001.png) 7px -197px no-repeat;
overflow: hidden;
}
.modal .inner .right .ckWrapA{
display: block;
}
.modal .inner .right .ckWrapA .ckWrapA_Cbox{
display: inline;
width: 18px;
float: left;
}
.modal .inner .right .ckWrapA .ckWrapA_Lbox{
display: inline;
float: left;
top: -1px;
}
.modal .inner .right .hier01 .ckWrapA .ckWrapA_Lbox{
width: 314px;
}
.modal .inner .right dt .ckWrapA .ckWrapA_Lbox{
width: 314px;
}
.modal .inner .right dd .ckWrapA .ckWrapA_Lbox{
width: 292px;
}
.modal .inner .buttonWrap{
width: 240px;
margin: 11px auto 0;
height: 30px;
position: relative;
}
.modal .inner .buttonWrap .numbers{
width: 210px;
height: 20px;
text-align: right;
position: absolute;
left: -243px;
top:18px;
}
.modal .inner .buttonWrap .numbers .number{
font-weight: bold;
    font-size: 19px !important;
color: #ff0000;
}
.modal .inner .buttonWrap .reset{
width: 150px;
line-height: 13px;
height: 13px;
position: absolute;
top:21px;
right: -182px;
}
.modal .inner .number{
color: #ff0000;
font-weight: bold;
}

.modal .placeBox .ckWrapA{
margin-top: -1px;
height: 18px;
overflow: hidden;
}
.modal .placeBox .ckWrapA .ckWrapA_Lbox{
height: 18px;
line-height: 18px;
overflow: hidden;
top:0;
}
.modal .placeBox .ckWrapA.checked .ckWrapA_Lbox{
font-weight: bold;
}
.modal .placeBox .ckWrapA .ckWrapA_Lbox label{
display: inline-block;
height: 18px;
line-height: 18px;
overflow: hidden;
}
.modal .placeBox td p{
margin-bottom: 7px;
}
.modal .placeBox td p .ckWrapA{
width: 139px;
float: left;
margin-right: 0;
}
.modal.modal782{
width: 782px;
}
.modal.modal716{
width: 716px;
}
/*currentSearch Modal*/
.modal.currentSearch {
width: 782px;
}

.headModal01.currentSearch {
margin-bottom: 6px;
}
.modalDelMes .headModal01.currentSearch{
margin-bottom: 16px;
}
.modal.currentSearch .inner p {
margin-bottom: 16px;
}
.modalDelMes .modal.currentSearch .inner p {
margin-bottom: 8px;
}
.modal.currentSearch .inner p.alignC {
margin-bottom: 0;
}
.modalAlert {
width: 710px;
margin-bottom: 10px;
background: #f2f2f2;
border: 1px solid #e6e6e6;
}
.modal.currentSearch .modalAlert p {
    font-size: 11px;
line-height: 30px;
margin-left: 7px;
margin-bottom: 0;
padding-left: 20px;
position: relative;
}
.modal.currentSearch .modalAlert p:after{
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
width: 14px;
height: 14px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -350px -200px;
}
.moDelListWrap{
height: 275px;
border: solid 1px #e6e6e6;
}
.modalDelList{
width: 750px;
}
.modalDelList li{
padding: 15px 0 11px;
border-bottom: solid 1px #e6e6e6;
}
.modalDelList li.last,
.modalDelList li:last-of-type{
margin-bottom: 0px;
border-bottom: none;
}
.modalDelList li p.title{
padding-left: 16px;
margin-bottom: 2px;
font-weight: bold;
}
/*
.modalDelList li p.title:before {
content: '';
width: 16px;
height: 16px;
background: url(/cmn_web/img/common/sprite_001.png) 0px -245px no-repeat;
position: absolute;
left: 0;
top: 0;
}
*/
.modalDelList li p.txt{
padding-left: 16px;
}
.scrollArea.currentSearch {
height: 236px;
margin-bottom: 20px;
}
.modal.currentSearch .scrollArea.currentSearch {
    height: 207px;
}
.modList02 .middle .box01.currentSearch {
width: 710px;
float: left;
}
.box01.currentSearch .listJpbSpec02 {
margin-bottom: 10px;
}
.box01.currentSearch .listJpbSpec02 dd {
width: 560px;
}
.box01.currentSearch .listJpbSpec02 dt,
.box01.currentSearch .listJpbSpec02 dt .icoSpc02 {
width: 80px;
}
.headModal03{
margin-bottom: 20px;
}
.headModal03 h1{
    font-size: 19px !important;
line-height: 1em;
float: left;
}
.modal .inner .bookMarkItem .scrollArea{
height: 315px;
margin-bottom: 20px;
}
/* 全体 */
.jspScrollable:focus{
outline: 0;
}
.jspContainer { overflow:hidden; position:relative; }
/* スクロールバーを除いたエリア */
.jspPane { position:absolute; }
/* 縦スクロールバー */
.jspVerticalBar{
position:absolute;
top:0;
right:8px;
width:10px;
height:100%;
}
/* 横スクロールバー */
.jspHorizontalBar{
position:absolute;
bottom:0;
left:0;
width:100%;
height:10px;
border-radius: 5px;
}
/* 背景 */
.jspTrack { background:#cccccc; position:relative; border-radius: 5px; z-index: 10;}
/* ノブ */
.jspDrag { background:#808080; position:relative; top:0; left:0; cursor:pointer; border-radius: 5px;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }
.jspVerticalBar .jspArrow {
  background: #50506d;
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 10px;
}
.jspArrowUp {
position: relative;
top:10px;
opacity: 0;
}
.jspArrowDown {
position: relative;
top:-10px;
z-index: -1;
opacity: 0;
}


.helpWarp{
width: 782px;
min-height: 398px;
margin: 0 auto;
position: relative;
padding-bottom: 28px;
}
.helpHead{
padding: 24px 32px 23px;
}
.headHelp01{
padding: 9px 32px 6px;
background: #101177;
color: #fff;
font-weight: bold;
    font-size: 19px !important;
margin-bottom: 20px;
}
.helpContent{
padding: 0 32px;
}
.helpFoot{
border-top:solid 1px #dedede;
height: 28px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}

.helpFoot .copy{
    font-size: 11px;
color: #4c4c4c;
line-height: 28px;
padding-right: 32px;
text-align: right;
}

/* GM-010 リンクなしサイドメニュー*/
.asideMunu01 li dd .nolink{
display: block;
line-height: 1em;
padding: 10px 16px 10px 18px;
margin-bottom: 1px;
position: relative;
}


/*--------------------------------------------------
    FileUpload Layout
--------------------------------------------------*/
.selectFileNone {
display:none;
}
.selectFileButton{
display: block;
float: left;
}
.selectFileLabel {
background:#fff !important;
display: block;
float: left;
width:420px;
margin-right:20px;
border:none !important;
}
.selectFileLabelMsg {
width:540px;
}
.deleteFileButton{
position: relative;
float: left;
}
.deleteFileButton a{
width: 15px;
height: 15px;
position: absolute;
left: 0;
top: 7px;
overflow: hidden;
}
.deleteFileButton img{
position: absolute;
left: -450px;
top: -100px;
}
.deleteFileButton img:hover{
position: absolute;
left: -450px;
top: -114px;
}
.displayNone {
display: none;
}
.displayBlock {
display: block;
}
.modalDelMes600{
    width: 960px;
}
.modalDelMes600 .headModal01{
    margin-bottom: 0;
}
.modalDelMes600 .headModal01.currentSearch{
margin-bottom: 16px;
}
.modalDelMes600 .modal.currentSearch .inner p {
margin-bottom: 8px;
}
.modalDelMes600 a.btnC02 {
    width: 240px;
    font-size: 15px;
}
.modalDelMes600 a.btnC00 {
    width: 238px;
    padding: 17px 0 15px;
    font-size: 15px;
}
.modal.modal600{
width: 600px;
}

.modal.modal550{
    width: 960px;
}

.borderTopNone {
border-top: 0px !important;
}
.marginLeft07 {
display: inline-block;
margin-left: 7px !important;
}
.fontSize11 {
font-size:11px !important;
}
.paddingRight08 {
padding-right: 8px !important;
}
.borderBottom01 {
border-bottom: solid 1px #e6e6e6 !important;
}

/* ----------------------------------------------------------------
modules.css
----------------------------------------------------------------- */
/*==================================================
Heading
Text
Icons
Unorderd List
Orderd List
Difinision List
Link
Table
Form
Layout
Option
Clear Fix
==================================================*/

/*--------------------------------------------------
Heading
--------------------------------------------------*/
.head01{
    margin-bottom: 30px;
}
.head01 h1{
    font-size: 28px;
}
.head01 h1.iconDisp{
display: inline-table;
word-break: break-all;
word-wrap: break-word;
}
.head01.head01-01 h1{
float: left;
    margin-right: 13px;
}
.head01.head01-01 p.jobnm {
  clear:both;
}
.head01.head01-01 .faqLink{
float: left;
}
.head02 .faqLink{
    line-height: 1;
    display: flex;
    padding-left: 10px;
}
.head01.head01-01 .faqLink a{
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: -3px;
}
.head02 .faqLink a{
    position: relative;
    width: 17px;
    height: 17px;
    display: -webkit-box;
    overflow: hidden;
    margin: -2px 0px;
}
@media all and (-ms-high-contrast:none) {
    .head01.head01-01 .faqLink a {
        margin-top: -2px;
　}
}
.head01.head01-01 .faqLink img{
    position: absolute;
    left: -50px;
    top: -2250px;
}
.head02 .faqLink img{
    position: absolute;
    left: -37px;
    top: -1687px;
    height: 2250px;
}
.head01.head01-02 h1{
float: left;
}
.head01.head01-02 .helpLink{
float: right;
}
.head01 .explain{
    font-size: 12px !important;
margin: 6px 0 -4px;
word-break: break-all;
word-wrap: break-word;
}
.head01.head01Detail .explain{
    font-size: 15px !important;
}
.head01Detail .inner{
    border-top: solid 4px #0a50a1;
padding-top: 16px;
}
.head01Detail .metaTxt{
    font-size: 11px !important;
text-align: right;
margin-bottom: 5px;
}
.head01Detail .detailIcons{
padding: 10px 0 0;
    background: #fff url(/resources/dcfront/images/bg_002.png) 0 0 repeat-x;
}
.head02{
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: none;
    height: auto;
}
.head02 h2,.head02 h3,.head02 h4{
    font-size: 20px;
float: left;
}
.head02 .subTxt{
float: right;
text-align: right;
}
.head02 .update{
line-height: 18px;
    font-size: 12px;
height: 18px;
background: #ff0000;
color: #fff;
font-weight: bold;
padding: 0 6px;
margin-left: 10px;
display: inline-block;
position: relative;
top:-3px;
}
.head02 .entryCheck01{
width: 65px;
height: 18px;
float: right;
text-align: right;
color: #a1a1a1;
font-weight: bold;
    font-size: 15px ;
position: relative;
}
.head02 .entryCheck01:after{
content: '';
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -350px -550px no-repeat;
}
.head02 .entryCheck02{
width: 65px;
height: 18px;
float: right;
text-align: right;
color: #82ad2b;
font-weight: bold;
    font-size: 15px ;
position: relative;
}
.head02 .entryCheck02:after{
content: '';
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 0;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -350px -500px no-repeat;
}
.head02_02{
border-bottom:none;
padding: 0px;
}
.head02_03{
border-bottom:none;
padding: 0px;
margin-bottom: 10px;
}
.head02.head02_03 {
margin-bottom: 15px;
}
.head03{
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: solid 2px #e6e6e6;
}
.head03 h2,.head03 h3,.head03 h4,.head03 h5{
    font-size: 17px;
}
.head04{
margin-bottom: 8px;
position: relative;
}
.head04 h3,.head04 h4,.head04 h5,.head04 h6{
    font-size: 16px;
line-height: 1em;
}
.head04 span.label{
display: inline-block;
width: 50px;
position: absolute;
right: 16px;
top:0;
text-align: right;
    font-size: 12px !important;
    color: #aaaaaa;
}
.asideMunu02 span.label{
right: 0;
}
.head05{
padding: 8px 16px;
margin-bottom: 16px;
background: #101177;
}
.head05 h2 ,.head05 h3,.head05 h4{
    font-size: 17px;
font-weight: bold;
color: #fff;
}
.head06{
height: 15px;
margin-bottom: 30px;
position: relative;
}
.head06 h4{
    font-size: 16px !important;
line-height: 1em;
}
.head06 a.btnSearchModal{
position: absolute !important;
top: 0;
right: 0;
}
.head07{
height: 23px;
border-left: solid 4px #101177;
padding-left: 2px;
margin-bottom: 10px;
position: relative;
}
.head07 h2,.head07 h3,.head07 h4{
    font-size: 19px !important;
line-height: 23px;
}
.head07 .linkTxt{
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
line-height: 1em;
}
.head08{
    background: transparent;
    height: auto;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.head08 h2 {
    font-size: 20px !important;
    line-height: 1.5em;
    padding-top: 0;
    color: #222222;
}
.head08 h3 ,.head08 h4 {
    font-size: 20px !important;
    line-height: 1em;
    padding-top: 0;
    color: #222222;
}
/*--------------------------------------------------
Text
--------------------------------------------------*/
/* FontSize */
.fs10{ font-size: 10px !important; }
.fs11{ font-size: 11px !important; }
.fs12{ font-size: 12px !important; }
.fs13{ font-size: 14px !important; }
.fs14{ font-size: 14px !important; }
.fs15{ font-size: 16px !important; }
.fs16{ font-size: 16px !important; }
.fs17{ font-size: 18px !important; }
.fs18{ font-size: 19px !important; }
.fs19{ font-size: 20px !important; }
.fs20{ font-size: 21px !important; }
.fs21{ font-size: 22px !important; }
.fs22{ font-size: 23px !important; }
.fs23{ font-size: 24px !important; }
.fs24{ font-size: 25px !important; }
.fs25{ font-size: 26px !important; }
.fs26{ font-size: 27px !important; }
.fs27{ font-size: 28px !important; }
.fs28{ font-size: 29px !important; }
.fs29{ font-size: 30px !important; }
.fs30{ font-size: 31px !important; }
.fs31{ font-size: 32px !important; }
.fs32{ font-size: 33px !important; }
.fs33{ font-size: 34px !important; }
.fs34{ font-size: 35px !important; }
.fs35{ font-size: 36px !important; }
.fs36{ font-size: 36px !important; }

.bold{ font-weight: bold !important; }
.red{ color: #ff0000 !important; }
.blue{ color: #0a50a1 !important;}
.orange{ color: #ff6600 !important;}
.lh01{line-height: 1em !important;}

/*--------------------------------------------------
Icons
--------------------------------------------------*/
/* トップ求人紹介 */
.icoTopSp{
display: inline-block;
width: 61px;
padding: 3px 0 2px;
border: solid 1px #b8b8b8;
color:#000;
    font-size: 10px;
line-height: 1em;
text-align: center;
}
/* キャリアコンサルタントおすすめ */
.icoCcReccomend{
    background: url(/cmn_web/img/common/sprite_001.png) -590px -2495px no-repeat;
display: inline-block;
width: 130px;
    padding: 7px 0 5px 48px;
    border: solid 1px #ff6600;
background-color: #FFFFFF;
    line-height: 13px;
text-align: left;
    color: #ff6600;
font-weight: normal !important;
font-size: 11px;
margin-top: 3px;
}

.modListFin .icoCcReccomend {
    background-image: url(/resources/dcfront/images/spacer.gif);
background-color: #FFFFFF;
color: #B8B8BE;
}

div.icoCcReccomend + div.fltL {
width: 420px;
}

/* 企業からのメッセージ 未読 */
.icoMessageBoxMail01{
width: 14px;
height: 10px;
    background: url(/cmn_web/img/common/sprite_001.png) 0px -400px no-repeat;
display: inline-block;
margin-bottom: -4px;
}

/* 未読 */
.icoSts01{
display: inline-block;
width: 28px;
padding: 3px 0 1px;
border: solid 1px #b8b8b8;
background: #fff;
color:#666666;
font-size: 11px;
line-height: 1em;
text-align: center;
}
/* NEW */
.icoSts02{
display: inline-block;
width: 35px;
padding: 4px 0 3px;
background: #ff0000;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
font-weight: normal;
vertical-align: middle;
    border-radius: 2px;
}
/* オレンジ */
.icoSts03{
display: inline-block;
width: 50px;
padding: 3px 0 2px;
border: solid 1px #ff6600;
background: #ffffff;
color:#ff6600;
font-size: 11px;
line-height: 1em;
text-align: center;
border-radius: 2px;
}
/* 締切間近 */
.icoSts04{
display: inline-block;
width: 58px;
padding: 3px 0 2px;
border: solid 1px #0a50a1;
background: #fff;
color:#0a50a1;
font-size: 11px;
line-height: 1em;
text-align: center;
font-weight: normal !important;
}
/* オレンジ コンサルタントおすすめ */
.icoSts05 {
display: inline-block;
width: 146px;
padding: 3px 0 1px;
border: solid 1px #ff6600;
background: #fff;
color: #ff6600;
font-size: 11px;
line-height: 1em;
text-align: center;
}
/* オレンジ背景 おすすめ */
.icoSts12 {
display: inline-block;
width: auto;
padding: 3px 3px 2px;
border: solid 1px #ff6600;
background: #ff6600;
color: #fff;
font-size: 11px;
line-height: 1em;
text-align: center;
vertical-align: middle;
border-radius: 2px;
}
/* オレンジ枠 担当者セレクト */
.icoSts13 {
display: inline-block;
width: auto;
padding: 3px 3px 2px;
border: solid 1px #ff6600;
background: #ffffff;
color:#ff6600;
font-size: 11px;
line-height: 1em;
text-align: center;
vertical-align: middle;
border-radius: 2px;
}
/* 水色枠 希望経験職種 */
.icoSts15 {
display: inline-block;
width: auto;
padding: 3px 3px 2px;
border: solid 1px #5abdb4;
background: #ffffff;
color:#5abdb4;
font-size: 11px;
line-height: 1em;
text-align: center;
vertical-align: middle;
border-radius: 2px;
}
/* navy リクルーター */
.icoSts10{
display: inline-block;
width: 58px;
padding: 3px 0 1px;
border: solid 1px #101177;
background: #fff;
color:#101177;
font-size: 11px;
line-height: 1em;
text-align: center;
}
/* ブルー→オレンジ 自動紹介アイコン */
.icoSts11 {
display: inline-block;
width: 58px;
padding: 4px 0 2px;
    border: solid 1px #ff6600;
background: #fff;
    color:#ff6600;
font-size: 11px;
line-height: 1em;
text-align: center;
font-weight: normal !important;
    border-radius: 2px;
}
/* 先行案内 */
.icoSts14{
display: inline-block;
width: 58px;
    padding: 3px 0 2px;
border: solid 1px #2cab9f;
    background: #2cab9f;
color:#ffffff;
font-size: 11px;
line-height: 1em;
text-align: center;
    border-radius: 2px;
}
/* 緑枠 先行案内 */
.icoSts14_2 {
display: inline-block;
width: auto;
padding: 3px 3px 2px;
border: solid 1px #2cab9f;
background: #ffffff;
color:#2cab9f;
font-size: 11px;
line-height: 1em;
text-align: center;
vertical-align: middle;
border-radius: 2px;
}
/* 求人スペック */
.icoSpc01{
display: inline-block;
width: 80px;
padding: 5px 0 5px;
    background: #0a50a1;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc01_business{
display: inline-block;
width: 80px;
padding: 5px 0 5px;
    background: #0a50a1;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc01_target{
display: inline-block;
width: 80px;
padding: 5px 0 5px;
    background: #0a50a1;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc01_workplace{
display: inline-block;
width: 80px;
padding: 5px 0 5px;
    background: #0a50a1;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc01_allowance{
display: inline-block;
width: 80px;
padding: 5px 0 5px;
    background: #0a50a1;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc01_job{
display: inline-block;
width: 80px;
padding: 5px 0 5px;
    background: #0a50a1;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc02{
display: inline-block;
width: 64px;
padding: 5px 0 5px;
background: #101177;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.listJpbSpec01 dt > span:not(.icoSpc01),
.listJpbSpec02 dt > span:not(.icoSpc01):not(.icoSpc02),
.listJpbSpec01 dt > .icoSpc01Fs10 {
display: inline-block;
width: 40px;
padding: 0;
color:#808080;
background: none;
font-size: 10px;
line-height: 1em;
text-align: center;
    /*white-space: pre;*/
}
.listJpbSpec04 {
wodth: 100%;
}
.listJpbSpec04 dt > span:not(.icoSpc01){
width: 40px;
padding: 0;
color:#808080;
background: none;
font-size: 10px;\\\
line-height: 1em;
text-align: center;
}

.icoSpc02_business{
display: inline-block;
width: 64px;
padding: 5px 0 5px;
background: #101177;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc02_target{
display: inline-block;
width: 64px;
padding: 5px 0 5px;
background: #101177;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc02_workplace{
display: inline-block;
width: 64px;
padding: 5px 0 5px;
background: #101177;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSpc02_allowance{
display: inline-block;
width: 64px;
padding: 5px 0 5px;
background: #101177;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.modListFin .listJpbSpec01 dt > span:not(.icoSpc01),
.modListFin .listJpbSpec02 dt > span:not(.icoSpc01):not(.icoSpc02),
.modListFin .listJpbSpec01 dt > .icoSpc01Fs10 {
    color:#b8b8b8;
}
.listJpbSpec01 dt > span:not(.icoSpc01)::before,
.listJpbSpec02 dt > span:not(.icoSpc01):not(.icoSpc02)::before,
.listJpbSpec01 dt > .icoSpc01Fs10::before,
.listJpbSpec04 dt > span:not(.icoSpc01)::before {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 4px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat;
    content: "";
}
.icoSpc01_business::before,
.icoSpc02_business::before {
    background-position: 0 -2800px !important;
}
.icoSpc01_target::before,
.icoSpc02_target::before {
    background-position: 0 -1850px !important;
}
.icoSpc01_workplace::before,
.icoSpc02_workplace::before {
    background-position: 0 -2900px !important;
}
.icoSpc01_allowance::before,
.icoSpc02_allowance::before {
    background-position: 0 -2950px !important;
}
.icoSpc01_job::before,
.icoSpc02_job::before {
    background-position: -50px -1800px !important;
}
.modListFin .icoSpc01_business::before,
.modListFin .icoSpc02_business::before {
    background-position: -250px -2800px !important;
}
.modListFin .icoSpc01_target::before,
.modListFin .icoSpc02_target::before {
    background-position: -250px -2850px !important;
}
.modListFin .icoSpc01_workplace::before,
.modListFin .icoSpc02_workplace::before {
    background-position: -250px -2900px !important;
}
.modListFin .icoSpc01_allowance::before,
.modListFin .icoSpc02_allowance::before {
    background-position: -250px -2950px !important;
}
.modListFin .icoSpc01_job::before,
.modListFin .icoSpc02_job::before {
    background-position: -300px -2800px !important;
}

.icoSpc02_job{
display: inline-block;
width: 64px;
padding: 5px 0 5px;
background: #101177;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}

.icoSpc01Fs10{
width: 75px;
height: auto;

padding: 5px 3px 5px 2px;
overflow: hidden;
position: relative;
}
.icoSpc01Fs10::before {
    background-position: 0 -2850px !important;
}
.modListFin .icoSpc01Fs10::before {
    background-position: -250px -1850px !important;
}
.icoSpc01Fs10::after {
    content: "アピール\Aポイント";
}
.icoSpc01Fs10 img{
position: absolute;
left: -397px;
top: -495px;
display: none;

}
.modListFin .icoSpc01Fs10 img{
position: absolute;
left: -397px;
top: -545px;
}

/* サービス種別 */
.icoSvc01{
display: inline-block;
width: 171px;
padding: 3px 0 3px;
background: #a0a08c;
color:#fff;
font-weight: bold;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSvc01.dead {
background: #b8b8b8!important;
}
.icoSvc01.icoSvc01Fs10{
font-size: 10px;
line-height: 11px;
}
.icoSvc01.icoSvcList01 {
width: 94px !important;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}

.icoSvc01.icoSvc01Fs10Width120{
font-size: 10px;
line-height: 11px;
width: 120px !important;
}

/* エージェントサービス */
.icoSvc02{
display: inline-block;
width: 159px;
padding: 4px 0 4px 0px ;
margin-left: 20px;
background: #a0a08c;
color:#fff;
font-weight: bold;
font-size: 13px;
line-height: 1em;
text-align: center;
}
.relative{
position: relative;
}

.icoSvc02Title01{
position: absolute;
top: 0;
left: 430px;
}

/* 求人紹介こだわり */
.detailIcons {
margin-top: 10px;
    padding: 7px 0 0 20px;
    background: none;
height: 16px;
}
.modList02 .detailIcons{
margin: 0;
padding: 0;
background: 0;
height: 18px;
}
.detailIcons li{
float: left;
    margin-right: 5px;
font-size: 11px;
    padding: 3px 4px 2px 4px;
    line-height: 1em;
    color: #007fc3;
position: relative;
    border: 1px solid #007fc3;
    background-color: #ffffff;
    border-radius: 2px;
}
.detailIcons li:after{
content: '';
height: 18px;
overflow: hidden;
position: absolute;
left: 0;
top: 2px;
}
.detailIcons li.detail01{
    padding-left: 5px;
}
.detailIcons li.detail01:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail01:after{
    background: none;
}
.detailIcons li.detail02{
    padding-left: 4px;
}
.detailIcons li.detail02:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail02:after{
    background: none;
}
.detailIcons li.detail03{
    padding-left: 5px;
}
.detailIcons li.detail03:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail03:after{
    background: none;
}
.detailIcons li.detail04{
    padding-left: 5px;
}
.detailIcons li.detail04:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail04:after{
    background: none;
}
.detailIcons li.detail05{
    padding-left: 5px;
}
.detailIcons li.detail05:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail05:after{
    background: none;
}
.detailIcons li.detail06{
    padding-left: 5px;
}
.detailIcons li.detail06:after{
    background: none;
    width: 0;
    padding-left: 24px;
}
.modListFin .detailIcons li.detail06:after{
    background: none;
}

.detailIcons li.detail07{
    padding-left: 9px;
}
.detailIcons li.detail07:after{
    background: none;
    width: 0;
    padding-left: 17px;
}
.modListFin .detailIcons li.detail07:after{
    background: none;
}
.detailIcons li.detail08{
    padding-left: 9px;
}
.detailIcons li.detail08:after{
    background: none;
    width: 0;
    padding-left: 26px;
}
.modListFin .detailIcons li.detail08:after{
    background: none;
}
.detailIcons li.detail09{
    padding-left: 5px;
}
.detailIcons li.detail09:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail09:after{
    background: none;
}
.detailIcons li.detail10{
    padding-left: 5px;
}
.detailIcons li.detail10:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail10:after{
    background: none;
}
.detailIcons li.detail11{
    padding-left: 5px;
}
.detailIcons li.detail11:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail11:after{
    background: none;
}
.detailIcons li.detail12{
    padding-left: 5px;
}
.detailIcons li.detail12:after{
    background: none;
    width: 0;
}
.modListFin .detailIcons li.detail12:after{
    background: none;
}
.detailIcons li.icoType + li:not(.icoType) {
    margin-left: 0;
}
/* 求人　雇用形態 */
.icoType{
display: inline-block;
    width: auto;
padding: 4px 0 3px;
border: solid 1px #b8b8b8;
    color:#ffffff !important;
    font-size: 11px !important;
line-height: 1em !important;
text-align: center;
background: #fff;
}
.detailIcons li.icoType {
    background: #007fc3;
    padding: 4px 6px 3px 7px;
    border: none;
}
.icoModal {
display: inline-block;
width: 42px;
padding: 3px 0 2px;
border: solid 1px #b8b8b8;
color: #000;
    font-size: 11px;
line-height: 1em;
text-align: center;
background: #fff;
position: absolute;
top:7px;
right:30px;
}
.layoutAside03 .searchAco .trigger .icoModal {
top:9px;
right:48px;
display: none;
    font-size: 10px;
}
/* フォーム推奨・必須 */
.icoForm01 {
display: inline-block;
width: 35px;
    padding: 4px 4px 3px;
    background: #007fc3;
color: #fff;
font-size: 11px;
line-height: 1em;
text-align: center;
    border-radius: 2px;
}
.icoForm02 {
display: inline-block;
    width: 38px;
padding: 4px 0 3px;
background: #ff0000;
color: #fff;
font-size: 11px;
line-height: 1em;
text-align: center;
    border-radius: 2px;
    margin-top: 2px;
}
.icoForm03 {
display: inline-block;
    width: 38px;
padding: 4px 0 3px;
    background: #cccccc;
color: #fff;
font-size: 11px;
line-height: 1em;
text-align: center;
    border-radius: 2px;
}
/*再開のお申込み*/
.modFormExp {
padding: 26px 30px;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
background: #F2F2F2;
}
.pRight02{
text-align: right;
margin-bottom: 5px;
    line-height: 1em;
}
.btnWrap {
text-align: center;
}
.btnWrap ul {
display: inline-block;
}
.btnWrap ul li {
float: left;
}
.btnWrap ul li.first {
margin-right: 16px;
}
/*---------------------------------------------------
Unorderd List
--------------------------------------------------*/
/* 基本リスト */
.list01 li{ margin-bottom: 6px; }
.list01 li:last-of-type,
.list01 li.last{ margin-bottom: 0;}
/* 求人票ボタンリスト */
.listBtns li{ margin-bottom: 10px; }
.listBtns li:last-of-type,
.listBtns li.last{ margin-bottom: 0;}
/* トップページ勤務地から探す */
.listTop01 li {
margin-bottom: 14px;
}
.listTop01 li span.head {
display: block;
width: 77px;
float: left;
}
.listTop01 li span.body {
display: block;
width: 320px;
float: left;
}
/* トップページお知らせ */
ul.topNotice li span{
display: inline-block;
padding: 4px 0px 3px;
width: 60px;
background: #FF0000;
color: #FFF;
font-size: 11px;
font-weight: normal;
line-height: 1em;
text-align: center;
position: relative;
margin-right: 10px;
vertical-align: top;
top:3px;
}
ul.topNotice li a{
display: inline-block;
width: 1130px;
float: right;
clear: both;
}
/* 検索結果ページネーション */
.pagenation{
float:right;
}
.pagenation li {
float: left;
margin-right: 10px;
    font-size: 12px !important;
line-height: 1em;
font-weight: bold;
}
.pagenation li.last,
.pagenation li:last-of-type{
margin-right: 0;
}
.pagenation li a.pagenationPrev,
.pagenation li a.pagenationNext{
display: block;
padding: 8px 10px;
color: #0a50a1;
border: solid 1px #dbdbdb;
border-radius: 4px;
width: 50px;
text-align: center;
}
.pagenation li a.pagenation{
display: block;
padding: 8px 10px;
color: #0a50a1;
border: solid 1px #dbdbdb;
border-radius: 4px;
}
.pagenation li a:hover{
text-decoration: none;
background: #ebecf8;
}
.pagenation li span.current{
display: block;
padding: 8px 10px;
color: #fff;
background: #101177;
border: solid 1px #101177;
border-radius: 4px;
}
.pagenation li.ellipses{
width: 20px;
text-align: center;
margin: 0 5px 0 -5px;
padding-top: 10px;
}
.linkList{
margin: -3px 0 -4px;
}
.linkList span{
color: #0a50a1;
display: inline;
}
.linkList span:after{
content: '｜ ';
}
.linkList span.last:after,
.linkList span:last-of-type:after{
content: none;
}
.stepList01,
.stepList02,
.stepList03{
    font-size: 14px;
line-height: 1em;
height: 40px;
overflow: hidden;
    margin-bottom: -5px;
    margin-top: 0;
    font-weight: bold;
}
.stepList01 li,
.stepList02 li,
.stepList03 li{
float: left;
text-align: center;
    padding: 12px 0;
    background: #ffffff;
position: relative;
    border: 1px solid #007fc3;
    border-radius: 2px;
    color: #007fc3;
}
.stepList01 li.current,
.stepList02 li.current,
.stepList03 li.current{
    background: #007fc3;
font-weight: bold;
color: #fff;
}
.stepList01 li.step01{
    width: 315px;
    padding-left: 0;
z-index: 3;
    margin-right: 37px;
}
.stepList01 li.step02{
    width: 315px;
    padding-left: 0;
z-index: 2;
    margin-right: 36px;
}
.stepList01 li.step03{
    width: 315px;
    padding-left: 0;
z-index: 1;
    margin-right: 0;
}
.stepList02 li.step01{
width: 226px;
padding-left: 20px;
z-index: 4;
}
.stepList02 li.step02{
width: 246px;
padding-left: 10px;
z-index: 3;
}
.stepList02 li.step03{
width: 246px;
padding-left: 10px;
z-index: 2;
}
.stepList02 li.step04{
width: 256px;
padding-left: 10px;
z-index: 1;
}
.stepList03 li.step01{
width: 486px;
padding-left: 20px;
z-index: 4;
}
.stepList03 li.step02{
width: 508px;
padding-left: 10px;
z-index: 3;
}
.stepList01 li.step01:before,
.stepList01 li.step02:before,
.stepList02 li.step01:before,
.stepList02 li.step02:before,
.stepList02 li.step03:before,
.stepList03 li.step01:before,
.stepList03 li.step02:before{
content: "";
position: absolute;
top : -2px;
right:-22px;
width: 0;
height: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.stepList01 li.step01:after,
.stepList01 li.step02:after,
.stepList02 li.step01:after,
.stepList02 li.step02:after,
.stepList02 li.step03:after,
.stepList03 li.step01:after{
content: "";
position: absolute;
    top: 12px;
    right: -23px;
width: 0;
height: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-style: solid;
    border-width: 5.5px 0 5.5px 6px;
    border-color: transparent transparent transparent #007fc3;

}
.stepList01 li.current:after,
.stepList02 li.current:after,
.stepList03 li.current:after{
    border-style: solid;
    border-width: 5.5px 0 5.5px 6px;
    border-color: transparent transparent transparent #007fc3;
}
/*--------------------------------------------------
Orderd List
--------------------------------------------------*/

/*--------------------------------------------------
Difinision List
--------------------------------------------------*/
/* 求人一覧の期限表示 */

.listDateInfo dt{
    font-size: 11px;
color: #808080;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
}
.listDateInfo dd{
line-height: 1em;
}
/* 求人一覧のスペック表示 */
.listJpbSpec01{
    height: auto !important;
    margin-bottom: 12px;
}
.under .box01 .listJpbSpec01.last,
.under .box01 .listJpbSpec01:last-of-type{
margin-bottom: 0;
}
.listJpbSpec01 dt{
    width: auto;
float: left;
margin-right: 16px;
    display: inline-block;
    margin-top: 0;
}
.listJpbSpec01 dd{
    width: 544px;
float: left;
margin-bottom: -4px;
word-wrap: break-word;
    margin-top: 3px;
}
/* 求人（検索結果）一覧のスペック表示 */
.listJpbSpec02{
margin-bottom: 20px;
}
.middle .box01 .listJpbSpec02.last,
.middle .box01 .listJpbSpec02:last-of-type{
margin-bottom: 0;
}
.listJpbSpec02 dt{
    width: 40px;
float: left;
margin-right: 16px;
display: inline-block;
}
.listJpbSpec02 dd{
float: left;
margin-bottom: -4px;
display: inline-block;
width: 354px;
}
.box03 .listJpbSpec02 dd{
width: 769px;
}
/* トップページ職種から探す */
.listTop01 dt{
    font-size: 17px;
font-weight: bold;
padding: 0 16px;
line-height: 1em;
margin-top: 10px;
}
.listTop01 dt .number{
    font-size: 10px;
color: #808080;
font-weight: normal !important;
}
.listTop01 dd{
padding: 5px 16px 7px;
    font-size: 12px;
}
/* トップページ転職エージェント */
.listTop02 dt{
font-weight: bold;
margin-bottom: 5px;
}
.listTop02 dd{
    font-size: 12px;
line-height: 1.5em;
}
/* トップページサービス紹介ポイント */
.listTop03{
margin-bottom: 20px;
}
.listTop03 dt{
line-height: 32px;
height: 32px;
background: #101177;
color: #fff;
width: 80px;
text-align: center;
float: left;
}
.listTop03 dd{
width: 384px;
float: right;
}
.modCondInfoList dt{
float: left;
width: 65px;
}
.modCondInfoList dd{
float: left;
width: 920px;
}
/*--------------------------------------------------
Link
--------------------------------------------------*/
.icoArr01 {
position: relative;
    padding-left: 17px;
}
.icoArr01:before{
content: '';
width: 10px;
height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -450px -2699px no-repeat;
position: absolute;
    left: 4px; top:1px;
}
.icoArr01.linkBack {
top: 20px;
text-align: center;
}
.icoBlank01 {
padding-left: 16px;
position: relative;
}
.icoBlank01:before{
content: '';
width: 16px;
height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -500px -196px no-repeat;
position: absolute;
left: 0; top:0;
}
.icoBlank02 {
padding-right: 16px;
position: relative;
}
.icoBlank02:after{
content: '';
width: 10px;
height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -550px -1198px no-repeat;
position: absolute;
right: 0; top:0;
}
.icoCir01 {
padding-left: 16px;
position: relative;
}
.icoCir01:before{
content: '';
width: 16px;
height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -150px -243px no-repeat;
position: absolute;
left: 0; top:0;
}
.icoCir02 {
padding-left: 16px;
position: relative;
}
.icoCir02:before{
content: '';
width: 16px;
height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) 0px -2247px no-repeat;
position: absolute;
left: 0; top:0;
}
.icoMod02 {
padding-right: 20px;
position: relative;
}
.icoMod02:before{
content: '';
width: 12px;
height: 12px;
    background: url(/cmn_web/img/common/sprite_001.png) -600px -200px no-repeat;
position: absolute;
right: -2px; top:4px;
}
.helpLink{
padding-left: 18px;
position: relative;
}
.helpLink:before{
content: '';
width: 18px;
height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -250px no-repeat;
position: absolute;
left:0; top:2px;
}
.allPrint{
position: relative;
/* padding-left: 24px; */
}

/* .allPrint:before{
content: '';
width: 18px;
height: 18px;
background: url(/cmn_web/img/common/sprite_001.png) -300px -650px no-repeat;
position: absolute;
left:0; top:1px;
}
 */
.icoBign01{
position: relative;
padding-left: 18px;
}
.icoBign01:before{
content: '';
width: 18px;
height: 18px;
background: url(/cmn_web/img/common/sprite_001.png) -400px -600px no-repeat;
position: absolute;
left:0; top:3px;
}
.icoBign02{
  position: relative;
  padding-left: 18px;
}
.icoBign02:before{
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 13px;
  background-image: url(/resources/dcfront/images/icon_kyujin_glossary.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
}
.icoAppended01{
position: relative;
padding-left: 18px;
}
.icoAppended01:before{
content: '';
width: 36px;
height: 36px;
    background: url(/cmn_web/img/common/sprite_001.png) -450px -600px no-repeat;
position: absolute;
left:0; top:-5px;
}
/*--------------------------------------------------
Table
--------------------------------------------------*/
.tbl01{
width: 100%;
    border-collapse: separate;
    border-left: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #fafafa;
}
.tbl01 th, .tbl01 td{
    border-bottom: solid 1px #e5e5e5;
padding: 15px;
}
.tbl01 thead th{
font-weight: bold;
background: #f0f0f0;
}
.tbl01 tbody th{
font-weight: bold;
    background: #f2f2f2;
}
.tblSeminarDetail tbody th{
padding: 16px;
width: 159px;
vertical-align: top;
}
.tblThDetail th{
    font-size: 16px;
font-weight: bold;
}
.tblDetail01{
width: 100%;
border-collapse: collapse;
border-top: solid 1px #d9d9d9;
border-left: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9;
}
.tblDetail01 th{
padding: 16px;
background: #f7f7f7;
width: 159px;
vertical-align: top;
    font-size: 16px;
font-weight: bold;
border-bottom: solid 1px #d9d9d9;
}
.tblDetail01 td{
padding: 16px;
border-bottom: solid 1px #d9d9d9;
}
.tblDetail01 td p{
margin: -2px 0 -3px;
    font-size: 15px ;
}
.tblDetail01 td p.head{
border: #dadae6 solid 1px;
background: #ebebf8;
color: #101177;
line-height: 1em;
padding: 9px 10px 8px;
font-weight: bold;
margin:15px 0;
border-radius: 4px;
}
.tblDetail01 td p.border{
padding-bottom: 10px;
    background: url(/resources/dcfront/images/bg_003.png) 0 bottom repeat-x;
margin-bottom: 15px;
}

.tblDetail02{
width: 100%;
    border-collapse: separate;
    border-top: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
    border-spacing: 0;
}
.tblDetail02 th{
    padding: 20px 30px;
    background: #f5f5f5;
    width: 119px;
vertical-align: top;
    font-size: 14px;
font-weight: bold;
    border-bottom: solid 1px #e5e5e5;
    border-right: none !important;
}
.tblDetail02 td{
padding: 16px;
    border-bottom: solid 1px #e5e5e5;
    font-size: 14px;
    background: #fafafa;
}
.tblDetail02 td p{
margin: -2px 0 -3px;
    font-size: 15px ;
}
.tblDetail02 td p.head{
border: #dadae6 solid 1px;
background: #ebebf8;
color: #101177;
line-height: 1em;
padding: 9px 10px 8px;
font-weight: bold;
margin:15px 0;
border-radius: 4px;
}
.tblDetail02 td p.border{
padding-bottom: 10px;
    background: url(/resources/dcfront/images/bg_003.png) 0 bottom repeat-x;
margin-bottom: 15px;
}

.whiteLink{
padding: 10px 16px;
background: #fff4ec;
margin-top: 16px;
}
.whiteLink .title{
height: 15px;
padding-top: 6px;
padding-left: 108px;
font-weight: bold;
    background: url(/resources/dcfront/images/txt_001.png) 0 0 no-repeat;
line-height: 1em;
color: #000000;
margin-bottom: 12px;
position: relative;
}
.tblDetail01 td div.orange .title:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 21px;
    background: url(/cmn_web/img/common/sprite_001.png) -300px -600px no-repeat;
}
.tblDetail01 td div.left{
width: 285px;
float: left;
}
.tblDetail01 td div.right{
width: 514px;
float: left;
}
.tbleModal01{
width: 100%;
border-collapse: collapse;
border-top: solid 1px #e6e6e6;
border-left: solid 1px #e6e6e6;
}
.tbleModal01 td,
.tbleModal01 th{
border-bottom: solid 1px #e6e6e6;
border-right: solid 1px #e6e6e6;
padding: 10px 15px 3px 10px;
text-align: left;
vertical-align: top;
}
.tbleModal01 th{
background: #f7f7f7;
width: 160px;
}
.tbleModal01 th.height01{
height: 16px;
}
.tbleModal01 th.height02{
height: 42px;
}
.tbleModal01 td{
background: #fff;
}
/* 1024px フォーム用テーブル */
.tblForm01{
width: 100%;
    border-collapse: separate;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
    border-spacing: 0;
}
.tblForm01 th{
border-bottom: solid 1px #e5e5e5;
    background: #f5f5f5;
    width: 240px;
vertical-align: top;
}
.tblForm01 th .thIner01{
position: relative;
    padding: 20px 14px 19px 30px;
line-height: 1.5;
    font-weight: bold;
}

.tblFormTitle{
    font-size: 16px
}

.tblForm01 th .thIner02{
padding: 16px;
line-height: 1em;
}
.tblForm01 th .thIner01 .icoForm01,
.tblForm01 th .thIner01 .icoForm02,
.tblForm01 th .thIner01 .icoForm03{
position: absolute;
right: 16px;
top: 16px;
}
.tblForm01 td{
border-bottom: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
    padding: 25px 30px;
    background: #fafafa;
}
.tblForm01 td .textCount{
font-weight: bold;
color: #ff0000;
margin: 0 !important;
}
.tblForm01 td p{
margin-bottom: 10px;
}
.tblForm01 td p:last-of-type{
margin-bottom: 0px;
}
.tblForm01 td > *:last-child{
margin-bottom: 0px !important;
}
.tblForm01 td p.mtm3{
margin-top: -3px;
}
.tblForm01 td p span.ml16{
margin: 0 0 0 16px !important;
}
.tblForm01 td p span.ml28{
margin: 0 0 0 28px !important;
}
.tblForm01 td p span.ml32{
margin: 0 0 0 32px !important;
}
.tblForm01 td p span.mb10ml45{
margin: 0 0 10px 45px !important;
}
.tblForm01 td p span:first-of-type{
margin-left: 0;
    font-size: 12px;
}

.tblFormLineR th {
    border-right: none;
}


/* 会社説明会タイトル */
.tblBriefing thead tr th.date{
width: 81px;
}
.tblBriefing thead tr th.time{
width: 140px;
}
.tblBriefing thead tr th.venue{
width: 385px;
}
.tblBriefing thead tr th.address{
width: 41px;
}
.tblBriefing thead tr th.deadline{
width: 82px;
}
.tblBriefing thead tr th.application{
width: 108px;
}

/*--------------------------------------------------
Modules
--------------------------------------------------*/
/* お知らせモジュール */
.modInformation{
    border: 1px solid #e5e5e5;
    background: #ffffff;
    border-radius: 6px;
    padding: 22px 35px 16px 35px;
}
.listInformation .linkText{
margin-left: 30px;
    float: right;
}
.listInformation li{
line-height: 1em;
margin-bottom: 10px;
}
.listInformation.readMore li.last,
.listInformation.readMore li:last-of-type{
margin-bottom: 10px !important;
}
.listInformation.hideList{
display: none;
}
/* ページネーションモジュール */
.modListFunctionB{
    padding: 10px 35px;
    background: #e1f4fa;
    border: none;
    border-radius: 6px;
}
.modListFunctionB.gm0670282{
    background: #e1f4fa;
}
.modListFunction .boxLeft,
.modListFunctionB .boxLeft,
.modListFunctionC .boxLeft{
float: left;
}
.modListFunction .boxRight,
.modListFunctionB .boxRight{
float: right;
}
.modListFunction .boxLeft .parts,
.modListFunctionB .boxLeft .parts,
.modListFunctionC .boxLeft .parts{
float: left;
    margin-right: 15px;
}
.modListFunction .boxLeft .parts:last-of-type,
.modListFunctionB .boxLeft .parts:last-of-type,
.modListFunctionC .boxLeft .parts:last-of-type{
margin-right: 0;
}
.modListFunction .boxRight .parts,
.modListFunctionB .boxRight .parts,
.modListFunctionC .boxRight .parts{
float: right;
margin-left: 16px;
}
.modListFunctionB .boxRight .parts {
    font-size: 12px;
}
.modListFunction .boxRight.boxRight075 .parts{
margin-left: 8px;
    line-height: 1;
}
.modListFunction .boxLeft .parts.dellWrap{
width: 0px;
margin-right: 0;
}
.modListFunction .boxLeft .parts.dellWrap a{
opacity: 0;
}
.modListFunction .boxRight .parts:last-of-type
.modListFunctionB .boxRight .parts:last-of-type{
margin-right: 0;
}
.modListFunctionUnder{
padding-bottom: 10px;
    border-bottom: none;
}
.flAddCs{
border: solid 0px ;
}
.modListFunctionUnder.modListFunctionUnderBorderNone{
border-bottom: none;
}
.pagerNumber{
    font-size: 14px ;
    line-height: 30px;
    font-weight: bold;
    position: relative;
}
.pagerNumber.rightOtherData{
border: solid 1px #fff !important;
box-shadow: 0 0 0 1px #fff; /* CSS3 */
margin: -1px -4px;
padding: 0 3px;
}
.pagerNumber:hover,
.pagerNumber.active{
border: solid 1px #aac8f0 !important;
box-shadow: 0 0 0 1px #aac8f0; /* CSS3 */
margin: -1px -4px;
padding: 0 3px;
}
.pagerNumber .pagerMenu{
display: block;
background: #fff;
width: 97px;
position: absolute;
left: -5px;
top: 33px;
border: solid 1px #cccccc;
padding: 0;
display: none;
z-index: 9991;
}
.pagerNumber:hover  .pagerMenu,
.pagerNumber.active .pagerMenu{
left:-2px;
top: 33px;
}
.pagerNumber .pagerMenu .pagerMenuElem{
    display: block;
    font-size: 11px;
    display: block;
    line-height: 36px;
    /* background: url(/resources/dcfront/images/ico_link_001.png) 0 0 no-repeat; */
    color: #ccc;
    font-weight: normal;
    text-align: center;
}
.pagerNumber .pagerMenu .pagerMenuElem .dead{
display: block;
padding-left: 24px;
}
.pagerNumber .pagerMenu .pagerMenuElem a{
display: block;
color: #000;
}
.pagerNumber .pagerMenu .pagerMenuElem a:hover{
text-decoration: none;
background: #ebecf8;
}
.funcText{
line-height: 32px;
    text-align: left;
}
.scrollHeadInrJob  .funcText{
width: 40px;
}
.funcText.func118{
    width: 130px;
}
.scrollHead .funcText.func118{
margin-left: 17px;
}
.funcText.func176{
width: 176px;
}
.modListFunction .boxLeft .parts.func176{
margin-left: 17px;
}
.scrollHead .funcText.func176{
margin-left: 17px;
}
.counter{
line-height: 30px;
height: 30px;
    font-size: 12px;
}
.counter .number{
    font-size: 20px;
color:#ff0000;
font-weight: bold;
}
/*-- ドロップダウンリスト --*/
.funcDrop{
height: 28px;
    width: 210px;
position: relative;
float: left;
    background: #fff url(/cmn_web/img/common/sprite_001.png) 110px -1188px no-repeat;
border: solid 1px #cccccc !important;
    border-radius: 4px;
padding-right: 21px;
    font-size: 13px;
}
.funcDrop:hover{
border: solid 1px #adadad !important;
}
.funcDrop.frontLayer{
border: solid 1px #aac8f0 !important;
box-shadow: 0 0 0 1px #aac8f0; /* CSS3 */
}
.funcDropWide{
    width: 210px;
}
.funcDropWide.superWide{
    width: 228px;
    background: #fff url(/cmn_web/img/common/sprite_001.png) 130px -1188px no-repeat;
}
.funcDropWide.superLongWide{
    width: 279px;
    background: #fff url(/cmn_web/img/common/sprite_001.png) 179px -1188px no-repeat;
}
.funcDropMin{
width: 26px;
    height: 18px;
    padding: 5px 17px 5px 10px;
    background: #fff url(/cmn_web/img/common/sprite_001.png) -67px -1188px no-repeat;
}
.funcDrop .display{
display: block;
line-height: 1.1em;
    width: 199px;
overflow: hidden;
margin: 8px 0 0 10px;
cursor: pointer;
}
.funcDrop .display .gray{
display: inline-block;
margin-left: 10px;
color: #808080;
}
.funcDrop .display .grayAbsolute{
display: inline-block;
margin-left: 5px;
position: absolute;
color: #808080;
}
.funcDrop .dropMenu:hover{
border: solid 1px #adadad;
}
.funcDropMin .display{
width: 26px;
    height: 18px;
margin: 0 !important;
}
.funcDropMin .display.allCheck{
display: block;
    width: 18px;
overflow: hidden;
}
.funcDropMin .display.allCheck img{
position: relative;
    top: -2000px;
    left: -150px;
}
.funcDropMin .display.allCheck:hover img{
position: relative;
    top: -2000px;
    left:  -150px;
}
.funcDropMin .display.allCheck.checked img{
position: relative;
    top: -2050px;
    left:  -150px;
}
.funcDropMin .display.allCheck.checked:hover img{
position: relative;
    top: -2100px;
    left: -200px;
}
/* .funcDropWide .display{
width: 181px;
} */
.funcDropWide.superWide .display{
    width: 218px;
}
.funcDropWide.superLongWide .display{
    width: 269px;
    margin: 0;
    padding: 8px 0 7px 10px;
}
.funcDrop .dropMenu{
display: none;
position: absolute;
    left: -1px;
top:30px;
width: 222px;
background: #fff;
border: solid 1px #cccccc;
z-index: 120;
padding: 0;
}
.funcDrop .dropMenu:hover{
border: solid 1px #adadad;
}
.funcDropMin .dropMenu{
left: -1px;
}
.funcDropWide .dropMenu{
width: 290px;
left: -1px;
}
.funcDropWide .dropMenuWideWrap{
width: 581px;
border-bottom: solid 1px #ccc;
}
.funcDropWide .dropMenuWide li.division{
padding-bottom: 10px;
margin-bottom: 10px;
}
.funcDrop .dropMenuWide{
width: 290px;
float: left;
    height: auto !important;
}
.funcDrop .dropSectionLeft{
    border-right: none;
margin-right: -1px;
margin-bottom: 5px;
}
.funcDrop .dropSectionRight{
border-left: solid 1px #ccc;
}
.messageScrollArea{
width: 290px;
overflow: hidden;
display: block;
}
.messageScrollArea .jspPane li a span.count {
padding-right: 11px;
}
.messageScrollArea .jspPane {
left: 0 !important;
}
.funcDropWide .borderPad {
padding-left: 1px;
}

.funcDropWide .dropMenuWideWrap ul.dropMenuWide:last-of-type {
position: relative;
}
.funcDropWide .dropMenuWideWrap ul.dropMenuWide:last-of-type:before {
width: 1px;
height: 5px;
content: " ";
background: #FFF left top;
position: absolute;
left: -1px;
top: 0px;
}
.funcDropWide .dropMenuWideWrap ul.dropMenuWide:last-of-type:after {
width: 1px;
height: 5px;
content: " ";
background: #FFF left top;
position: absolute;
left: -1px;
bottom: 0px;
}
.companiesMessageBox ul.dropMenuWide:last-of-type:before,
.companiesMessageBox ul.dropMenuWide:last-of-type:after {
height: 0 !important;
}
.funcDrop .dropMenu{
z-index: 9998;
}
.funcDrop .dropMenu .dispAll a{
display: block;
line-height: 36px;
padding: 0 16px 0 24px;
cursor: pointer;
color: #000;
}
.funcDrop .dropMenu .dispAll a:hover{
    color: #007fc3;
text-decoration: none;
    background: #f2fcff;
}
.funcDrop .dropMenu li.title{
display: block;
line-height: 36px;
font-weight: bold;
padding-left: 10px;
}
.funcDrop .dropMenu li.link a {
display: block;
line-height: 36px;
padding: 0 0 0 24px;
cursor: pointer;
color: #000;
}
.funcDrop .dropMenu li.link a:hover {
    color: #007fc3;
text-decoration: none;
    background: #f2fcff;
    /*background: #ededed url(/resources/dcfront/images/ico_link_001.png) 0 -36px no-repeat;*/
}
.funcDrop .dropMenu li.dead p{
display: block;
line-height: 36px;
padding: 0 0 0 24px;
color: #ccc;
}
.funcDrop .dropMenuWide li.link a,
.funcDrop .dropMenuWide li.dead p{
padding-right: 16px;
}
.funcDrop .dropMenuWide li.link a span.title,
.funcDrop .dropMenuWide li.dead p span.title{
float: left;
}
.funcDrop .dropMenu .dispAll a span.title {
float: right;
}
.funcDrop .dropMenuWide li.link a span.count,
.funcDrop .dropMenu .dispAll a span.count {
float: right;
color: #808080;
}
.funcDrop .dropMenuWide li.dead p span.count {
float:right;
}

/* タブモジュール01 */
.modTab01{
position: relative;
    border-bottom: solid 3px #0a50a1;
}
.listTab01{
float: left;
}
.listTab01 li{
display: inline-block;
float: left;
margin-right: 4px;
}
.listTabButton li{
float: right;
margin-left: 8px;
}
.listTab01 li a{
display: block;
width: 190px;
line-height: 13px;
text-align: center;
color: #000000;
padding: 14px 0 12px;
background: #f5f5f5;
border: solid 1px #cccccc;
border-bottom: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow:#fff 0px 1px 1px 0px inset;
}
.listTab01 li a:hover{
text-decoration: none;
background: #ebecf8;
color: #0a50a1;
}
.listTab01 li .current{
display: block;
width: 190px;
line-height: 13px;
text-align: center;
color: #fff;
font-weight: bold;
padding: 14px 0 12px;
    background: #0a50a1;
    border: solid 1px #0a50a1;
border-bottom: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow:#606078 0px 1px 1px 0px inset;
}
.listTab01 li.mini a,
.listTab01 li.mini .current{
width: 110px;
}
/* 下向きタブ */
.modTab01.modTab01Under{
position: relative;
border-bottom: none;
    border-top: solid 3px #0a50a1;
}
.modTab01.modTab01Under .listTab01 li a{
border: solid 1px #cccccc;
border-top: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow:none !important;
}
.modTab01.modTab01Under .listTab01 li .current{
    border: solid 1px #0a50a1;
border-top: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow:none !important;
}
.modTab01.modTab01Under .listTabButton{
margin-top: 4px;
}
/* 求人紹介トップ一覧モジュール */
.modList01{
    border-top: none;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
}
.modList01::before {
    content: '';
    display: block;
    height: 4px;
    width: 880px;
    background: #007fc3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.modList01.modListRead::before {
    display: none;
}
.modListFin.modList01::before {
    display: none;
}
.modList01 .upper{
    background: #ffffff;
    border-bottom: solid 1px #e5e5e5;
}
.modList01 .upper .box01,
.modList01 .upper .box02,
.modList01 .upper .box21,
.modList01 .upper .box22,
.modList01 .upper .box23{
display: table-cell;
}
.modList01 .upper .box01{
    width: 75px;
vertical-align: middle;
    background: #f5f5f5;
text-align: center;
position: relative;
}
.modList01 .upper .box01 .stayBottom{
position: absolute;
left: 5px;
bottom: 11px;
height: 17px;
}
.modList01 .upper .box01 .ckWrapA{
width: 16px;
margin-right: 0;
}
.modList01 .upper .box01 .ckWrapA .ckWrapA_Cbox{
margin-right: 0;
}
.modList01 .upper .box01 .ckWrapA .ckWrapA_Lbox{
display: none;
}
.modList01 .upper .box02{
    padding: 20px 0 20px 0;
}
.modList01 .upper .box21{
    width: 550px;
    padding-left: 20px;
}
.modList01 .upper .box21 .icoSvc01{
margin-left: 10px;
    display: none;
}
.modList01 .upper .box21.boxHistory{
width: 754px;
}
.modList01 .upper .box22{
padding-left: 24px;
width: 112px;
vertical-align: middle;
}
.modList01 .upper .box23{
vertical-align: middle;
width: 96px;
}
.modList01.alignTop .upper .box22, .modList01.alignTop .upper .box23{
vertical-align: top;
padding-top: 5px;
}

    /*ここからぜんたいがけかモジュール内に限定するか要件等（デザイン上げってきたら）*/
    .rest{
    margin-top: 0;
    height: auto;
    }
    .rest span{
    color: #ff0000;
    font-weight: bold;
    font-size: 19px;
    }
    .modList01 .upper .box21{
    position: relative;
    }
    .modList01 .upper .box21 .clickArea{
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    cursor: pointer;
    }
    .modList01 .upper .box21{
    /* height: 81px; */
    vertical-align: middle;
    }
    .modList01 .upper .box21.hover h2.title span.company{
    text-decoration: underline !important;
    }
    .modList01 .upper .box21.hover h2.title span.job{
    text-decoration: underline !important;
    }
    h2.title span.company{
    display: block;
    font-size: 16px;
    /* color: #0a50a1; */
    margin-top: -3px;
    margin-bottom: 5px;
    line-height: 1.38em;
    word-wrap:break-word;
    word-break:break-all;
    color: #007fc3;
    }
    h2.title span.status{
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -2px;
    }
    h2.title span.job{
    display: block;
    margin-top: -3px;
    margin-bottom: -4px;
    margin-left: 0;
    line-height: 1.7;
    font-weight: normal;
    font-size: 12px;
    color: #222222;
    }
    p.status{
    display: inline-block;
    margin-bottom: 12px;
    height: 18px;
    }
    /*ここまでぜんたいがけかモジュール内に限定するか要件等（デザイン上げってきたら）*/
.modList01 .under{
    padding: 20px 35px 20px 35px;
}
.modList01 .under .box01{
float: left;
    width: 600px;
    font-size: 12px;
    color: #808080;
}
.modList01 .under .box01.boxHistory{
width: initial;
width: auto;
}
.modList01 .under .box01.boxHistory dd{
width: 780px;
}
.modList01 .under .box02{
float: right;
    width: 180px;
    margin-top: 5px;
}
.finsed01{
    font-size: 12px;
display: inline-block;
    width: 103px;
line-height: 28px;
height: 28px;
    border: solid 1px #e5e5e5;
text-align: center;
background: #fff;
    color: #222222;
}
.finsed02{
    padding: 9px 0;
text-align: center;
    background: #ebebeb;
color: #000 !important;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    font-size: 14px;
    font-weight: bold;
}
/*-- トップ新着求人 --*/
.modTopNewHead{
height: 16px;
line-height: 1em;
margin-bottom: 10px;
margin-top: 16px;
}
.modTopNewHead h2{
    font-size: 19px !important;
float: left;
}
.modTopNewHead p{
float: right;
}
.modTopNewlinks{
padding: 16px;
font-weight: bold;
background: #f2f2f2;
line-height: 1.571em;
    font-size: 15px;
}
/*-- トップ求人特集 --*/
.modTopSpecial .blockLeft{
width: 440px;
float: left;
}
.modTopSpecial .blockRight{
width: 440px;
float: left;
}
.modTypeBorder01.modTopSpecial .blockLeft{
width: 421px;
float: left;
}
.modTypeBorder01.modTopSpecial .blockRight{
width: 423px;
float: left;
}
.listTopSpecial{
display: inline-block;
line-height: 18px;
margin-bottom: 6px;
}
.listTopSpecial dt{
display: inline-block;
margin-right: 10px;
}
.listTopSpecial dd{
display: inline-block;
}
/* 求人非活性 */
.modListFin {
    color: #aaaaaa !important;
    border-top: none;
}
.modListFin h2.title{
    color: #aaaaaa;
}
.modListFin .listDateInfo dt {
    color: #aaaaaa;
}
.modListFin .icoSts01 {
    color: #aaaaaa !important;
    border: solid 1px #aaaaaa;
}
.modListFin .icoSts02 {
    background: #aaaaaa;
}
.modListFin .icoSts03 {
    color: #aaaaaa !important;
    border: solid 1px #aaaaaa;
    background: #fafafa;
}
.modListFin .icoSts05 {
    color: #ffffff !important;
    border: solid 1px #aaaaaa;
    background: #aaaaaa;
}
.modListFin .icoSts10 {
    color: #ffffff !important;
    border: solid 1px #aaaaaa;
    background: #aaaaaa;
}
.modListFin .icoSts12 {
    background: #b8b8b8;
    border: solid 1px #b8b8b8;
}
.modListFin .icoSts13 {
    color: #aaaaaa !important;
    border: solid 1px #aaaaaa;
    background: #fafafa;
}
.modListFin .detailIcons li {
    color: #aaaaaa !important;
    border: 1px solid #aaaaaa !important;
    background-color: #ffffff;
}
.modListFin .listJpbSpec01 dt > span,
.modListFin .icoSpc01{
    background: none !important;
}
.modListFin .icoSpc01_business{
background: #b8b8b8;
}
.modListFin .icoSpc01_target{
background: #b8b8b8;
}
.modListFin .icoSpc01_workplace{
background: #b8b8b8;
}
.modListFin .icoSpc01_allowance{
background: #b8b8b8;
}
.modListFin .icoSpc01_job{
background: #b8b8b8;
}
.modListFin .finsed01 {
    color: #aaaaaa;
    border: solid 1px #aaaaaa;
}

.modListFin.entryApply {
border-top: solid 4px #101177;
}
/* 求人検索結果一覧 */
.modList02{
    border-top: none;
}
.modList02 .upper{
background: #fafafa;
padding: 15px 16px 10px;
}
[name=interview_interviewPrefferdDateResultActionForm] .modList02 .upper {
    background: #f2fcff;
    padding: 0;
}
.modList02 .upper .title a:hover .company,
.modList02 .upper .title a:hover .job{
text-decoration: underline;
}
.modList02 .title .company{
    font-size: 21px;
line-height: 1.35em;
margin: -3px 0 6px;
float: left;
display: inline-block;
width: 528px;
word-break: break-all;
word-wrap: break-word;
}
.mainRight .modList02 .title .company{
    font-size: 19px;
}
.modList02 .title .job{
margin: -3px 0 -4px;
float: left;
display: inline-block;
width: 528px;
word-break: break-all;
word-wrap: break-word;
}
.mainRight .modList02 .title .job{
    font-size: 15px;
}
.modList02 .companyInfo{
margin-top: 14px;
float: right;
width: 130px;
font-weight: normal !important;
clear: right;
}
.modList02 .buttons{
float: right;
display: inline-block;
}
.modList02 .buttons li{
float: right;
margin-left: 16px;
}
.modList02 .icons{
padding: 10px 16px;
    background: #fafafa url(/resources/dcfront/images/bg_001.png) 0 0 repeat-x;
border-bottom: solid 1px #e6e6e6;
}
.modList02 .sectionLine{
    border-bottom: none;
}
.modList02 .middle{
padding: 15px 16px 20px 15px;
}
.modList02 .under{
border-top: solid 1px #e6e6e6;
padding: 16px 0;
background: #fafafa;
border-bottom: solid 1px #e6e6e6;
}
.modList02 .middle .box01{
width: 434px;
float: left;
}
.modList02 .middle .box02{
width: 395px;
float: right;
}
.modList02 .middle .appeal{
margin: -3px 0 -4px;
}
.modList02 .middle .appealImage{
width: 260px;
float: left;
}
.modList02 .middle .appealCaption{
width: 125px;
float: right;
    font-size: 11px;
line-height: 1.63em;
margin: -3px 0 -4px;
}
.modList02 .middle .appealTitle{
color: #101177;
font-weight: bold;
margin: -3px 0 16px;
}
.modList02 .middle .floatBox{
margin-top: 20px;
}
.modList02 .under .blockButon{
width:240px;
margin: 0 auto;
position: relative;
}
.modPagenation{
padding-bottom: 10px;
border-bottom: solid 1px #e6e6e6;
}
.modSns ul li{
display: inline-block;
float: right;
margin-right: 16px;
}

/*-- 880p内2カラム割 --*/
.mod2c01 .blockLeft{
float: left;
width: 416px;
}
.mod2c01 .blockRight{
float: right;
width: 416px;
}
.topSerchNum01{/* トップページ希望条件から検索 */
float: right;
margin-right: 16px;
line-height: 36px;
}
/*-- 880p内2カラム割 トップページサービス紹介 --*/
.mod2c02 .blockLeft{
float: left;
width: 352px;
}
.mod2c02 .blockRight{
float: right;
width: 480px;
}
.mod2c02 .description{
    font-size: 12px;
line-height: 1.5em;
}
/*-- 880p内3カラム割 --*/
.mod3c01 .block{
display: block;
float:left;
width: 272px;
margin-right: 32px;
}
.mod3c01 .block.last{
margin-right: 0;
}
.mod3c01 .block .intro{
margin-bottom: 5px;
}
.mod3c01 .block span.image{
display: block;
margin-bottom: 6px;
}
.mod3c01 .block span.text{
display: block;
}
/*-- 880p内4カラム割 --*/
.mod4c01{
padding-left: 8px;
}
.mod4c01 .block{
display: block;
float:left;
width: 192px;
margin-right: 32px;
}
.mod4c01 .block span.image{
display: block;
margin-bottom: 6px;
}
.mod4c01 .block span.text{
display: block;
}
.mod4c01 .block.last{
margin-right: 0;
}
/* 枠線モジュール */
.modTypeBorder01{
    border: none;
}
.content1200 .modTypeBorder01 {
/*    padding: 0;*/
}
.modTypeBorder01 .title{
margin: 0 0 12px;
font-weight: bold;
}
.modTypeBorder01 .mainTxt{
margin: -3px 0 -4px;
}
.modTypeBorder02{
border: solid 3px #ededed;
padding: 16px;
}
.modTypeBorder02 .title{
padding-bottom: 16px;
    background: url(/resources/dcfront/images/bg_003.png) 0 bottom repeat-x;
margin-bottom: 16px;
}
.modTypeBorder02 .title h2{
color: #ff6600;
    font-size: 23px;
line-height: 1.37em;
margin: -2px 0 -6px;
}
.modTypeBorder02 .left{
width: 666px;
float: left;
}
.modTypeBorder02 .left p{
    font-size: 15px ;
line-height: 1.5em;
}
.modTypeBorder02 .right{
width: 300px;
float: right;
}
.modTypeBorder04 {
border: solid 2px #ededed;
padding: 19px;
}
.seminarDetail .clr{
}
.seminarDetail .clr:after{
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0px;
line-height: 0;
}
.seminarDetail .para01{
margin-bottom: 12px;
}
.seminarDetail .fltL img{
padding-right: 20px;
padding-bottom: 10px;
}
.seminarDetail .fltR img{
padding-left: 15px;
padding-bottom: 10px;
}
/*求人詳細*/
.relative{
position:relative;
}
.modArt01{
padding: 30px 0;
    font-size: 21px ;
font-weight: bold;
border: solid 1px #e6e6e6;
background: #f2f2f2;
text-align: center;
}
.modArtHistory01{
position: absolute;
top: 31px;
right: 190px;
}
.modDetail02{
border: solid 1px #dedede;
border-top: none;
}
.modDetail02 .inner01{
padding: 16px;
}
.modDetail02 .inner01 .left{
float: left;
width: 402px;
}
.modDetail02 .inner01 .right{
float: right;
width: 564px;
}
.modDetail02 .inner01 .right .title{
    font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
    background: url(/resources/dcfront/images/bg_003.png) 0 bottom repeat-x;
margin-bottom: 15px;
}
.modDetail02 .inner01 .right .text{
    font-size: 15px;
}
.modDetail02 dl.interview{
    font-size: 15px;
line-height: 1.5em;
}
.modDetail02 dl.interview.type01{
    background: url(/resources/dcfront/images/bg_004.png) left bottom no-repeat;
min-height: 76px;
}
.modDetail02 dl.interview.type02{
    background: url(/resources/dcfront/images/bg_005.png) left bottom no-repeat;
min-height: 76px;
}
.modDetail02 dl.interview:last-of-type{
background-position: right 100% bottom -1px;
}
.modDetail02 dl.interview dt{
width: 140px;
float: left;
margin-left: 60px;
margin-bottom: 12px;
margin-top: 13px;
padding-top: 0px;
padding-right: 6px;
min-height: 63px;
    background: url(/resources/dcfront/images/bg_008.png) repeat-y right top ;
}
.modDetail02 dl.interview dd{
width: 785px;
float: left;
margin-top: 10px;
margin-left: -1px;
margin-bottom: 12px;
padding-top: 3px;
padding-left:17px;
    background: url(/resources/dcfront/images/bg_008.png) repeat-y 0 0;
min-height: 63px;
}
.modDetail02 .inner03{
padding: 0 11px;
}
.modDetail02 .inner03 dl{
padding: 10px 0;
border-bottom: solid 1px #dedede;
    font-size: 15px;
line-height: 1.5em;
}
.modDetail02 .inner03 dl:last-of-type{
border-bottom: none;
}
.modDetail02 .inner03 dl dt{
font-weight: bold;
padding-left: 5px;
width: 175px;
display: table-cell;
}
.modDetail02 .inner03 dl dd{
padding-left: 17px;
width: 805px;
display: table-cell;
    background: url(/resources/dcfront/images/bg_008.png) 0 0 repeat-y;
}
.modDetail03{
margin-top: 20px;
padding: 0 30px;
}
.modDetail03 ul li{
float: left;
width: 260px;
margin-right: 92px;
    font-size: 12px !important;
}
.modDetail03 ul li.last{
margin-right: 0;
}
.modDetail03 ul li:last-of-type{
margin-right: 0;
}
.modDetail03 ul li img{
margin-bottom: 8px;
}
.modDetail04 dl{
padding-top: 2px;
    background: url(/resources/dcfront/images/bg_007.png) 0 0 no-repeat;
    font-size: 15px;
line-height: 1.5em;
}
.modDetail04{
padding-bottom: 2px;
    background: url(/resources/dcfront/images/bg_007.png) 0 bottom no-repeat;
}
.modDetail04 dl dt,
.modDetail04 dl dd{
display: table-cell;
padding: 10px 16px;
}
.modDetail04 dl dt{
width: 136px;
font-weight: bold;
}
.modDetail04 dl dd{
width: 800px;
padding-left: 40px;
}
.modDetailBtn{
padding-top: 64px;
    background: none;
}
.modDetailBtn .btnWrap{
padding:0 144px;
}
.modDetailBtn .btnWrap div.left{
width: 352px;
float: left;
}
.modDetailBtn .btnWrap div.right{
width: 352px;
float: right;
}
.modDetailBtn .btnWrap div p{
    font-size: 15px;
margin-top: 10px;
}
.modDetailBtn .btnWrap .notice{
    font-size: 10px;
}
.modDetailBtn .btnWrap div p span{
margin-left: 10px;
}
.noticetext{
    font-size: 10px !important;
 color: #808080;
 line-height: 1.4em;
 margin-top: 50px;
}
.noticetext02{
    font-size: 12px !important;
    color: #999999;
    line-height: 20px;
}
.modCondInfo{
border: solid 1px #e6e6e6;
background: #f2f2f2;
padding: 16px;
}
.modFormTbl{
text-align: center;
}
.modGuideNum{
width: 158px;
height: 78px;
border: solid 3px #101177;
text-align: center;
position: fixed;
right: 32px;
bottom: 132px;
background: #fff;
}
.modGuideNum{
opacity: 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-property: opacity;
transition-duration: 0.2s;
transition-timing-function: linear;
}
.modGuideNum.open{
opacity: 1;
}
.modGuideNum .parts01{
line-height: 18px;
margin-top: 16px;
margin-bottom: 8px;
}
.modGuideNum .parts01 .icoForm01{
margin: 0 8px;
}
.modGuideNum .parts02 .num{
font-weight: bold;
    font-size: 26px;
color: #ff0000;
}
p.metaTxt.sideRight{
    font-size: 10px !important;
    text-align: right;
    color: #aaaaaa;
    margin-bottom: 5px;
}
/*--------------------------------------------------
layout
--------------------------------------------------*/
.layout{
margin-bottom: 20px;
}
.layout.layout00{
margin-bottom: 0px;
}
.layout.layout10{
margin-bottom: 10px;
}
.layout.layout30,
.layout.layoutList01,
.layout.layoutList02{
margin-bottom: 30px;
}
.layout.layoutList01 {
    margin-bottom: 20px;
}
.layout.layout100{
margin-bottom: 100px;
}

.mainRight .layout.last,
.mainRight .layout:last-of-type{
margin-bottom: 0 !important;
}

/*--------------------------------------------------
Slider
--------------------------------------------------*/
.sliderWrap{
overflow: hidden;
}
.sliderWrap01{
width: 844px;
height: 332px;
}
.sliderWrap02{
width: 988px;
height: 332px;
}
.slider li{
width: 200px;
float: left;
}
.slider li .thumbnail{
    border: none;
    margin-bottom: 0;
}
.slider li .title{
line-height: 1.54em;
height: 40px;
margin-bottom: 0;
margin-bottom: 6px;
display: block;
word-break:break-all;
word-wrap:break-word;
}
.slider li .title span{
margin-left: 10px;
}
.slider li .job{
height: 40px;
margin-bottom: 0;
margin-bottom: 6px;
word-break:break-all;
word-wrap:break-word;
}
.slider li .expalin{
color: #808080;
height: 40px;
margin-bottom: 16px;
word-break:break-all;
word-wrap:break-word;
}
.slider01{
    width:830px!important;
padding: 0 7px;
}
.slider02{
width:986px;
padding: 0 1px;
}
.slider01 li{
margin-right: 10px;
}
.slider02 li{
    margin-right: 40px;
}
.slider01 li.last,
.slider02 li.last {
margin-right: 0;
}
.slider01 li:last-of-type,
.slider02 li:last-of-type {
margin-right: 0;
}
/* コントローラー */
.bx-prev{
display: inline-block;
position: relative;
height: 18px;
width: 31px;
text-indent: -9999px;
    margin-right: 11px;
    width: 8px !important;
    height: 14px !important;
    background: url(/cmn_web/img/common/sprite_001.png) -200px -2250px no-repeat !important;
}
.bx-prev:after{
content:' ';
display: block;
width: 11px;
height: 18px;
position: absolute;
left: 10px;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -200px -1200px no-repeat;
}
.bx-prev:hover:after{
    background: url(/cmn_web/img/common/sprite_001.png) -200px -1218px no-repeat;
}
.bx-next{
display: inline-block;
position: relative;
height: 18px;
width: 31px;
text-indent: -9999px;
    margin-left: 11px;
    width: 8px !important;
    height: 14px !important;
    background: url(/cmn_web/img/common/sprite_001.png) -300px -2250px no-repeat !important;
}
.bx-next:after{
content:' ';
display: block;
width: 11px;
height: 18px;
position: absolute;
left: 10px;
top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -300px -1200px no-repeat;
}
.bx-next:hover:after{
    background: url(/cmn_web/img/common/sprite_001.png) -300px -1218px no-repeat;
}
.bx-pager-item{
display: inline-block;
    width: 8px;
    height: 8px;
position: relative;
margin: 0 10px;
}
.bx-pager-item .bx-pager-link{
display:block;
position: absolute;
left: 0;
    top: 0;
width: 10px;
height: 10px;
text-indent: -9999px;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -1200px no-repeat;
}
.bx-pager-item .bx-pager-link.active,
.bx-pager-item .bx-pager-link:hover{
    background: url(/cmn_web/img/common/sprite_001.png) -250px -1210px no-repeat;
}
.bx-controls-direction{
text-align: center;
}
.bx-controls-direction table{
margin:0 auto;
}
.bx-pager{
display: inline-block;
text-align: center;
    height: 19px;
overflow: hidden;
margin-top: 20px;
}
/* レコメンド_50 */
.recommendItemEntry .modTypeBorder01,
.recommendNormal .modTypeBorder01 {
    background: #f2fcff;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
}
.slider li {
    overflow: hidden;
    position: relative;
    float: left;
    height: 340px;
    margin-right: 20px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    border-radius: 6px;
}

.sliderWrap01 {
    height: 401px;
}
.slider02 {
    padding: 0;
}
.slider02 li {
    width: 241px;
    height: 370px;
}

.slider01 li {
    width: 205px;
}
.slider02 li .title,
.slider02 li .expalin,
.bx-wrapper .slider02 .button,
.slider02 li .job {
    padding: 0 20px;
    height: auto;
    font-size: 12px;
    margin-bottom: 0;
}
.slider li .title {
    line-height: 20px;
}
.slider li .job {
    display: inline-block;
    color: #222222;
}
.slider li .expalin {
    color: #999999;
}
.slider li .thumbnail {
    margin-bottom: 0;
}
.slider02 li .thumbnail img {
    width: 241px;
    height: 169px;
    margin-bottom: 20px;
}
.bx-prev:after,
.bx-next:after {
    display: none;
}
.slider {
  margin: 0 16px 0 0;
}
.bx-viewport {
    margin: -8px;
    padding: 8px;
}
.bx-pager-item .bx-pager-link {
    width: 8px;
    height: 8px;
/*     background: url(/cmn_web/img/common/sprite_001.png) -250px -2200px no-repeat; */
}
.bx-pager-item .bx-pager-link.active,
.bx-pager-item .bx-pager-link:hover {
    background: url(/cmn_web/img/common/sprite_001.png) -250px -2208px no-repeat;
}
.bx-pager {
    margin-top: 11px;
}

.slider01 {
    width: 880px !important;
    padding: 0;
}
.slider01 li .title,
.slider01 li .expalin,
.bx-wrapper .slider01 .button,
.slider01 li .job {
    padding: 0 15px;
    height: auto;
    font-size: 12px;
    margin-bottom: 0;
}

.bx-wrapper .slider01 .btnC00 {
    width: 173px;
}
.slider01 li .thumbnail img {
    width: 205px;
    height: 145px;
    margin-bottom: 15px;
}
.bx-wrapper .slider01 .button {
  text-align: right;
    position: absolute;
    bottom: 15px;
}
.bx-wrapper .slider02 .button {
  text-align: right;
    position: absolute;
    bottom: 20px;
}
.bx-wrapper a.btnC00 {
    font-weight: normal;
}

/*--------------------------------------------------
Web履歴書
--------------------------------------------------*/
#graph {
position: relative;
}
.webHistory {
    margin-bottom: 30px;
}
.layout.webHistory {
margin-bottom: 8px;
}
.head01-03 {
margin-bottom: 8px;
}
.head02-01 {
margin-bottom: 12px;
}
.pRight01 {
margin-bottom: 5px;
text-align: right;
display: block;
}
.svg_area {
    width: 150px;
height: 150px;
position: absolute;
right: 0;
top: 0;
    margin-right: 45px;
    margin-left: 15px;
}
.svg_area .numLarge {
    width: 150px;
    padding-top: 20px;
    font-size: 20px;
font-weight: bold;
position: absolute;
    left: 2px;
top: 30px;
text-align: center;
    color: #007fc3;
}
.svg_area .numLarge span{
    font-size: 36px;
}
.chkBox {
    width: 600px;
    background: #f5f5f5;
    border-radius: 10px;
}
.chkBox h3 {
margin-bottom: 10px;
line-height: 24px;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 35px 12px 35px;
}
.chkBox ul {
    padding: 11px 20px 0 36px;
    margin-bottom: -5px;
}
.chk01 li{
    margin-bottom: 8px;
float: left;
}
.chk01 .li01 {
    width: 114px;
}
.chk01 .li02 {
    width: 99px;
}
.chk01 .li03 {
    width: 101px;
}
.chk01 .li04 {
    width: 140px;
}
.chk01_on,
.chk01_off {
padding-left: 20px;
position: relative;
}
.chk01_on:after {
    width: 11px;
    height: 9px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -2500px no-repeat;
content: '';
overflow: hidden;
position: absolute;
    top: 6px;
left: 0;
}
.chk01_off:after {
width: 14px;
height: 10px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -2550px no-repeat;
content: '';
overflow: hidden;
position: absolute;
    top: 6px;
left: 0;
}
.boxWrap .fltL {
position: relative;
}
.chkP01 {
    background: #f5f5f5;
    padding: 14px 35px 21px;
    font-size: 12px;
    border-radius: 0 0 10px 10px;
}
.chkP01 p:first-child {
    color: #808080;
    margin-bottom: 4px;
}
.chkP02 {
    width: 150px;
height: 40px;
position: absolute;
    bottom: -50px;
    text-align: center;
    margin-left: 15px;
}
.chkP02 p:first-child {
    color: #aaaaaa;
    font-size: 11px;
}
.chkP02 p:nth-child(2) {
    font-size: 12px;
    color: #222222;
}
.chkP03 {
    font-size: 12px;
}
.chkP03 p span{
    padding-left: 26px;
position: relative;
display: inline-block;
}
.chkP03 p span:after {
    width: 18px;
    height: 8px;
    background: url(/cmn_web/img/common/sprite_001.png) -500px -2500px no-repeat;
content: '';
overflow: hidden;
position: absolute;
    top: 5px;
left: 4px;
}



.chkA {
    padding-left: 17px;
    background: url(/cmn_web/img/common/sprite_001.png) -650px -2696px no-repeat;
}
.boxLeft {
float: left;
}
.boxRight {
float: right;
}


/*--------------------------------------------------
Option
--------------------------------------------------*/
.mb05{margin-bottom:5px !important;}
.mb08{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb20{margin-bottom:20px !important;}
.mb24{margin-bottom:24px !important;}
.mb26{margin-bottom:26px !important;}
.mb30{margin-bottom:30px !important;}
.mb32{margin-bottom:32px !important;}
.mb40{margin-bottom:40px !important;}
.mb48{margin-bottom:48px !important;}
.mb50{margin-bottom:50px !important;}
.mb56{margin-bottom:56px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb72{margin-bottom:72px !important;}
.mb80{margin-bottom:80px !important;}
.mb00{margin-bottom: 0px !important;}
.tblForm01 .gm301mb0{margin-bottom:0px !important;}

.mr16{margin-right: 16px !important;}

.mt30{margin-top: 30px !important;}

.pb10{padding-bottom:10px !important;}

.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}

.fltL{float: left !important;}
.fltR{float: right !important;}

.frontLayer{
z-index: 99999;
}
.head01-02:after,
.stepList01:after,
.stepList02:after,
.funcDropWide .dropMenuWideWrap:after,
.modal .inner .right .ckWrapA:after,
.slider:after,
.modTab01:after,
.head01.head01-01:after,
.listTop03:after,
.head02:after,
.listTop01 li:after,
.mod2c01:after,
.mod2c02:after,
.mod3c01:after,
.mod4c01:after,
.funcDrop .dropMenuWide li.link a:after,
.funcDrop .dropMenuWide li.dead p:after,
.asideMunu01 li dd a:after,
.asideMunu02 li dd a:after,
.ganvList:after,
.content1200:after,
.ckWrapB:after,
.ckWrapD:after,
.ckWrapE:after,
.ckWrapF:after,
.ckWrapG:after,
.ckWrapH:after,
.ckWrapI:after,
ul.topNotice:after,
.clrFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.layerDrop{
position: fixed;
display: none;
top:0;
left: 0;
z-index: 9990;
}

.height_auto{
height: auto;
}

/*--------------------------------------------------
Baloon
--------------------------------------------------*/
.balloon01,
.balloon05 {
margin-bottom: 20px;
z-index: 9000;
}
.balloon01 p,
.balloon05 p{
position: relative;
width: 200px;
padding: 15px;
    border: 0 solid #999;
border-radius: 5px;
    box-shadow: 1px 2px 10px #aaa;
    background-color: #fafafa;
vertical-align: middle;
}
.balloon01 p span ,
.balloon05 p span {
display: block;
margin-bottom: 3px;
font-weight: bold;
}
.balloon01 p:before,
.balloon05 p:before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
    border-top: 10px solid #fafafa;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
    filter: drop-shadow(1px 2px 2px #aaa);
}
.balloon01 p:after,
.balloon05 p:after{
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
    border-top: 10px solid #fafafa;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
/*balloon02*/
.balloon02 {
margin-bottom: 20px;
z-index: 9000;
}
.balloon02 p{
position: relative;
width: 200px;
padding: 15px;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
vertical-align: middle;
}
.balloon02 p span {
display: block;
margin-bottom: 3px;
font-weight: bold;
}
.balloon02 p:before{
content: "";
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-bottom: 10px solid #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon02 p:after{
content: "";
position: absolute;
top: -9px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
/*balloon03*/
.balloon03 {
margin-bottom: 20px;
z-index: 9000;
position: relative;
}
.balloon03 p{
position: relative;
    font-size: 14px;
line-height: 17px;
width: 170px;
padding: 10px 10px 5px 30px;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
vertical-align: middle;
z-index: 90;
}
.balloon03:after{
content: '';
display: block;
position: absolute;
left: 11px;
top: 12px;
width: 14px;
height: 14px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -350px -200px;
z-index: 100;
}

.balloon03 p:before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}

.balloon03 p span {
display: block;
margin-bottom: 3px;
}

.balloon03 p:after{
content: "";
position: absolute;
bottom: -9px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon01.stay,.balloon03.stay{
display:none;
}
/*balloon04, balloon07*/
.balloon04, .balloon07 {
margin-bottom: 20px;
z-index: 9000;
position: relative;
}
.balloon04 p{
position: relative;
    font-size: 11px;
line-height: 17px;
width: 145px;
padding: 10px 10px 5px 30px;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
vertical-align: middle;
}
.balloon07 p{
position: relative;
    font-size: 11px;
line-height: 17px;
width: 86px;
padding: 10px 10px 5px 30px;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
vertical-align: middle;
}
.balloon04:after,
.balloon07:after
{
content: '';
display: block;
position: absolute;
left: 11px;
top: 11px;
width: 14px;
height: 14px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -350px -200px;
z-index: 100;
}

.balloon04 p:before,
.balloon07 p:before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon04 p:after,
.balloon07 p:after{
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
/*balloon08*/
.balloon08 {
margin-bottom: 20px;
z-index: 9000;
}
.balloon08 p{
position: relative;
width: 150px;
padding: 10px 10px 5px 10px;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
vertical-align: middle;
line-height :17px
}
.balloon08 p span {
display: block;
margin-bottom: 3px;
}
.balloon08 p:before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon08 p:after{
content: "";
position: absolute;
bottom: -9px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
/*balloon09*/
.balloon09 {
margin-bottom: 20px;
z-index: 9000;
}
.balloon09 p{
position: relative;
width: 170px;
padding: 10px 10px 5px 10px;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
vertical-align: middle;
line-height :17px
}
.balloon09 p span {
display: block;
margin-bottom: 3px;
}
.balloon09 p:before{
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon09 p:after{
content: "";
position: absolute;
bottom: -9px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon01.stay,.balloon02.stay,.balloon03.stay,.balloon04.stay,.balloon05.stay,.balloon07.stay,.balloon08.stay,.balloon09.stay{
display:none;
}

.merit01 .box01 {
    padding-top: 20px;
}

.listmerit01{
margin-bottom: 20px;
}
.under .box01 .listmerit01.last,
.under .box01 .listmerit01:last-of-type{
margin-bottom: 0;
}
.listmerit01 dt{
width: 80px;
float: left;
margin-right: 16px;
}
.listmerit01 dd{
float: left;
margin-bottom: -4px;
}

.meritDesc01 {
    width: 600px;
    float: left;
}
.meritDesc02 {
    float: right;
}

.layout.layout100{
margin-bottom: 100px;
}
.layout.layout50{
margin-bottom: 50px;
}
.marginRight16{
margin-right: 16px;
}
.marginLeft16{
margin-left: 16px;
}
.rule_area {
    width:100%;
    height:129px;
    margin:10px auto 0;
    border:1px solid #e8e8e8;
}
.ValignT{vertical-align:top !important;}
.ValignM{vertical-align:middle !important;}
.ValignB{vertical-align:bottom !important;}
.padding_left_10{
    padding-left: 10px;
}
.link_txt_rit_none {
    border-top: 1px #e5e5e5 solid !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}
.link_txt_bot_none {
    border-top: 1px #e5e5e5 solid !important;
    border-left: none !important;
    border-bottom: none !important;
}
.link_txt_rit_top_none {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px #e5e5e5 solid !important;
}
.link_txt_top_none {
    border-top: none !important;
    border-left: none !important;
    border-bottom: 1px #e5e5e5 solid !important;
}
.link_txt {
    border-top: 1px #e5e5e5 solid !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px #e5e5e5 solid !important;
}
.link_txt_left {
    border-top: 1px #e5e5e5 solid !important;
    border-left: none !important;
    border-bottom: 1px #e5e5e5 solid !important;
}
.link_txt_none {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}
.link_txt_top_bot_none {
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
}

.link_right_none {
    border-right: none !important;
}
.tbl02{
width: 100%;
border-collapse: collapse;
border-left: solid 1px #e6e6e6;
border-top: solid 1px #e6e6e6;
}
.tbl02 th, .tbl02 td{
border-right: solid 1px #e6e6e6;
border-bottom: solid 1px #e6e6e6;
padding: 15px;
text-align: center;
vertical-align:middle ;
}
.tbl02 thead th{
font-weight: bold;
background: #f7f7f7;
}
.tbl02 tbody th{
font-weight: bold;
background: #f7f7f7;
}
.tbl03{
width: 100%;
border-collapse: collapse;
border-style:none;
table-layout:fixed;
}
.tbl03 th, .tbl03 td{
padding: 15px;
text-align: left;
vertical-align:top ;
}
.tbl03 thead th{
font-weight: bold;
background: #f0f0f0;
}
.tbl03 tbody th{
font-weight: bold;
background: #f7f7f7;
}
.tbl03 .listInformation li{
text-indent: -1em;
padding-left: 1em;
line-height: 1.2em;
}
.tbl04{
width: 100%;
border-collapse: collapse;
border-left: solid 1px #e6e6e6;
border-top: solid 1px #e6e6e6;
}
.tbl04 th, .tbl04 td{
border-right: solid 1px #e6e6e6;
border-bottom: solid 1px #e6e6e6;
padding: 15px;
vertical-align: top;
}
.tbl04 thead th{
font-weight: bold;
background: #f0f0f0;
}
.tbl04 tbody th{
font-weight: bold;
background: #f7f7f7;
    font-size: 16px
}

/* 受付終了 */
.icoAcceptEnd{
display: inline-block;
width: 58px;
padding: 3px 0 2px;
border: solid 1px #b8b8b8;
color:#000;
font-size: 11px;
line-height: 1em;
text-align: center;
font-weight: normal !important;
}

.tblForm02{
width: 100%;
    border-collapse: separate;
    border-left: solid 1px #e5e5e5;
border-top: solid 1px #e5e5e5;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
}
.tblForm02 th{
border-bottom: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
vertical-align: middle;
text-align: center;
    background: #fafafa;
}
.tblForm02 th .thIner01{
    background: #f2f2f2;
position: relative;
padding: 19px 16px;
line-height: 1em;
font-weight: bold;
}
.tblForm02 th .thIner02{
padding: 16px;
line-height: 1em;
font-weight:bold;
}
.tblForm02 th .thIner01 .icoForm01,
.tblForm02 th .thIner01 .icoForm02,
.tblForm02 th .thIner01 .icoForm03{
position: absolute;
right: 16px;
top: 16px;
}
.tblForm02 td{
border-bottom: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
vertical-align: middle;
padding: 10px 16px;
    background: #fafafa;
}
.tblForm02 td .ckWrapA{
font-weight:bold;
}
.tblForm02 td .textCount{
font-weight: bold;
color: #ff0000;
margin: 0 !important;
}
.tblForm02 td p:last-of-type{
margin-bottom: 10px;
}
.tblForm02 td p span.ml16{
margin: 0 0 0 16px !important;
}
.tblForm02 td p span:first-of-type{
margin-left: 0;
}
.tblForm02 td .textarea02{
width: 965px;
}

.tblForm03{
width: 100%;
border-collapse: collapse;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
}
.tblForm03 th{
border-bottom: solid 1px #e5e5e5;
border-right: none;
background: #f7f7f7;
width: 239px;
vertical-align: top;
}
.tblForm03 th .thIner01{
position: relative;
padding: 19px 16px;
line-height: 1em;
font-weight: bold;
}
.tblForm03 th .thIner02{
padding: 16px;
line-height: 1em;
font-weight:bold;
}
.tblForm03 th .thIner01 .icoForm01,
.tblForm03 th .thIner01 .icoForm02,
.tblForm03 th .thIner01 .icoForm03{
position: absolute;
right: 16px;
top: 16px;
}
.tblForm03 td{
border-bottom: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
border-left: none;
vertical-align: top;
padding: 5px 5px;
}
.tblForm03 td .textCount{
font-weight: bold;
color: #ff0000;
margin: 0 !important;
}
.tblForm03 td p{
margin-bottom: 10px;
}
.tblForm03 td p:last-of-type{
margin-bottom: 0px;
}
.tblForm03 td p span.ml16{
margin: 0 0 0 16px !important;
}
.tblForm03 td p span:first-of-type{
margin-left: 0;
}
.tblForm04Th th .thIner01{
    font-size: 16px;
}



.link_tbl01{
    width: 100%;
    border-collapse: collapse;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;

}
.link_tbl01 th, .link_tbl01 td{
    border-top: 15px !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 0px;
}
.link_tbl01 thead th{
    font-size: 21px ;
    font-weight: bold;
    padding: 15px 0 20px;

}
.link_tbl01 tbody th{
    font-weight: bold;
    background: #ccc;
}

.link_tbl01_font1 {
    font-size: 14px;
}
.link_tbl02{
    width: 100%;
    border-collapse: collapse;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    margin-left:0px;
}
.link_tbl02 th, .link_tbl02 td{
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    padding: 7px;
    text-align: center;
    vertical-align:middle ;
}
.link_tbl02 thead th{
    font-weight: bold;
    background: #f7f7f7;

}
.link_tbl02 tbody th{
    font-weight: bold;
    background: #f7f7f7;
}

.link_tbl03{
    width: 100%;
    margin-left:0px;
}

.link_tbl04{
    width: 100%;
    border-collapse: collapse;
}
.link_tbl04 th, .link_tbl04 td{
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    padding: 7px;
    text-align: center;
    vertical-align:middle ;
}
.link_tbl04 thead th{
    font-weight: bold;
    background: #f7f7f7;
}
.link_tbl04 tbody th{
    font-weight: bold;
    background: #f7f7f7;
}
.link_tbl05{
    width: 100%;
    border-collapse: collapse;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    margin-left:15px;
}
.link_tbl06{
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-left:10px;
}
.link_tbl07{
    width: 100%;
    border-collapse: collapse;
}
.link_tbl07 th{
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    padding: 15px;
    text-align: center;
    vertical-align:middlep ;
}
.link_tbl07 thead th{
    font-weight: bold;
    background: #f0f0f0;
}
.link_tbl07 tbody th{
    text-align: left;
    background: #f7f7f7;
}
.link_tbl07 tbody td{
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    padding: 15px;
    text-align: left;
    vertical-align:top ;
}
.link_icoTopSp{
    display: inline-block;
    width: 100px;
    padding: 3px 0 2px;
    border: solid 1px #b8b8b8;
    color:#000;
    font-size: 10px;
    line-height: 1em;
    text-align: center;
}
.link_btnType01{
display: inline-block;
padding: 10px 14px 8px;
    font-size: 15px;
line-height: 1em;
font-weight: bold;
text-decoration: none;
margin-bottom: 2px;
position: relative;
}

.link_head01{
vertical-align: middle;
background: #101177;
color: #fff;
height: 40px;
    font-size: 14px;
width: 256px;
padding: 0 16px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
display:table-cell;
}
.link_head02{
width: 880px;
vertical-align: middle;
padding-left: 16px;
border: solid 2px #e6e6e6;
height: 43px;
display:table-cell;
}

.link_div01{
    width: 94%;
    border: solid 1px #e6e6e6;
    padding: 30px;
    margin-left:0px;
}

.link_div02{
    width: 96%;
    border: none;
    padding: 15px;
    margin-left:0px;
    background: #f0f0f0;
}
.link_div03{
    width: 96%;
    border: 1px;
    padding: 10px;
    margin-left:0px;
}
.link_div04{
    width: 94%;
    border: #e6e6e6 solid 1px;;
    padding: 30px;
    margin-top:10px;
    background: #f2f2f2;
}

.link_div05{
    width: 94%;
    border: solid 1px #e6e6e6;
    background: #f2f2f2;
    padding: 30px;
    margin-left:0px;
}
.num02{
color: #808080;
margin-left: 5px !important;
font-weight: normal !important;
}
.font_normal{
font-weight: normal !important;
}

.solid01{
border-bottom: solid 1px #e6e6e6 !important;
}
.modInformation03{
border: solid 1px #e6e6e6;
padding: 30px;
}

.helpLink01{
padding-left: 21px;
position: relative;
}
.helpLink01:before{
content: '';
width: 21px;
height: 21px;
    background: url(/cmn_web/img/common/sprite_001.png) -50px -250px no-repeat;
position: absolute;
left:0; top:0px;
}

.helpLink02{
padding-left: 21px;
position: relative;
}
.helpLink02:before{
content: '';
width: 21px;
height: 21px;
    background: url(/cmn_web/img/common/sprite_001.png) -50px -300px no-repeat;
position: absolute;
left:0; top:0px;
}

.helpLink03{
padding-left:15px;
margin-left:6px;
vertical-align:middle;
position:relative;
}
.helpLink03:before{
content:'';
width:15px;
height:15px;
    background:url(/cmn_web/img/common/sprite_001.png) no-repeat -50px -2300px;
position:absolute;
left:0; top:0;
}

.icoSpc05{
display: inline-block;
    width: auto;
}

.icoSpc06{
display: inline-block;
width: 266px;
}

.icoSpc07{
display: inline-block;
width: 115px;
padding: 3px 0 2px;
border: solid 1px #0a50a1;
background: #fff;
color:#0a50a1;
font-size: 11px;
line-height: 1em;
text-align: center;
font-weight: normal !important;
}
.layout .ohterArea {
background-color: #e6e6e6;
padding: 75px 0;
text-align: center;
margin-top: 20px;
}
.layout .ohterArea {
background-color: #e6e6e6;
padding: 75px 0;
text-align: center;
margin-top: 20px;
}
.layout .zeroArea {
    background-color: #ebebeb;
    border:none;
    padding: 55px 0 55px 0;
text-align: center;
margin-top: 20px;
    border-radius: 6px;
}


.head09 table{
border-top:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid;
border-spacing:0;
    border-radius: 6px;
    border-collapse: separate;
    overflow: hidden;
    margin-top: 12px;
}
.head09 table th,
.head09 table td{
    border-left:none;
border-bottom:1px #d9d9d9 solid;
    padding:15px 30px;
margin:0;
box-sizing:border-box;
}
.head09 table th{
font-weight:bold;
    font-size: 14px ;
    background-color:#f5f5f5;
width:190px;
}

.head09 table td{
    font-size: 14px ;
    background-color:#fafafa;
}
.head09 table td.date{
width:386px;
}

.head09 table td ul.list01{
margin-left:10px;
display: inline;
}
.head09 table td ul.list01 li{
display: inline;
}
.head09 .rest {
display: inline-block;
margin-left: 10px;
}
.modTypeBorder03{
width: 100%;
    border-top:none !important;
    border-bottom: none;
overflow: hidden;
}
.modTypeBorder03 p{
    font-size: 14px;
line-height: 1.5em;
}
html>/**/body .modTypeBorder03 p{ /* IE8 */
margin-top:20px\9;
}
:root .modTypeBorder03 p{ /* IE9 later */
margin-top:0\0;
}

.modTypeBorder03 .parts{
float: right;
    margin-bottom: 18px;
}
.modDetailBtn .btnWrap div.center{
width: 352px;
margin:auto;
}
.modArt02{
padding: 30px;
border: solid 1px #e6e6e6;
background: #f2f2f2;
text-align: left;
}


.head10{
margin-bottom: 20px;
}
.head10Detail{
border-bottom: solid 1px #e6e6e6;
padding-bottom: 10px;
}
.head10 h2{
    font-size: 16px;
display:block;
}
.head10.head10-01 h2{
float: left;
margin-right: 10px;
}
.head10.head10-01 .faqLink{
float: left;
margin-top: 1px;
}
.head10 .explain{
display: block;
    font-size: 12px !important;
margin: 6px 0 -4px;
font-weight: normal;
    color: #222222;
}
.head10Detail .inner{
    border-top: none;
    padding-top: 20px;
    margin-top: 4px;
    padding-bottom: 5px;
    overflow: hidden;
}
.head10Detail .metaTxtL{
    font-size: 14px !important;
    margin-bottom: 10px;
}
.head10Detail .detailIcons{
padding: 0px 0 0;
    background: #fff url(/resources/dcfront/images/bg_002.png) 0 0 repeat-x;
}
.head10Detail .detailIcons01{
    background: #ffffff;
}
.head10Detail .inner .right{
float: right;
}
.head10Detail .inner .left{
margin-right: 164px;
float: left;
}
/* 返信 */
.icoSts06{
display: inline-block;
width: 28px;
padding: 3px 0 1px;
border: solid 1px #808080;
background: #808080;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}

.icoSpc03{
display: inline-block;
width: 100px;
padding: 5px 0 5px;
background: #101177;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
/* 求人　雇用形態 */
.icoTypeDead{
display: inline-block;
width: 58px;
padding: 4px 0 3px;
border: solid 1px #b8b8b8;
color:#b8b8b8 !important;
    font-size: 11px !important;
line-height: 1em !important;
text-align: center;
background: #fff;
}

/*balloon06*/
.balloon06 {
margin-top:10px;
z-index: 6000;
position: relative;
}
.balloon06 p{
position: relative;
    font-size: 11px;
line-height: 17px;
width: 410px;
padding: 10px 10px 5px 30px;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
vertical-align: middle;
z-index: 90;
}
.balloon06:after{
content: '';
display: block;
position: absolute;
left: 11px;
top: 11px;
width: 14px;
height: 14px;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -350px -200px;;
z-index: 100;
}

.balloon06 p:before{
content: "";
position: absolute;
top: -10px;
left: 10%;
margin-left: -10px;
width: 0;
height: 0;
border-bottom: 10px solid #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon06 p:after{
content: "";
position: absolute;
top: -9px;
left: 10%;
margin-left: -10px;
width: 0;
height: 0;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}

/* お知らせモジュール */
.modInformation02{
border: solid 2px #e6e6e6;
padding: 16px;
margin-top: 20px;
}


.finsed03{
    font-size: 12px;
display: inline-block;
width: 145px;
line-height: 28px;
height: 28px;
border: solid 1px #cccccc;
text-align: center;
background: #fff;
color: #292929;
}

.finsed04{
    font-size: 11px;
display: inline-block;
    width: 68px;
    line-height: 16px;
    height: 16px;
    border: solid 1px #007fc3;
text-align: center;
background: #fff;
    color: #007fc3;
    border-radius: 2px;
}

/* WEB履歴書お知らせモジュール */
.dlRsmLecture dt {
    margin-top: 15px;
}
.dlRsmLecture dt:first-child {
margin-top: 0;
}
.listRsmQa li:before {
content: "Q";
padding-right: 1em;
}


.backGrayBlank {
width: 50px;
margin: 0 5px;
height: 20px;
vertical-align: middle;
}
.modRsmInfo .fltL {

}
.modRsmInfo .fltR ul {
margin-bottom: 5px;
}
.modRsmInfo .fltR li {
display: inline-block;
width: 110px;
margin-bottom: 10px;
}
.modRsmInfo .fltR li.last,.modRsmInfo .fltR li:last-of-type {
width: 140px;
}
.modRsmInfo .fltR {
width: 596px;
}
.modRsmPrInfo {
background-color: #f7f7f7;
padding: 1px;
}
.icoCheOn01 {
    background: url(/resources/dcfront/images/ico_rsm_checkOn_001.png) no-repeat;
padding-left: 18px;
}
.icoCheOff01 {
    background: url(/resources/dcfront/images/ico_rsm_checkOff_001.png) no-repeat;
padding-left: 18px;
}

/* 汎用テーブル（WEB履歴書、登録情報設定一覧） */
.tbl05 td.idPhoto {
    width: 171px;
    vertical-align: top;
}
.idPhoto li {
    margin-bottom: 5px;
    text-align: left;
    font-size: 12px;
}
.idPhoto li:first-of-type,.idPhoto li.first {
  margin-bottom: 20px;
}
.idPhoto li:last-of-type,.idPhoto li.last {
  margin-bottom: 0;
    font-size: 10px;
    color: #808080;
}
.idPhoto .btnW128 {
    width: 118px;
}
.backGray {
    background-color: #cccccc;
padding: 0 3px;
display: inline-block;
}
.backGrayLarge {
    background-color: #cccccc;
padding: 5px 3px;
display: inline-block;
    font-size: 20px;
font-weight: bold;
}

.tdW250 {
width: 250px;
}
.thW85 {
width: 85px !important;
}
.thW95 {
width: 95px;
}
.tdYear,.tdMonth {
text-align: center;
}
.listResumeName01 .lastName {
padding-right: 1em;
}
.nameLarge {
display: inline-block;
}
.listResumeName01 li {
margin-top: 10px;
margin-right: 10px;
}
.listResumeName01 li:first-child {
margin-top: 0px;
}

.tbl05 p. {
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}

.tbl05 .tblNest01 {
width: 100%;
}
.tbl05 .tblNest01 th {
font-weight: normal;
background: none;
}
.tbl05 .tblNest01 th,.tbl05 .tblNest01 td {
border-right: none;
border-bottom: none;
padding: 0;
}
.tbl05 .tblNest01 th {
    width: 70% !important;
    padding: 0 !important;
}
.tbl05 .tblNest01 td {
    width: 30% !important;
    padding: 0 !important;
}
.tbl05 .mt20 {
margin-top: 20px;
}

.dtW5 dt {
width: 5em;
}
.dtW5 dd {
margin-left: 5.5em;
}
.dtW6 dt {
width: 6em;
}
.dtW6 dd {
margin-left: 6.5em;
}
.dtW7 dt {
width: 7em;
}
.dtW7 dd {
margin-left: 7.5em;
}
.dtW9 dt {
width: 9em;
}
.dtW9 dd {
margin-left: 9.5em;
}
.dtW10 dt {
width: 10em;
}
.dtW10 dd {
margin-left: 10.5em;
}
.dtW11 dt {
width: 11em;
}
.dtW11 dd {
margin-left: 12.5em;
}
.dtW15 dt {
width: 15em;
}
.dtW15 dd {
margin-left: 15.5em;
}
.tbl06{
width: 100%;
    border-collapse: separate;
    border-left: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
}
.tbl06 th, .tbl06 td{
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
padding: 15px;
box-sizing: border-box;
vertical-align: top;
}
.tbl06 th {
font-weight: bold;
    background: #f2f2f2;
text-align: center;
}
.tbl06 td {
    background: #fafafa;
}

/* GM-009向け */
.tbl05{
width: 100%;
    border-collapse: separate;
    border-left: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
}
.tbl05 td{
    border-right: solid 1px #e5e5e5;
    background: #fafafa;
}
.tbl05 th, .tbl05 td{
    border-bottom: solid 1px #e5e5e5;
    padding: 21px 30px 21px 30px;
box-sizing: border-box;
}
.tbl05 th.leftBorder {
    border-left: solid 1px #e5e5e5;
}
.tbl05 th {
    width: 210px;
font-weight: bold;
    background: #f2f2f2;
vertical-align: top;
    padding: 21px 10px 25px 30px;
}
.listSlash01 li {
float: left;
}
.listSlash01 li:after {
content: "／";
margin: 0 1em;
}
.listSlash01 li.last:after,.listSlash01 li:last-of-type:after {
content: "";
margin: 0;
}
.icoSts07{ /* 未設定 */
    display: inline-block;
    width: 50px;
    padding: 4px 0 3px;
    background-color: #EBEBEB;
    color: #AAAAAA;
    font-size: 11px;
    line-height: 1em;
    text-align: center;
    border-radius: 2px;
}
.icoSts08{ /* 配信中 */
    display: inline-block;
    width: 50px;
    padding: 4px 0 3px;
    background-color:#007fc3;
    color:#fff;
    font-size: 11px;
    line-height: 1em;
    text-align: center;
    border-radius: 2px;
}
.icoSts09{
    display: inline-block;
    width: 50px;
    padding: 4px 0 3px;
    background-color: #EBEBEB;
    color: #AAAAAA;
    font-size: 11px;
    line-height: 1em;
    text-align: center;
    border-radius: 2px;
}

.mtbN5 {
    margin-top: -2px;
margin-bottom: -5px;
}
.tbl05 .box30,
.tbl05 .box31,
.tbl05 .box32,
.tbl05 .box33,
.tbl05 .box34 {
display: table-cell;
}
.tbl05 .box30 {
    width: 360px;
}
.tbl05 .box31 {
padding-right: 15px;
}
.tbl05 .box33 {
padding-right: 10px;
}
.tbl05 .box34 {
    padding-left: 15px;
    padding-right: 16px;
    padding-top: 5px;
}
.resignBox {
    border: solid 1px #e5e5e5;
    padding: 21px 30px 17px 30px;
box-sizing: border-box;
    background: #f2f2f2;
    border-radius: 6px;
}
.registNewCondBox {
text-align: right;
}
.registNewCondBox p {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.tdW96 {
width: 96px;
}
/* 定義リスト（縦並び） */
.dlVrt01 dt,.dlVrtCln01 dt {
float: left;
}
.dtW4 dt {
width: 4em;
}
.dtW4 dd {
margin-left: 5em;
}
.dtW14 dt {
width: 14em;
}
.dtW14 dd {
margin-left: 15em;
}
.dlVrtCln01 dt:after {
content: "：";
float: right;
}
/* 定義リスト（横並び） */
.dlHrz01 {
display: inline-block;
}
.dlHrz01 dt,.dlHrz01 dd {
display: inline-block;
}
.dlHrz01 dd {
margin-right: 3em;
}
.dlHrz01 dt:after {
content: "：";
margin-right: 0.5em;
margin-left: 1em;
}

/* GM-301向け */
.tblForm01 .tblNest02 {
  border-collapse: collapse;
}
.tblForm01 .tblNest02 th,.tblForm01 .tblNest02 td {
  border-right: none;
  border-bottom: none;
}
.tblForm01 .tblNest02 th {
  font-weight: normal;
  background: none;
  width: 60px;
  padding: 10px 0;
}
.tblForm01 .tblNest02 td {
  padding: 5px 0;
}
.cbBox01 {
    padding-left: 0;
}
.sortImageBox {
margin: 0 50px;
}


.formBtn div.left{
width: 500px;
float: left;
box-sizing:border-box;
padding-left:356px;
}
.formBtn div.right{
width: 500px;
float: right;
box-sizing:border-box;
}




/* 検討リスト一覧モジュール */
.modList04{
    border-top: solid 4px #0a50a1;
}
.modList04 .upper{
    background: #f5f5f5;
    border-bottom: solid 1px #e5e5e5;
}
.modList04 .upper .box01,
.modList04 .upper .box02,
.modList04 .upper .box21,
.modList04 .upper .box22,
.modList04 .upper .box23,
.modList04 .upper .box24,
.modList04 .upper .box25,
.modList04 .upper .box35,
.modList04 .upper .box36{
display: table-cell;
}
.modList04 .upper .box01{
width: 40px;
vertical-align: middle;
background: #e6e6e6;
text-align: center;
position: relative;
}
.modList04 .upper .box01 .stayBottom{
position: absolute;
left: 5px;
bottom: 11px;
height: 17px;
}
.modList04 .upper .box01 .ckWrapA{
width: 16px;
margin-right: 0;
}
.modList04 .upper .box01 .ckWrapA .ckWrapA_Cbox{
margin-right: 0;
}
.modList04 .upper .box01 .ckWrapA .ckWrapA_Lbox{
display: none;
}
.modList04 .upper .box02{
    padding: 17px 35px;
}
.modList04 .upper .box21{
width: 474px;
padding-left: 16px;
}
.modList04 .upper .box21 .icoSvc01{
margin-left: 10px;
}
.modList04 .upper .box22{
padding-left: 24px;
width: 170px;
vertical-align: top;
}
.modList04 .upper .box23{
vertical-align: middle;
width: 100px;
padding-left: 26px;
}
.modList04 .upper .box24{
vertical-align: top;
    width: 180px;
}
.modList04 .upper .box25{
padding-left: 16px;
vertical-align: middle;
width: 420px;
}
.modList04 .upper .box35{
    padding-left: 20px;
vertical-align: middle;
    width: 521px;
    font-size: 12px;
}
.modList04 .upper .box36{
vertical-align: top;
    width: 70px;
    padding-left: 35px;
}
    .modList04 .upper .box21{
    position: relative;
    }
    .modList04 .upper .box21 .clickArea{
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    cursor: pointer;
    }
    .modList04 .upper .box21.hover h2.title span.company{
    text-decoration: underline !important;
    }
    .modList04 .upper .box21.hover h2.title span.job{
    text-decoration: underline !important;
    }

.modList04 .under{
    padding: 16px 36px 20px 35px;
}
.modList04 .under .box01{
float: left;
    width: 613px;
}
.modList04 .under .box02{
float: right;
    width: 180px;
}

.layout30.bgGrey{
/*
border:solid 1px #E6E6E6;
background-color:#F2F2F2;
padding:30px;
*/
    padding: 29px 47px !important;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.layout16.bgGrey{
border:solid 1px #E6E6E6;
background-color:#F2F2F2;
padding:16px;
}

.layout30.errInfo{
border:solid 3px #E6E6E6;
background-color:#FFFFFF;
padding:15px;
    font-size: 14px;
font-weight: bold;
line-height: 2.0em;
color: #f00;
}

.layout.errInfoMsg{
    border:solid 1px #ff0000;
background-color:#FFFFFF;
    padding:25px 47px;
color: #f00;
    border-radius: 6px;
    line-height: 1.7;
}
.layout.errInfoMsg ul{
padding-top: 15px;
}
.layout.errInfoMsg ul:first-child {
padding-top: 0px;
}
.layout.errInfoMsg li.title{
    font-weight: normal;
    font-size: 14px;
}
.layout.errInfoMsg li.msg:before{
    content:"";
}

.vAlienM{
    vertical-align:middle !important;
}
.mr11{
margin-right: 11px !important;
text-align:left;
}
.mr0{
margin-right: 0px !important;
}

.txtBoxArea01 {
margin-top: 10px;
margin-left: 29px;
}


/* dlの入れ子がある場合の求人一覧のスペック表示 */
.listJpbSpec03{
margin-bottom: 20px;
}
.under .box01 .listJpbSpec03.last,
.under .box01 .listJpbSpec03:last-of-type{
margin-bottom: 0;
}
.listJpbSpec03 dt{
float: left;
margin-right: 16px;
}


/* テーブルtdのwidth指定 GM-078 */
.tdW300 {
width: 300px;
}
.thW415 {
width: 415px;
}
.thW190{
width: 190px;
}
.thW400{
width: 400px;
}

.txtArea01 {
padding-left: 0px;
}
.txtArea02 {
padding-left: 20px;
}
.chk02 li {
  margin-bottom: 14px;
}
.chk02_on {
  padding-left: 20px;
  position: relative;
  font-weight:bold;
}
.chk02_on:after {
  width: 14px;
  height: 10px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -503px no-repeat;
  content: '';
  overflow: hidden;
  position: absolute;
  top: 4px;
  left: 0;
}
.chk02_off {
  padding-left: 20px;
  position: relative;
  font-weight:normal;
}
.chk02_off:after {
  width: 14px;
  height: 10px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -553px no-repeat;
  content: '';
  overflow: hidden;
  position: absolute;
  top: 4px;
  left: 0;
}

/* GM-047 */
.mr15 {
    margin-right: 15px;
}

/* GM-010 */
.icoBlank03 {
padding-right: 16px;
position: relative;
}
.icoBlank03:after {
content: '';
width: 16px;
height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -500px -196px no-repeat;
position: absolute;
right: -6px;
top: 0;
}

/* GM-125 */
.preArea {
white-space: pre-wrap;
word-wrap: break-word;
    margin: 0 0 30px;
}

/* GM-61 */
.box35 a{
display:block;
width: 552px;
}

/* GM-10 */
.backWhite {
padding: 0;
display: inline-block;
margin-left: -10px;
}

.phone {
position:relative;
}
.dlVrtCln01 dt.phone:after {
content: "：";
float: right;
position:absolute;
top:0;
right:0;
}
.head09 h2 {
    font-size: 19px;
}
.head09 {
    padding-bottom: 0;
    margin-bottom: 20px;
    border-bottom: none;
    font-size: 20px;
}

.head09.noborder {
    margin-bottom: 0px;
    border-bottom: 0px !important;
}


.head10 table{
border-top:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid;
border-spacing:0;
}
.head10 table th,
.head10 table td{
border-left:1px #d9d9d9 solid;
border-bottom:1px #d9d9d9 solid;
padding:15px;
margin:0;
box-sizing:border-box;
    font-size: 15px ;
}
.head10 table th{
font-weight:bold;
background-color:#f7f7f7;
width:190px;
}
.head10 table td.date{
width:386px;
}

.head10 table td ul.list01{
margin-left:10px;
display: inline;
}
.head10 table td ul.list01 li{
display: inline;
}
.head10 .rest {
display: inline-block;
margin-left: 10px;
}

.head10 h2 {
    font-size: 138.46%;
}
.head10 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #e6e6e6;
}

.head10.noborder {
    margin-bottom: 0px;
    border-bottom: 0px !important;
}
.greyHead {
    background-color: #ffffff;
    padding-bottom: 20px;
}
.noPadding {
	padding-bottom: 0px!important;
	margin-top: 0px!important;
}
.pt10{
 padding-top:10px;
 }

/* GM-56 */
.modList03 .box02 .stayBottom{
position: absolute;
left: 5px;
bottom: 11px;
height: 17px;
}


/* GM-077 */
.tblForm02 td.vaMiddle{
    vertical-align: middle;
}
.mr20{
    margin-right:20px;
}

.tableThTop .ckWrapH{
padding-top:11px;
}

.tableThLast .ckWrapH{
padding-bottom:11px;
}

.Height450{
height: 450px;
}

.Height1185{
height: 1185px;
}

.marginL30{
margin-left: 30px;
}
.padding30{
padding: 30px 30px !important;
}

/* 紹介求人詳細 */
.modList05 {
    border-top: none;
}
.modList05 .upper{
padding-top: 10px;
}
.modList05 .title .company{
    font-size: 21px;
width: 528px;
}
.modList05 .title .job{
float: left;
margin-bottom: 20px;
width: 528px;
}
.modList05 .title .iconArea {
margin-bottom: 10px;
}
.modList05 .title .icoNew {
margin-left: 10px;
vertical-align: middle;
}
.modList05 .title dl.companyInfo dt {
float: left;
clear: left;
width: 80px;
margin-bottom: 10px;
}
.modList05 .title dl.companyInfo dd {
float: left;
width: 500px;
margin-bottom: 10px;
}
.modList05 .inner dl.companyInfo dt {
float: left;
clear: left;
    width: 67px;
    margin-bottom: 3px;
    font-size: 12px;
    color: #808080;
}
.modList05 .inner dl.companyInfo dd {
float: left;
width: 500px;
    margin-bottom: 3px;
    font-size: 12px;
}
.modList05 .job{
    font-size: 14px !important;
    margin: 11px 0 0 0;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.5;
}
.modList05 .inner .job{
    margin-bottom: 15px;
    width: 800px;
}
div.lineHeight{
    line-height:1em;
}
.modList05 .inner {
    padding-top: 10px;
}
.modList05 .inner .iconArea {
    margin-bottom: 10px;
}
.mrgTop{
    margin-top: 10px;
}
.modList05 .inner0087 .icoNew {
    margin-left: 10px;
    vertical-align: middle;
}
.head01Detail .metaTxt.sideRight {
float: right;
margin-left: 20px;
    margin-top: 8px;
}
.head01Detail.paddingMetaTxt {
padding-bottom: 10px;
    padding-top: 0;
}
table.jobView th {
vertical-align: top;
    width: 136px;
    padding: 20px 15px 15px 28px;
}
table.jobView02 {
border-top: 0px;
}
table.jobView td.right {
text-align: right;
}
table.jobView td.center {
text-align: center;
}
.table_hide .tbl01  {
border-top: 0px;
}

.icoObStatus{
display: inline-block;
    padding: 0;
    border: solid 1px #e5e5e5;
text-align: center;
float: right;
    width: 180px;
    font-size: 12px;
    height: 23px;
    line-height: 25px;
}
.headBottom10{
margin-bottom: 10px;
}

.marginBottom50{
margin-bottom: 50px;
}

.table03{
padding-left: 16px;
}

.table03 .tdClass01{
width: 419px;
}

.table03 .tdClass02{
width: 183px; padding-left: 24px;
}

.table03 .tdClass03{
width: 119px; text-align: left; padding-left: 20px;
}

.table03 .tdClass04{
width: 99px;
}

.table03 .tdClass05{
width: 602px;
}

.table03 .tdClass06{
width: 119px; vertical-align: top;
}

.table03 .tdClass07{
width: 99px; vertical-align: top;
}

.table03 .tdClass08{
width: 183px; padding-left: 24px; vertical-align: top;
}

.table03 .tdClass09{
width: 119px; text-align: left; vertical-align: top;
}

.table03 .tdClass10{
width: 602px; vertical-align: top;
}
.borderBottomNone{
border-bottom: none !important;
}
.borderBottomDotted{
border-bottom: 1px dotted #dedede;
}
.marginTopNone{
margin-top: 0 !important;
}

.marginTop30{
margin-top: 30px !important;
}

.lineHeight15{
line-height: 1.5em !important;
}

.pt5{
 padding-top: 5px;
}

.marginLeft5{
margin-left: 5px;
}
.marginTop20{
margin-top: 20px;
}

.width688{
width: 688px !important;
}
/*マイページ表示不可 */
.inactive {
color: #808080;
font-weight: normal;
}
.modListFin .inactive {
color: #b8b8b8 !important;
}

/*--------------------------------------------------
PersonalizeArea
--------------------------------------------------*/
.topPersonalizeArea {
display: block;
width: 1200px;
height: 560px;
}
.iframeAdjuster {
overflow: hidden;
}
.personalizeAreaBox {
border: solid 5px #e6e6e6;
position: relative;
height: 540px;
}
.mainAsideWrapper {
padding: 21px 19px 15px;
}
.head11 {
background: #e6e6e6;
padding: 11px 19px 14px;
margin-bottom: 0;
position: relative;
}
.head11 h1 {
    font-size: 15px;
font-weight: normal;
}
.head11 .largeText {
    font-size: 19px;
font-weight: bold;
line-height: 1em;
}
.head11 .linkText {
position: absolute;
right: 19px;
bottom: 15px;
line-height: 1em;
}
.head02_04 {
margin-bottom: 0;
border-bottom: solid 2px #101177;
}
.modRecommend {
border: none;
padding: 0 33px 20px;
}
.modRecommend .slider li {
width: 160px;
float: left;
}
.modRecommend .slider01 li {
margin-right: 40px;
}
.modRecommend .slider01 li.last {
margin-right: 0;
}
.modRecommend .slider01 li:last-of-type {
margin-right: 0;
}
.modRecommend .slider li img {
}
.modRecommend .slider li .expalin {
height: 80px;
margin-bottom: 0;
}
.funcLink {
position: absolute;
right: 19px;
bottom: 16px;
}
.zeroArea02 {
background-color: #f7f7f7;
border: solid 1px #d9d9d9;
padding: 132px 0;
text-align: center;
}
.modFormExp02 {
padding: 16px 0;
    font-size: 15px;
}
.modFormError {
padding: 15px 20px;
border: 1px solid #e6e6e6;
background: #F2F2F2;
}
.modFormList {
text-align: center;
}
.buttonArea {
background-color: #f7f7f7;
border: solid 1px #f2f2f2;
padding: 16px 0;
}
.layout.layout40 {
margin-bottom: 40px;
}

/* 条件の近い求人 */
.relation_box .head02{
margin-bottom: 20px;
}
.relation_box ul{
width: 882px;
}
.relation_box ul li{
width: 160px;
margin: 0 15px 17px 0;
display: inline-block;
}
.relation_box ul li.last{
margin-right: 0;
}
.relation_box ul li .box_img{
margin-bottom: 3px;
}
.relation_box ul li .box_img a,
.relation_box ul li .box_img a img{
display: block;
}
.relation_box ul li .box_img a img{
max-width:160px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.relation_box ul li .box_title{
margin-bottom: 4px;
}
.relation_box ul li .box_title a{
font-weight: bold;
}
p.messageArea {
word-wrap: break-word;
}
.recruit_box05 {
line-height:0em !important;
position: relative;
overflow: hidden;
background: #fff;
padding-top: 30px;
margin: 0px 0 -30px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
/* メッセージ詳細 リクルーター表示 */
.recruiter {
    width: 448px;
    border-left: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
float: right;
margin: 20px 0 20px 15px;
    border-radius: 8px;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
}
.recruiter .recruiterTitle {
text-align: center;
    border-top: none;
    border-bottom: 1px #e5e5e5 solid;
    background-color: #f5f5f5;
font-weight: bold;
    padding: 10px 5px 9px;
    font-size: 14px;
}
.recruiter .recruiterSubTitle,
.recruiter .recruiterProfile  {
text-align: center;
border: 1px #d9d9d9 solid;
text-align: left;
font-weight: bold;
margin: 0 15px 0;
padding: 5px;
    font-size: 15px;
color: #500;
background-color: #f7f7f7;
}
.recruiter .recruiterProfile {
    margin: 20px 29px 0 29px;
    border: none;
    background: #f5f5f5;
    border-radius: 2px;
    font-size: 12px;
    color: #333333;
    padding: 0 0 0 10px;
    line-height: 25px;
    font-weight: normal;
}

.recruiter .bx-viewport {
    margin: 0;
    padding: 0;
}
.recruiter .recruiterHead {
display: table;
    width: 448px;
    border-bottom: 1px solid #e5e5e5;
}
.recruiter .recruiterImageBlock {
display:table-cell;
width:126px;
    padding: 20px 0 20px 29px;
text-align: center;
vertical-align: top;
}
.recruiter .recruiterHead img {
max-width:126px;
max-height:168px;
}
.recruiter .recruiterHead p {
display: table-cell;
vertical-align: top;
    padding: 20px 15px 20px;
word-break: break-all;
}
.recruiter .recruiterBody {
padding-bottom: 10px;
}
.recruiter .recruiterBody p {
    margin: 15px 29px;
    padding: 0;
    font-size: 12px;
}
.recruiter p {
padding: 5px 15px 5px;
white-space: pre-wrap;
word-wrap: break-word;
}
.recruiter .prThumbnailBlock {
display:table-cell;
width:160px;
padding: 10px 0 20px 15px;
text-align: center;
vertical-align: top;
}
.recruiter .prThumbnaiImageBlock {
background-color: #000;
position: relative;
}
.recruiter .prThumbnailBlock .prThumbnail {
max-width:160px;
max-height:160px;
}
.recruiter .prThumbnailBlock .prPlayImage {
position: absolute;
left: 30%;
top: 15%;
}
.recruiter .prThumbnailBlock .prPlayLink {
display: none;
margin-top: 5px;
}
.recruiter .prThumbnaiImageBlock:hover {
margin: -1px;
border: 1px solid #00f;
}
.recruiter .prMovieTitle,
.recruiter .memberTitle {
text-align: center;
border-top: 1px #d9d9d9 solid;
border-bottom: 1px #d9d9d9 solid;
background-color: #f7f7f7;
font-weight: bold;
padding: 15px 5px 15px;
    font-size: 15px;
}
.recruiter .memberTitle {
    background: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 5px 9px;
    font-size: 14px;
}
.memberSlider .memberHead {
display: table;
}
.memberSlider .memberBlock {
display:table-cell;
    padding: 0;
}
.memberSlider .memberImageBlock {
width:126px;
text-align: center;
vertical-align: top;
}
.memberSlider .memberHead img {
max-width:126px;
max-height:168px;
margin: 0 auto;
}
.memberSlider .memberHead p {
text-align: center;
vertical-align: top;
padding: 5px 5px;
word-break: break-all;
    font-size: 11px;
}
.memberSlider .bx-pager-item {
    margin: 0 5px;
}
.recruiter .recruiterSubBody {
    margin: 20px 19px;
}
.memberSlider .memberHead li {
    margin-right: 9px !important;
}
.memberSlider .bx-wrapper {
    margin: 0 auto -8px !important;
}
.memberSlider .bx-wrapper .bx-viewport {
    border: none !important;
    left: 0 !important;
}
.memberSlider .bx-wrapper .bx-controls-direction a {
    width: 8px !important;
    height: 14px !important;
    margin-top: 0 !important;
    bottom: 5px;
}
.memberSlider .bx-wrapper .bx-controls-direction a.bx-prev {
    width: 8px !important;
    height: 14px !important;
    background: url(/cmn_web/img/common/sprite_001.png) -200px -2250px no-repeat !important;
    margin-left: 23px;
}
.memberSlider .bx-wrapper .bx-controls-direction a.bx-next {
    width: 8px !important;
    height: 14px !important;
    background: url(/cmn_web/img/common/sprite_001.png) -300px -2250px no-repeat !important;
        margin-left: -31px;
}
.memberSlider .bx-wrapper .bx-pager {
    position: static !important;
}
.memberSlider .bx-controls.bx-has-pager.bx-has-controls-direction {
    text-align: center;
}
.memberSlider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px !important;
    height: 8px !important;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -2250px no-repeat !important;
    margin: 0 !important;
}
.memberSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.memberSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-position: -250px -2258px !important;
}
.memberSlider .bx-pager {
    height: 15px;
    margin-top: 0 !important;
}
.memberSlider .bx-wrapper .bx-pager {
    padding-top: 0 !important;
    margin-top: 2px !important;
}
[name=history_jobSearchDetailActionForm] .memberSlider .bx-wrapper .bx-controls-direction a.bx-prev  {
    margin-left: 9px;
}
[name=history_jobSearchDetailActionForm] .memberSlider .bx-wrapper .bx-controls-direction a.bx-next {
    margin-left: -17px;
}

#memberContent .recruiter {
    width: 463px;
    border-top: none;
    border-radius: 0;
}
#memberContent .recruiter .recruiterHead {
    border-bottom: none;
    width: auto;
}
#memberContent .recruiter .recruiterTitle {
    text-align: center;
    border-top: 1px #d9d9d9 solid;
    border-bottom: 1px #d9d9d9 solid;
    background-color: #f7f7f7;
    font-weight: bold;
    padding: 15px 5px 15px;
    font-size: 14px;
}
#memberContent .recruiter .recruiterImageBlock {
    padding: 15px 0 15px 15px;
}
#memberContent .recruiter .recruiterHead p {
    padding: 15px 0 15px 15px;
    font-size: 13px;
}
#memberContent .recruiter .recruiterSubTitle,
#memberContent .recruiter .recruiterProfile {
    text-align: center;
    border: 1px #d9d9d9 solid;
    text-align: left;
    font-weight: bold;
    margin: 0 15px 0;
    padding: 5px;
    font-size: 14px;
    color: #500;
    background-color: #f7f7f7;
}
#memberContent .recruiter .recruiterBody p {
    padding: 5px 15px 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    font-size: 13px;
}


[name=referredJob_interviewOfferDetailActionForm] .head10.head10Detail.noPadding {
    padding-top: 60px;
}
[name=referredJob_interviewOfferDetailActionForm] .preArea {
    margin-bottom: 10px;
}
[name=referredJob_interviewOfferDetailActionForm] .preArea:after {
    content: '';
    display: block;
    clear: both;
}

[name=referredJob_premiumOfferDetailActionForm] .head10.head10Detail.noPadding {
    padding-top: 60px;
}
[name=referredJob_premiumOfferDetailActionForm] .preArea {
    margin-bottom: 10px;
}
[name=referredJob_premiumOfferDetailActionForm] .preArea:after {
    content: '';
    display: block;
    clear: both;
}

/* メッセージ詳細(オファー、面接確約、採用PJ) */
.detailDateMessage01{
font-size: 14px;
color: #000;
}
.detailDateMessage01 p{
display: inline-block;
margin-top: 7px;
    position: relative;
    top: -24px;
}
.detailDateMessage01 p span{
    font-size: 20px;
    color: #ff0000;
font-weight: bold;
}
/* 紹介求人応募内容 見出し */
.head12{
margin-bottom:18px;
}
.head12Detail .inner {
    border-top: none;
padding-top: 18px;
}
.head12 .inner h1 {
    font-size: 20px;
    color: #007fc3;
}
.head12.head12Detail .explain{
margin-top:10px;
}
.head12.head12Detail .explain+.explain{
margin-top:0;
}
.form_no_complete img {
cursor: pointer;
}
.borderSolid{
    border-top: solid 1px #e5e5e5!important;
    border-left: solid 1px #e5e5e5!important;
}
/* 面接確約オファー リクルーター表示 */
.underRecruiter {
  margin-top: 10px;
  border-top: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
  padding: 10px;
  background-color: #fafafa;
  display: block;
}
.underRecruiter .recruiterBlock {
  display: table;
  width: 100%;
}
.underRecruiter .recruiterImageBlock {
  display: table-cell;
  width: 102px;
  padding: 0 3px 0 15px;
  text-align: center;
  vertical-align: top;
}
.underRecruiter .recruiterImageBlock img {
  max-width: 102px;
  max-height: 136px;
  border: solid 1px #e6e6e6;
}
.underRecruiter .recruiterBody {
  padding: 0 0 0 10px;
}
.underRecruiter .recruiterDiv {
  word-wrap: break-word;
  word-break: break-all;
  color: #0a50a1;
}
.underRecruiter .recruiterName {
  padding: 5px 0 10px;
  word-wrap: break-word;
  word-break: break-all;
  color: #0a50a1;
    font-size: 17px;
  font-weight: bold;
}
.underRecruiter .recruiterMessageTitle {
  padding: 5px 10px;
  color: #ffffff;
  background-color: #32bed2;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  width: 12em;
}
.underRecruiter .recruiterMessage {
  background-color: #ffffff;
  padding: 10px;
  border-top: solid 1px #e6e6e6;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  position: relative;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  min-height: 60px;
}
.underRecruiter .recruiterMessage p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.modListFin .recruiterMessageTitle {
  background-color: #b8b8b8;
}

dl.offerAppealPointArea {
    width: 100%;
    height: auto;
    padding: 0 16px;
    margin: 8px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
dl.offerAppealPointArea dt {
    position: relative;
    color: #00c898;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.0;
    padding: 5px 0 0 22px;
    margin: 0 0 7px 0;
}
dl.offerAppealPointArea dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 20px;
    background-image: url(/resources/dcfront/images/offer_appeal_point_icon.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 17px 20px;
}
dl.offerAppealPointArea dd, dl.offerAppealPointArea dd ul {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
dl.offerAppealPointArea dd ul::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
dl.offerAppealPointArea dd ul li {
    float: left;
    width: auto;
    height: auto;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.0;
    padding: 5px 10px 4px 8px;
    margin: 0 0 2px 0;
    background-color: #00c898;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
dl.offerAppealPointArea dd ul li:not(:last-child) {
    margin-right: 4px;
}
/* 募集終了時 */
.modListFin dl.offerAppealPointArea dt {
    color: #b8b8b8;
}
.modListFin dl.offerAppealPointArea dt::before {
    background-image: url(/resources/dcfront/images/offer_appeal_point_icon_recruitment_end.png);
}
.modListFin dl.offerAppealPointArea dd ul li {
    background-color: #b8b8b8;
}

span#rule {
  font-size:12px;
  word-break: break-all;
  word-wrap: break-word;
}
a.inlineLink{
  display: inline;
}
input.btnS01 {
  margin-top:10px;
}

/* 職務経歴書アップロード */
.wrap_upload{
   width:100%;
   margin-bottom:30px;
    padding:30px 35px;
   border:0;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}
.wrap_upload h2{
    font-size:20px;
   font-weight:bold;
   margin-bottom:15px;
}
.wrap_upload p{
    font-size:14px;
    line-height:1.5;
    margin-bottom:20px;
    margin-top: -5px;
}
.upload_document,
.upload_photo{
    width:390px;
    height:290px;
    padding: 0 0 23px 0;
    border:1px solid #e5e5e5;
   box-sizing:border-box;
   border-radius:6px;
   
}
.upload_document{ float:left; }
.upload_photo{ float:right; }
.upload_document h3,
.upload_photo h3{
    font-size: 14px;
   font-weight:bold;
    margin-bottom: 20px;
   position:relative;
    border-bottom: 1px solid #e5e5e5;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background: #e0e0e0;
}
.upload_file_body{
  height: 300px
}
.upload_auto_resume.icoSts02 {
    display: inline-block;
    width: 60px;
    height:18px;
    padding: 2px 0 2px;
    background: #ff0000;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-right: 15px;
    
}
.upload_auto_resume.title {
    display: inline;
    font-size: 14px;
    font-weight: bold;
}
.upload_auto_resume_comment{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;

}
.upload_auto_resume_button_body{
      text-align: center;
  
}
.upload_auto_resume_button_body .upload_auto_resume_button {
    display: inline-block;
    width: 370px;
    padding: 12px 0;
    position: relative;
    font-size: 16px !important;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 2px;
    background: linear-gradient(#7eba3d, #60ab0f);
    text-decoration: none;
    text-align:center!important;
    margin-bottom: 20px
}
.upload_auto_resume.left{
    text-align:left!important;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background: #e0e0e0;
   border-radius:6px;
font-size: 14px;
}
.upload_result .upload_result_file{
  display: inline-block;
  padding: 0 5px 0 0;
  width:280px;
}
.upload_result  .upload_result_garbage{
  display: inline-block;  
  width:20px;
}
.wrap_upload .upload_note{
    font-size: 12px;
    padding: 0 20px 0px 20px;
}
.upload_document.check_result h3:after,
.upload_photo.check_result h3:after{
   content:'';
    background:url(/cmn_web/img/common/sprite_001.png) no-repeat -550px 0;
   width:24px;
   height:24px;
   position:absolute;
   top:0;
   right:0;
}
.upload_result{
   word-break:break-word;
   height:80px;
    padding:0 10px 0 0;
   position:relative;
}

.upload_document .upload_result:after{ background-position:-600px -550px; }
.upload_document .upload_result.no_date:after{ background-position:-600px -650px; }
.upload_photo .upload_result:after{ background-position:-600px -750px; }
.upload_photo .upload_result.no_date:after{ background-position:-600px -850px; }
.upload_result > *{
   display:block;
}
.upload_result .upload_date {
    color: #808080;
    font-size: 10px;
}
.upload_button{
    display: block;
    text-align: left;
    padding-top: 18px;
    padding-bottom: 10px;
   
    width: 165px;
    margin: auto;
}
.delete_button{
    display: inline-flex;
    text-align:right;
    padding-top: 18px;
    width: 30px;
}
.delete_button a {
    color: #aaa;
}
.upload_button .selectFileButton{
   float:none;
}
.upload_document > h3 + ul,
.upload_photo > h3 + ul {
    padding: 0 30px;
}


.wrap_upload .text_caution{
   color:#ff0000;
    font-size:12px;
    line-height:1.5;
   clear:both;
   margin:0;
   padding-top:10px;
    padding-left: 1em;
    text-indent: -1em;
}
div.modal_content{
   display:none;
   width:100%;
   height:100%;
   position:fixed;
   top:0;
   left:0;
   z-index:3000;
}
div.modal_content .modal_back{
   background-color:rgba(0,0,0,.8);
   width:100%;
   height:100%;
}
div.modal_content .modal_inner{
   background-color:#ffffff;
   width:558px;
   height:185px;
   margin:auto;
   padding:20px 15px 60px;
   border:1px solid #808080;
   border-radius:4px;
   box-sizing:border-box;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   z-index:3100;
}
div.modal_content h3{
    font-size:19px;
   font-weight:bold;
   margin-bottom:18px;
}
div.modal_content .upload_caption{
   line-height:1.0769;
   padding:0 15px;
}
div.modal_content .error{
   color:#ff0000;
   line-height:1.15384;
   display:block;
   margin-top:10px;
}
div.modal_content .upload_button{
   width: calc(100% - 30px);
   left:
   padding:0;
   position:absolute;
   bottom:20px;
   font-size: 16px;
}

div.modal_content .upload_button > a {
  left: calc(50% - 75px);
}
div.modal_content .modal_close{
   display: block;
   width: 18px;
   height: 18px;
   border: solid 1px #b8b8b8;
   border-radius: 2px;
    background: #fff url(/cmn_web/img/common/sprite_001.png) -46px -197px no-repeat;
   text-indent: -9999px;
   position: absolute;
   right: 15px;
   top: 10px;
   padding: 0;
   cursor: pointer;
}
div.modal_content .uploadButton{
   display:none;
}

div.modal_content .modalButtonArea{
    padding-top: 20px;
    padding-left: 78px;
    padding-right: 78px;
}

div.modal_content .modalButtonArea .uploadButton{
    display: inline-block;
    width: 140px;
    padding: 15px 10px;;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    text-align: center;
    position: relative;
}

.modList01 .upper .box39{
    width: 180px;
    padding: 0 35px 0 30px;
display: table-cell;
    text-align: right;
position: relative;
    vertical-align: baseline;
}
.modList04 .upper .box40{
width: 150px;
display: table-cell;
text-align: center;
position: relative;
vertical-align: middle;
}
.modList01 .upper .box39 .rest,
.modList04 .upper .box40 .rest{
margin-top: 0px;
}
.modList01 .upper .box39 .rest {
    margin-bottom: 9px;
}
}
.modList01 .upper .box39 .rest.half{
    margin-top: -4px;
}
.modList01 .upper .box39 .rest.black,
.modList04 .upper .box40 .rest.black{
color: black;
    font-size: 14px;
}
.modList01 .upper .box39 .rest.black {
    margin-top: 0;
    font-weight: normal;
    margin-bottom: 0;
}
.modList01 .upper .box39 .rest.red{
font-weight: bold;
}
.modList01 .upper .box39 .rest span,
.modList04 .upper .box40 .rest.span{
    font-size: 20px;
color: red;
font-weight: bold;
}
.modList01 .upper .box39 + .detailIcons {
    padding: 0 0 0 20px;
}
.modList01 .statusMark{
font-size: 12px;
display: inline-block;
    width: 178px;
    line-height: 23px;
    height: 23px;
border: solid 1px #cccccc;
text-align: center;
background: #fff;
color: #292929;
}
.modListFin .statusMark{
color: #B8B8BE;
    border: solid 1px #ebebeb;
}
/* あなたに興味がある企業画面 */
.interestedComments {
  font-size: 12px;
}
table.interestedList2 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: solid 4px #007fc3;
  background: #ffffff;
  border-right: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
  border-left: solid 1px #e6e6e6;
  border-radius: 4px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
table.interestedList2 thead {
  background: #ffffff;
}
table.interestedList2 th.itrCompName {
  padding-left: 35px;
  font-weight: bold;
  height: 77px;
  word-break: break-all;
}
table.interestedList2 .infoBlock {
  border-top: solid 1px #e6e6e6;
}
table.interestedList2 .interestTitle {
  padding-left: 36px;
  width: 267px;
  float: left;
  font-weight: bold;
}
table.infoBlock .interestTitle,
table.infoBlock .interestIcon {
  line-height: 66px;
}
table.moreInfo .interestTitle,
table.moreInfo .interestIcon {
  line-height: 63px;
}
span.icoItrPointBlue{
  display: inline-block;
  width: initial;
  border: solid 1px #007FC3;
  background: #007FC3;
  color:#fff;
  line-height: 1em;
  text-align: center;
  margin-left: 2px;
  padding: 3px 8px;
  border-radius: 2px;
}
table.interestedList2 td.interestDetail {
  width: 100%;
  padding: 20px 70px;
}
table.interestedList2 td.interestDetail li {
  word-break: break-all;
}
table.interestedList2 tr.interestSeparator div {
  margin: 0 38px;
  border-bottom: solid 1px #e6e6e6;
  height: 0;
}
#coInterestResumeBtn {
  width: 336px;
}
table.interestedList2 tr.interestedMore {
  background: #FFF4EC;
  padding: 0 30px;
}
table.interestedList2 td.interestDetail ul {
  padding-left: 20px;
  list-style: disc;
}
table.interestedList2 li.itrDetailList {
  color: #999999;
  padding: 5px 0;
}
table.interestedList2 li.itrDetailList span {
  color :#222222;
}
table.interestedList2 table.infoBlock {
  width: 100%;
  border-collapse:collapse;
}
table.interestedList2 table.moreInfo .interestTitle .imgBox {
  width: 22px;
  float: left;
}
table.interestedList2 table.moreInfo .interestTitle img {
  vertical-align: middle !important;
  width: 18px;
  padding-bottom: 3px;
}
table.interestedList2 table.moreInfo .interestTitle {
  color:#FF6600;
}
/* ----------------------------------------------------------------
addto.css
----------------------------------------------------------------- */
/*==================================================
neopa追加分
==================================================*/


/* 進捗管理 */
.modList03 .inner .box01,
.modList03 .inner .box02,
.modList03 .inner .box21,
.modList03 .inner .box22,
.modList03 .inner .box23,
.modList03 .inner .box24,
.modList03 .inner .box25{
display: table-cell;
vertical-align: middle;
}
.modList03 {border-top: none;}
.itvlflAddCss {border-top: solid 0px;}
.modList03 .inner {
    border-bottom: solid 1px #e5e5e5;
}
.modList03 .inner .box01 {
    padding: 20px 0px 17px 0;
}
.modList03 .inner .box21 {
    padding-left:35px;
    width: 105px;
}
.modList03 .inner .box22 {
    width: 195px;
    padding-left: 30px;
}
.modList03 .inner .box23 {
    width: 480px;
    padding-left: 0;
    padding-right: 35px;
}
.modList03 .inner .box24 {
width: 700px;
}
.modList03 .inner .box25 {
width: 54px;
text-align: center;
}

.modList03 .inner .box25 a div {
  width: 18px;
  height: 24px;
    display: inline-block;
    position: relative;
  overflow: hidden;

}

.modList03 .inner .box25 a {
  text-decoration: none;
  color: #666666;
    font-size: 11px;
}


p.staff {
    margin-top: 5px;
    font-size: 11px;
}
p.staff span {
    color: #aaaaaa;
}
.modList03 .inner a.btnList04 {
    width: 148px;
    margin-top: 0;
    padding: 9px 0 7px;
    margin-left: 0;
    font-size: 12px;
    font-weight: normal;
    color: #007fc3;
    border: 1px solid #007fc3;
}
.modList03 .inner a.btnList04:hover {
    background: #f2fcff;
}
.listDateSet dt {
color: #000000;
line-height: 1em;
margin-bottom: 10px;
}
.listDateSet dt.redAlert {
color: #ff0000;
}
.secAlert .listDateSet dt {
color: #ff0000;
}
.unset {
height: 30px;
}
.unset span {  
color: #ff0000;
font-weight: bold;
    font-size: 20px;
 }
.alRight {
text-align: right;
margin: 10px 0 20px;
}


 h2.title span.message {
 display: block;
 margin-top: -3px;
 margin-bottom: -4px;
 margin-left: 0;
 line-height: 1.538em;
 font-weight: normal;
}
.secList .secAlert {
    background:#ffeded; 
}
.modList03 .inner .listDateInfo dd {
line-height: 1.5;
    font-weight: bold;
}
.modList03 .inner .box22 p.result {
    font-size: 12px;
    text-align: left;
font-weight: bold;
}

.icoSts05 {
  display: inline-block;
  width: 185px;
  padding: 3px 0 1px;
  border: solid 1px #ff6600;
  background: #fff;
  color: #ff6600;
  font-size: 11px;
  line-height: 1em;
  text-align: center;
}

.funcDropWide .wd2 {
width: 872px;}
.funcDrop .lastParts {
height: 144px;
}
.modListFin .icoSts02 {
background: #b8b8b8 !important;
}

.tblDetail01 td p {
    color: #000000;
}


.modList01 .upper .box01 .ckWrapA {
  opacity: 1;
}

/* ie8対応 */
a.btnTab02,span.btnTab03,a.btnTab01{
border-bottom:solid 1px #cccccc\9;
}
a.btnTab01:hover,a.btnTab02:hover{
border-bottom:solid 1px #adadad\9;
}
a.btnTab01:active,a.btnTab02:active{
border-bottom:solid 1px #adadad\9;
}
.modDetail03 ul li.last,.slider02 li.last {
margin-right: 0\9;}

/* ie8対応 */
a.btnTab02,span.btnTab03,a.btnTab01{
border-bottom:solid 1px #cccccc\9;
}
a.btnTab01:hover,a.btnTab02:hover{
border-bottom:solid 1px #adadad\9;
}
a.btnTab01:active,a.btnTab02:active{
border-bottom:solid 1px #adadad\9;
}
.modDetail03 ul li.last,.slider02 li.last {
margin-right: 0\9;}

.modList03 .inner .box26,
.modList03 .inner .box27,
.modList03 .inner .box28,
.modList03 .inner .box29,
.modList03 .inner .box30{
display: table-cell;
vertical-align: middle;
box-sizing:border-box;
}
.modList03 .inner .box26 {
    padding-left: 0;
    width: 405px;
    padding-right: 30px;
}
.modList03 .inner .box27 {
    padding-left:0;
    width: 150px;
text-align:center;
}
.modList03 .inner .box28 {
    padding-left:0;
    width: 150px;
    text-align: right;
}
.modList03 .inner .box29 {
padding-left:18px;
width: 676px;
}
.modList03 .inner .box30 {
padding-left:18px;
width: 550px;
}
.modList03 .inner .box33 {
width: 528px;
padding: 0 30px 0 16px;
}
.modList03 .inner .box37 {
padding-left: 30px;
width: 96px;
}
.modList03 .inner .box38 {
width: 700px;
padding-left: 16px;
}
.modList03 .inner .box02 {
width: 40px;
    background-color:#f5f5f5;
text-align:center;
position:relative;
}
.modList03 .inner .box02 span{
margin-right:0;
}
@media all and (-ms-high-contrast:none) {
    .modList03 .inner .box02 span,
    .modList01 .upper .box01 .mailIcon {
        letter-spacing: -0.5px !important;
    }
}
.modList03 .inner .bgGr{
    background-color:#f5f5f5;
}
.modList03 .inner .left {
    padding-left: 0;
}
.modList03 .inner .middle {
    width: 195px;
padding-left:0;
    padding-right: 0;
}


.funcDropWide .wd1{
width:291px;
}

.modList03 .inner .box34 {
    width: 135px;
display:table-cell;
vertical-align:middle;
    padding: 0 0 0 35px;
}

.modList04 .inner .box01,
.modList04 .inner .box02{
display: table-cell;
vertical-align: middle;
}
.modList04 {border-top: solid 4px #0a50a1;}
.modList04 .inner {
border-bottom: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
}
.modList04 .inner .box01 {
padding:20px 0;
}
.modList04 .inner .box29 {
padding-left:18px;
width: 964px;
}
.modList04 .inner .box02 {
width: 40px;
background-color:#ededed;
text-align:center;
}
.modList04 .inner .box02 span{
margin-right:0;
}

/* GM-056 */
.md03-01 .inner {
    border-bottom: solid 1px #e5e5e5;
}


/* ----------------------------------------------------------------
main.css
----------------------------------------------------------------- */
/*==================================================
    old main.css
==================================================*/

@media only screen and (max-width:639px){
    .mb_reg_form_w100_sp {
    width: 73% !important;
    }
}

.profile_rtext_width{
    width: 700px;
}

@media only screen and (max-width:639px){
    .profile_rtext_width{
        width:auto;
    }
}

.mb_reg_accordion_h{
    background:none;
}

.ph_style_input{
    overflow:visible;
}

.mb_reg_accordion_b {
    border:none;
}
.mb_reg_form_wrap.last{
    border-bottom:0px;
}
.mb_reg_form_r{
    border-right:0px;
}

.ac_question.mb_reg_accordion_h{
    border-bottom: 0px;
}

.mt08{margin-top: 8px !important;}
.recruit_end{
    color:#222222 !important;
    background: #ebebeb !important;
}
.font_gray{color: #808080 !important;}
.agent_stop{
    display: inline-block;
    width: 172px;
    padding: 8px 0;
    text-align: center;
    background: #f2f2f2;
    color: #000;
}
.btm05{bottom: 5px !important;}
.display_none{display: none !important;}
#reject_modal{
   display:none;
   width:100%;
   height:100%;
   position:fixed;
   top:0;
   left:0;
   z-index:8000;
}
#reject_modal .modal_back{
   background-color:rgba(0,0,0,.8);
   width:100%;
   height:100%;
}
#reject_modal .modal_inner{
   background-color:#ffffff;
   width:558px;
   height:185px;
   margin:auto;
   padding:20px 15px 60px;
   border:1px solid #808080;
   border-radius:4px;
   box-sizing:border-box;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   z-index:3100;
}
#reject_modal h3{
    font-size:19px;
   font-weight:bold;
   margin-bottom:18px;
}
#reject_modal .reject_caption{
   line-height:1.0769;
   padding:0 15px;
}
#reject_modal .reject_button{
   width:100%;
   padding:0;
   position:absolute;
   bottom:20px;
   left:0;
   text-align:center;
   padding-top:15px;
}
#reject_modal .modal_close{
   display: block;
   width: 18px;
   height: 18px;
   border: solid 1px #b8b8b8;
   border-radius: 2px;
    background: #fff url(/cmn_web/img/common/sprite_001.png) -46px -197px no-repeat;
   text-indent: -9999px;
   position: absolute;
   right: 15px;
   top: 10px;
   padding: 0;
   cursor: pointer;
}
.scoutUpdate{
   margin-top: 5px;
   font-size: 12px;
}

/* enquete.css対応 */
#enqAllWrap a.btnC02 {
    padding: 19px 1px 17px;
}
.enq-complete .textlink a:before {
    background: url(/cmn_web/img/common/sprite_001.png) -450px -2696px no-repeat;
}
.enq-complete .textlink a {
    padding-left: 12px;
}

/* main41.css対応 */
#enqAllWrap a.btnC02,
#enqAllWrap input.btnC02 {
    background: #60ab0f;
    border: none !important;
    box-shadow: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
#enqAllWrap a.btnC02:hover,
#enqAllWrap nput.btnC02:hover {
    background: #88c04b;
    border: none;
    background-image: none;
}
#enqAllWrap a.btnC02::after,
#enqAllWrap input.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}

.enq-complete a.btnType03,
.enq-complete input.btnType03 {
    padding: 19px 45px 15px;
    font-size: 17px;
    border-radius: 8px;
}
.enq-complete a.btnC02,
.enq-complete input.btnC02 {
    background: #60ab0f;
    border: none !important;
    box-shadow: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
    font-size: 16px;
}
.enq-complete a.btnC02:hover,
.enq-complete input.btnC02:hover {
    background: #88c04b;
    border: none;
    background-image: none;
}
.enq-complete a.btnC02::after {
display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
.my_step_wrap.b_top {
    background:#f2f9ff;
}
.my_step_wrap.b_top .my_step_wrap_end{
    background:#f2f9ff;
}
.my_step_wrap.b_top .my_step_four td::after{
    border-left: 22px solid #f2f9ff;
}
.my_step_wrap.b_top .my_step_three td::after{
    border-left: 22px solid #f2f9ff;
}
.my_step_wrap.b_top .my_step_four td.cur::after{
    border-left: 22px solid #0a50a1;
}
.my_step_wrap.b_top .my_step_four td:nth-child(4).cur::after{
    background: #0a50a1;
}
.my_step_wrap.b_top .my_step_four td.cur{
    background: #0a50a1;
}
.my_step_wrap.b_top .my_step_three td.cur{
    background: #0a50a1;
}
.my_step_wrap.b_top .my_step_three td.cur::after{
    border-left: 22px solid #0a50a1;
}
.my_step_wrap.b_top .my_step_three td:nth-child(3).cur::after{
    background: #0a50a1;
}
.my_step_wrap.b_top .my_step_three td:nth-child(3).cur::after{
    background: #0a50a1;
}
.my_step_wrap.b_top .my_step_two td.cur::after{
    border-left: 22px solid #0a50a1;
}
.my_step_wrap.b_top .my_step_two td:nth-child(2).cur::after{
    background: #0a50a1;
}
.my_step_wrap.b_top .my_step_two td.cur{
    background: #0a50a1;
}

/*--------------------------------------------------
ログイン後トップページパーソナルエリア修正分
--------------------------------------------------*/
.iframeAdjuster{
    height: 577px;
}
.personalizeAreaBox {
    border: none;
    position: relative;
    height: 570px;
    border-radius: 7px;
}
.personalizeAreaBox .head11 {
    background: #32bed2;
    color: #fff;
    padding: 21px 19px 16px;
    margin-bottom: 0;
    position: relative;
    border-radius: 7px 7px 0 0;
}
.personalizeAreaBox .head11 .linkText {
    position: absolute;
    right: 19px;
    bottom: 22px;
    line-height: 1em;
}
.personalizeAreaBox .head11 .linkText a{
    color:#fff;
}
.personalizeAreaBox .mainAsideWrapper {
    padding: 17px 20px 15px;
    background: #ebebeb;
    height: 489px;
    border-radius: 0 0 7px 7px;
}
.personalizeAreaBox .asideLeft {
    width: 350px;
    margin-bottom: 17px;
    float: left;
    position: relative;
}
.personalizeAreaBox .asideLeft .head04 {
    margin-bottom: 19px;
    position: relative;
}
.personalizeAreaBox .head04 h4{
    font-size: 14px;
}
.personalizeAreaBox .fixMenu {
    background: #fff;
    width: 350px;
    padding: 5px 0 12px;
    border-radius: 7px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
}
.personalizeAreaBox .asideMunu01 li dd a span.left {
    float: left;
    font-size: 12px;
}
.personalizeAreaBox .asideMunu01 li dd a span.right {
    float: right;
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
}
.personalizeAreaBox .asideMunu01 li dd a:hover {
    background: none;
}
.personalizeAreaBox .asideMunu01 li dd a span:hover {
    text-decoration: underline;
}
.personalizeAreaBox .mainRight.mainRight02 {
    width: 795px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
}
.personalizeAreaBox .layoutAside01 {
    margin-bottom: 5px !important;
}
.personalizeAreaBox .layoutAside01 >.head02 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: none;
    height: 45px;
    width: 340px;
    box-sizing: border-box;
    background: #e0f5f8;
    border-radius: 3px 3px 0 0;
    padding: 15px 0 0 25px;
    margin: 0px 5px;
}
.personalizeAreaBox .layoutAside01 >.head02 h3{
    font-size: 14px;
}    
.personalizeAreaBox .layoutAside01 >.modAsdie01{
    margin: 21px 24px 0 39px;
}
.personalizeAreaBox .asideMunu01 li dd a {
    display: block;
    line-height: 1em;
    padding: 0px 16px 0px 10px;
    margin-bottom: 10px;
    position: relative;
    box-shadow: none;
    background: #ffffff;
}
.personalizeAreaBox .asideMunu01 li {
    border-bottom: none;
    padding-bottom: 9px;
    margin-bottom: 4px;
}
.personalizeAreaBox .asideMunu01 li dd a:first-child {
    border-bottom: none;
}
.personalizeAreaBox .asideMunu01 li dd a span.left {
    font-weight: normal;
}
/* レコメンドゾーン */
.personalizeAreaBox #recommendSection .head02_04 {
    margin-bottom: 0;
    border-bottom: none;
    background: none;
    /* font-size: 20px; */
}
.personalizeAreaBox #recommendSection .head02_04 h2{
    font-size: 20px;
    padding: 30px 40px 24px;
}
.personalizeAreaBox #recommendSection .recommendSiteTop .bx-viewport{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 327px;
}
.personalizeAreaBox #recommendSection .modRecommend {
    border: none;
    padding: 0 33px 28px;
}
.modRecommend .slider01 li {
    margin-right: 25px;
    width: 160px;
    float: left;
}
.personalizeAreaBox #recommendSection .slider li .title {
    line-height: 1.54em;
    height: 40px;
    margin-top: 11px;
    margin-bottom: 4px;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
    /* 行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.personalizeAreaBox #recommendSection .slider li .job {
    height: 40px;
    margin-bottom: 0;
    margin-bottom: 6px;
    word-break: break-all;
    font-size: 12px;
    word-wrap: break-word;
    /* 行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.personalizeAreaBox #recommendSection .modRecommend .slider01 li .expalin {
    height: 74px;
    margin-bottom: 0;
    margin-top: 9px;
    font-size: 12px;
    line-height: 1.5;
    word-break: break-all;
    font-size: 12px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.personalizeAreaBox .bx-pager {
    display: inline-block;
    text-align: center;
    height: 18px;
    overflow: hidden;
    margin-top: 20px;
}
.personalizeAreaBox .bx-pager-item .bx-pager-link {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -1200.5px no-repeat;
}
.personalizeAreaBox .bx-prev:after {
    content: ' ';
    display: block;
    width: 11px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 0;
    /* background: url(/cmn_web/img/common/sprite_001.png) -200px -200px no-repeat; */
    background: url(/cmn_web/img/common/sprite_001.png) -200px -1200px no-repeat;
}
.personalizeAreaBox .bx-prev:hover:after {
    background: url(/cmn_web/img/common/sprite_001.png) -200px -1218px no-repeat;
}
.personalizeAreaBox .bx-next:after {
    content: ' ';
    display: block;
    width: 11px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 0;
    /* background: url(/cmn_web/img/common/sprite_001.png) -300px -200px no-repeat; */
    background: url(/cmn_web/img/common/sprite_001.png) -300px -1200px no-repeat;
}
.personalizeAreaBox .bx-next:hover:after {
    background: url(/cmn_web/img/common/sprite_001.png) -300px -1218px no-repeat;
}
.personalizeAreaBox .bx-pager-item .bx-pager-link.active,.personalizeAreaBox .bx-pager-item .bx-pager-link:hover {
    /* background: url(/cmn_web/img/common/sprite_001.png) -250px -210px no-repeat; */
    background: url(/cmn_web/img/common/sprite_001.png) -250px -1210px no-repeat;
}
.personalizeAreaBox #recommendSection .funcLink {
    position: absolute;
    right: 22px;
    bottom: 20px;
}
.personalizeAreaBox #recommendSection .funcLink a{
    font-size: 12.5px;
}
.personalizeAreaBox #recommendSection .funcLink .icoArr01:before {
    content: '';
    width: 19px;
    height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -450px -1797px no-repeat;
    position: absolute;
    left: -5px;
    top: -1px;
}
#main_top_img + script +.layout {
    margin-bottom: 5px !important;
}

/*--------------------------------------------------
新規登録後直後パーソナルエリア修正分
--------------------------------------------------*/
#token+.content>.content1200>.personalizeAreaBox{
    border: none;
    position: relative;
    height: 550px;
    border-radius: 7px;
}
.personalizeAreaBox .asideLeft {
    width: 350px;
    /* margin-bottom: 25px;かぶり */
    float: left;
    position: relative;
}
.personalizeAreaBox #inputSection+.asideLeft dl+p{
    padding-left: 13px;
    font-size: 12px;
    width: 250px;
    margin-top: -7px;
    /* かぶり対策 */
    color:#808080;
    line-height: 1.6;
}
.personalizeAreaBox #inputSection+.asideLeft dl+p+.chkA{
    padding-left: 15px;
    background: url(/cmn_web/img/common/sprite_001.png) -450px -1797px no-repeat;
    margin: 2px 0 7px 11px;
    font-size: 12px;
}
.personalizeAreaBox #inputSection+.asideLeft .layoutAside01:nth-of-type(2) dl+p+.chkA{
    margin-top: 8px;
    margin-bottom: -10px;
    /* かぶり対策 */
}   
.personalizeAreaBox #recommendSection{
    margin-bottom: 45px;
}
.personalizeAreaBox #recommendSection>.layout40{
    margin-bottom: 52px;
}
.personalizeAreaBox #recommendSection>.layout+#recommendSiteTop{
    margin-bottom: 30px !important;
    width: 716px;
    box-sizing: border-box;
    background: #f5f5f5;
    padding: 161px 285px;
    margin: 0 auto;
} 
.personalizeAreaBox .zeroArea02 {
    background-color: #F7F7F9;
    border: none;
    padding: 132px 0;
    text-align: center;
    display: inline;
}
.personalizeAreaBox .zeroArea02>p{
    color: #aeaeae;
    /* width: 200px; */
    margin: 0 auto;
    font-size: 12px;
}

.personalizeAreaBox #recommendSiteTop + .funcLink{
    position: absolute;
    right: 22px;
    bottom: 13px;
}
.personalizeAreaBox #recommendSiteTop + .funcLink a{
    font-size: 12.3px;
}
.personalizeAreaBox #recommendSiteTop + .funcLink .icoArr01:before{
    content: '';
    width: 19px;
    height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -450px -1797px no-repeat;
    position: absolute;
    left: -4px;
    top: -1px;
}
/* MacSafari対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .personalizeAreaBox .bx-pager-item .bx-pager-link {
        display: block;
        position: absolute;
        left: 0;
        top: 7px;
        width: 10px;
        height: 10px;
        text-indent: -9999px;
        background: url(/cmn_web/img/common/sprite_001.png) -250px -1200px no-repeat;
    }
    .personalizeAreaBox .bx-pager-item .bx-pager-link.personalizeAreaBox .bx-pager-item .bx-pager-link.active,.personalizeAreaBox .bx-pager-item .bx-pager-link.personalizeAreaBox .bx-pager-item .bx-pager-link:hover {
        /* background: url(/cmn_web/img/common/sprite_001.png) -250px -210px no-repeat; */
        display: block;
        position: absolute;
        left: 0;
        top: 7px;
        width: 10px;
        height: 10px;
        text-indent: -9999px;
        background: url(/cmn_web/img/common/sprite_001.png) -250px -1210px no-repeat;
    }
}   
_::-webkit-full-page-media, _:future, :root .personalizeAreaBox .bx-pager-item .bx-pager-link {
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -1200px no-repeat;
}
_::-webkit-full-page-media, _:future, :root .personalizeAreaBox .bx-pager-item .bx-pager-link.active,
_::-webkit-full-page-media, _:future, :root .personalizeAreaBox .bx-pager-item .bx-pager-link:hover {
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: url(/cmn_web/img/common/sprite_001.png) -250px -1210px no-repeat;
}

/* phase2_2.css */
.modal {
    overflow: hidden;
    width: 960px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    border-radius: 8px;
}
.modal.currentSearch {
    width: 960px;
    background: #fafafa;
}
.modal .jspVerticalBar {
    width: 8px;
}
.modal .jspDrag {
    background: #999;
}
.modal .jspTrack {
    background: #ebebeb;
}
.modal .inner01,
.modal .inner02 {
    height: 570px;
    margin: 0;
    padding: 0;
}
.modal.modal550 .inner01,
.modal.modal550 .inner02 {
    height: 272px;
}
.modal.modal550 .inner02 > .mb10 {
    padding: 29px 40px 48px !important;
    margin-bottom: 0 !important;
    line-height: 1;
}
.modal.modal550 .inner02 > .mb40 {
    display: none;
}
.modalFarmeInner .inner01, .modalFarmeInner .inner02 {
    padding: 0;
    margin: 0;
}
.headModal01 {
    height: 20px;
    margin-bottom: 0;
    padding: 30px 40px 28px;
    border-bottom: 1px solid #ccc;
}
.headModal01.currentSearch {
    margin: 0 !important;
    padding-bottom: 8px;
    border-bottom: none;
    background: #fff;
}
.headModal01 h2 {
    color: #0a50a1;
    font-size: 21px !important;
    line-height: 1;
    float: left;
}
.headModal01 .numbers {
    margin: 0;
    float: right;
}
.headModal01 .numbers .number {
    font-weight: bold;
    font-size: 21px !important;
    color: #f00;
}
.currentSearch .text {
    margin: 0 !important;
    padding: 0 40px 22px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    background: #fff;
}
.headModal02 {
    border: none;
    background: none;
}
.headModal02 h3 {
    margin-bottom: 10px;
    padding: 0;
    color: #000;
    font-size: 17px !important;
    line-height: 1;
}
.modal .inner .headModal01 + div {
    padding: 30px 40px;
}
.modal .inner .left {
    width: 480px;
    height: 338px;
    border: none;
    float: left;
}
.modal .inner .left .jspPane {
    width: 478px !important;
}
.modal .inner .right {
    width: 380px;
    height: 338px;
    border: none;
    float: right;
}
.modal .inner .scrollArea {
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.modal .inner .left .scrollArea {
    height: 308px;
}
.modal .inner .right .scrollArea {
    height: 308px;
    border-bottom: solid 1px #ccc;
}
.modal .inner .right .scrollArea .jspPane {
    width: 378px !important;
}
.modal .inner .right .cateBox.cateBoxDefault {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #f7f7f7;
    width: 378px;
    height: 308px;
}
ul.hierTop li a {
    display: block;
    line-height: 18px;
  height: auto;
    padding: 12px 20px 10px;
    color: #000;
  font-size: 14px;
}
ul.hierTop li.active a,
ul.hierTop li a:hover {
    background: #f2f9ff;
    text-decoration: none;
}
ul.hierTop .icoModal {
    display: none !important;
}
ul.hierTop li.selected a::after {
    display: inline-block;
    width: 52px;
    margin-left: 4px;
    padding: 4px 0 3px;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background: #82ad2b;
    content: "\9078\629E\4E2D";
}

.ckWrapA_Cbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: .7em;
    position: relative;
    overflow: hidden;
    float: left;
}
.modal .inner .right .ckWrapA .ckWrapA_Cbox{
    display: inline;
    width: 18px;
    float: left;
}
.ckWrapA input[type=checkbox] {
    opacity: 0;
}
.ckWrapA_Cbox::after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top:0;
    background: url(/cmn_web/img/common/sprite_001.png) -150px -2000px no-repeat;
    cursor: pointer;
}
.ckWrapA_Cbox.checkedBox::after {
    background: url(/cmn_web/img/common/sprite_001.png) -150px -2050px no-repeat;
}
.ckWrapA_Cbox.focusBox::after {
    background: url(/cmn_web/img/common/sprite_001.png) -200px -2000px no-repeat;
}
.ckWrapA_Cbox.checkedBox.focusBox::after {
    background: url(/cmn_web/img/common/sprite_001.png) -200px -2050px no-repeat !important;
}
.ckWrapA_Cbox.hoverBox::after {
    background: url(/cmn_web/img/common/sprite_001.png) -150px -2100px no-repeat;
}
.ckWrapA_Cbox.checkedBox.hoverBox::after {
    background: url(/cmn_web/img/common/sprite_001.png) -200px -2100px no-repeat;
}
.modal .inner .right .hier01 {
    padding: 11px 15px 7px 15px;
    background: #f7f7f7;
    border-bottom: solid 1px #e6e6e6;
}
.modal .inner form[name="formModal01"] .right .hier01,
.modal .inner .right form[name="formModal02"] .hier01 {
    margin-bottom: -4px;
    padding: 11px 15px 0 15px;
    background: none;
    border-bottom: none;
}
.modal .inner .right .hier01 .ckWrapA .ckWrapA_Lbox {
    top: 0;
    width: 306px;
}
.modal .inner .right dl.hier02 {
    padding: 15px 0 10px 15px;
    border-bottom: solid 1px #e6e6e6;
}
.modal .inner .right dl.hier02 dt {
    margin-bottom: 8px;
}
.modal .inner .right dl.hier02 dt .ckWrapA_Lbox {
    margin-left: -.7em;
}
.modal .inner .right dl.hier02 dd {
    margin-bottom: 5px;
    padding-left: 18px;
    position: relative;
}
.modal .inner .right dl.hier02 dd::before {
    display: none;
}
.modal .inner .buttonWrap {
    width: 240px;
    margin: 0 auto;
    height: 50px;
    position: relative;
}
.modal .inner .buttonWrap .reset {
    position: static;
    margin-top: 8px;
    width: auto;
    line-height: 1;
    height: auto;
    text-align: center;
}
.modal .inner .buttonWrap .reset a {
    color: #9f9f9f;
    font-size: 12px;
}

a.btnModal01 {
    display: block;
    width: 240px;
    padding: 18px 0 16px;
    position: relative;
    font-size: 17px !important;
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 0;
    background:
        url(/cmn_web/img/common/sprite_001.png) -480px -1931px no-repeat,
        linear-gradient(180deg, rgba(245, 245, 245, .2) 0, rgba(245, 245, 245, 0) 100%),
        #82ad2a;
}
a.btnModal01:hover {
    border: none;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(245, 245, 245, .2) 0, rgba(245, 245, 245, 0) 100%),
        #a1c260;
    color: #fff;
}
a.btnModal01:active {
    top: 0;
    box-shadow: none;
}

.modal .inner .placeBox form {
    overflow: auto;
    height: 336px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
/* .modal .inner .placeBox form::-webkit-scrollbar {
width: 8px;
}
.modal .inner .placeBox form::-webkit-scrollbar-track {
border-radius: 8px;
background: #ebebeb;
}
.modal .inner .placeBox form::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #999;
} */
.placeBox .tbleModal01 {
    border: none;
}
.placeBox .tbleModal01 th {
    background: #f7f7f7;
    width: 180px;
    font-size: 15px;
}
.placeBox .tbleModal01 td {
    background: #fff;
    font-size: 11px;
}
.placeBox .tbleModal01 th,
.placeBox .tbleModal01 td {
    border-bottom: solid 1px #e6e6e6;
    border-right: none;
    padding: 12px 0 5px 20px;
    text-align: left;
    vertical-align: top;
}
.placeBox .tbleModal01 tr:last-child th,
.placeBox .tbleModal01 tr:last-child td {
    border-bottom: none;
}
.modal .placeBox td p {
    margin-bottom: 8px;
}
.modal .placeBox td p:last-child {
    margin-bottom: 7px;
}
.modal .placeBox td p .ckWrapA {
    width: 126px;
    float: left;
    margin-right: 0;
}

#form1Content {
    overflow: hidden;
    margin: 30px 40px 0;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}
#form1Content .tblForm01 {
    height: 80px;
    margin: 0 !important;
    border: none;
}
#form1Content .tblForm01 th {
    border: none;
    background: #f5f5f5;
    width: 168px;
    padding: 0 0 0 30px;
    vertical-align: middle;
    border: none;
}
#form1Content .tblForm01 td {
    background: #fafafa;
    padding: 0 30px;
    border: none;
}
#form1Content .tblForm01 th .thIner01 {
    position: static;
    padding: 0;
    line-height: normal;
    font-weight: bold !important;
    font-size: 15px;
}
#form1Content .tblForm01 td input {
    width: 598px !important;
    border-radius: 4px;
}
#form1Content .tblForm01 td p .error01:empty {
    display: block;
    margin-top: -5px;
}

.modal.currentSearch .inner .scrollArea {
    margin: 30px 40px;
    border: none;
    border-radius: 0;
}
.modal.currentSearch .jspVerticalBar {
    right: 0;
}
.modal .box01.currentSearch .listJpbSpec02 dt,
.modal .box01.currentSearch .listJpbSpec02 dt .icoSpc02 {
    width: 90px;
}
.modal.currentSearch .icoSpc01 {
    display: inline-block;
    width: 90px;
    padding: 5px 0 4px;
    background: #0a50a1;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    text-align: center;
}

.modal.currentSearch a.btnC02 {
    display: block;
    width: 240px;
    height: auto !important;
    padding: 18px 0 16px !important;
    position: relative;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    line-height: 1 !important;
    text-align: center;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 0;
    background:
        linear-gradient(180deg, rgba(245, 245, 245, .2) 0, rgba(245, 245, 245, 0) 100%),
        #82ad2a;
}
.modal.currentSearch a.btnC02:hover {
    border: none;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(245, 245, 245, .2) 0, rgba(245, 245, 245, 0) 100%),
        #a1c260;
    color: #fff;
}
.modal.currentSearch a.btnC02:active {
    top: 0;
    box-shadow: none;
}
.modal.currentSearch a.btnC00 {
    display: block;
    width: 238px;
    height: auto !important;
    padding: 17px 0 15px !important;
    position: relative;
    font-size: 17px;
    color: #000;
    font-weight: normal;
    line-height: 1 !important;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 8px;
    margin: 0 !important;
}
.modal.currentSearch a.btnC00:hover {
    text-decoration: none;
    background: #f5f5f5;
}
.modal.currentSearch a.btnC00:active {
    top: 0;
    box-shadow: none;
}

.modal.currentSearch .inner p.alignC {
    width: 500px;
    margin: 0 auto;
}
.modal.currentSearch .inner p.alignC .btnC02 {
    float: left;
}
.modal.currentSearch .inner p.alignC .btnC00 {
    float: right;
}

button.mfp-close {
    top: 10px !important;
    right: 10px !important;
    width: 20px !important;
    height: 20px !important;
    border: none !important;
    background-color: transparent !important;
    background-position: -450px -1100px !important;
    outline: none;
}

/* class付与によるstyle変更分（class名はhopeMatchJobsShowで統一）
----------------------------------------*/
.iframeAdjuster.hopeMatchJobsShow {
    height: 634px;
}
.personalizeAreaBox.hopeMatchJobsShow {
    height: auto;
}
.personalizeAreaBox #recommendSection.mainRight.mainRight02.hopeMatchJobsShow {
    background: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}
.personalizeAreaBox .mainAsideWrapper.hopeMatchJobsShow {
    height: 546px;
}
.personalizeAreaBox .mainRight.mainRight02 .hopeMatchJobsShow:first-child {
    background: #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
}
.personalizeAreaBox #recommendSection .funcLink.hopeMatchJobsShow {
    right: 20px;
    bottom: 12px;
}

/* hopeMatchJobsPC
----------------------------------------*/
#hopeMatchJobsPC {
    display: none;
    width: 795px;
    height: auto;
    background: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    margin: 15px auto 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
}
#hopeMatchJobsPC.hopeMatchJobsShow {
    display: block;
}
#hopeMatchJobsPC a {
    position: relative;
    display: block;
    line-height: 1em;
    text-decoration: none;
    background-color: #ffffff;
    padding: 24px 50px 23px 40px;
}
#hopeMatchJobsPC a:hover {
    background-color: #f2f9ff;
}
#hopeMatchJobsPC a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 19px;
    height: 18px;
    background: url(/cmn_web/img/common/sprite_001.png) -450px -1797px no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#hopeMatchJobsPC a dl {
    width: 100%;
    height: auto;
}
#hopeMatchJobsPC a dl::after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#hopeMatchJobsPC a dl dt {
    float: left;
    width: 148px;
    color: #222222;
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
}
#hopeMatchJobsPC a dl dd {
    float: left;
    width: 542px;
    color: #0a50a1;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*--------------------------------------------------
DES_50
--------------------------------------------------*/
.footer1024 .footUpper .intro{
    color: #222222;
    line-height: 1em;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: bold;
}

.footer1024 .footThird{
    border-bottom: solid 1px #e6f1f5;
    padding: 13px 0 5px;
}
.footer1024 .footUpper .box05 .footLink:nth-child(2) {
    margin-bottom: 0 !important;
}

#footer .footerUpperUnder .footUtility a {
    color: #222222;
}
.mrl43 {
    margin-right: -4px;
    margin-left: -3px;
    color: #222222;
}
.footUpper .box05 .footLink {
    margin-bottom: 36px !important;
}
footUpper .box05 .footLink:last-child {
    margin-bottom: 18px !important;
}
.footThird .footUtility {
    line-height: 18px;
}
.mrl54 {
    margin-right: -5px;
    margin-left: -4px;
}

/* header */
.headerInr .btnHeaderHistory {
    background: url(/cmn_web/img/index/ico_header_history.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderStar {
    background: url(/cmn_web/img/index/ico_header_star.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderResume {
    background: url(/cmn_web/img/index/ico_header_resume.png) no-repeat 50% 6px;
}
.headerInr .btnHeaderRegister {
    background: url(/cmn_web/img/index/ico_header_register.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderSettings {
    background: url(/cmn_web/img/index/ico_header_settings.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderInside {
    background: url(/cmn_web/img/index/ico_header_inside.png) no-repeat 50% 5px;
}
.headerInr .btnHeaderOutside {
    background: url(/cmn_web/img/index/ico_header_outside.png) no-repeat 50% 5px;
}
.headerInr .functions li a[data-count]::after {
    display: block;
    position: absolute;
    top: 0;
    right: 8px;
    height: 16px;
    min-width: 16px;
    padding: 0 4px;
    background: #fff100;
    color: #007fc3;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
    border-radius: 20px;
    box-sizing: border-box;
    content: attr(data-count);
}

.pRight02 > #btnBack {
    line-height: 1em;
    display: inline-block;
    margin-bottom: 5px;
}
.pRight02 > #btnBack.icoArr01:before {
    background: url(/cmn_web/img/common/sprite_001.png) -450px -2698px no-repeat;
}
.bg_white {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 30px 35px;
    margin-top: -5px;
}
.detail_bxsh {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 0 30px;
    overflow: hidden;
    position: relative;
}
.detail_bxsh::before {
    content: '';
    display: block;
    height: 4px;
    width: 930px;
    background: #007fc3;
    position: absolute;
    top: 0;
    left: 0;
}

.bg_white_faq {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.bg_white_01 {/* 職務経歴書講座の白背景 */
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: 17px;
}
.bg_white_01 .modInformation {
    border: none;
    padding: 0;
}
.bg_white_01 .head02_03 {
    padding: 26px 36px 0px 36px;
}
.bg_white_01 .modInformation > .layout > p {
    padding: 0 36px 0 36px;
    margin-top: -5px;s
}


/* 職務経歴書アップロード
----------------------------------------*/
[name=mypage_mypageResumeUploadActionForm] .explain .fs14 {
    color: #808080;
    font-size: 12px !important;

}
[name=mypage_mypageResumeUploadActionForm] .explain {
    margin-top: -20px !important;
    font-size: 12px;
    margin-bottom: 27px;
}
.accordion_title {
    margin: 60px 0 0 !important;
    padding: 25px 30px;
    border-bottom: 1px solid #e5e5e5;
}
.accordion_title h3 {
    font-size: 20px !important;
}
.accordion_area {
    border: none !important;
    margin-bottom: 15px !important;
}
.accordion_area dd {
    background-color: #f5f5f5 !important;
}
.accordion_area dt {
    font-weight: bold;
    padding: 17px 50px 15px 36px !important;
}
.accordion_area dt:hover {
    background: #f2fcff;
}
.accordion_area dd a {
    color: #007fc3 !important;
}
.accordion_area dd+dt,
.accordion_area dd {
    border-top: 1px solid #e6e6e6 !important;
}
.dlRsmLecture dt {
    border-top: 1px solid #e6e6e6;
    padding: 17px 36px 2px 36px;
}
.dlRsmLecture dd {
    padding-left: 36px;
    padding-right: 36px;
    color: #808080;
    font-size: 12px;
}
.accordion_area dt:hover:after {
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px  -2950px !important;
}
.accordion_area dt.select:after {
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px -2960px !important;
}
.upload_button a.btnC00.btnType01 {
    padding: 14px 14px 12px;
    width: 148px !important;
    font-size: 14px;
}
.accordion_area dt:after {
    content: '' !important;
    background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px -2950px !important;
    width: 14px !important;
    height: 8px !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    margin: -6px 0 -6px !important;
    overflow: hidden !important;
}

#helpContentResume {
    padding: 0px;
}

/*bgbox*/
#helpContentResume [class^="bgbox"] {
    width: 100%;
    box-sizing: border-box;
}

#helpContentResume .bgboxA {
    padding: 12px 16px;
}

#helpContentResume [class^="bgbox"] .ttl {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

/*table*/
#helpContentResume table {
    border-collapse: collapse;
}

#helpContentResume .tableA {

}

#helpContentResume .tableA table col.w124 {
    width: 124px;
}

#helpContentResume .tableA table col.w274 {
    width: 274px;
}

#helpContentResume .tableA table thead>tr>th {
    background: #e0e0e0;
    text-align: center;
    padding: 4px 0 2px;
    border: 1px solid #cccccc;
}

#helpContentResume .tableA table tr>th {
    background: #ededed;
    text-align: left;
    padding: 5px;
    border: 1px solid #cccccc;
}

#helpContentResume .tableA table td {
    padding: 5px 0 4px 10px;
    border: 1px solid #cccccc;
    background: #fff;
    line-height: 22px;
}

#helpContentResume .listbox {
    margin-top: 8px
}

#helpContentResume .listA li {

}

#helpContentResume p {
    font-size: 13px;
    line-height: 24px;
}

#helpContentResume .intro {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 13px;
}

#helpContentResume .fs11 {
    font-size: 11px;
    line-height: 18px;
}

#helpContentResume .widA {
    width: 60%
}

#helpContentResume .widB {
    width: 15%
}

#helpContentResume .heiA {
    height: 55px
}
#helpContentResume li{
    padding-left: 16px;
}

/* ログイン画面
----------------------------------------*/
#tbLogin {
    background: #ffffff;
    padding: 30px 47px 21px 47px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}
#tbLoginCol2 > div {
    padding: 23px 30px !important;
    background: #f5f5f5 !important;
    border-radius: 6px;
    border: none !important;
    font-size: 12px;
    width: 330px;
    box-sizing: border-box;
}
#tbLoginCol1 {
    width: 572px;
}
[name=login_loginActionForm] a.btnTop01 {
    width: 270px;
    height: 50px;
    background: #ff6600;
    box-sizing: border-box;
    padding-top: 9px;
}
[name=login_loginActionForm] a.btnTop01 .upper {
    font-size: 16px;
}
[name=login_loginActionForm] a.btnTop01 .middle {
    margin-top: 7px;
}
[name=login_loginActionForm] a.btnTop01 .under {
    font-size: 11px;
}
#pnlDisplayRegistText table:last-child {
    margin: 0 0 0 126px
}
#pnlDisplayRegistText table:last-child tr {
    display: inline;
}
#pnlDisplayRegistText table:last-child tr:first-child {
    margin-right: 17px;
}
[name=login_loginActionForm] .r52_login_intable_style0002,
[name=login_loginActionForm] .fontS {
    font-size: 12px;
}
[name=login_loginActionForm] .w180.NTEXT {
    margin-bottom: -4px;
}
[name=login_loginActionForm] .w180.NTEXT .ckWrapA {
    margin-left: 34px;
}
[name=login_loginActionForm] .ckWrapA_Cbox {
    margin-right: 4px;
}
[name=login_loginActionForm] .helpLink03:before {
    left: -4px;
    top: 1px;
}
[name=login_loginActionForm] .icoArr01 {
    padding-left: 13px;
}
[name=login_loginActionForm] .r52_login_blk_style0001 .fs16 {
    font-size: 14px !important;
    line-height: 1;
}
[name=login_loginActionForm] .fontM.ml72.mbtm15.shtNone p {
    margin-top: -14px;
    text-align: left !important;
}
[name=login_loginActionForm] .fontM.ml72.mbtm15.shtNone p br {
    display: none;
}
[name=login_loginActionForm] #pnlDisplayRegistText ul {
    font-size: 12px;
    margin-bottom: 8px;
}
[name=login_loginActionForm] .tblForm01 {
    margin-bottom: -10px;
}


/* 職務経歴書アップロード画面
----------------------------------------*/


/* メールマガジン（求人・企業版）停止完了画面
----------------------------------------*/
.asideLeft + .layout + .enq-complete {
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    padding: 33px 47px;
}
.asideLeft + .layout + .enq-complete p {
    padding-left: 0;
}
.enq-complete h2 {
    color: #222222 !important;
    border-top: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.enq-complete .modFormTbl {
    border-top: none !important;
}
[name=mailMagazine_mailMagazine1StopCompleteActionForm] .asideLeft + .layout + .enq-complete p:last-child {
    margin-top: 26px;
}
[name=mailMagazine_mailMagazine1StopCompleteActionForm] .asideLeft + .layout + .enq-complete {
    padding: 33px 47px 29px 47px;
}
[name=mailMagazine_mailMagazine1StopCompleteActionForm] .enq-complete .modFormTbl p:last-child {
        margin-top: 17px !important;
}
[name=mailMagazine_mailMagazine1StopCompleteActionForm] #footer {
        margin: 56px auto 0;
}
/* ハンティング再開画面
----------------------------------------*/
[name=hunting_huntingReopenRegistActionForm] .bg_white {
    padding: 33px 49px 33px 46px;
}
[name=hunting_huntingReopenRegistActionForm] .tblForm01 th {
    width: 300px;
}
[name=hunting_huntingReopenRegistActionForm] .helpLink:before {
    background: url(/cmn_web/img/common/sprite_001.png) -450px -2698px no-repeat;
    width: 10px;
    height: 18px;
}
[name=hunting_huntingReopenRegistActionForm] .tblForm01 {
    margin-bottom: 0;
}
[name=hunting_huntingReopenRegistActionForm] .tblForm01 th .thIner01 .icoForm01 {
    right: 49px;
    top: 20px;
}
[name=hunting_huntingReopenRegistActionForm] .tblForm01 td {
    padding: 18px 30px;
}
[name=hunting_huntingReopenRegistActionForm] a.btnC02 {
    padding: 18px 51px 16px;
}
[name=hunting_huntingReopenRegistActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}

/* ハンティング再開完了画面
----------------------------------------*/
[name=hunting_huntingReopenCompleteActionForm] .stepList01 {
    margin-bottom: 30px;
}
[name=hunting_huntingReopenCompleteActionForm] .bgGrey .fs20.bold.mb20 {
    line-height: 1em;
    margin-bottom: 16px !important;
}
[name=hunting_huntingReopenCompleteActionForm] .layout30.bgGrey {
    padding: 32px 47px 29px 47px!important;
}
[name=hunting_huntingReopenCompleteActionForm] a.btnC02 {
    padding: 18px 105px 16px;
}
[name=hunting_huntingReopenCompleteActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
[name=hunting_huntingReopenCompleteActionForm] a.btnC02 {
    margin-bottom: 0;
}
[name=hunting_huntingReopenCompleteActionForm] .list01 li.last {
    margin-top: -2px;
}
[name=hunting_huntingReopenCompleteActionForm] #footer {
    margin: 56px auto 0;
}

/* ハンティング再開確認画面
----------------------------------------*/
.alignC .btnType03.btnC02.btnW192 {
    width: 330px !important;
    margin-right: 27px !important;
}
.alignC .btnType03.btnC00.btnW192 {
    width: 330px !important;
}
[name=hunting_huntingReopenRegistStartActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
[name=hunting_huntingReopenRegistStartActionForm] a.btnC00::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2750px no-repeat;
    content: "";
}


/* ハンティング停止アンケート完了画面
----------------------------------------*/
.enq-complete h2 {  /*enquete.css上書き*/
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}
.enq-complete p { /*enquete.css上書き*/
    line-height: 1.7 !important;
    margin-bottom: 12px !important;
}
.enq-complete p:last-child {
    margin-bottom: 0 !important;
}
.enq-complete .modFormTbl { /*enquete.css上書き*/
    padding-top: 10px !important;
}
[name=hunting_huntingStopCompleteActionForm] .enq-complete .modFormTbl p:last-child {
    margin-top: 17px !important;
}
[name=hunting_huntingStopCompleteActionForm] #footer {
        margin: 57px auto 0;
}

/* ハンティング停止アンケート画面
----------------------------------------*/
.layout.head02.heading {
    background: #f2fcff;
    margin: 0 !important;
    padding: 30px 70px 15px 6px !important;
}
[name=hunting_huntingStopQuestionnaireActionForm] .layout30.bgGrey {
    margin-bottom: 0 !important;
    margin-right: 76px;
    margin-left: 6px;
}
.head02.heading h2 {
    font-size: 20px !important;
    line-height: 1em;
}
.layoutFormElem {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 47px;
    margin: 0 76px 0 6px !important;
    width: 930px;
    margin-bottom: 10px !important;
}
.layoutFormElem + .forwardBtnsWrap {
    background: #f2fcff;
    padding: 20px 0 0 0;
    margin: 0 0 0 -64px !important;
}
.formList.radiobtn input[type="radio"]:checked + label:after {
    background: #007fc3 !important;
    width: 15px !important;
    height: 15px !important;
    left: -35px !important;
    top: 4px !important;
}
.formList.radiobtn input[type="radio"] + label:before {
    border: solid 1px #cccccc !important;
    width: 23px !important;
    height: 23px !important;
}

[name=hunting_huntingStopQuestionnaireActionForm] .layout30.bgGrey #footer {
    margin: 37px auto 0;
}
[name=hunting_huntingStopQuestionnaireActionForm] #footer {
    margin: 36px auto 0;
}
/* メールマガジン（求人・企業版）停止完了画面
----------------------------------------*/
.textlink a {
    color: #007fc3 !important;
}

/* メールマガジン（求人・企業版）停止アンケート画面
----------------------------------------*/
[name=mailMagazine_mailMagazine1StopQuestionnaireActionForm] .layout30.bgGrey {
    margin-bottom: 0 !important;
    margin-right: 76px;
    margin-left: 6px;
}
[name=mailMagazine_mailMagazine1StopQuestionnaireActionForm] .head01.head01-02 h1 {
    margin: 0 76px 0 0;
}
[name=mailMagazine_mailMagazine1StopQuestionnaireActionForm] #footer {
    margin: 37px auto 0;
}
/* メールマガジン（コンテンツ版）停止完了画面
----------------------------------------*/
.enq-complete .modFormTbl p:last-child {
    margin-top: 15px !important;
    line-height: 1.5 !important;
}
[name=mailMagazine_mailMagazine2StopCompleteActionForm] .asideLeft + .layout + .enq-complete p:last-child {
    margin-top: 26px;
}
[name=mailMagazine_mailMagazine2StopCompleteActionForm] .enq-complete .modFormTbl p:last-child {
        margin-top: 17px !important;
}
[name=mailMagazine_mailMagazine2StopCompleteActionForm] #footer {
        margin: 56px auto 0;
}
[name=mailMagazine_mailMagazine2StopCompleteActionForm] .asideLeft + .layout + .enq-complete {
    padding: 33px 47px 29px;
}

/* メールマガジン（コンテンツ版）停止アンケート画面
----------------------------------------*/
[name=mailMagazine_mailMagazine2StopQuestionnaireActionForm] .layout30.bgGrey {
    margin-bottom: 0 !important;
    margin-right: 76px;
    margin-left: 6px;
} 
.enqWrap {/* enquete.css上書き */
    background: transparent !important;
}
.head02.heading h2 { /* enquete.css上書き */
    line-height: 1 !important;
}
.formList.radiobtn li:last-child {
    margin-bottom: 0 !important;
}
[name=mailMagazine_mailMagazine2StopQuestionnaireActionForm] .head01.head01-02 h1 {
    margin: 0 76px 0 0;
} 
[name=mailMagazine_mailMagazine2StopQuestionnaireActionForm] #footer {
    margin: 37px auto 0;
}

/* enquete上書き
----------------------------------------*/
#enqAllWrap {
    width: 1100px !important;
    margin-left: -6px;
}
input[type="checkbox"] + label:before {
    border: solid 1px #cccccc !important;
    border-radius: 4px !important;
    width: 23px !important;
    height: 23px !important;
}
input[type="checkbox"]:checked + label:before {
    border: solid 1px #007fc3 !important;
    background: #007fc3 !important;
    width: 23px !important;
    height: 23px !important;
}
input[type="checkbox"]:checked + label:after {
    left: -35px !important;
    top: 5px !important;
    width: 12px !important;
    height: 7px !important;
    border-top: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
}
input[type="checkbox"] + label {
    min-height: 25px !important;
}
/* 採用プロジェクト担当紹介求人_メッセージ画面
----------------------------------------*/
[name=referredJob_saiyoprojectDetailActionForm] .main1024 {
    width: 930px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 47px;
    border-radius: 6px;
    margin: 30px auto;
}
[name=referredJob_saiyoprojectDetailActionForm] .modDetailBtn {
    padding: 20px;
    position: relative;
}
[name=referredJob_saiyoprojectDetailActionForm] .modDetailBtn .btnWrap div.center {
    width: 358px;
    margin-bottom: -17px;
}
#enqAllWrap a.btnDetail01 {
    font-size: 16px !important;
    padding: 17px 0 17px;
    width: 328px;
}
[name=referredJob_saiyoprojectDetailActionForm] .head09 table th {
    width: 180px;
}
[name=referredJob_saiyoprojectDetailActionForm] .modDetailBtn::before {
    width: 1024px;
    height: 1px;
    content: '';
    background: #e5e5e5;
    position: absolute;
    left: -47px;
    margin-top: 0;
}
[name=referredJob_saiyoprojectDetailActionForm] .modDetailBtn .btnWrap {
    margin-top: 50px;
}
[name=referredJob_saiyoprojectDetailActionForm] .icoSts03 {
    border: solid 1px #ff6600;
    background: #ff6600;
    color: #ffffff;
}


/* スカウトサービス停止完了画面
----------------------------------------*/
[name=scout_scoutStopCompleteActionForm] .asideLeft + .layout + .enq-complete {
    padding: 33px 47px 27px 47px;
}
[name=scout_scoutStopCompleteActionForm] .enq-complete a.btnC02 {
    padding: 19px 90px 15px;
}
[name=scout_scoutStopCompleteActionForm] .enq-complete p {
    margin-bottom: 18px !important;
}
[name=scout_scoutStopCompleteActionForm] #footer {
    margin: 56px auto 0;
}
/* エージェントサービス停止完了画面
----------------------------------------*/
.content1024.serviceStopComplete {
    margin-bottom: -5px;
}
.content1024.serviceStopComplete .breadCrumb {
    display: none;
}
.content1024.serviceStopComplete .asideLeft + .layout + .enq-complete {
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 47px;
    border-radius: 6px;
}
.content1024.serviceStopComplete .asideLeft + .layout + .enq-complete p {
    padding: 0;
}
.content1024.serviceStopComplete .enq-complete a.btnType03 {
    padding: 19px 90px 15px;
}
.content1024.serviceStopComplete .enq-complete .modFormTbl p:last-child {
    margin-top: 18px !important;
}

/* エージェントサービス停止アンケート画面
----------------------------------------*/
[name=service_serviceStopQuestionnaireActionForm] .layout30.bgGrey {
    margin-right: 70px;
    margin-left: 6px;
    margin-bottom: 0 !important;
}
[name=service_serviceStopQuestionnaireActionForm] .head01.head01-02 h1 {
    margin-left: -6px;
}
[name=service_serviceStopQuestionnaireActionForm] .layout30.bgGrey p:last-child {
    color: #007fc3;
}
[name=service_serviceStopQuestionnaireActionForm] #footer {
    margin-top: 37px;
}
/* スカウトサービス停止アンケート画面
----------------------------------------*/
[name=scout_scoutStopQuestionnaireActionForm] .layout30.bgGrey {
    margin: 0 70px 0 6px;
}
[name=scout_scoutStopQuestionnaireActionForm] .layoutFormElem {
    padding: 35px 47px 15px 47px;
}
/* 選考詳細情報画面
----------------------------------------*/
.modList03 .inner .box21 {
    font-size: 12px;
    font-weight: normal;
}
.modList03 .inner .box21 p {
    font-weight: bold;
    width: 150px;
}
.listDateInfo dd {
    font-size: 11px;
    font-weight: bold;
}
.modList03.secList {
    border: none;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
    border-radius: 6px;
}
.modList03 .inner .box21 font {
    margin-top: -8px;
    margin-bottom: 6px;
    display: block;
    font-weight: bold;
}
.layout_mentai {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.layout_mentai .box_area {
    border: none;
    margin-bottom:22px;
}
.layout_mentai .box_title {
    font-size: 20px !important;
    margin: 0 !important;
    padding: 30px 35px 30px 35px;
}
.layout_mentai .box_title h3 {
    font-size: 20px !important;
}
.layout_mentai .box_area dl {
    border-top: 1px solid #e6e6e6;
}
.layout_mentai .box_area dt {
    padding: 16px 50px 17px 35px !important;
    color: #808080;
    font-size: 12px;
    position:relative;
}
.layout_mentai .box_area dt a {
    font-size: 14px;
    font-weight: bold;
}
.modList03 .inner .middle div + a.btnList04 {
    color: #007fc3;
    border: solid 1px #007fc3;
}
.modList03 .inner .middle div + a.btnList04:hover {
    background: #f2fcff;
}
[name=progress_interviewDetailListActionForm] .layout_mentai {
    margin-top: 50px;
}
[name=progress_interviewDetailListActionForm] h2.title span.company {
    color: #222222;
}
[name=progress_interviewDetailListActionForm] h2.title span.job {
    color: #007fc3;
}
.layout_bnr {
    padding: 40px 0px 0px 0px;
}
 /*---clearFix---*/ 
.layout_bnr::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.layout_bnr_item {
  width: 425px;
  height: auto;
  float: left;
}
.layout_bnr_item:nth-of-type(odd) {
  padding: 0px 30px 0px 0px;
} 
.layout_bnr_item .pic {
   width: 425px;
   height: auto;
   border-radius: 6px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

/* 	日程調整／選考状況画面
----------------------------------------*/
[name=progress_interviewListActionForm] .listDateSet dt {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 12px;
}
[name=progress_interviewListActionForm] .layout_mentai {
    margin-top: 50px;
}
[name=progress_interviewListActionForm] .listDateSet dt + dd a.btnList04 {
    color: #007fc3;
    border: 1px solid #007fc3;
}
[name=progress_interviewListActionForm] .listDateSet dt + dd a.btnList04:hover {
    background: #f2fcff;
}
[name=progress_interviewListActionForm] h2.title span.company {
    color: #222222;
}
[name=progress_interviewListActionForm] h2.title span.job {
    color: #007fc3;
}

/* オファー_メッセージ画面
----------------------------------------*/
[name=referredJob_offerDetailActionForm] .main1024 {
    background: #ffffff;
    padding: 35px 47px 13px 47px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 30px;
}
[name=referredJob_offerDetailActionForm] .head10 table {
    border-top: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-radius: 6px;
    border-collapse: separate;
    overflow: hidden;
    margin-top: 13px;
}
[name=referredJob_offerDetailActionForm] .head10 table th {
    background-color: #f5f5f5;
}
[name=referredJob_offerDetailActionForm] .head10 table th {
    border-left: none;
    border-bottom: 1px #e5e5e5 solid;
    padding: 20px 30px 18px 30px;
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
    width: 180px;
}
[name=referredJob_offerDetailActionForm] .head10 table td {
    border-left: none;
    border-bottom: 1px #e5e5e5 solid;
    padding: 15px;
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #fafafa;
}
[name=referredJob_offerDetailActionForm] a.btnTab02 {
    margin-bottom: 0;
}
[name=referredJob_offerDetailActionForm] a.btnJob02 {
    width: 180px;
    margin-right: 3px;
    margin-bottom: 0;
}
[name=referredJob_offerDetailActionForm] a.btnJob07 {
    margin-bottom: 0;
}
[name=referredJob_offerDetailActionForm] .head10 {
    padding-bottom: 0;
}
[name=referredJob_offerDetailActionForm] .btnList.btnList37 {
    margin-bottom: 30px;
}
[name=referredJob_offerDetailActionForm] .btnList.btnList37 a.btnTab02 {
    margin-top: 0;
}
[name=referredJob_offerDetailActionForm] a.btnDetail02 {
    width: 360px;
}
[name=referredJob_offerDetailActionForm] .modDetailBtn .btnWrap div.center {
    width: 358px;
}
[name=referredJob_offerDetailActionForm] .modDetailBtn {
    padding-top: 50px;
    margin-bottom: 53px;
}
[name=referredJob_offerDetailActionForm] a.btnDetail02 {
    font-size: 20px !important;
    padding: 29px 0 27px;
}
[name=referredJob_offerDetailActionForm] a.btnC00.btnType02 {
    font-weight: normal;
}
[name=referredJob_offerDetailActionForm] a.btnDetail02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 10px;
    height: 16px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -1850px no-repeat;
    content: "";
}[name=referredJob_offerDetailActionForm] .modTypeBorder03 {
    position: relative;
    overflow: visible;
    margin-bottom: 80px;
}
[name=referredJob_offerDetailActionForm] .modTypeBorder03::after {
    width: 1024px;
    height: 1px;
    content: '';
    background: #e5e5e5;
    position: absolute;
    left: -47px;
    margin-top: 50px;
}
.last a.btnJob01 {
    padding: 7px 0px 5px 0;
    margin: 0;
}

/* 企業からのメッセージ_メッセージ送信画面
----------------------------------------*/
[name=message_messageCreateActionForm] .content1024 {
    margin-top: 30px;
}
[name=message_messageCreateActionForm] .pRight02 {
    margin-bottom: 20px !important;
    font-size: 12px;
}
[name=message_messageCreateActionForm] .tblForm01 th .thIner01 {
    padding: 25px 30px;
}
[name=message_messageCreateActionForm] .tblForm01 td {
    padding: 25px 30px;
}
[name=message_messageCreateActionForm] .btnW144 {
    width: 148px;
}
[name=message_messageCreateActionForm] .selectFileLabel {
    background: #fafafa !important;
    width: 480px;
    padding: 9px 15px;
}
[name=message_messageCreateActionForm] a.btnC02 {
    padding: 18px 85px 16px;
    margin-top: 18px;
}
[name=message_messageCreateActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
[name=message_messageCreateActionForm] .tblForm01 tr:nth-child(4) td{
    border-bottom: none;
    padding: 25px 30px 10px 30px;
}
[name=message_messageCreateActionForm] .tblForm01 tr:nth-child(5) td {
    border-bottom: none;
    padding: 10px 30px 10px 30px;
}
[name=message_messageCreateActionForm] .tblForm01 tr:nth-child(6) td {
    border-bottom: solid 1px #e5e5e5;
    padding: 10px 30px 25px 30px;
    font-size: 12px;
    color: #808080;
}
[name=message_messageCreateActionForm] .bg_white {
    padding: 35px 47px;
}


/* 企業からのメッセージ_メッセージ確認画面
----------------------------------------*/
[name=message_messageConfirmActionForm] .layout30.bgGrey {
    padding: 0 !important;
    background: transparent;
    border: 0;
    border-radius: 0;
    margin-top: 15px;
    font-size: 12px;
    color: #333333;
}
[name=message_messageConfirmActionForm] .bg_white {
    padding: 35px 47px;
    margin-bottom: 30px;
}
[name=message_messageConfirmActionForm] .tblForm01 {
    margin-bottom: 0;
}
[name=message_messageConfirmActionForm] .tblForm01 td {
    background: #ffffff;
    padding: 20px 14px 19px 30px;
}
[name=message_messageConfirmActionForm] a.btnC02 {
    padding: 18px 85px 16px;
    margin-top: 18px;
}
[name=message_messageConfirmActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
[name=message_messageConfirmActionForm] .btnW96 {
    width: 88px !important;
}

/* 企業からのメッセージ_メッセージ詳細画面
----------------------------------------*/
[name=message_messageDetailActionForm] .main1024 {
    background: #ffffff;
    padding: 15px 47px 0 47px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 30px;
}
[name=message_messageDetailActionForm] a.btnC00.btnType01 {
    width: 88px;
    margin-bottom: 10px;
}
[name=message_messageDetailActionForm] .modDetailBtn {
    padding-top: 20px;
}
[name=message_messageDetailActionForm] .modDetailBtn .btnWrap div.center {
    width: 358px;
}
[name=message_messageDetailActionForm] .btnWrap a.btnC02 {
    padding: 29px 36px 27px;
    width: 287px;
}
[name=message_messageDetailActionForm] .modTypeBorder03 {
    position: relative;
    overflow: visible;
    margin-bottom: 41px;
}
[name=message_messageDetailActionForm] .modTypeBorder03::after {
    width: 1024px;
    height: 1px;
    content: '';
    background: #e5e5e5;
    position: absolute;
    left: -47px;
    margin-top: 0;
}

/* Web履歴書画面
----------------------------------------*/
[name=mypage_mypageWebResumeActionForm] .bg_white {
    margin-bottom: 20px !important;
}
[name=mypage_mypageWebResumeActionForm] .bg_white_01 {
    margin-top: 60px;
}
[name=mypage_mypageWebResumeActionForm] .accordion_title {
    margin: 30px 0 0 !important;
}
[name=mypage_mypageWebResumeActionForm] .modInformation {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 0;
}
[name=mypage_mypageWebResumeActionForm] .modInformation h2 {
    font-size: 20px;
}
[name=mypage_mypageWebResumeActionForm] .boxWrap {
    padding: 30px 35px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}
[name=mypage_mypageWebResumeActionForm] .tbl05 th,
[name=mypage_mypageWebResumeActionForm] .tbl05 td {
    padding: 21px 30px 21px 30px;
}
[name=mypage_mypageWebResumeActionForm] .tbl05 th {
    width: 240px;
}

[name=mypage_mypageWebResumeActionForm] a.btnType04 {
    font-size: 16px;
}
[name=mypage_mypageWebResumeActionForm] .btnW240 {
    width: 208px;
}
[name=mypage_mypageWebResumeActionForm] .head09 h2 {
    padding-top: 0 !important;
}

/* 紹介求人詳細画面
----------------------------------------*/
[name=referredJob_referredJobDetailActionForm] .bg_white {
    margin-top: 0;
    padding: 5px 47px 35px 47px;
    border-radius: 0px 0px 6px 6px;
}
[name=referredJob_referredJobDetailActionForm] .head08 h2 {
    margin: 40px 0 15px 0;
}

[name=referredJob_referredJobDetailActionForm] .content1024 #shStart {
    position: relative;
    margin-top: -22px;
}
[name=referredJob_referredJobDetailActionForm] .tbl01 {
    line-height: 1.7;
}
[name=referredJob_referredJobDetailActionForm] .bg_white_head {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
}
[name=referredJob_referredJobDetailActionForm] .bg_white_head::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: -100%;
    z-index: -90;
    width: 300%;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    content: "";
}
[name=referredJob_referredJobDetailActionForm] .header1024 {
    border-bottom: solid 4px #007fc3;
}
[name=referredJob_referredJobDetailActionForm] .detailIcons {
    margin: 16px 0 0 0;
    padding: 0;
    height: auto;
}
/* [name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview { */
/*     display: table; */
/*     position: relative; */
/*     margin: 67px 0 0 0; */
/* } */
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview th::before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    left: -69px;
    width: 60px;
    height: 60px;
    margin: -47px 0 0 0;
    background-image: url(/DodaFront/Html/images/icon_kyujin_check_bubble.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px auto;
    z-index: 1;
}
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview h2 {
    display: table-cell;
    width: 210px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    vertical-align: top;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview .inner_box {
    display: table-cell;
    width: 720px;
    height: auto;
}
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview .inner_box .interviewerImage {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
}
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview .inner_box .interviewerImage img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview .inner_box .interviewer {
    display: inline-block;
    position: absolute;
    color: #aaaaaa;
    padding: 11px 0 0px 12px;
    font-size: 13px;
  }
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview .inner_box dt > p {
    color: #333333;
    font-size: 14px;
    line-height: 1.6;
    background-color: #fff;
    padding: 12px 14px;
    border-radius: 0 15px 15px 15px;
}
[name=referredJob_referredJobDetailActionForm]  #shStart #employee_interview .inner_box .img_text {
    color: #007fc3;
    font-size: 13px;
    line-height: 1.4;
    padding: 10px 0;
    border-top: 1px #e5e5e5 solid;
}

/*--------------------------------------------------
  summary_area
--------------------------------------------------*/
.summary_area {
    position: relative;
    width: 1024px;
    height: auto;
    background-color: #f2fcff;
    padding: 0 47px;
    margin: 0 auto 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.summary_area .inner_box {
    position: relative;
    background-color: #24aae9;
    padding: 4px 4px 4px 175px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}
.summary_area .inner_box::before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: -32px;
    width: 60px;
    height: 60px;
    background-image: url(/resources/dcfront/images/icon_kyujin_check_bubble.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px auto;
    z-index: 1;
}
.summary_area .inner_box .appealPoint {
    position: absolute;
    top: 50%;
    left: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.summary_area .inner_box .textArea {
    background-color: #ffffff;
    padding: 3px 26px 3px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.summary_area .inner_box .textArea p {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
    padding: 15px 0 13px 0px;
    letter-spacing: 1px;
}
.summary_area .inner_box .textArea .transparentPoint {
    position: relative;
    z-index: 1;
    margin-top: -52px;
    height: 52px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 1) 100%);
    transition: opacity 250ms;
    pointer-events: none;
}
.summary_area .inner_box .btnMoreEnv {
    position: relative;
    z-index: 2;
    display: block;
    height: 45px;
    font-weight: bold;
    border: 1px #ccc solid;
    border-radius: 8px;
    color: #007fc3;
    background: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 45px;
    box-sizing: border-box;
}
.summary_area .inner_box .btnMoreEnv::before {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-right: 10px;
    border-right: 2px #007fc3 solid;
    border-bottom: 2px #007fc3 solid;
    -webkit-transform: translate(0, -3px) rotate(45deg);
    transform: translate(0, -3px) rotate(45deg);
    content: "";
}

.text_wrapper {
  position: relative;
  margin-bottom: 45px;
}
.summary_area .text {
  height: 90px;
  overflow: hidden;
}
.summary_area .show_more {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 70%
  );
  cursor: pointer;
  transition: bottom 0.2s;
}
.summary_area .active {
  background: none;
  bottom: -30px;
}
/* アピールポイント */
[name=referredJob_referredJobDetailActionForm] .summary_area .inner_box .textArea {
  overflow: hidden;
}
[name=referredJob_referredJobDetailActionForm] .summary_area .show_more {
  font-weight: bold;
  position: absolute;
  bottom: 0px;
  left: 175px;
  width: 751px;
  height: 30px;
  padding-top: 60px;
  margin-bottom: 4px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70% );
  cursor: pointer;
  transition: bottom 0.2s;
  display: none;
}
[name=referredJob_referredJobDetailActionForm] .summary_area .show_more::before {
  display: block;
  position: absolute;
  bottom: 14px;
  left: 50%;
  height: 10px;
  width: 10px;
  margin: auto 0;
  border-top: 3px #aaa solid;
  border-left: 3px #aaa solid;
  transform: rotate(-135deg);
  content: "";
}

/*--------------------------------------------------
  switch_display_btn
--------------------------------------------------*/
[name=referredJob_referredJobDetailActionForm] .switch_display_btn {
/*    position: relative;
*/
    height: 80px;
    background-color: #fafafa;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}
[name=referredJob_referredJobDetailActionForm] .switch_display_btn .switch_display {
    float: left;
    height: 100%;
    position: relative;
    background-color: #ffffff;
    z-index: 1;
}
[name=referredJob_referredJobDetailActionForm] .switch_display_btn .switch_display li {
    float: left;
    width: 150px;
    height: 100%;
    background-color: #fafafa;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e6e6e6;
}
[name=referredJob_referredJobDetailActionForm] .switch_display_btn .switch_display li.select {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
[name=referredJob_referredJobDetailActionForm] .switch_display_btn .switch_display li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #007fc3;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
    padding: 33px 0 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
[name=referredJob_referredJobDetailActionForm] .switch_display_btn .switch_display li.select a {
    color: #222222;
    cursor: default;
    border-top: 4px solid #007fc3;
}
[name=referredJob_referredJobDetailActionForm] .switch_display_btn .switch_display li a span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
[name=referredJob_referredJobDetailActionForm] #shtTabContentB {
  display: none;
}
[name=referredJob_referredJobDetailActionForm] .modListFunction .btn_margin {
  margin: 19px 47px 19px 0px;
}

/* ハム修正テスト */
[name=referredJob_referredJobDetailActionForm] .tbl01 {
    border-radius: 0;
}
[name=referredJob_referredJobDetailActionForm] div.bg_white > div table:first-child {
border-top-left-radius:6px;
border-top-right-radius:6px;
}
[name=referredJob_referredJobDetailActionForm] div.bg_white > div table:last-child {
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}
[name=referredJob_referredJobDetailActionForm] div.bg_white > table:first-child {
border-top-left-radius:6px;
border-top-right-radius:6px;
}
[name=referredJob_referredJobDetailActionForm] div.bg_white > table:last-child {
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}
[name=referredJob_referredJobDetailActionForm] .modListFunction .boxRight.boxRight075 p.funcText.parts {
    line-height: 40px;
}
[name=referredJob_referredJobDetailActionForm] .scrollHeadInr.type03 .btnList li.funcText.first {
    line-height: 40px;
}

/* レコメンド一覧 */
[name=referredJob_referredJobDetailActionForm] .related_information {
    margin-bottom: 45px;
    margin-top: 50px;
}
[name=referredJob_referredJobDetailActionForm] .related_information_margin_adjust {
    margin-top: -50px;
}
[name=referredJob_referredJobDetailActionForm] .related_information h2 {
    color: #222222;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box {
    position: relative;
    color: #222222;
    font-size: 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
    padding: 30px 47px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box p {
    color: #222222;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box ul.list_information li {
    margin-bottom: 5px;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box ul.list_information li a {
    color: #007fc3;
    font-size: 12px;
    line-height: 1.5;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box ul.list_information li span {
    display: inline-block;
    height: 18px;
    font-size: 11px;
    line-height: 1em;
    padding: 3px 8px 0;
    margin-left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box ul.list_information li span.near_deadline {
    color: #ff0000;
    background-color: #ffffff;
    border: 1px solid #ff0000;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box ul.list_information li span.new {
    color: #ffffff;
    background-color: #ff0000;
    border: 1px solid #ff0000;
}
[name=referredJob_referredJobDetailActionForm] .related_information .inner_box ul.list_information.hide_list {
    display: none;
    padding-bottom: 36px;
}
[name=referredJob_referredJobDetailActionForm] .related_information .primary_job_more_btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 36px;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 0 100px 40px #ffffff;
    padding-left: 47px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
[name=referredJob_referredJobDetailActionForm] .related_information .primary_job_more_btn a {
    position: relative;
    display: inline-block;
    color: #007fc3;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    padding: 12px 28px 10px 0;
    outline: none;
}
[name=referredJob_referredJobDetailActionForm] .related_information .primary_job_more_btn a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 8px;
    height: 8px;
    font-weight: bold;
    border-style: solid;
    border-color: rgba(0,127,195,1);
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -6px;
}
[name=referredJob_referredJobDetailActionForm] .related_information .primary_job_more_btn.open a::before {
    -webkit-transform: rotate(-136deg);
    transform: rotate(-136deg);
    margin-top: 0;
}
[name=referredJob_referredJobDetailActionForm] .related_information .primary_job_more_btn.open {
    box-shadow: none;
}

/* 求人フィルタ設定画面
----------------------------------------*/
[name=referredJob_categolizeSettingActionForm] .layout16.bgGrey {
    border: none;
    background-color: transparent;
    padding: 0;
    margin-top: -15px;
    font-size: 12px;
    color: #808080;
    margin-bottom: 30px;
}
[name=referredJob_categolizeSettingActionForm] .head01 h1 {
    margin-bottom: 15px;
}
[name=referredJob_categolizeSettingActionForm] .icoForm02 {
    font-weight: normal;
}
[name=referredJob_categolizeSettingActionForm] .tblForm01 {
    margin-bottom: 0;
    overflow: visible;
}
[name=referredJob_categolizeSettingActionForm] .tblForm01 th {
    width: 300px;
}
[name=referredJob_categolizeSettingActionForm] a.btnC02 {
    padding: 26px 36px 24px;
    width: 360px;
    font-size: 20px;
}
[name=referredJob_categolizeSettingActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
[name=referredJob_categolizeSettingActionForm] .bg_white {
    padding: 35px 47px;
}
[name=referredJob_categolizeSettingActionForm] .tblForm01 th .thIner01 {
    padding: 23px 14px 17px 30px;
}
.tblForm01 #condition td {
    font-size: 12px;
}
.tblForm01 #condition td .shtFilterText {
    color: #808080;
    margin-bottom: 15px !important;
}
[name=referredJob_categolizeSettingActionForm] .tblForm01 th .thIner01 .icoForm02 {
    right: 30px;
    top: 22px;
}
.tblForm01 #condition td .shtFilterText + p.mb20 {
    margin-bottom: 25px !important;
}
.tblForm01 #condition td .shtFilterText + p.mb20 + p.mb20 {
    margin-bottom: 10px !important;
}
.tblForm01 #condition td .shtFilterText + p.mb20 + p.mb20 + div.cbBox01.mb20 {
    margin-bottom: 25px !important;
}
.tblForm01 #condition td .shtFilterText + p.mb20 + p.mb20 + div.cbBox01.mb20 + p.mb20 {
    margin-bottom: 10px !important;
}
[name=referredJob_categolizeSettingActionForm] .ckWrapA_Lbox {
    width: 541px;
    margin-right: 0;
}
[name=referredJob_categolizeSettingActionForm] .tblForm01 .ckWrapA {
    height: auto;
    margin-right: 0;
}

/* 登録情報設定画面
----------------------------------------*/
[name=mypage_mypageRegistSettingActionForm] .tbl05 td dl {
    color: #808080;
}
[name=mypage_mypageRegistSettingActionForm] .tbl05 td dl:last-child {
    margin-bottom: 0 !important;
}
[name=mypage_mypageRegistSettingActionForm] .tbl05 .box30 .icoArr01 {
    display: inline-block;
    margin-top: 6px;
}
[name=mypage_mypageRegistSettingActionForm] .icoArr01:before {
    top: 3px;
}
[name=mypage_mypageRegistSettingActionForm] .btnW96 {
    width: 88px !important;
}
[name=mypage_mypageRegistSettingActionForm] .mtbN5 {
    margin-right: -1px;
}
[name=mypage_mypageRegistSettingActionForm] .resignBox .mtbN5 {
    margin-top: -7px;
}

/* 紹介求人応募完了画面
----------------------------------------*/
[name=referredJob_referredJobApplyCompleteActionForm] .applyInfo {
    border: 1px #e5e5e5 solid;
    border-radius: 6px;
    margin-bottom: 20px;
    background-color: #ffffff;
}
[name=referredJob_referredJobApplyCompleteActionForm] .applyInfo p {
    font-size: 16px;
    padding: 5px;
}
[name=referredJob_referredJobApplyCompleteActionForm] .applyInfoCompName {
    margin:10px 0 5px 0;
    padding: 0px 47px;
}
[name=referredJob_referredJobApplyCompleteActionForm] .applyInfoJobName {
    margin:5px 0 10px 0;
    padding: 0px 47px;
}
[name=referredJob_referredJobApplyCompleteActionForm] .areaTitle {
    width: 90px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
}
[name=referredJob_referredJobApplyCompleteActionForm] .areaTitle p {
    font-weight: bold;
}
[name=referredJob_referredJobApplyCompleteActionForm] .content {
    width: calc(99% - 90px);
    display: inline-block;
}
[name=referredJob_referredJobApplyCompleteActionForm] #floatingApplyButton {
    position: fixed;
    overflow: hidden;
    bottom: 0;
    left: 0;
    margin: 0;
    margin-top: 15px;
    z-index: 2000;
    width: 100%;
    padding: 20px 15px;
    background-color: rgba(0, 0, 0, .8);
    box-sizing: border-box;
    transition: color .25s, background-color .25s;
}
[name=referredJob_referredJobApplyCompleteActionForm] #floatingApplyButton .shtBottomBtn {
    display: flex;
    margin-right: -8px;
}
[name=referredJob_referredJobApplyCompleteActionForm] #floatingApplyButton .shtBottomBtn .parts {
    flex: 1;
    height: 46px;
    margin: 0;
    padding-right: 8px;
    box-sizing: border-box;
}
[name=referredJob_referredJobApplyCompleteActionForm] #floatingApplyButton .shtBottomBtn .parts a {
    border-radius: 8px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
}

[name=referredJob_referredJobApplyCompleteActionForm] #floatingApplyButton .shtBottomBtn .parts .btnC00, #sp-component-formList .shtBottomBtn .parts .btnC02 {
    border: 1px #ccc solid;
    box-shadow: none;
    height: 50px;
    color: #000;
    line-height: 120%;
    background: #fff;
    padding: 17px 0;
    margin-right: 1%;
    margin-left: 10%;
}
[name=referredJob_referredJobApplyCompleteActionForm] #floatingApplyButton .shtBottomBtn .parts .btnC01 {
    box-shadow: none;
    background: #ff5a00;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
    height: 50px;
    color: #fff;
    line-height: 120%;
    padding: 17px 0;
    margin-right: 10%;
    margin-left: 1%;
}

[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .applyInfo {
    border: 1px #e5e5e5 solid;
    border-radius: 6px;
    margin: 2px 14px 2px 14px;
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .applyInfo p {
    font-size: 12px;
    padding: 6px;
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .applyInfoCompName {
    border-bottom: 1px #e5e5e5 solid;
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .continuousInfoHead {
    margin: 0.3em 0;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .continuousInfo {
    margin-top: 10px;
    padding-bottom: 5px;
    border: 1px solid #e5e5e5;
    border-top: 4px solid #007fc3;
    border-radius: 4px;
    padding: 20px 15px 30px 15px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .css-cancel{
    display: inline-block;
    float: right;
    width: 28px;
    height: 28px;
    position: relative;
    cursor: pointer;
    margin: 0 5px 0px 0px;
}
[name=referredJob_referredJobApplyCompleteActionForm]
#continuousInfoArea .css-cancel::before,
#continuousInfoArea .css-cancel::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 18px;
    height: 2px;
    margin: -33% 0 0 20%;
    background: #8b8b8b;
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .css-cancel::before {
    transform: rotate(-45deg);
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .css-cancel::after {
    transform: rotate(45deg);
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .toBookmark {
    text-align: right;
    margin-top: 16px;
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .toBookmark a {
    padding-right: 20px;
}
[name=referredJob_referredJobApplyCompleteActionForm] #continuousInfoArea .toBookmark:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1.2px solid #007fc3;
    border-left: 1.2px solid #007fc3;
    transform: rotate(-225deg);
    margin-top: 7px;
    margin-left: -15px;
}
[name=referredJob_referredJobApplyCompleteActionForm] .recommendItemEntry .modTypeBorder01,
[name=referredJob_referredJobApplyCompleteActionForm] .recommendNormal .modTypeBorder01 {
    background-color: #fff;
}
[name=referredJob_referredJobApplyCompleteActionForm] .bx-viewport {
    height: 350px !important;
    width: 95%!important;
}

/* 紹介求人応募内容登録画面
----------------------------------------*/
[name=referredJob_referredJobApplyRegistActionForm] .pRight02.mb10 + .layout.layout10 > p {
    font-size: 16px;
    font-weight: bold;
}
[name=referredJob_referredJobApplyRegistActionForm] .bg_white {
    margin-bottom: 30px;
    padding: 35px 47px;
}
[name=referredJob_referredJobApplyRegistActionForm] .tblForm01 th .thIner01 {
    padding: 20px 30px;
}
[name=referredJob_referredJobApplyRegistActionForm] .tblForm01 th .thIner01 .icoForm02, 
[name=referredJob_referredJobApplyRegistActionForm] .tblForm01 th .thIner01 .icoForm03 {
    right: 31px;
    top: 19px;
}
[name=referredJob_referredJobApplyRegistActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
[name=referredJob_referredJobApplyRegistActionForm] .btnW288 {
    width: 330px;
}
[name=referredJob_referredJobApplyRegistActionForm] textarea.textarea01 {
    margin-top: -5px;
}
[name=referredJob_referredJobApplyRegistActionForm] .tblForm01 td.shtTrg001 {
        padding: 25px 30px 15px 30px;
}
/*おためし*/
[name=referredJob_referredJobApplyRegistActionForm] .tblForm .reqbgCell {
    padding: 0 !important;
}
[name=referredJob_referredJobApplyRegistActionForm] .tblForm .reqbg {
    padding: 20px 21px;
}

/* 紹介求人辞退内容登録画面
----------------------------------------*/
[name=referredJob_referredJobRefusalRegistActionForm] .pRight02.mb10 + .layout.layout10 > p {
    font-size: 16px;
    font-weight: bold;
}
[name=referredJob_referredJobRefusalRegistActionForm] .bg_white {
    margin-bottom: 30px;
    padding: 35px 47px;
}
[name=referredJob_referredJobRefusalRegistActionForm] .tblForm01 th .thIner01 .icoForm02,
[name=referredJob_referredJobRefusalRegistActionForm] .tblForm01 th .thIner01 .icoForm03 {
    right: 31px;
    top: 19px;
}
[name=referredJob_referredJobRefusalRegistActionForm] textarea.textarea01 {
    margin-top: -5px;
}
[name=referredJob_referredJobRefusalRegistActionForm] .tblForm01 td.shtTrg001 {
    padding: 25px 30px 15px 30px;
}
[name=referredJob_referredJobRefusalRegistActionForm] a.btnC02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 8px;
    height: 14px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -2650px no-repeat;
    content: "";
}
[name=referredJob_referredJobRefusalRegistActionForm] .btnW288 {
    width: 330px;
}

/* 面接確約オファー一覧
----------------------------------------*/
dl.offerAppealPointArea dt {
    color: #32bed2;
}
dl.offerAppealPointArea dt::before {
    background-image: url(/resources/dcfront/images/icon_kira.svg);
}
dl.offerAppealPointArea dd ul li {
    background-color: #32bed2;
}
.premium-offer .modList01 .premium-profile .box01 {
    border-radius: 50%;
    overflow: hidden;
}
.premium-offer .premium-offer-ballon {
    margin: 5px auto 4px 0 !important;
    z-index: 2;
}
.premium-offer .premium-offer-head .premium-crackerIcon {
    top: -15px !important;
    right: -9px !important;
}
[name=referredJob_interviewOfferListActionForm] .icoSts03 {
    border: solid 1px #ff6600;
    background: #ff6600;
    color: #ffffff;
}

/* 面接確約オファー_メッセージ画面
----------------------------------------*/
[name=referredJob_interviewOfferDetailActionForm] .main1024 {
    background: #ffffff;
    padding: 35px 47px 13px 47px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 30px;
}
[name=referredJob_interviewOfferDetailActionForm] .modTypeBorder03::after {
    width: 1024px;
    height: 1px;
    content: '';
    background: #e5e5e5;
    position: absolute;
    left: -47px;
    margin-top: 50px;
}
[name=referredJob_interviewOfferDetailActionForm] .modTypeBorder03 {
    position: relative;
    overflow: visible;
    margin-bottom: 80px;
}
[name=referredJob_interviewOfferDetailActionForm] a.btnDetail02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 10px;
    height: 16px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -1850px no-repeat;
    content: "";
}
[name=referredJob_interviewOfferDetailActionForm] a.btnDetail02 {
    font-size: 20px !important;
    padding: 29px 0 27px;
}
[name=referredJob_interviewOfferDetailActionForm] a.btnDetail02 {
    width: 360px;
}
[name=referredJob_interviewOfferDetailActionForm] .modDetailBtn {
    padding-top: 50px;
    margin-bottom: 53px;
}
[name=referredJob_interviewOfferDetailActionForm] a.btnC00.btnType02 {
    font-weight: normal;
}
[name=referredJob_interviewOfferDetailActionForm] a.btnTab02 {
    width: 178px;
    padding: 13px 0 11px 0;
    margin-bottom: 0;
    margin-top: 10px;
}
[name=referredJob_interviewOfferDetailActionForm] .btnList.btnList37 a.btnTab02 {
    margin-top: 0;
}
[name=referredJob_interviewOfferDetailActionForm] .head10 table {
    border-top: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-radius: 6px;
    border-collapse: separate;
    overflow: hidden;
    margin-top: 13px;
}
[name=referredJob_interviewOfferDetailActionForm] .head10 table th,
[name=referredJob_interviewOfferDetailActionForm] .head10 table td {
    font-size: 14px;
    padding: 15px 30px;
}
[name=referredJob_interviewOfferDetailActionForm] .head10 table th {
    border-left: none;
    background-color: #f5f5f5;
    border-bottom: 1px #e5e5e5 solid;
}
[name=referredJob_interviewOfferDetailActionForm] .icoSts03 {
    border: solid 1px #ff6600;
    background: #ff6600;
    color: #ffffff;
}

/* dodaRequestメッセージ画面
----------------------------------------*/
[name=referredJob_premiumOfferDetailActionForm] .main1024 {
    background: #ffffff;
    padding: 35px 47px 13px 47px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 30px;
}
[name=referredJob_premiumOfferDetailActionForm] .modTypeBorder03::after {
    width: 1024px;
    height: 1px;
    content: '';
    background: #e5e5e5;
    position: absolute;
    left: -47px;
    margin-top: 50px;
}
[name=referredJob_premiumOfferDetailActionForm] .modTypeBorder03 {
    position: relative;
    overflow: visible;
    margin-bottom: 80px;
}
[name=referredJob_premiumOfferDetailActionForm] a.btnDetail02::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    width: 10px;
    height: 16px;
    margin: auto 0;
    background: url(/cmn_web/img/common/sprite_001.png) -700px -1850px no-repeat;
    content: "";
}
[name=referredJob_premiumOfferDetailActionForm] a.btnDetail02 {
    font-size: 20px !important;
    padding: 29px 0 27px;
}
[name=referredJob_premiumOfferDetailActionForm] a.btnDetail02 {
    width: 360px;
}
[name=referredJob_premiumOfferDetailActionForm] .modDetailBtn {
    padding-top: 50px;
    margin-bottom: 53px;
}
[name=referredJob_premiumOfferDetailActionForm] a.btnC00.btnType02 {
    font-weight: normal;
}
[name=referredJob_premiumOfferDetailActionForm] a.btnTab02 {
    width: 178px;
    padding: 13px 0 11px 0;
    margin-bottom: 0;
    margin-top: 10px;
}
[name=referredJob_premiumOfferDetailActionForm] .btnList.btnList37 a.btnTab02 {
    margin-top: 0;
}
[name=referredJob_premiumOfferDetailActionForm] .head10 table {
    border-top: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-radius: 6px;
    border-collapse: separate;
    overflow: hidden;
    margin-top: 13px;
}
[name=referredJob_premiumOfferDetailActionForm] .head10 table th,
[name=referredJob_premiumOfferDetailActionForm] .head10 table td {
    font-size: 14px;
    padding: 15px 30px;
}
[name=referredJob_premiumOfferDetailActionForm] .head10 table th {
    border-left: none;
    background-color: #f5f5f5;
    border-bottom: 1px #e5e5e5 solid;
}
[name=referredJob_premiumOfferDetailActionForm] .icoSts03 {
    border: solid 1px #ff6600;
    background: #ff6600;
    color: #ffffff;
}

/* 検討リスト(求人応募)一覧画面
----------------------------------------*/
.modListFunctionB .boxLeft .funcText.func118.parts.bold {
    font-weight: normal !important;
    font-size: 12px;
}

[name=bookmark_bookmarkListActionForm] .btnW80 {
    width: 58px;
}
[name=bookmark_bookmarkListActionForm] .layout.mb10 + .layout {
    margin-top: 20px;
}
.modListFunctionB .boxLeft .parts {
    margin-right: 10px;
}
.introGuide03 {
    background: #ffffff !important;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 35px 47px 30px 37px !important;
}
.introGuide03 .introGuideRight {
    width: 465px !important;
    text-align: left !important;
}
.introGuide03 .introGuideRight h3 {
    font-size: 20px !important;
    line-height: 1.5 !important;
    margin: 0 0 18px !important;
    letter-spacing: -1.5px;
}
.introGuide03 .introGuideLeft {
    padding-top: 23px !important;
}
.introGuide03 a.btnTop10 {
    margin: 0;
    font-size: 16px !important;
    padding: 11px 0px 11px !important;
}
.zeroArea p:first-child {
    margin-bottom: 8px;
}
[name=bookmark_bookmarkListActionForm] .detailIcons {
    margin-top: 0;
}


/* 採用プロジェクト担当紹介求人画面
----------------------------------------*/
.refine_wrap {
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
    margin-bottom: 20px;
    margin-top: 25px;
}
.refine_wrap .layout.layout10 {
    margin: 0;
    background: #fafafa;
    border-radius: 6px 6px;
    overflow: hidden;
}
.refine_wrap .layout.mb10 {
    padding: 20px 35px;
}
.refine_wrap .modTab01 {
    border-bottom: 1px solid #e5e5e5;
}
.refine_wrap .listTab01 li {
    border-right: 1px solid #e5e5e5;
    margin-right: 0;
}
.refine_wrap .listTab01 li a {
    width: 180px;
    background: #fafafa;
    box-shadow: none;
    border: none;
    color: #007fc3;
    padding: 34px 0 33px;
    font-weight: bold;
}
.refine_wrap .listTab01 li .current {
    width: 180px;
    background: #ffffff;
    color: #222222;
    box-shadow: none;
    border: none;
    border-bottom: none;
    padding: 34px 0 33px;
    position: relative;
}
.refine_wrap .listTab01 li .current::before {
    content: '';
    display: block;
    height: 4px;
    width: 180px;
    background: #007fc3;
    position: absolute;
    top: 0;
    left: 0;
}
.refine_wrap .listTab01 li .current::after {
    content: '';
    display: block;
    height: 1px;
    width: 180px;
    background: #ffffff;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.refine_wrap a.btnTab01 {
    margin: 25px 35px 0 0;
}
.modList01 .upper .box01 .stayBottom {
    left: 12px;
    bottom: 9px !important;
}
.modList01 .upper .box01 .icoSts01 {
    border-radius: 9px;
    color: #007fc3;
    border: none;
    padding: 4px 5px 3px 18px;
    background: #fff100 url(/cmn_web/img/common/sprite_001.png) -492px -2545px no-repeat;
}
.modList01 .upper .box01 .mailIcon {
    color: #007fc3;
    background-color: #fff100;
}
.modListFunctionB.gm0670282 .btnW176 {
    width: 178px;
    margin-right: 0;
}
.modListFunctionB.gm0670282 .btnW96 {
    width: 98px !important;
}
[name=referredJob_saiyoprojectListActionForm] .icoSts03 {
    border: solid 1px #ff6600;
    background: #ff6600;
    color: #ffffff;
}

/* 紹介求人トップ画面 (廃止画面:固有部分削除済み)
----------------------------------------*/
.layoutList01 .modList01 .under .listBtns a.btnList04 {
    width: 178px;
    background: #ffffff;
    padding: 13px 0 10px 0;
    margin-bottom: 0;
}
.layoutList01 .modList01 .under .listBtns a.btnList04:hover {
    background: #f5f5f5;
}
.refine_wrap .funcDropWide.superLongWide {
    width: 279px;
}
.refine_wrap .funcDropWide.superLongWide .display {
    width: 269px;
}
.refine_wrap .funcDropWide.superLongWide .funcDropWide.superLongWide {
    background: #fff url(/cmn_web/img/common/sprite_001.png) 57px -1188px no-repeat;
}

/* 募集終了 */
.modList01.modListFin {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}
.modList01.modListFin .upper {
    background: #fafafa;
    border-bottom: none;
}
.modList01.modListFin .upper .box01 .icoSts01 {
    background: #ebebeb url(/cmn_web/img/common/sprite_001.png) -542px -2545px no-repeat;
    color: #aaaaaa !important;
}
.modList01.modListFin h2.title span.company,
.modList01.modListFin h2.title span.job,
.modList01.modListFin .modList01 .under .box01,
.modListFin .listJpbSpec01 dt > span:not(.icoSpc01),
.modListFin .listJpbSpec02 dt > span:not(.icoSpc01):not(.icoSpc02),
.modListFin .listJpbSpec01 dt > .icoSpc01Fs10,
.modList01.modListFin .under .box01 {
    color: #aaaaaa !important;
}

/* キャリアコンサルタント紹介求人画面
----------------------------------------*/
[name=referredJob_referredJobListActionForm] .modListFunctionB {
    padding: 10px 20px;
}
[name=referredJob_referredJobListActionForm] .btnW144 {
    width: 120px;
}
[name=referredJob_referredJobListActionForm] .layout.mb10 {
    margin-bottom: 20px !important;
}
[name=referredJob_referredJobListActionForm] .searchCompText{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 175px;
    z-index: -1
}
[name=referredJob_referredJobListActionForm] #specialLinkBox{
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 21px 0 21px 0px;
}
[name=referredJob_referredJobListActionForm] .specialFilter{
    width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 18px;
}
[name=referredJob_referredJobListActionForm] .anotherFilter{
    width: 100%;
    display: inline-block;
    text-align: right;
}
[name=referredJob_referredJobListActionForm] .anotherFilter a {
    padding-right: 30px;
}
[name=referredJob_referredJobListActionForm] .anotherFilter ::after{ 
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #007fc3;
    border-left: 1px solid #007fc3;
    transform: rotate(135deg);
    margin-top: 7px;
    margin-left: 5px;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge{
    overflow: hidden;
    position: relative;
    float: left;
    width: 205px;
    height: 66px;
    padding: 0px 0px 0px 0px;
    margin: 0px 7px 20px 7px;
    background: linear-gradient(#3197CD, #007FC3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    border-radius: 6px;
    display: inline-block;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge span{
    position: absolute;
    left: 25%;
    top: 32%;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .icon{
    display: inline-flex;
    width: 28px;
    height: 28px;
    margin: 0px 10px 0px 11px;
    content: "";
    position: absolute;
    top: 25%;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .online{
    background: url(/cmn_web/img/index/sp/icon_online.svg) no-repeat;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .remote{
    background: url(/cmn_web/img/index/sp/icon_home.svg) no-repeat;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .twoDays{
    background: url(/cmn_web/img/index/sp/icon_holiday.svg) no-repeat;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .inexperienced{
    background: url(/cmn_web/img/index/sp/icon_beginner.svg) no-repeat;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .notTransfer{
    background: url(/cmn_web/img/index/sp/icon_location_2.svg) no-repeat;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .womenSuccess{
    background: url(/cmn_web/img/index/sp/icon_woman.svg) no-repeat;
}
[name=referredJob_referredJobListActionForm] .specialConditionsBadge .goodSalary{
    background: url(/cmn_web/img/index/sp/icon_money.svg) no-repeat;
}

[name=referredJob_referredJobListActionForm] #specialLinkBox a .specialConditionsBadge {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
/* エラー画面
----------------------------------------*/
.browserBackError .content1024 .breadCrumb,
.commonError .content1024 .breadCrumb,
.error .content1024 .breadCrumb,
.reloadError .content1024 .breadCrumb,
.sessionTimeoutError .content1024 .breadCrumb,
.systemError .content1024 .breadCrumb {
    display: none;
}
.browserBackError .content1024,
.commonError .content1024,
.error .content1024,
.reloadError .content1024,
.sessionTimeoutError .content1024,
.systemError .content1024 {
    margin-top: 30px;
}
.browserBackError .fs21,
.commonError .fs21,
.error .fs21,
.reloadError .fs21,
.sessionTimeoutError .fs21,
.systemError .fs21 {
    font-size: 20px !important;
    line-height: 1;
}
.browserBackError .breadCrumb + .mainRight + .asideLeft + .layout,
.commonError .breadCrumb + .mainRight + .asideLeft + .layout,
.error .breadCrumb + .mainRight + .asideLeft + .layout,
.reloadError .breadCrumb + .mainRight + .asideLeft + .layout,
.sessionTimeoutError .breadCrumb + .mainRight + .asideLeft + .layout,
.systemError .breadCrumb + .mainRight + .asideLeft + .layout {
    margin-bottom: 30px;
    font-size: 20px !important;
    line-height: 1;
}
.browserBackError .layout30.bgGrey p.fs18.bold.mb10,
.commonError .layout30.bgGrey p.fs18.bold.mb10,
.error .layout30.bgGrey p.fs18.bold.mb10,
.reloadError .layout30.bgGrey p.fs18.bold.mb10,
.sessionTimeoutError .layout30.bgGrey p.fs18.bold.mb10,
.systemError .layout30.bgGrey p.fs18.bold.mb10 {
    font-size: 16px !important;
    margin-bottom: 7px !important;
}

/*
.refine_wrap .layout.mb10 .funcDropWide {
    width: 191px;
    background: #fff url(/cmn_web/img/common/sprite_001.png) 94px -1188px no-repeat;
}
.refine_wrap .funcDrop {
    background: #fff url(/cmn_web/img/common/sprite_001.png) 180px -1188px no-repeat;
}
*/
.refine_wrap .funcDropMin {
    background: #fff url(/cmn_web/img/common/sprite_001.png) -67px -1188px no-repeat;
}

/* スクロールヘッダー内ボタンサイズ調整
----------------------------------------*/
.scrollHeadInr.type03 a.btnJob06 {
    width: 135px;
}
.scrollHeadInr.type03 a.btnJob07 {
    width: 135px;
}
.scrollHeadInr.type03 a.btnJob02 {
    width: 135px;
}
.scrollHeadInr.type03 a.btnTab02 {
    margin-top: 0;
}
.scrollHeadInr.type03 .btnList li {
    margin-left: 10px;
}
.scrollHeadInr.type03 a.btnJob01 {
    width: 135px;
}
/*
.scrollHeadInr.type01 .funcDropWide {
    width: 277px;
}
*/
/*
.scrollHeadInr.type01 .funcDrop {
    background: #fff url(/cmn_web/img/common/sprite_001.png) 180px -1188px no-repeat;
}
*/
.scrollHeadInr.type01 .funcDropMin {
    background: #fff url(/cmn_web/img/common/sprite_001.png) -67px -1188px no-repeat;
}
.scrollHeadInr .funcDropWide.superLongWide {
    width: 279px;
}


/* 退会アンケート画面
----------------------------------------*/
[name=mypage_mypageWithdrawalQuestionnaireActionForm] #enqAllWrap {
    padding: 0 0 10px 0;
}

[name=mypage_mypageWithdrawalQuestionnaireActionForm] .content1024 .breadCrumb {
    display: none;
}
[name=mypage_mypageWithdrawalQuestionnaireActionForm] .enqWrap {
    background: #ffffff !important;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    width: 1024px !important;
    margin: 0 76px 0 6px !important;
}
[name=mypage_mypageWithdrawalQuestionnaireActionForm] .enqWrap .layout30.bgGrey {
    background: #f2f2f2;
    font-size: 11px;
    color: #808080;
    padding: 25px 30px !important;
    margin: 30px 47px 0 47px;
}
[name=mypage_mypageWithdrawalQuestionnaireActionForm] .layout.head02.heading {
    background: #ffffff;
    padding: 22px 47px 18px 47px !important;
    border-radius: 6px 6px 0 0;
}
[name=mypage_mypageWithdrawalQuestionnaireActionForm] .layout.additionalHeading {
    padding: 0 47px 0 47px;
    margin: 0 0 10px 0 !important;
}
[name=mypage_mypageWithdrawalQuestionnaireActionForm] p.headingInfo {
    font-size: 14px;
}
[name=mypage_mypageWithdrawalQuestionnaireActionForm] .head02.heading h2 {
    width: 870px;
    line-height: 1.5 !important;
}

[name=mypage_mypageWithdrawalQuestionnaireActionForm] .enqWrap .layoutFormElem {
    margin: 0 auto !important;
    box-shadow: none;
    padding: 0;
}
[name=mypage_mypageWithdrawalQuestionnaireActionForm] .layoutFormElem + .forwardBtnsWrap {
    background: #ffffff;
    padding: 50px 0 27px 0;
    margin: 35px 0 0 0 !important;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e5e5e5;
}
/* 退会アンケート(共通項目)画面
----------------------------------------*/
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] #enqAllWrap {
    padding: 0 0 10px 0;
}

[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .content1024 .breadCrumb {
    display: none;
}
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .enqWrap {
    background: #ffffff !important;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    width: 1024px !important;
    margin: 0 76px 0 6px !important;
}
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .enqWrap .layout30.bgGrey {
    background: #f2f2f2;
    font-size: 11px;
    color: #808080;
    padding: 25px 30px !important;
    margin: 30px 47px 0 47px;
}
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .layout.head02.heading {
    background: #ffffff;
    padding: 22px 47px 18px 47px !important;
    border-radius: 6px 6px 0 0;
}
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .layout.additionalHeading {
    padding: 0 47px 0 47px;
    margin: 0 0 10px 0 !important;
}
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] p.headingInfo {
    font-size: 14px;
}
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .head02.heading h2 {
    width: 870px;
    line-height: 1.5 !important;
}

[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .enqWrap .layoutFormElem {
    margin: 0 auto !important;
    box-shadow: none;
    padding: 0;
}
[name=mypage_mypageWithdrawalQuestionnaireCommonActionForm] .layoutFormElem + .forwardBtnsWrap {
    background: #ffffff;
    padding: 50px 0 27px 0;
    margin: 35px 0 0 0 !important;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e5e5e5;
}
.ponitSelecter tr.score td,
.ponitSelecter td.label {
    font-size: 14px !important;
    font-weight: normal !important;
}
.ponitSelecter tr.score td {
    padding-bottom: 0 !important;
}
input[type="radio"] + label:before {
    border: solid 1px #cccccc !important;
}
input[type="radio"]:checked + label:after {
    background: #007fc3 !important;
}
p.headingInfo span {
    font-size: 14px !important;
}
#enqAllWrap a.btnDetail01.btnC02 {
    width: 330px !important;
}
textarea {
    border: 1px solid #cccccc !important;
    background: #ffffff !important;
}
textarea.lerge {
    margin-top: -5px;
}
.withoutBreadcrumb .content1024 .breadCrumb {
    display: none;
}


/* やることリスト画面
----------------------------------------*/
.modList03.chyosei{
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.modList03.chyosei .inner{
  padding: 18px 35px;
  border-bottom: 1px solid #e5e5e5;
}
.modList03.chyosei .inner .box01 {
  padding: 0;
}
.modList03.chyosei .inner .box33 {
  width: 480px;
  padding: 0;
}
.modList03.chyosei .inner .box22 {
  width: 195px;
  padding: 0 0 0 30px;
}
.modList03.chyosei .listDateSet dt.redAlert {
  font-size: 12px;
  font-weight: bold;
}
.modList03.chyosei h2.title span.company{
  color: #222222;
}
.modList03.chyosei h2.title span.job{
  color: #007fc3;
}
[name=progress_progressTopActionForm] .unset {
  margin-top: -4px;
  margin-bottom: 8px;
}
.modList03.chyosei .inner .box33{
  width: 615px;
}
.modList03.chyosei h2.title span.job, 
.modList03.midoku h2.title span.job{
  width: 615px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modList03.chyosei .inner .box22{
  padding: 0;
}
.modList03.chyosei .inner .box33 .title{
  margin-bottom: 6px;
}
.modList03 .inner a.btnList04{
  height: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.modList03 .inner a.btnList04.ico_mail span:before{
  content: "";
  background: url(/cmn_web/img/shu/icon_mail.svg) 0 0 no-repeat;
  background-size: contain;
  width: 14px;
  height: 10px;
  display: inline-block;
  margin:0 5px 0 0;
  position: relative;
  top: 1px;
}

.modList03 .inner a.btnList04.ico_calender span:before{
  content: "";
  background: url(/cmn_web/img/shu/icon_calender.svg) 0 0 no-repeat;
  background-size: cover;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin:0 5px 0 0;
  position: relative;
  top:1px;
}
.box_message{
  width: 100%;
  border-radius: 6px;
  background-color: rgb(235, 235, 235);
  font-size: 0.875rem;
  line-height: 1.25em;
  padding: 60px 35px;
  box-sizing: border-box;
}
.box_message p{
  text-align: center;
}
.box_btm_progress_info{
  display: flex;
  justify-content: flex-end;
}

.box_btm_progress_info p.date {
  margin: 5px 15px 0 0  ;
  font-size: 0.6875rem;
  
}
.box_btm_progress_info p.date span:first-child{
  color: #aaaaaa;
}
.box_info{
  padding: 12px 35px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #fff;
  margin-bottom: 20px;
}
.list_disc li{
  width: 100%;
  padding-left: 16px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.list_disc li p{
  font-size: 0.875rem;
  line-height: 2em;
}
.list_disc p:before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #999999;
  position: absolute;
  top: 10px;
  left: 0;
}
.list_disc li a{
  font-size: 0.875rem;
}
.list_disc li a.icoArr01:before{
  top: 4px;
}

/* 応募・選考状況画面
----------------------------------------*/
[name=history_historyListActionForm] h2.title span.company {
    color: #222222;
}
[name=history_historyListActionForm] h2.title span.job {
    color: #007fc3;
}
.modList03 .inner .box27 a {
    width: 148px;
    padding: 6px 0 4px;
    font-size: 12px;
    color: #007fc3;
    border: 1px solid #007fc3;
    display: block;
    border-radius: 8px;
}
.modList03 .inner .box27 a:hover {
    text-decoration: none;
    background: #f2fcff;
}
.modList03 .inner .box28 .finsed03 {
    font-size: 11px;
    display: inline;
    width: auto;
    line-height: 1;
    height: auto;
    border: none;
    text-align: right;
    background: #fff;
    color: #222222;
}
[name=history_historyListActionForm] .accordion_title {
    margin: 50px 0 0 !important;
}
#recommend .head02 h3 {
    font-size: 20px;
}

/* カウンセリング後アンケート完了画面
----------------------------------------*/
[name=questionnaire_counselingCompleteActionForm] .asideLeft + .layout + .layout.enq-complete {
    padding: 32px 47px 29px 47px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
[name=questionnaire_counselingCompleteActionForm] .enq-complete .modFormTbl p:last-child {
    margin-top: 17px !important;
}

/* カウンセリング後1_5ヶ月アンケート完了画面
----------------------------------------*/
[name=questionnaire_counselingAfter7WeekCompleteActionForm] .asideLeft + .layout + .layout.enq-complete {
    padding: 32px 47px 29px 47px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
[name=questionnaire_counselingAfter7WeekCompleteActionForm] .enq-complete .modFormTbl p:last-child {
    margin-top: 17px !important;
}

/* カウンセリング後1_5ヶ月アンケート入力画面
----------------------------------------*/
.btnEnqClose a {
    color: #222222 !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    background: #ffffff;
}
.btnEnqClose a:hover {
    text-decoration: none;
    background: #f5f5f5;
}
.btnEnqClose a:focus {
    box-shadow: none !important;
    top: 0 !important;
}
p.headingInfo {
    font-size: 14px !important;
}
#enqAllWrap {
    padding: 0 0 10px 0;
}
#U103_2,
#U103,
#U102_4,
#U102_3,
#U102_2,
#U102,
#U101_2,
#U101,
#U104_1,
#U104,
#U1,
#U4,
#U5,
#U5_1,
#U3,
#U3_2,
#U3_3,
#U3_4,
#U3_5,
#U3_6,
#U3_7,
#U3_8,
#U3_9,
#U3_10,
#U2 {
    background: #ffffff !important;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    width: 1024px !important;
    margin: 0 76px 0 6px !important;
}
#U103_2 .layout30.bgGrey,
#U103 .layout30.bgGrey,
#U102_4 .layout30.bgGrey,
#U102_3 .layout30.bgGrey,
#U102_2 .layout30.bgGrey,
#U102 .layout30.bgGrey,
#U101_2 .layout30.bgGrey,
#U101 .layout30.bgGrey,
#U104_1 .layout30.bgGrey,
#U104 .layout30.bgGrey,
#U1 .layout30.bgGrey,
#U4 .layout30.bgGrey,
#U5 .layout30.bgGrey,
#U5_1 .layout30.bgGrey,
#U3 .layout30.bgGrey,
#U3_2 .layout30.bgGrey,
#U3_3 .layout30.bgGrey,
#U3_4 .layout30.bgGrey,
#U3_5 .layout30.bgGrey,
#U3_6 .layout30.bgGrey,
#U3_7 .layout30.bgGrey,
#U3_8 .layout30.bgGrey,
#U3_9 .layout30.bgGrey,
#U3_10 .layout30.bgGrey,
#U2 .layout30.bgGrey {
    background: #f2f2f2;
    font-size: 11px;
    color: #808080;
    padding: 25px 30px !important;
    margin: 30px 47px 0 47px;
}
#U103_2 .layout.head02.heading,
#U103 .layout.head02.heading,
#U102_4 .layout.head02.heading,
#U102_3 .layout.head02.heading,
#U102_2 .layout.head02.heading,
#U102 .layout.head02.heading,
#U101_2 .layout.head02.heading,
#U101 .layout.head02.heading,
#U104_1 .layout.head02.heading,
#U104 .layout.head02.heading,
#U1 .layout.head02.heading,
#U4 .layout.head02.heading,
#U5 .layout.head02.heading,
#U5_1 .layout.head02.heading,
#U3 .layout.head02.heading,
#U3_2 .layout.head02.heading,
#U3_3 .layout.head02.heading,
#U3_4 .layout.head02.heading,
#U3_5 .layout.head02.heading,
#U3_6 .layout.head02.heading,
#U3_7 .layout.head02.heading,
#U3_8 .layout.head02.heading,
#U3_9 .layout.head02.heading,
#U3_10 .layout.head02.heading,
#U2 .layout.head02.heading {
    background: #ffffff;
    padding: 22px 47px 18px 47px !important;
    border-radius: 6px 6px 0 0;
}
#U103_2 .head02.heading h2,
#U103 .head02.heading h2,
#U102_4 .head02.heading h2,
#U102_3 .head02.heading h2,
#U102_2 .head02.heading h2,
#U102 .head02.heading h2,
#U101_2 .head02.heading h2,
#U101 .head02.heading h2,
#U104_1 .head02.heading h2,
#U104 .head02.heading h2,
#U1 .head02.heading h2,
#U4 .head02.heading h2,
#U5 .head02.heading h2,
#U5_1 .head02.heading h2,
#U3 .head02.heading h2,
#U3_2 .head02.heading h2,
#U3_3 .head02.heading h2,
#U3_4 .head02.heading h2,
#U3_5 .head02.heading h2,
#U3_6 .head02.heading h2,
#U3_7 .head02.heading h2,
#U3_8 .head02.heading h2,
#U3_9 .head02.heading h2,
#U3_10 .head02.heading h2,
#U2 .head02.heading h2 {
    width: 870px;
    line-height: 1.5 !important;
}
#U103_2 .layout.additionalHeading,
#U103 .layout.additionalHeading,
#U102_4 .layout.additionalHeading,
#U102_3 .layout.additionalHeading,
#U102_2 .layout.additionalHeading,
#U102 .layout.additionalHeading,
#U101_2 .layout.additionalHeading,
#U101 .layout.additionalHeading,
#U104_1 .layout.additionalHeading,
#U104 .layout.additionalHeading,
#U1 .layout.additionalHeading,
#U4 .layout.additionalHeading,
#U5 .layout.additionalHeading,
#U5_1 .layout.additionalHeading,
#U3 .layout.additionalHeading,
#U3_2 .layout.additionalHeading,
#U3_3 .layout.additionalHeading,
#U3_4 .layout.additionalHeading,
#U3_5 .layout.additionalHeading,
#U3_6 .layout.additionalHeading,
#U3_7 .layout.additionalHeading,
#U3_8 .layout.additionalHeading,
#U3_9 .layout.additionalHeading,
#U3_10 .layout.additionalHeading,
#U2 .layout.additionalHeading {
    padding: 0 47px 0 47px;
    margin: 0 0 10px 0 !important;
}
#U103_2 .enqWrap .layoutFormElem,
#U103 .enqWrap .layoutFormElem,
#U102_4 .enqWrap .layoutFormElem,
#U102_3 .enqWrap .layoutFormElem,
#U102_2 .enqWrap .layoutFormElem,
#U102 .enqWrap .layoutFormElem,
#U101_2 .enqWrap .layoutFormElem,
#U101 .enqWrap .layoutFormElem,
#U104_1 .enqWrap .layoutFormElem,
#U104 .enqWrap .layoutFormElem,
#U1 .enqWrap .layoutFormElem,
#U4 .enqWrap .layoutFormElem,
#U5 .enqWrap .layoutFormElem,
#U5_1 .enqWrap .layoutFormElem,
#U3 .enqWrap .layoutFormElem,
#U3_2 .enqWrap .layoutFormElem,
#U3_3 .enqWrap .layoutFormElem,
#U3_4 .enqWrap .layoutFormElem,
#U3_5 .enqWrap .layoutFormElem,
#U3_6 .enqWrap .layoutFormElem,
#U3_7 .enqWrap .layoutFormElem,
#U3_8 .enqWrap .layoutFormElem,
#U3_9 .enqWrap .layoutFormElem,
#U3_10 .enqWrap .layoutFormElem,
#U2 .enqWrap .layoutFormElem {
    margin: 0 auto !important;
    box-shadow: none;
    padding: 0;
}
#U103_2 .layoutFormElem + .forwardBtnsWrap,
#U103 .layoutFormElem + .forwardBtnsWrap,
#U102_4 .layoutFormElem + .forwardBtnsWrap,
#U102_3 .layoutFormElem + .forwardBtnsWrap,
#U102_2 .layoutFormElem + .forwardBtnsWrap,
#U102 .layoutFormElem + .forwardBtnsWrap,
#U101_2 .layoutFormElem + .forwardBtnsWrap,
#U101 .layoutFormElem + .forwardBtnsWrap,
#U104_1 .layoutFormElem + .forwardBtnsWrap,
#U104 .layoutFormElem + .forwardBtnsWrap,
#U1 .layoutFormElem + .forwardBtnsWrap,
#U4 .layoutFormElem + .forwardBtnsWrap,
#U5 .layoutFormElem + .forwardBtnsWrap,
#U5_1 .layoutFormElem + .forwardBtnsWrap,
#U3 .layoutFormElem + .forwardBtnsWrap,
#U3_2 .layoutFormElem + .forwardBtnsWrap,
#U3_3 .layoutFormElem + .forwardBtnsWrap,
#U3_4 .layoutFormElem + .forwardBtnsWrap,
#U3_5 .layoutFormElem + .forwardBtnsWrap,
#U3_6 .layoutFormElem + .forwardBtnsWrap,
#U3_7 .layoutFormElem + .forwardBtnsWrap,
#U3_8 .layoutFormElem + .forwardBtnsWrap,
#U3_9 .layoutFormElem + .forwardBtnsWrap,
#U3_10 .layoutFormElem + .forwardBtnsWrap,
#U2 .layoutFormElem + .forwardBtnsWrap {
    background: #ffffff;
    padding: 50px 0 27px 0;
    margin: 35px 0 0 0 !important;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e5e5e5;
}
#U103_2.enqWrap .layoutFormElem,
#U103.enqWrap .layoutFormElem,
#U102_4.enqWrap .layoutFormElem,
#U102_3.enqWrap .layoutFormElem,
#U102_2.enqWrap .layoutFormElem,
#U102.enqWrap .layoutFormElem,
#U101_2.enqWrap .layoutFormElem,
#U101.enqWrap .layoutFormElem,
#U104_1.enqWrap .layoutFormElem,
#U104.enqWrap .layoutFormElem,
#U1.enqWrap .layoutFormElem,
#U4.enqWrap .layoutFormElem,
#U5.enqWrap .layoutFormElem,
#U5_1.enqWrap .layoutFormElem,
#U3.enqWrap .layoutFormElem,
#U3_2.enqWrap .layoutFormElem,
#U3_3.enqWrap .layoutFormElem,
#U3_4.enqWrap .layoutFormElem,
#U3_5.enqWrap .layoutFormElem,
#U3_6.enqWrap .layoutFormElem,
#U3_7.enqWrap .layoutFormElem,
#U3_8.enqWrap .layoutFormElem,
#U3_9.enqWrap .layoutFormElem,
#U3_10.enqWrap .layoutFormElem,
#U2.enqWrap .layoutFormElem {
    margin: 0 auto !important;
    box-shadow: none;
    padding: 0;
}
#U2.enqWrap .layoutFormElem + .layout.layout30 {
    padding: 30px 47px 0 47px !important;
}
#U2 .forwardBtnsWrap {
    background: #ffffff;
    padding: 50px 0 27px 0;
    margin: 35px 0 0 0 !important;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e5e5e5;
}
#U1 .forwardBtnsWrap p.alignL.mb20 {
    padding: 0 47px 5px 47px;
    margin-top: -13px;
}
#U103_2 .layoutFormElem + .forwardBtnsWrap p.alignL.mb20 {
    padding: 0 47px;
}

/* 面接後アンケート入力画面
----------------------------------------*/
[name=questionnaire_surveyRegistActionForm] .my_step_three td::before {
    display: none;
}
[name=questionnaire_surveyRegistActionForm] .layout.head02.heading.b_none {
    background: #ffffff;
    box-shadow: none;
    padding: 0 0 30px 0 !important;
}
[name=questionnaire_surveyRegistActionForm] .layout.head02.heading.b_none h2 {
    font-size: 20px !important;
}
[name=questionnaire_surveyRegistActionForm] .layout.head02.heading {
    background: #ffffff;
    padding: 0 0 10px 0 !important;
}
[name=questionnaire_surveyRegistActionForm] .layout.head02.heading.surveySubQuestion{
    padding-left: 36px !important;
    font-size: 14px !important;
} 
[name=questionnaire_surveyRegistActionForm] .head02.heading h2 {
    width: auto;
    font-size: 16px !important;
}
[name=questionnaire_surveyRegistActionForm] .layout.head02.heading.surveySubQuestion h2 {
    width: auto;
    font-size: 14px !important;
}
[name=questionnaire_surveyRegistActionForm] #enqAllWrap {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 47px;
    margin: 35px 0 10px 0 !important;
    width: 930px !important;
}
[name=questionnaire_surveyRegistActionForm] .layoutFormElem {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
    padding: 0;
    margin: 0 auto !important;
    width: 930px;
    margin-bottom: 50px !important;
    font-size: 14px !important;
}
[name=questionnaire_surveyRegistActionForm] .layoutFormElem + .forwardBtnsWrap {
    background: #ffffff;
    width: 930px;
    margin: 0 auto -7px auto !important;
}
[name=questionnaire_surveyRegistActionForm] textarea.lerge {
    margin-top: 0;
}
[name=questionnaire_surveyRegistActionForm] .layout.cf {
    margin-bottom: 50px;
}
[name=questionnaire_surveyRegistActionForm] .layout.additionalHeading {
    margin-bottom: 10px;
}
input[type="checkbox"] + label {
    font-size: 14px !important;
}
[name=questionnaire_surveyRegistActionForm] .layout.head02.heading +.layout.additionalHeading {
    padding-top: 20px;
}
[name=questionnaire_surveyRegistActionForm] .layoutFormElem + .forwardBtnsWrap::before {
    width: 1024px;
    height: 1px;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    background: #e5e5e5;
}
[name=questionnaire_surveyRegistActionForm] .layoutFormElem + .forwardBtnsWrap .forwardBtns {
    margin-top: 51px;
}
[name=questionnaire_surveyRegistActionForm] select.form_lng_h {
    border: 1px solid #cccccc;
    border-radius: 4px;
    background: #fafafa;
}
[name=questionnaire_surveyRegistActionForm] .mb_reg_form_w80 {
    width: 90px;
}
[name=questionnaire_surveyRegistActionForm] .layout.cf .fLeft {
    margin-right: 10px;
}
.mb_reg_form_ltext_pos_h {
    margin-left: -30px;
}

/* 面接後アンケート確認画面
----------------------------------------*/
[name=questionnaire_surveyConfirmActionForm] #enqAllWrap {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 47px;
    margin: 35px 0 10px 0 !important;
    width: 930px !important;
}
[name=questionnaire_surveyConfirmActionForm] #enqAllWrap p {
    font-size: 12px;
}
[name=questionnaire_surveyConfirmActionForm] .layout.head02.heading {
    background: #ffffff;
    margin: 0 !important;
    padding: 30px 0 10px 0 !important;
}
[name=questionnaire_surveyConfirmActionForm] .layout.head02.heading:first-child {
    padding: 0 !important;
}
[name=questionnaire_surveyConfirmActionForm] .layout.head02.heading +.layout.additionalHeading {
    padding-top: 20px;
}

[name=questionnaire_surveyConfirmActionForm] .head02.heading h2 {
    font-size: 16px !important;
}
[name=questionnaire_surveyConfirmActionForm] .layout.head02.heading.surveySubQuestion{
    padding-left: 36px !important;
    font-size: 14px !important;
} 
[name=questionnaire_surveyConfirmActionForm] .layout.head02.heading.surveySubQuestion h2 {
    font-size: 14px !important;
}
[name=questionnaire_surveyConfirmActionForm] .layout.head02.heading.b_none h2 {
    font-size: 20px !important;
}
[name=questionnaire_surveyConfirmActionForm] .layoutFormElem {
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
    padding: 0;
    margin: 0 auto !important;
    width: 930px;
    margin-bottom: 20px !important;
}
[name=questionnaire_surveyConfirmActionForm] .layoutFormElem + .forwardBtnsWrap {
    background: #ffffff;
    width: 930px;
    margin: 0 auto -7px auto !important;
    padding: 0;
    border-top: none;
}
[name=questionnaire_surveyConfirmActionForm] .my_step_three td::before {
    display: none;
}
[name=questionnaire_surveyConfirmActionForm] .layoutFormElem + .forwardBtnsWrap::before {
    width: 1024px;
    height: 1px;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    background: #e5e5e5;
}
[name=questionnaire_surveyConfirmActionForm] .layoutFormElem + .forwardBtnsWrap .forwardBtns {
    margin-top: 51px;
    padding-bottom: 18px;
}

/* 面接後アンケート完了画面
----------------------------------------*/
.my_step_wrap.b_top table.my_step_three.cf {
    font-size: 14px;
    line-height: 1em;
    height: 40px;
    overflow: hidden;
    margin-bottom: -5px;
    margin-top: 0;
    font-weight: bold;
}
.my_step_wrap.b_top table.my_step_three.cf td {
    float: left;
    text-align: center;
    padding: 12px 0;
    background: #ffffff;
    position: relative;
    border: 1px solid #007fc3;
    border-radius: 2px;
    color: #007fc3;
    display: block;
}
.my_step_wrap.b_top table.my_step_three.cf td:nth-child(1) {
    width: 315px;
    padding-left: 0;
    z-index: 3;
    margin-right: 37px;
}
.my_step_wrap.b_top table.my_step_three.cf td:nth-child(2) {
    width: 315px;
    padding-left: 0;
    z-index: 2;
    margin-right: 36px;
}
.my_step_wrap.b_top table.my_step_three.cf td:nth-child(3) {
    width: 315px;
    padding-left: 0;
    z-index: 1;
    margin-right: 0;
}

.my_step_wrap.b_top table.my_step_three.cf td:nth-child(1)::after,
.my_step_wrap.b_top table.my_step_three.cf td:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 12px;
    right: -23px;
    width: 0;
    height: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-style: solid;
    border-width: 5.5px 0 5.5px 6px;
    border-color: transparent transparent transparent #007fc3;
}
.my_step_wrap.b_top  table.my_step_three.cf td.cur {
    background: #007fc3;
    font-weight: bold;
    color: #fff;
}
.my_step_wrap.b_top + .layout.enq-complete {
    padding: 32px 47px 29px 47px !important;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-top: 35px;
}
.my_step_wrap.b_top + .layout.enq-complete p:last-child {
    padding: 0 !important;
}
[name=questionnaire_surveyCompleteActionForm] .enq-complete a.btnType03 {
    padding: 17px 101px 17px;
}
[name=questionnaire_surveyCompleteActionForm] .enq-complete .modFormTbl p:last-child {
    margin-top: 17px !important;
}
[name=questionnaire_surveyCompleteActionForm] .my_step_three td::before {
    display: none;
}
[name=questionnaire_surveyCompleteActionForm] .my_step_wrap.b_top .my_step_three td:nth-child(3).cur::after {
    display: none;
}


/* 保存検索条件一覧画面
----------------------------------------*/
[name=condition_conditionListActionForm] .modList04 {
    border-top: none;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
}
[name=condition_conditionListActionForm] .modListFunctionB {
    border: 1px solid #e5e5e5;
    background: #ffffff;
    border-radius: 6px;
    padding: 15px 35px 16px 33px;
}
[name=condition_conditionListActionForm] .icoSpc01 {
    width: 90px;
    border-radius: 2px;
    background: #007fc3;
    padding: 4px 0 3px;
}
[name=condition_conditionListActionForm] .listJpbSpec01 dt {
    margin-right: 15px;
}
[name=condition_conditionListActionForm] .listJpbSpec01 dd {
    width: 508px;
    color: #808080;
    font-size: 12px;
    margin: 2px 0 0 0;
}
[name=condition_conditionListActionForm] a.btnList04 {
    width: 178px;
}
[name=condition_conditionListActionForm] a.btnC02 {
    padding: 13px 36px 11px;
    font-size: 14px;
}
[name=condition_conditionListActionForm] .btnW176 {
    width: 180px;
}
[name=condition_conditionListActionForm] .listDateInfo dt {
    display: inline-block;
}
[name=condition_conditionListActionForm] .listDateInfo dd {
    display: inline-block;
}
[name=condition_conditionListActionForm] .listDateInfo dd:nth-of-type(2) {
    padding-left: 4px;
}
[name=condition_conditionListActionForm] .mainRight .layout:last-of-type {
    margin-bottom: 20px !important;
}
[name=condition_conditionListActionForm] .listJpbSpec03 dt {
    color: #808080;
    font-size: 12px;
}
[name=condition_conditionListActionForm] .listJpbSpec03 dd {
    color: #808080;
    font-size: 12px;
}
[name=condition_conditionListActionForm] .modListFunctionB .boxLeft .parts {
    line-height: 21px;
}
/* パスワード確認画面
----------------------------------------*/
[name=login_checkPasswordActionForm] .content1024 .breadCrumb::before {
    display: none;
}
/* 企業からのメッセージ一覧画面
----------------------------------------*/
/*
[name=message_messageBoxActionForm] .layout.layout10 {
    margin-bottom: 0;
}
[name=message_messageBoxActionForm] .layout.layout10 + .layout {
    padding: 20px 35px;
    background: #ffffff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
[name=message_messageBoxActionForm] .listTab01 li .current {
    background: #007fc3;
    border: solid 1px #007fc3;
    box-shadow: none;
}
[name=message_messageBoxActionForm] .listTab01 li a {
    box-shadow: none;
}
[name=message_messageBoxActionForm] .modTab01 {
    border-bottom: solid 3px #007fc3;
}
*/
[name=message_messageBoxActionForm] .refine_wrap .modListFunction,
[name=message_messageListActionForm] .refine_wrap .modListFunction {
    padding: 20px 35px;
}
[name=message_messageBoxActionForm] .modList03,
[name=message_messageListActionForm] .modList03 {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
    border-radius: 6px;
}
[name=message_messageBoxActionForm] h2.title span.company,
[name=message_messageListActionForm] h2.title span.company {
    color: #222222;
}
[name=message_messageBoxActionForm] h2.title span.message,
[name=message_messageListActionForm] h2.title span.message {
    font-size: 12px;
}
[name=message_messageBoxActionForm] .stayBottom .mailIcon,
[name=message_messageListActionForm] .stayBottom .mailIcon {
    margin-top: 6px;
}
[name=message_messageBoxActionForm] .modList03 .inner .box21,
[name=message_messageListActionForm] .modList03 .inner .box21 {
    width: 146px;
}
[name=message_messageBoxActionForm] .listDateInfo dt,
[name=message_messageListActionForm] .listDateInfo dt {
    float: left;
    margin-right: 12px;
}

/* 選考状況 - 面接詳細情報個別照会画面
----------------------------------------*/
[name=interview_interviewDetailDisplayActionForm] .messageArea {
    padding: 29px 47px !important;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

/* 選考状況 - 面接希望日選択画面
----------------------------------------*/
[name=interview_interviewPrefferdDateSelectActionForm] #kouho1 span:first-of-type,
[name=interview_interviewPrefferdDateSelectActionForm] #kouho2 span:first-of-type,
[name=interview_interviewPrefferdDateSelectActionForm] #kouho3 span:first-of-type {
    width: 180px !important;
}

[name=interview_interviewPrefferdDateResultActionForm] .tbl05 {
    border: 1px solid #e5e5e5;
}
[name=interview_interviewPrefferdDateResultActionForm] .tbl05 tr:last-of-type td,
[name=interview_interviewPrefferdDateResultActionForm] .tbl05 tr:last-of-type th {
    border-bottom: none;
}
[name=interview_interviewPrefferdDateResultActionForm] .tbl05 tr td:last-of-type {
    border-right: none;
}
[name=interview_interviewPrefferdDateResultActionForm] .tblForm02 {
    border: 1px solid #e5e5e5;
}
[name=interview_interviewPrefferdDateResultActionForm] .tblForm02 tr th {
    border-right: none;
}
[name=interview_interviewPrefferdDateResultActionForm] .tblForm02 tr:last-of-type td,
[name=interview_interviewPrefferdDateResultActionForm] .tblForm02 tr:last-of-type th {
    border-bottom: none;
}
[name=interview_interviewPrefferdDateSelectActionForm] table.mb_reg_accordion_b.tblForm.tblForm01.borderSolid {
    overflow: visible;
}

/* 応募内容確認画面
----------------------------------------*/
.inviwPsb{
background-color: #FFF;
border:1px solid #E5E5E5;
border-radius:6px;
padding:14px 0 0 6px;
}

/* 検討リスト(エージェントサービス)一覧画面
----------------------------------------*/
.modList04{
    border-top: none;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background: #ffffff;
}
.modList04::before {
    content: '';
    display: block;
    height: 4px;
    width: 880px;
    background: #007fc3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.modList04 .upper {
    background: #ffffff;
    border-bottom: solid 1px #e5e5e5;
}
.modList04 .upper .box01 {
    width: 75px;
    vertical-align: middle;
    background: #f5f5f5;
    text-align: center;
    position: relative;
}
.modList04 .upper .box02 {
    padding: 20px 0 20px 0;
}
.modList04 .upper .box40 {
    padding-right: 35px;
}
.modList04 .upper .box22 {
    padding-left: 0;
    padding-right: 30px;
}
.modList04 .upper .box21 {
    width: 464px;
}
.modList04 .under .box01 {
    font-size: 12px;
    color: #808080;
}

/* 求人詳細画面
----------------------------------------*/
[name=history_jobSearchDetailActionForm] .main1024 {
    margin: 20px auto 0 auto;
}
[name=history_jobSearchDetailActionForm] .modArt01 {
    background: #ebebeb;
    border: 1px solid #e6e6e6;
}
[name=history_jobSearchDetailActionForm] .head01Detail .metaTxt {
    color: #aaa;
    margin-bottom: 5px;
    margin-top: -12px;
}
[name=history_jobSearchDetailActionForm] .head01Detail .inner {
    border-top: none;
    padding-top: 35px;
}
[name=history_jobSearchDetailActionForm] .head01.head01Detail .explain {
    font-size: 14px !important;
    margin: 9px 0 20px;
}
[name=history_jobSearchDetailActionForm] .head01Detail .detailIcons {
    background: #f2fcff;
    padding: 0;
}
[name=history_jobSearchDetailActionForm] .modTab01 {
    border-bottom: solid 1px #e5e5e5;
    height: 80px;
    background: #fafafa;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    border-radius: 8px 8px 0 0;
}
[name=history_jobSearchDetailActionForm] .listTab01 li {
    margin-right: 0;
    border-right: 1px solid #e5e5e5;
}
[name=history_jobSearchDetailActionForm] .listTab01 li:first-child {
    border-radius: 8px 0 0 0;
}
[name=history_jobSearchDetailActionForm] .listTab01 li a {
    display: block;
    width: 150px;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    padding: 33px 0 32px;
    background: #fff;
    border: none;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
}
[name=history_jobSearchDetailActionForm] .listTab01 li .current {
    display: block;
    width: 150px;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #222222;
    font-weight: bold;
    padding: 33px 0 32px;
    background: #fff;
    border: none;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    overflow: visible;
    position: relative;
}
[name=history_jobSearchDetailActionForm] .listTab01 li.mini a,
[name=history_jobSearchDetailActionForm] .listTab01 li.mini .current {
    width: 150px;
}
[name=history_jobSearchDetailActionForm] .listTab01 li.mini .current::after {
    content: '';
    display: block;
    height: 10px;
    width: 150px;
    background: #ffffff;
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 1;
}
[name=history_jobSearchDetailActionForm] .listTab01 li .current::before {
    content: '';
    display: block;
    height: 4px;
    width: 150px;
    background: #007fc3;
    position: absolute;
    top: 0;
}
[name=history_jobSearchDetailActionForm] .modTab01.modTab01Under {
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 8px 8px;
}
[name=history_jobSearchDetailActionForm] .modTab01.modTab01Under .listTab01 li .current,
[name=history_jobSearchDetailActionForm] .modTab01.modTab01Under .listTab01 li a {
    border: none;
}
[name=history_jobSearchDetailActionForm] .modTab01.modTab01Under .listTab01 li .current::before {
    content: '' !important;
    display: block !important;
    height: 10px !important;
    width: 150px !important;
    background: #ffffff !important;
    position: absolute !important;
    top: -5px !important;
    left: 0 !important;
    z-index: 1 !important;
}
[name=history_jobSearchDetailActionForm] .modTab01.modTab01Under .listTab01 li .current::after {
    bottom: 0;
    content: '';
    display: block;
    height: 4px;
    width: 150px;
    background: #007fc3;
    position: absolute;
}
[name=history_jobSearchDetailActionForm] .modTab01.modTab01Under .listTab01 li .current::before {
    display: none;
}
[name=history_jobSearchDetailActionForm] .modTab01.modTab01Under .listTab01 li:first-child {
border-radius: 0 0 0 8px;
}
[name=history_jobSearchDetailActionForm] .head07 {
    height: auto;
    border-left: none;
}
[name=history_jobSearchDetailActionForm] .head07 h2 {
    font-size: 20px !important;
    padding-bottom: 19px;
    padding-top: 50px;
}
[name=history_jobSearchDetailActionForm] .head08 h2 {
    padding-bottom: 19px;
    padding-top: 50px;
}
[name=history_jobSearchDetailActionForm] .head07 .linkTxt {
    font-size: 12px;
    bottom: 7px;
}
[name=history_jobSearchDetailActionForm] #shStart {
    margin-top: 50px;
    margin-bottom: 0;
}
[name=history_jobSearchDetailActionForm] #shStart ~ .head07,
[name=history_jobSearchDetailActionForm] #shStart ~ .head08 {
    background: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    margin: 0 !important;
    padding: 0 50px 3px 50px;
    position: relative;
}
[name=history_jobSearchDetailActionForm] #shStart ~ .head07 + .layout,
[name=history_jobSearchDetailActionForm] #shStart ~ .head08 + .layout {
    background: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    margin: 0 !important;
    padding: 0 50px 3px 50px;
    position: relative;
}
[name=history_jobSearchDetailActionForm] #shStart ~ .head08 + .layout {
    padding-bottom: 50px;
}
[name=history_jobSearchDetailActionForm] #shStart ~ .head08::before,
[name=history_jobSearchDetailActionForm] #shStart ~ .head07 + .layout::before,
[name=history_jobSearchDetailActionForm] #shStart ~ .head08 + .layout::before {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: "";
}
[name=history_jobSearchDetailActionForm] #shStart ~ .head07 + .layout::after {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: "";
    z-index: 1;
}
[name=history_jobSearchDetailActionForm] #shStart ~ .layout.layout30 {
    background: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    margin: 0 !important;
    padding: 50px 50px 50px 50px;
    position: relative;
}
[name=history_jobSearchDetailActionForm] #shStart ~ .head07 + .layout.layout30,
[name=history_jobSearchDetailActionForm] #shStart ~ .head08 + .layout.layout30{
    padding-top: 0;
}


[name=history_jobSearchDetailActionForm] .tblDetail01 {
    width: 100%;
    border-collapse: collapse;
    border: none;
    border-top: 1px solid #e6e6e6;
    line-height: 1.7;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 th {
    background: #ffffff;
    border-bottom: none;
    padding: 22px 16px 22px 0;
    width: 191px;
    vertical-align: top;
    font-size: 16px;
    font-weight: bold;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 td p {
    margin: -2px 0 -3px;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 td p.border {
    padding-bottom: 15px;
    background: none;
    border-bottom: 1px dotted #dedede;
    margin-bottom: 17px;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 tr:first-of-type th {
    padding: 33px 16px 22px 0;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 td {
    padding: 24px 0 22px;
    border-bottom: none;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 tr:first-of-type td {
    padding: 37px 0 22px;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 td p.head {
    display: block;
    border: none;
    background: #007fc3;
    color: #ffffff;
    line-height: 1em;
    padding: 6px 14px 5px 21px;
    font-size: 12px;
    font-weight: normal;
    margin: 20px 0 15px;
    border-radius: 2px;
}
[name=history_jobSearchDetailActionForm] .tblDetail01 td p {
    font-size: 14px;
}
[name=history_jobSearchDetailActionForm] .modDetail04,
[name=history_jobSearchDetailActionForm] .modDetail02 .inner03 {
    overflow: hidden;
    padding: 0;
    background: none;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
}

[name=history_jobSearchDetailActionForm] .modDetail04 dl,
[name=history_jobSearchDetailActionForm] .modDetail02 .inner03 dl {
    padding: 0;
    background: none;
    font-size: 14px;
    line-height: 1.7em;
    border-bottom: 1px solid #e6e6e6;
}

[name=history_jobSearchDetailActionForm] .modDetail04 dl dt,
[name=history_jobSearchDetailActionForm] .modDetail02 .inner03 dl dt {
    width: 180px;
    font-weight: bold;
    background: #f2f2f2;
}

[name=history_jobSearchDetailActionForm] .modDetail04 dl dd,
[name=history_jobSearchDetailActionForm] .modDetail02 .inner03 dl dd {
    width: 742px;
    padding-left: 26px;
    background: #fafafa;
}
[name=history_jobSearchDetailActionForm] .modDetail04 dl dt,
[name=history_jobSearchDetailActionForm] .modDetail02 .inner03 dl dt,
[name=history_jobSearchDetailActionForm] .modDetail04 dl dd,
[name=history_jobSearchDetailActionForm] .modDetail02 .inner03 dl dd {
    display: table-cell;
    padding: 20px 26px;
    box-sizing: border-box;
}
[name=history_jobSearchDetailActionForm] .modDetail04 dl:last-child,
[name=history_jobSearchDetailActionForm] .modDetail02 .inner03 dl:last-child {
    border-bottom: none;
}
[name=history_jobSearchDetailActionForm] .modDetail02 {
    border: none;
}
[name=history_jobSearchDetailActionForm] .listTab01 li a:hover {
    text-decoration: none;
    background: #f2f9ff;
    color: #007fc3;
}
[name=history_jobSearchDetailActionForm] .modTypeBorder02 {
    border: none;
    padding: 0;
}
[name=history_jobSearchDetailActionForm] .modTypeBorder02 .left {
    width: 604px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    overflow: hidden;
    position: relative;
    padding: 28px 40px;
    background: #f2fcff;
    margin-top: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #007fc3;
    content: "";
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 .right {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    float: none;
    float: right\9;
    width: auto;
    width: 414px\9;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 .right .title {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 0;
    background: none;
    margin-bottom: 15px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 .left {
    -webkit-order: 0;
    -ms-order: 0;
    order: 0;
    float: none;
    float: left\9;
    width: auto;
    width: 400px\9;
    max-width: 400px;
    margin-right: 30px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 .left table {
    margin-bottom: 6px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 .left img {
  
    max-width: 100%;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 .left p:first-of-type {
    padding-bottom: 10px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 .inner01 .left p:last-of-type {
    font-size: 11px;
    color: #808080;
    line-height: 1.4;
}
[name=history_jobSearchDetailActionForm] .modDetail02 {
    border-top: none;
    border: none;
    padding-bottom: 20px;
    line-height: 1.7;
}


[name=history_jobSearchDetailActionForm] .modDetail03 ul li {
    float: left;
    width: 260px;
    margin: 0;
    padding: 0;
    font-size: 11px !important;
    line-height: 1.4;
    color: #808080;
    margin-right: 42px;
}
[name=history_jobSearchDetailActionForm] .modDetail03 ul li img {
    display: block !important;
    margin: 0 0 15px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
}
[name=history_jobSearchDetailActionForm] .modDetail03 ul li:last-child {
    margin-right: 0;
}

[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview dd {
    width: 700px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview {
    position: relative;
    font-size: 14px;
    line-height: 1.7em;
    padding-left: 80px;
    margin-bottom: 20px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview.type01 {
    background: none;
    min-height: 76px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview.type01::before {
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    width: 70px;
    height: 70px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -2800px no-repeat;
    content: "";
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview dt {
    width: auto;
    float: none;
    margin: 0;
    padding: 2px 0 0;
    min-height: 0;
    background: none;
    font-size: 12px;
    color: #aaa;
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview dd {
    width: auto;
    float: none;
    margin: 0;
    padding: 20px 24px;
    background: #f5f5f5;
    min-height: 0;
    border-radius: 0 24px 24px 24px;
    color: #000000;
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview:last-of-type {
    background-position: 0 0;
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview.type02 {
    background: none;
    min-height: 76px;
}
[name=history_jobSearchDetailActionForm] .modDetail02 dl.interview.type02::before {
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    width: 70px;
    height: 70px;
    background: url(/cmn_web/img/common/sprite_001.png) -100px -2900px no-repeat;
    content: "";
}
#shtTabContent1 {
position: relative;
overflow: hidden;
background: #fff;
margin-top: 0px;
padding: 50px 50px 20px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.glossary_link {
    float: right;
}
.glossary_link a {
    position: relative;
    color: #007fc3;
    font-size: 12px;
    line-height: 1.5;
    padding-left: 18px;
}

/* 一緒に働くメンバー
----------------------------------------*/
[name=history_jobSearchDetailActionForm] .memberSlider .bx-wrapper {
    position: relative !important;
    margin: 0 auto 60px !important;
    padding: 0 !important;
}
[name=history_jobSearchDetailActionForm] .memberSlider .memberBlock {
display: table-cell !important;
    padding: 15px 0px 5px 15px !important;
}
[name=history_jobSearchDetailActionForm] .memberSlider.modDetail02 {
    width: 1022px !important;
    margin-left: -50px !important;
}
[name=history_jobSearchDetailActionForm] .memberSlider .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc !important;
    border: 5px solid #fff !important;
    left: -15px !important;
    background: #fff !important;
    -webkit-transform: translatez(0) !important;
    -moz-transform: translatez(0) !important;
    -ms-transform: translatez(0) !important;
    -o-transform: translatez(0) !important;
    transform: translatez(0) !important;
}
[name=history_jobSearchDetailActionForm] .memberSlider .memberHead li {
        margin-right: 20px !important;
}

/* 未読・既読アイコン
----------------------------------------*/
.modList03 .inner .box02{
  width:75px;
}
.modList03 .inner .box02 .stayBottom{
  left:0;
  right:0;
  width:51px;
  height:18px;
  margin:auto;
}
.stayBottom .mailIcon{
  display: block;
  position: relative;
  width:53px;
  padding: 0 8px 0 21px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -.5px;
  border-radius: 9px;
  box-sizing: border-box;
}
.modListUnread .stayBottom .mailIcon{
  color: #fff;
  background-color: #f60;
}
.modListRead .stayBottom .mailIcon{
  color: #7d7d7d;
  background-color: #ebebeb;
}
.stayBottom .mailIcon::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 10px;
  margin: auto;
}
.modListRead .stayBottom .mailIcon::before{
  background: url(/resources/dcfront/images/icon_kidoku.svg) no-repeat center;
  background-size:10px 9px;
}
.modListUnread .stayBottom .mailIcon::before{
  background: url(/resources/dcfront/images/mail_midoku.svg) no-repeat center;
  background-size:10px 8px;
}


.stayBottom .mailIcon {
    font-size: 11px !important;
    width: 51px !important;
    line-height: 18px !important;
    letter-spacing: 0px !important;
}

/* 既読 */
.modListRead.modList01 .upper .box01 .mailIcon {
    background: #ebebeb  !important;
    color: #aaaaaa !important;
}
.modListRead .stayBottom .mailIcon::before {
    background: #ebebeb url(/cmn_web/img/common/sprite_001.png) -500px -2571px no-repeat !important;
}

/* 未読 */
.modListUnread .stayBottom .mailIcon {
    background: #fff100 !important;
    color: #007fc3 !important;
}
.modListUnread .stayBottom .mailIcon::before {
    background: #fff100 url(/cmn_web/img/common/sprite_001.png) -500px -2545px no-repeat !important;
}

.cmsRegistButton{
    background-color:#FFF!important;
}

#categolizeFilterPC {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display:inline-block;
}
#categolizeFilterPC p {
    display: block;
    position: relative;
    color: #000000;
    font-size: 12px;
    line-height: 1.4;
    padding: 22px 140px 22px 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#categolizeFilterPC p span.categolizeTag {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    height: 18px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1em;
    background-color: #82ad2b;
    padding: 4px 5px 3px;
    margin: auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#categolizeFilterPC p span.categolizeText {
    margin-left: 20px;
}
#categolizeFilterPC p a {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 100px;
    height: 30px;
    color: #222222;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    padding: 9px 5px 5px;
    margin: auto 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#categolizeFilterPC p a:hover {
    color: #292929;
    background: #f5f5f5;
    text-decoration: none;
    background-image: linear-gradient( 180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0) 100%);
}
.filterRadio {
  position: relative;
  float: left;
}
.filterRadio > span.rdWrapA {
  position: relative;
  padding: 12px 20px 12px 15px;
}
.filterRadio > span:nth-child(1) {
  margin-top: 10px;
}
.filterRadio > span:nth-child(3) {
  margin-bottom: 10px;
}

/* 案件ごとのメッセージ一覧 アコーディオン */
.accordion_jobDetail{
  border:1px solid #ccc;
  border-radius: 6px;
  margin-bottom:22px;
  background-color: #fff;
}
.accordion_jobDetail .listJpbSpec01,
.accordion_messageDetail .listJpbSpec04 {
  margin: 0;
  padding: 0px 40px 12px 35px;
  display: none;
}
.accordion_jobDetail .listJpbSpec01 dt {
  font-weight: normal;
}
.accordion_jobDetail .listJpbSpec01 a.btnJob07{
  margin: 15px auto;
}
.accordion_jobDetail dt,
.accordion_jobDetail dd{
}
.accordion_jobDetail dt.accordion_head{
  padding:20px 50px 20px 35px;
  cursor:pointer;
  position:relative;
  border-radius: 6px;
}
.accordion_jobDetail dt.accordion_head:after{
  content: '';
  background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px -2950px;
  width: 14px;
  height: 8px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -6px 0 -6px;
  overflow: hidden;
}
.accordion_jobDetail dt.accordion_head:hover:after{
  background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px  -2950px;
}
.accordion_jobDetail dt.accordion_head.select:after{
  background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px -2960px;
}
.accordion_jobDetail dd{
  font-size: 12px;
  height: 1.4em;
  line-height: 1.4;
  position: relative;
  display: -webkit-box;
  float: none;
  overflow: hidden;
  width: 90%;
  padding: 20px 0 0px 10px;
  margin-bottom: 25px;
  color: #808080;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.accordion_jobDetail dd:after{
  display: block;
  clear: both;
  height: initial;
  visibility: initial;
  margin-bottom: 12px;
  content: "";
}
.accordion_jobDetail dt:not(.accordion_head) {
  float: left;
  width: 42px;
  margin-right: 10px;
  text-align: center;
}

.accordion_messageDetail{
  border:1px solid #ccc;
  border-radius: 6px;
  margin-bottom:22px;
  background-color: #fff;
}
.accordion_messageDetail .accordion_JpbSpec01 {
  margin: 0;
  padding: 25px 40px 12px 35px;
  display: none;
  height: auto !important;
}

.accordion_messageDetail dt.accordion_head{
  padding:20px 50px 20px 35px;
  cursor:pointer;
  position:relative;
  border-radius: 6px;
}
.accordion_messageDetail dt.accordion_head:after{
  content: '';
  background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px -2950px;
  width: 14px;
  height: 8px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -6px 0 -6px;
  overflow: hidden;
}
.accordion_messageDetail dt.accordion_head:hover:after{
  background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px  -2950px;
}
.accordion_messageDetail dt.accordion_head.select:after{
  background: url(/cmn_web/img/common/sprite_001.png) no-repeat -700px -2960px;
}
#accordion_content dl{
  display: flex;
  padding-bottom: 12px;
}
#accordion_content dt{
  display:table-cell;
  float: left;
}
#accordion_content dd{
  display:list-item;
  float: none;
  width: 848px;
  font-size: 12px;
  color: #808080;
  margin-left: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#accordion_content .icoSpc01Fs10{
  display: inline-block;
}
#accordion_content .icoSpc01Fs10::after{
  content: "";
}

/*ローカルナビゲーション*/
#localNaviProgressBox li:first-child {
  margin-bottom: 16px;
}
#localNaviProgressBox li:last-child {
  margin-top: 0;
}
#localNaviProgressBox .news h4 {
  font-size: 11px !important;
  background-image: linear-gradient(to right, #fff100 50%, transparent 50%);
  background-position: 0% 94%;
  display: inline;
  background-repeat: no-repeat;
  background-size: 200% 5px;
}
#localNaviProgressBox .news a {
  display: block;
  position: relative;
}
#localNaviProgressBox .news a::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}
#localNaviProgressBox .left {
  font-weight: bold;
}
#localNaviProgressBox .right {
  float: right;
  color: #ff0000;
  font-weight: bold;
}

.recommend .head02 .intentionJob_header {
  position: relative;
  top: 18px;
  height: 74px;
  margin-top: -8px;
  padding: 18px 0 0 110px;
  background: 0 0;
  background-size: contain;
  box-sizing: border-box;
}
.recommend .head02 .intentionJob_header span {
  display: inline-block;
  margin-top: 4px;
  box-shadow: 0 -5px 0 #fff100 inset;
  line-height: 1;
}
.recommend .head02 .moreLink {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 14px;
  font-size: 14px;
  line-height: 20px;
}
.recommend .head02 .moreLink:hover {
  text-decoration: underline;
}
.recommend .head02 .moreLink::after {
  display: block;
  position: absolute;
  top: -1px;
  bottom: 0;
  right: 0;
  width: 5px;
  height: 5px;
  margin: auto 0;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  content: '';
}
.adjustAnchor {
  display: block;
  padding-top: 30px;
  margin-top: -30px;
}
.mailSettingCaption {
  font-size: 16px;
  font-weight: bold;
  list-style: disc;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.mailSettingCaption:first-child {
  margin-top: 0px;
}

/******************************
PC版お知らせ機能
******************************/
/* ----  吹き出しdiv  ----*/
#menu div {
  position: relative;
}
.notificationCloseBg {
  width: 100%;
  height: 100%;
  z-index: 8000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none;
  z-index: auto;
}
.arrow_box {
  width: 376px;
  height: 500px;
  display: block;
  position: absolute;
  padding: 0 0 16px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid;
  border-color: #007fc3;
  background: #fff;
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  top: 85px;
  z-index: 5000;
}
.arrow_box:after, .arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  margin-left: -168px;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #fff;
  border-width: 10px;
}
.arrow_box:before {
  margin-left: -170px;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #007fc3;
  border-width: 12px;
}
a:hover+div.arrow_box {
  display: block;
}
/******************************
お知らせ　中身
******************************/
/** お知らせロゴ **/
.headerInr .NoticeLogo {
  background: url(/cmn_web/img/index/icon_notification_pc.svg) no-repeat 20px 1px;
  background-size: 35%;
}
#notificationBlock {
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  width: z-index: 95;
  background: #f2f2f2;
  -webkit-overflow-scrolling: touch;
}
.p-info-wrap {
  padding: 0 0 30px 0;
  margin-left: 12px;
  margin-right: 12px;
  width: 344px;
  height: 80%;
}
.p-info-over-wrap {
  overflow: auto;
  height: 470px;
  margin-top: 20px;
}
.p-info {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 5px;
  overflow: hidden;
  border: solid #e5e5e5;
  border-width:1px 0px 0px 0px;
  overflow: hidden;
  background-color: #ffffff;
}
.p-info-heading::after {
  content: "";
  display: block;
  clear: both;
}
.p-txticonlist {
  float: left;
  display: block;
}
.headerInr .functions li .c-info-list__item {
  display: list-item;
  border-bottom: solid 1px #e5e5e5;
  border-left-width: 0px;
  border-right-width: 0px;
}
.c-info-list__item:last-of-type {
  border-bottom: none;
}
.headerInr .functions li a.c-info-list__item__link {
  display: block;
  padding: 10px 10px 12px;
  min-height: 100px;
}
/*リンク無効時*/
.is-standby {
  background-color: #fafafa;
}
.headerInr .functions li.is-standby a .c-note-blue {
  color: #808080;
}
.headerInr .functions li a .c-note-blue {
  color: #007fc3;
  text-align: left;
  font-size: 16px;
  white-space: normal;
  margin-top: 6.5px;
  line-height: 1.5;
}
/*テキストアイコン*/
.p-txticonlist::after {
  content: "";
  display: block;
  clear: both;
}
.p-txticonlist li {
  float: left;
  margin-left: 10px;
}
.p-txticonlist li:first-of-type {
  margin-left: 0;
}
.c-txticon-primary {
  border-radius: 1px;
  line-height: 1em;
  color: #ffffff;
  font-weight: 300;
  font-size: 10px;
  padding: 3px 8px;
  box-sizing: border-box;
  display: block;
}
.c-txticon-green {
  background-color: #7dba3c;
  border: solid 1px #7dba3c;
}
.c-txticon-orange {
  background-color: #ff6600;
  border: solid 1px #ff6600;
}
.c-txticon-pink {
  background-color: #f44360;
  border: solid 1px #f44360;
}
.c-txticon-blue {
  background-color: #007fc3;
  border: solid 1px #007fc3;
}
.c-txticon-yellow {
  background-color: #ffcc00;
  border: solid 1px #ffcc00;
}
.c-txticon-red {
  background-color: #ff0000;
  border: solid 1px #ff0000;
}
.c-txticon-white {
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  color: #333333;
}
/*タイムスタンプ*/
.c-subtxt-gray {
  font-size: 10px;
  float: right;
  color: #aaaaaa;
  margin-top: 3px;
  line-height: 1;
  display: block;
}
/*コンテンツ内ボタン*/
#PC_contentNone {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #FF0000;
  display: flex;
  height: 30px;
  position: relative;
  width: 88%;
  left: 4%;
}
#PC_contentNone .c-btn-content-none-label {
  color: #FF0000;
  font-size: 14px;
  text-align: left;
  padding-top: 5px;
  padding-left: 20px;
  width: 200px;
}
.p-content-btnarea {
  margin-top: 25px;
  padding: 0 45px;
}
.c-btn-primary {
  width: 100%;
  cursor: pointer;
  padding: 19px 0;
  box-sizing: border-box;
  text-align: center;
  display: none;
  border-radius: 5px;
  text-decoration: none;
}
.c-btn-white {
  background-color: #ffffff;
  border: solid 1px #007fc3;
}
.c-btn-primary-label {
  margin: 0 auto;
  line-height: 1;
  font-weight: 600;
  font-size: 14px;
  color: #007fc3;
}
/*お知らせのボタンの中の矢印*/
#notificationBlock .c-markarea {
  position: relative;
  margin-top: 13px;
}
.c-arrow {
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-right: 2px #007fc3 solid;
  border-bottom: 2px #007fc3 solid;
  transform: rotate(45deg);
  transition: all 0.5s;
}
/*ボタン押下時の矢印動き*/
.c-btn-primary.active .c-arrow {
  transform: rotate(-135deg);
}
/*↑↑お知らせここまで↑↑*/
/* ×ボタン*/
.popup_close .close_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 20px;
}
.popup_close a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  cursor: pointer;
  position: fixed;
  border-radius: unset;
  background: none;
  z-index: 99;
}
.popup_close {
  height: 20px;
  margin-left: 325px;
}
.popup_close a::before {
  content: "";
  display: block;
  background-color: #007fc3;
  width: 2px;
  height: 20px;
  transform: rotate(45deg);
  position: absolute;
  top: unset;
  left: unset;
}
.popup_close a::after {
  content: "";
  display: block;
  background-color: #007fc3;
  width: 2px;
  height: 20px;
  transform: rotate(-45deg);
  position: absolute;
  top: unset;
  left: unset;
}
#certificationClose_btn {
  top: 0;
  right: 0;
}
#certificationClose_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 20px;
  background: none;
  border-radius: 0;
  font-size: 20px;
  text-indent: unset;
  color: #fff;
  text-decoration: none;
  position: relative;
}
#certificationClose_btn .form41_btnClose::before {
  content: "";
  display: block;
  width: 2px;
  height: 20px;
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  left: 24px;
}
#certificationClose_btn .form41_btnClose::after {
  content: "";
  display: block;
  width: 2px;
  height: 20px;
  transform: rotate(-45deg);
  position: absolute;
  top: 15px;
  left: 24px;
}
#recomendListLink {
    margin: 0;
    padding: 10px 0 20px 0;
}
#recomendListLink p {
    color: #0A50A1;
    font-size: 11px;
    line-height: 2.5;
    margin-bottom: 5px;
}
#recomendListLink ul li {
    margin: 0px 11px 0 0;
    background-color: #B9E2F8;
    border: none;
    border-radius: 12.5px;
    display: inline-block;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
#recomendListLink ul li a {
    position: relative;
    display: block;
    padding: 0 30px;
    color: #007FC3;
    font-size: 12px;
    line-height: 2.5;
    text-decoration: none;
    overflow: visible;
}