@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:100%;
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:81.31%; /* 13px相当 */
background:#fff;
margin-bottom:0;
line-height: 1.5385em; /* 20px相当 */
color: #000000;
font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
body.modalBody{
background: none;
}

em{
font-style:italic;
}

strong{
font-weight:bold;
}

a,
a:link{
color:#0a50a1;
text-decoration: none;
}

a:visited{
color:#0a50a1;
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: 92.30%;
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: 92.30%;
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: 92.30%;
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: 92.30%;
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: 288px;
height: 63px;
padding-top:16px;
position: relative;
color: #fff;
text-align: center;
font-weight: bold;
background: #ff6600;
border-radius: 4px;
/* border-bottom: solid 2px #c24e00; */
box-shadow: 0 2px 0 #c24e00;
}
a.btnTop01:hover{
background: #ff944c;
text-decoration: 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.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: 200%;
line-height: 26px;
margin-bottom: 10px;
padding-left: 12px;
}
a.btnTop01 .under{
display: block;
line-height: 13px;
}
/* ログイン */
a.btnTop02{
display: block;
width: 286px;
padding: 15px 0 12px;
position: relative;
font-size: 200%;
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: 286px;
padding: 15px 0 12px;
position: relative;
font-size: 200%;
line-height: 26px;
text-align: center;
color: #333333;
font-weight: bold;
background: #ffffff;
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.btnTop10:hover{
text-decoration: none;
background: #f7f7f7;
border: solid 1px #adadad ;
border-bottom:none;
box-shadow: 0 2px 0 #adadad ;
}
a.btnTop10:active{
top: 1px;
box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* ログイン画面のログインボタン */
input[type=submit].btnTop10{
font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
display: block;
width: 286px;
padding: 15px 0 12px;
position: relative;
font-size: 200%;
line-height: 26px;
text-align: center;
color: #333333;
font-weight: bold;
background: #ffffff;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-radius: 4px;
box-shadow: 0 1px 0 #cccccc;
}
input[type=submit].btnTop10:hover{
cursor: pointer;
text-decoration: none;
background: #f7f7f7;
border: solid 1px #adadad ;
box-shadow: 0 1px 0 #adadad ;
}
input[type=submit].btnTop10:active{
top: 1px;
box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* 検索 */
a.btnTop03{
display: block;
width: 62px;
padding: 10px 0 9px;
position: relative;
font-size: 107.69%;
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: 107.69%;
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: 7px 0 6px;
position: relative;
font-size: 107.69%;
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.btnTop05:hover{
text-decoration: none;
background: #f7f7f7;
border: solid 1px #adadad ;
border-bottom:none;
box-shadow: 0 2px 0 #adadad ;
}
a.btnTop05:active{
top: 1px;
box-shadow: 0 1px 0 #adadad , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* 企業提出用シートの確認・印刷 */
.btnTop05.btnW222 {
width: 222px;
}
/* 登録する */
a.btnTop06{
display: block;
width: 93px;
padding: 7px 0 6px;
position: relative;
font-size: 107.69%;
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: 84.61%;
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: 190px;
padding: 10px 0 8px;
position: relative;
font-size: 115.38%;
font-weight: bold;
color: #fff;
line-height: 1em;
text-align: center;
background: #ff6600;
border: solid 1px #ff6600;
/* border-bottom: none; */
box-shadow: 0 2px 0 #c24e00;
border-radius: 4px;
}
a.btnList01:hover{
background: #ff944c;
border: solid 1px #ff944c;
/* border-bottom: none; */
text-decoration: none;
}
a.btnList01:active{
top: 1px;
box-shadow: 0 1px 0 #ff944c , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnList02{
display: block;
width: 190px;
padding: 10px 0 8px;
position: relative;
font-size: 115.38%;
font-weight: bold;
color: #fff;
line-height: 1em;
text-align: center;
background: #82ad2b;
border: solid 1px #82ad2b;
/* border-bottom: none; */
box-shadow: 0 2px 0 #678a22;
border-radius: 4px;
}
a.btnList02:hover{
background: #9dc747;
border: solid 1px #9dc747;
/* border-bottom: none; */
text-decoration: none;
}
a.btnList02:active{
top: 1px;
box-shadow: 0 1px 0 #9dc747, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnList03{
display: block;
width: 190px;
padding: 10px 0 8px;
position: relative;
font-size: 115.38%;
font-weight: bold;
color: #fff;
line-height: 1em;
text-align: center;
background: #4288b9;
border: solid 1px #4288b9;
/* border-bottom: none; */
box-shadow: 0 2px 0 #32668b;
border-radius: 4px;
}
a.btnList03:hover{
background: #6fa3c8;
border: solid 1px #6fa3c8;
/* border-bottom: none; */
text-decoration: none;
}
a.btnList03:active{
top: 1px;
box-shadow: 0 1px 0 #32668b, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnList04{
display: block;
width: 190px;
padding: 10px 0 9px;
position: relative;
font-size: 107.69%;
color: #3d3d3d;
line-height: 1em;
text-align: center;
background: #fff;
border: solid 1px #cccccc;
/* border-bottom: none; */
box-shadow: 0 1px 0 #cccccc;
border-radius: 4px;
}
a.btnList04:hover{
background: #f7f7f7;
border: solid 1px #adadad ;
box-shadow: 0 1px 0 #adadad ;
text-decoration: none;
}
a.btnList04:active{
top: 1px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnList05,
span.btnList05{
display: block;
width: 190px;
padding: 10px 0 9px;
position: relative;
font-size: 107.69%;
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: 142px;
padding: 4px 0 0px;
position: relative;
font-size: 84.61% ;
font-weight: bold;
color: #fff;
line-height: 14px;
text-align: center;
background: #ff6600;
border: solid 1px #ff6600;
/* border-bottom: none; */
box-shadow: 0 2px 0 #c24e00;
border-radius: 4px;
margin-bottom: 2px;
}
a.btnJob01:hover{
background: #ff944c;
border: solid 1px #ff944c;
/* border-bottom: none; */
text-decoration: none;
}
a.btnJob01:active{
top: 1px;
box-shadow: 0 1px 0 #ff944c, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnJob02{
display: block;
width: 142px;
padding: 10px 0 8px;
position: relative;
font-size: 107.69%;
font-weight: bold;
color: #fff;
line-height: 14px;
text-align: center;
background: #4289b9;
border: solid 1px #4289b9;
/* border-bottom: none; */
box-shadow: 0 2px 0 #32668a;
border-radius: 4px;
margin-bottom: 2px;
}
a.btnJob02:hover{
background: #4595cc;
border: solid 1px #4595cc;
/* border-bottom: none; */
text-decoration: none;
}
a.btnJob02:active{
top: 1px;
box-shadow: 0 1px 0 #4595cc, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnJob03{
display: block;
width: 240px;
padding: 14px 0 11px;
position: relative;
font-size: 153.84%;
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: 123.07%;
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: 123.07%;
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;
}
/*--------------------------------------------------
    求人詳細
--------------------------------------------------*/
a.btnDetail01{
display: block;
width: 350px;
padding: 16px 0 14px;
position: relative;
font-size: 153.84% !important;
line-height: 1em;
font-weight: bold;
color: #fff;
line-height: 14px;
text-align: center;
background: #ff6600;
border: solid 1px #ff6600;
/* border-bottom: none; */
box-shadow: 0 2px 0 #c24e00;
border-radius: 4px;
margin-bottom: 2px;
}
a.btnDetail01:hover{
background: #ff944c;
border: solid 1px #ff944c;
/* border-bottom: none; */
text-decoration: none;
}
a.btnDetail01:active{
top: 1px;
box-shadow: 0 1px 0 #ff944c, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnDetail02{
display: block;
width: 350px;
padding: 16px 0 14px;
position: relative;
font-size: 153.84% !important;
line-height: 1em;
font-weight: bold;
color: #fff;
line-height: 14px;
text-align: center;
background: #4289b9;
border: solid 1px #4289b9;
/* border-bottom: none; */
box-shadow: 0 2px 0 #32668a;
border-radius: 4px;
margin-bottom: 2px;
}
a.btnDetail02:hover{
background: #4595cc;
border: solid 1px #4595cc;
/* border-bottom: none; */
text-decoration: none;
}
a.btnDetail02:active{
top: 1px;
box-shadow: 0 1px 0 #4595cc, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}

/*--------------------------------------------------
    タブパネル右部ボタン
--------------------------------------------------*/
a.btnTab01{
display: inline-block;
text-align: center;
padding: 7px 0px 5px;
width: 148px;
font-size: 107.71%;
line-height: 1em;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
color: #3d3d3d;
background: #fff;
border: solid 1px #cccccc;
box-shadow: 0 1px 0 #cccccc;
margin-top: 4px;
}
a.btnTab01.btnAllDel{
width: 108px;
}
a.btnTab01:hover{/*-- 白 --*/
background: #f7f7f7;
text-decoration: none;
border: solid 1px #adadad ;
box-shadow: 0 1px 0 #adadad ;
}
a.btnTab01:active{/*-- 白 --*/
top: 1px;
box-shadow: 0 1px 0 #adadad, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnTab01.btnTitle01{
margin-top: -3px;
}
a.btnTab02{
display: inline-block;
text-align: center;
padding: 10px 0px 9px;
width: 142px;
font-size: 107.69%;
line-height: 1em;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
color: #3d3d3d;
background: #fff;
border: solid 1px #cccccc;
box-shadow: 0 1px 0 #cccccc;
}
a.btnTab02:hover{
background: #f7f7f7;
text-decoration: none;
border: solid 1px #adadad ;
box-shadow: 0 1px 0 #adadad ;
}
a.btnTab02:active{
top: 1px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
span.btnTab03{/*-- ・グレー --*/
display: inline-block;
text-align: center;
padding: 10px 0 9px;
width: 142px;
font-size: 107.69%;
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: 3px 9px 3px;
border: solid 1px #cccccc;
/* border-bottom: none; */
box-shadow: 0 1px 0 #cccccc;
width: 12px;
height: 20px;
position: relative;
overflow: hidden;
}
.btnTypeSelect02 li.btn_l a img{
position: absolute;
left: -141px;
top:-497px;
}
.btnTypeSelect02 li.btn_r a img{
position: absolute;
left: -240px;
top:-497px;
}
.btnTypeSelect02 li.btn_l span img{
position: absolute;
left: -141px;
top:-547px;
}
.btnTypeSelect02 li.btn_r span img{
position: absolute;
left: -240px;
top:-547px;
}
.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: 3px 0 0 3px / 3px 0 0 3px;
}
.btnTypeSelect01 li.btn_r span,
.btnTypeSelect02 li.btn_r span,
.btnTypeSelect01 li.btn_r a,
.btnTypeSelect02 li.btn_r a{
border-radius: 0 3px 3px 0 / 0 3px 3px 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: #f7f7f7;
border: solid 1px #adadad ;
box-shadow: 0 1px 0 #adadad ;
}
.btnTypeSelect01 li a:active,
.btnTypeSelect02 li a:active{
position: relative;
top:1px;
box-shadow:  rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/*--------------------------------------------------
    サイド検索モジュールボタン
--------------------------------------------------*/
a.btnSerchSide01{
display: block;
width: 100%;
text-align: center;
color: #fff;
font-size: 153.84% !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: 153.84% !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: 92.31%;
line-height: 1em;
color: #000;
border: solid 1px #cccccc;
/* border-bottom: none; */
box-shadow: 0 1px 0 #cccccc;
border-radius: 4px;
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(../images/sprite_001.png) -600px -199px no-repeat;
position: absolute;
right: 8px;
top: 9px;
}
a.btnSearchModal span{
display: inline-block;
text-align: center;
width: 92px;
}
a.btnSearchModal:hover{
background: #f7f7f7;
text-decoration: none;
border: solid 1px #adadad ;
/* border-bottom:none; */
box-shadow: 0 1px 0 #adadad ;
}
a.btnSearchModal:active{
background: #f7f7f7;
box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
top: 1px;
}
.tblForm01 a.btnSearchModal{
width: 137px;
}
/*--------------------------------------------------
    基本定義
--------------------------------------------------*/
/*-- ボタンサイズ小--*/
a.btnType01,
span.btnType01{
display: inline-block;
padding: 7px 14px 5px;
font-size: 107.71%;
line-height: 1em;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
}
/*-- ボタンサイズ大　--*/
a.btnType02{
display: inline-block;
padding: 10px 14px 8px;
font-size: 107.71%;
line-height: 1em;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
}
a.btnType03{
display: inline-block;
padding: 14px 36px 12px;
font-size: 153.84% ;
line-height: 1em;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
min-width: 120px;
}
/*-- カラーバリエーション --*/
a.btnC00,
span.btnC00{/*-- 白 --*/
font-weight: normal;
color: #3d3d3d;
background: #fff;
border: solid 1px #cccccc;
box-shadow: 0 1px 0 #cccccc;
}
a.btnC00.btnType01{
padding: 7px 14px 6px;
}
a.btnC00.btnType02{
padding: 10px 14px 9px;
}
a.btnC01{/*-- オレンジ --*/
color: #fff;
background: #ff6600;
border: solid 1px #ff6600;
box-shadow: 0 2px 0 #c24e00;
}
a.btnC02{/*-- グリーン --*/
color: #fff;
background: #82ad2a;
border: solid 1px #82ad2a;
box-shadow: 0 2px 0 #678a22;
}
a.btnC03{/*-- ブルー --*/
color: #fff;
background: #4288b9;
border: solid 1px #4288b9;
box-shadow: 0 2px 0 #32668b;
}
a.btnC04{/*-- ホワイト --*/
color: #3d3d3d;
background: #f7f7f7;
border: solid 1px #cccccc;
box-shadow: 0 1px 0 #cccccc;
}
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: 107.71%;
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: 107.71%;
line-height: 1em;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
top:1px;
}

/*-- カラーバリエーションホバー --*/
a.btnC00:hover{/*-- 白 --*/
background: #f7f7f7;
text-decoration: none;
border: solid 1px #adadad ;
}
a.btnC01:hover{/*-- オレンジ --*/
background: #ff944c;
border: solid 1px #ff944c;
}
a.btnC02:hover{/*-- グリーン --*/
background: #9dc747;
border: solid 1px #9dc747;
}
a.btnC03:hover{/*-- ブルー --*/
background: #6fa3c8;
border: solid 1px #6fa3c8;
}
a.btnC04:hover{/*-- ホワイト --*/
background: #e6e6e6;
border: solid 1px #adadad;
box-shadow: 0 1px 0 #adadad;
}
a.btnC05:hover{/*-- ・グレー --*/
background: #b3b3b3;
border: solid 1px #b3b3b3;
}
/*-- カラーバリエーションアクティブ --*/
a.btnC00:active{/*-- 白 --*/
top: 1px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
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: 1px;
box-shadow: 0 1px 0 #9dc747 , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
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: 1px;
box-shadow:  rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
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: 78px;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}

a.btnMore{
display: block;
width: 100%;
font-size: 115.38%;
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(../images/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(../images/sprite_001.png) 7px -547px no-repeat;
}
a.btnMore:hover{
background: #ebebeb;
text-decoration: none;
}

/* フォーム未記入時ボタン */
.btnForm01{

}
a.btnForm01 {
display: inline-block;
width: 348px;
height: 62px;
position: relative;
font-weight: bold;
color: #fff;
background: #ff1919;
border: solid 1px #ff1919;
box-shadow: 0 2px 0 #c20000;
border-radius: 4px;
margin-bottom: 2px;
}
a.btnForm01 .parts01{
display: inline-block;
width: 46px;
height: 40px;
position: absolute;
left: 36px;
top: 12px;
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: 153.84%;
line-height: 1em;
position: absolute;
left: 89px;
top: 13px;
}
a.btnForm01 .parts03{
display: inline-block;
line-height: 1em;
position: absolute;
left: 89px;
top: 39px;
}
a.btnForm01:hover {
background: #ff5353;
border: solid 1px #ff5353;
box-shadow: 0 2px 0 #d14040;
text-decoration: none;
}
a.btnForm01:active {
top: 1px;
box-shadow: 0 1px 0 #ff5353, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* フォーム再開ボタン */
.btnDetail01.btnC00.btnW192 {
font-weight: bold;
}
/*--------------------------------------------------
    検討リストへ
--------------------------------------------------*/
span.listLink{
position: relative;
padding-left: 25px;
}
span.listLink:after{
width: 14px;
height: 10px;
background: url(../images/sprite_001.png) -100px -503px no-repeat;
content: '';
overflow: hidden;
position: absolute;
top: 5px;
left: 0px;
}

span.listLinkGrey{
position: relative;
padding-left: 25px;
}
span.listLinkGrey:after{
width: 14px;
height: 10px;
background: url(../images/sprite_001.png) -100px -553px no-repeat;
content: '';
overflow: hidden;
position: absolute;
top: 5px;
left: 0px;
}

a.btnJob06{
display: block;
width: 142px;
padding: 10px 0 8px;
position: relative;
font-size: 107.69%;
font-weight: bold;
color: #fff;
line-height: 14px;
text-align: center;
background: #ff6600;
border: solid 1px #ff6600;
/* border-bottom: none; */
box-shadow: 0 2px 0 #c24e00;
border-radius: 4px;
margin-bottom: 2px;
}
a.btnJob06:hover{
text-decoration: none;
}
a.btnJob06:active{
top: 1px;
box-shadow: 0 1px 0 #ff944c, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnJob07{
display: block;
width: 142px;
padding: 10px 0 8px;
position: relative;
font-size: 107.69%;
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.btnJob07:hover{
text-decoration: none;
}
a.btnJob07:active{
top: 1px;
box-shadow: 0 1px 0 #678a22, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
a.btnTab04{
display: inline-block;
text-align: center;
padding: 11px 0px 10px;
width: 80px;
font-size: 92.30%;
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: 14px 36px 12px;
font-size: 153.84% ;
line-height: 1em;
font-weight: normal;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
}


/* GM-043 */
a.btnList06{
display: block;
width: 190px;
padding: 6px 0 4px;
position: relative;
font-size: 115.38%;
font-weight: bold;
color: #fff;
line-height: 1em;
text-align: center;
background: #ff6600;
border: solid 1px #ff6600;
/* border-bottom: none; */
box-shadow: 0 2px 0 #c24e00;
border-radius: 4px;
}
a.btnList06:hover{
background: #ff944c;
border: solid 1px #ff944c;
/* border-bottom: none; */
text-decoration: none;
}
a.btnList06:active{
top: 1px;
box-shadow: 0 1px 0 #ff944c , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}

/* 紹介求人詳細 寮・社宅／教育制度、主要株主／関連企業等 */
a.btnMoreEnv {
display: block;
width: 100%;
font-size: 115.38%;
color: #000000;
font-weight: bold;
line-height: 1em;
padding: 11px 0 10px;
text-align: center;
background: #f2f2f2;
margin-top: 20px;
}
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(../images/sprite_001.png) 7px -497px no-repeat;
}
a.btnMoreEnv.open span:after{
content: '';
width: 17px;
height: 15px;
position: absolute;
right: 0;
top: 0;
background: url(../images/sprite_001.png) 7px -547px no-repeat;
}
a.btnMoreEnv:hover{
background: #f2f2f2;
text-decoration: none;
}

input.btnType01{
display: inline-block;
padding: 7px 14px 5px;
font-size: 107.71%;
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: 153.84% ;
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: 10px 0px 9px;
width: 142px;
font-size: 107.69%;
line-height: 1em;
text-decoration: none;
border-radius: 4px;
margin-bottom: 2px;
position: relative;
color: #3d3d3d;
background: #fff;
border: solid 1px #cccccc;
box-shadow: 0 1px 0 #cccccc;
}
a.btnToList:hover{
background: #f7f7f7;
text-decoration: none;
border: solid 1px #adadad ;
box-shadow: 0 1px 0 #adadad ;
}
a.btnToList:active{
top: 1px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}

/* ----------------------------------------------------------------
form.css
----------------------------------------------------------------- */
/*==================================================
    Text
    Textarea
    Checkbox
    Radio
    Selsect
==================================================*/
.tblForm .reqbg{
background: #ffeeeb;
}
.tblForm .reqbg.selected{
background: #ffffff;
}
/*--------------------------------------------------
    Text
--------------------------------------------------*/
input[type=text],
input[type=password]{
padding: 8px 10px;
border: solid 1px #cccccc;
background: #fff;
border-radius: 2px;
height: 12px;
font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
input.input01{
width: 78px;
}
input.input02{
width: 258px;
}
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(../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(../images/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: 2px;
}
textarea.textarea01{
border: solid 1px #cccccc;
padding: 8px 10px;
width: 728px;
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: -5px;
}
.ckWrapA_Cbox:after{
content: ' ';
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 0;
top:1px;
background: url(../images/sprite_001.png) -150px -0px no-repeat;
cursor: pointer;
}
.ckWrapA_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -150px -50px no-repeat;
}
.ckWrapA_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -150px -0px no-repeat;
}
.ckWrapA_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -200px -50px no-repeat !important;
}
.ckWrapA_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -150px -100px no-repeat;
}
.ckWrapA_Cbox.checkedBox.hoverBox:after{
background: url(../images/sprite_001.png) -200px -100px 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(../images/sprite_001.png) -250px 0px no-repeat;
cursor: pointer;
}
.ckWrapB_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapB_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -250px 0px no-repeat;
}
.ckWrapB_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapB_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapB_Cbox.checkedBox.hoverBox:after{
background: url(../images/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(../images/sprite_001.png) -350px 0px no-repeat;
cursor: pointer;
}
.rdWrapA_Rbox.checkedBox:after{
background: url(../images/sprite_001.png) -350px -50px no-repeat;
}
.rdWrapA_Rbox.focusBox:after{
background: url(../images/sprite_001.png) -350px 0px no-repeat;
}
.rdWrapA_Rbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -400px -50px no-repeat !important;
}
.rdWrapA_Rbox.hoverBox:after{
background: url(../images/sprite_001.png) -350px -100px no-repeat;
}
.rdWrapA_Rbox.checkedBox.hoverBox:after{
background: url(../images/sprite_001.png) -400px -100px 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;
}
.esb-displayer{
position: relative;
padding: 8px 10px;
border: solid 1px #cccccc;
background: #fff;
border-radius: 2px;
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(../images/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(../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;
}
.tblForm .reqbg{
  padding:7px 8px; 
}
.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(../images/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: 100%;
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(../images/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapD_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapD_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapD_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapD_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapD_Cbox.checkedBox.hoverBox:after{
background: url(../images/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(../images/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapE_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapE_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapE_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapE_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapE_Cbox.checkedBox.hoverBox:after{
background: url(../images/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(../images/sprite_001.png) -250px 0px no-repeat;
cursor: pointer;
}
.ckWrapF_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapF_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -250px 0px no-repeat;
}
.ckWrapF_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapF_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapF_Cbox.checkedBox.hoverBox:after{
background: url(../images/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(../images/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapG_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapG_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapG_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapG_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapG_Cbox.checkedBox.hoverBox:after{
background: url(../images/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(../images/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapH_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapH_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapH_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapH_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapH_Cbox.checkedBox.hoverBox:after{
background: url(../images/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(../images/sprite_001.png) -250px -0px no-repeat;
cursor: pointer;
}
.ckWrapI_Cbox.checkedBox:after{
background: url(../images/sprite_001.png) -250px -50px no-repeat;
}
.ckWrapI_Cbox.focusBox:after{
background: url(../images/sprite_001.png) -250px -0px no-repeat;
}
.ckWrapI_Cbox.checkedBox.focusBox:after{
background: url(../images/sprite_001.png) -300px -50px no-repeat !important;
}
.ckWrapI_Cbox.hoverBox:after{
background: url(../images/sprite_001.png) -250px -100px no-repeat;
}
.ckWrapI_Cbox.checkedBox.hoverBox:after{
background: url(../images/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(../images/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;
}
/*--------------------------------------------------
    Header Area
--------------------------------------------------*/
#header{
width: 100%;
margin: 0 auto;
}
.withoutBreadcrumb #header{
margin: 0 auto 30px;
}
/* 1200pxヘッダー */
.header1200{
width: 1200px;
margin: 0 auto;
}
.header1200 .headerInr{
height: 90px;
}
.header1200 .headrLeft{
width: 745px;
float: left;
}
.headerInr .headerLogo {
padding: 30px 0 0 1px;
display: table-cell;
}
.headerInr .shoulder{
font-size: 92.31%;
line-height: 1em;
padding: 0 0 0 16px;
/* height: 90px; */
display: table-cell;
vertical-align: bottom;
}
.headerInr .headerRight{
/* width: 330px; */
width: 435px;
float: right;
}

.headerInr .functions{
padding: 20px 0 0 0;
text-align: right;
margin-bottom: 9px;
height: 24px;
display: table;
width: 435px;
}
.headerInr .functions:after{
display: none !important;
}
.cmsButton{
height: 24px
}
/* .registButton{
text-align: right;
}
.registButton span{
display: inline-block;
margin: 0 0 0 6px;
} */
.registButton.functions li,
.headerInr .functions li{
display: inline-block;
display: table-cell;
/* padding: 0 0 0 10px; */
}
.headerInr .functions li.nonregistered{
padding-left: 217px;
}
.registButton.functions li,
.headerInr .functions li{
/* padding-right: 10px;
width: 92px; */
}
.registButton.functions li:last-of-type,
.registButton.functions li.last,
.headerInr .functions li:last-of-type,
.headerInr .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,
.headerInr .functions li.loginName{
font-size: 84.61%;
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,
.headerInr .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: 92.30%;
display: inline-block;
margin-left: 16px;
}
.header1024{
border-bottom: solid 1px #dedede;
}
.header1024 .headerInr{
width: 1024px;
margin: 0 auto;
height: 79px;
}
.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: 123.07%;
text-align: center;
position: relative;
padding: 16px 0 14px;
cursor: pointer;
z-index: 2000;
}
.gnavParent:hover:after,
.gnavParent.current:after{
content:' ';
height: 10px;
width: 100%;
z-index: 50;
position: absolute;
left: 0;
bottom: 0;
background: url(../images/bg_nav_001.png) 50% bottom no-repeat;
}
.gnavParent.gnav01,
.gnavParent.gnav02,
.gnavParent.gnav03{
color: #fff;
line-height: 1em;
margin-right: 1px;
background:#101177;
}
.gnavParent.gnav01:hover,
.gnavParent.current.gnav01,
.gnavParent.gnav02:hover,
.gnavParent.current.gnav02,
.gnavParent.gnav03:hover,
.gnavParent.current.gnav03{
color: #a6a6c3;
}
.gnavParent.gnav01{ width: 240px; }
.gnavParent.gnav02{ width: 239px; }
.gnavParent.gnav03{ width: 239px; }
.gnavParent.gnav04,
.gnavParent.gnav05,
.gnavParent.gnav06{
color: #101177;
line-height: 1em;
margin-right: 1px;
background:#ebebf8;
width: 159px;
}
.gnavParent.gnav06.last {
    margin-right: 0;
}
.gnavParent.gnav04:hover,
.gnavParent.current.gnav04,
.gnavParent.gnav05:hover,
.gnavParent.current.gnav05,
.gnavParent.gnav06:hover,
.gnavParent.current.gnav06{
color: #575796;
}
.megaNav{
display: none;
position: absolute;
background: #fff;
top: 46px;
left: -1px;
width: 100%;
border: solid 1px #cccccc;
border-top: none;
border-bottom: solid 2px #cccccc;
padding: 0 0 1px;
}
.gnavParent.gnav01 .megaNav{
width: 239px;
left: 0;
}
.megaNav li{
margin-top: 1px;
}
.megaNav li.link a{
display: block;
padding: 12px 0 11px 24px;
font-size: 81.25%;
text-align: left;
}
.megaNav li.link a:hover{
background: #ebebf8;
color: #101177;
text-decoration: none;
}
.megaNav li.head{
padding: 22px 0 10px 10px;
color: #222222;
font-size: 93.75%;
font-weight: bold;
text-align: left;
}
/*--------------------------------------------------
    BreadCrumb
--------------------------------------------------*/
.breadCrumb{
width: 100%;
font-size: 92.31%;
line-height: 1em;
margin: 15px 0 20px 0;
}
.breadCrumb li{
float: left;
word-break: break-all;
word-wrap: break-word;
}

/*--------------------------------------------------
    Contents Area
--------------------------------------------------*/
#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;
}
/*ここから新デザインのメニュー*/
.asideMunu01 li {
border-bottom: solid 1px #e6e6e6;
padding-bottom: 9px;
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: 10px 16px 10px 18px;
margin-bottom: 1px;
position: relative;
}
.asideMunu01 li dd a.current {
background: #101177;
color: #FFF;
font-weight: bold;
}
.asideMunu01 li dd div.currentDiv {
background: #101177;
color: #FFF;
font-weight: bold;
height: 27px;
width: 273px;
padding-top: 5px;
padding-left: 16px;
}
.asideMunu01 li dd a.current:hover {
background: #101177;
}
.asideMunu01 li dd a:hover{
background: #ebebf8;
text-decoration: none;
}
.asideMunu01 li dd a span.left{
float: left;
}
.asideMunu01 li dd a span.right{
float: right;
color: #ff0000;
font-weight: bold;
font-size: 115.38%
}
.asideMunu01 li dd a.current span.right {
display: none;
}
.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: 115.38%
}
.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: 92.23%;
}
.asideMunu01 li dd p.right{
padding-right: 16px;
}
.asideMunu01 li dd p.right span, .asideMunu02 li dd p.right span{
font-size: 150%;
font-weight: bold;
color: #ff0000;
}
*/
/*求人検索結果一覧*/
.layoutAside03{
margin-bottom: 30px;
}
.layoutAside03 .selection{
padding-left: 18px;
margin: -3px 0 10px;
}
.layoutAside03 .num{
font-size: 76.92%;
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: 115.38% !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(../images/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(../images/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(../images/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(../images/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(../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(../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: 184.61%;
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: 123.07%;
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: #fff;
width: 288px;
}
.fixMenu.fixed{
position: fixed;
}
.fixMenuB.fixed{
position: fixed !important;
}
/*--------------------------------------------------
    Footer Area
--------------------------------------------------*/
#footer{
width: 100%;
margin: 50px auto 0;
}
#footer.footerSimple{
border-top: 1px solid #dedede;
}
#footer a {
color:#666666;
}
#footer a:hover{
color:#333333;
}
.footer1200{
width: 1200px;
margin: 0 auto;
}
.footUpper{
padding: 16px;
background: #f7f7f7;
border : solid 1px #f2f2f2;
padding-bottom: 13px;
}
.footUpper .intro{
color: #333333;
line-height: 1em;
margin-bottom: 20px;
font-size: 84.61%;
}
.footUpperRight .intro{
padding-top: 31px;
margin-bottom: 9px;
}
.footUpperRight .notice{
color:#666666;
font-size: 84.61%;
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: 84.61%;
line-height: 1.91em;
}
.footLink dt {
font-weight: bold;
color: #333333;
margin-bottom: 16px;
line-height: 1em;
}
.footerUpperUnder{
clear:both;
border-top: solid 1px #e6e6e6;
margin-top: 3px;
padding-top: 10px;
}
.snsBox{
clear: both;
}
.snsBox .txt{
float: left;
font-size: 84.61%;
line-height: 20px;
margin-right: 10px;
color: #333333;
}
.snsBox .btns{
float: left;
}
.snsBox .btns li{
float: left;
margin-right: 10px;
width: 17px;
}
.snsBox .btns li a{
display: inline-block;
width: 17px;
height: 17px;
position: relative;
overflow: hidden;
}
.snsBox .btns li a img.tw{
position: absolute;
left: -300px;
top: -250px;
}
.snsBox .btns li a img.fb{
position: absolute;
left: -350px;
top: -250px;
}
.snsBox .btns li a img.hb{
position: absolute;
left: -400px;
top: -250px;
}
.footUtility {
font-size: 84.61%;
line-height: 20px;
}
.footSec{
font-size: 92.30%;
line-height: 32px;
}
.footThird{
border-bottom: solid 1px #dedede;
padding: 10px 0 5px;
}
.footFour{
padding: 5px 0 6px;
border-bottom: solid 1px #dedede;
font-size: 84.61%;
line-height: 1.91em;
}
.mr19{
margin-right: 14px;
}
.footFour p{
color: #4c4c4c;
}
.footFour .groupLink li{
float: left;
}
.footFour .groupLink li:after{
content:'｜';
}
.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 #dedede;
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: -200px;
}
.footerUnder .pmark02{
width: 289px;
height: 12px;
position: absolute;
left: 69px;
top: 21px;
overflow: hidden;
}
.footerUnder .pmark02 img{
position: absolute;
left: -450px;
top: -300px;
}
.footerUnder .pmark03{
width: 289px;
height: 12px;
position: absolute;
left: 70px;
top: 39px;
}

.footerUnder .pmark03 a{
font-size: 84.61%;
line-height: 1em;
color:#0a50a1 !important;
}
.footerUnder .logo{
width: 232px;
height: 43px;
position: absolute;
right: 0px;
top:18px;
overflow: hidden;
}
.footerUnder .logo img{
position: absolute;
left: -176px;
top: -299px;
}
.footerUnder .copy{
font-size: 84.61%;
color:#4c4c4c;
width: 200px;
height: 10px;
text-align: right;
position: absolute;
right: 245px;
top: 46px;
}
#footerFormTxt{
width: 298px;
height: 67px;
margin-bottom: 10px;
font-size: 84.61%;
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: 159px;
height: 16px;
position: relative;
overflow: hidden;
}
.footName img{
position: absolute;
left: -450px;
top: -250px;
}

/*--------------------------------------------------
    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(../images/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: 138.46% !important;
color: #ff0000;
margin-left: 5px;
}

.scrollHead{
width: 100%;
border-bottom: solid 1px #cccccc;
height: 59px;
position: fixed;
top:-60px;
left: 0;
background: #fff;
-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:0px;
}

.scrollHeadInr.type01,
.scrollHeadInr.type02{
width: 1200px;
background: #fff;
height: 59px;
margin: 0 auto;
position: relative;
}
.scrollHeadInr.type01 .left { width: 320px; float:left;}
.scrollHeadInr.type01 .right{ width: 880px; 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: 546px; float:left; overflow: hidden;}
.scrollHeadInr.type03 .right{ width: 464px; float:right;}
.scrollHeadInr .logo{
padding: 19px 0 0 1px;
float: left;
margin-right: 30px;
}
.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: 138.46% !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(../images/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(../images/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(../images/sprite_001.png) no-repeat 130px -322px #f7f7f7 !important;
text-decoration: none;
}

.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl01 {
background: url(../images/sprite_001.png) no-repeat 117px -272px;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl01:hover {
width: 155px;
border-bottom: none;
background: url(../images/sprite_001.png) no-repeat 116px -272px #ebecf8;
text-decoration: none;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl01.active {
width: 155px;
background: url(../images/sprite_001.png) no-repeat 116px -322px #f7f7f7 !important;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl03 {
background: url(../images/sprite_001.png) no-repeat 111px -272px;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl03:hover {
width: 155px;
border-bottom: none;
background: url(../images/sprite_001.png) no-repeat 110px -272px #ebecf8;
text-decoration: none;
}
.scrollHeadInr .right.sclC2 ul.listFullHeight li a.scl03.active {
width: 155px;
background: url(../images/sprite_001.png) no-repeat 110px -322px #f7f7f7 !important;
}
.scrollHeadInr .paging{
padding-top: 26px;
line-height: 1em;
}
.scrollHeadInr .right{
height: 30px;
padding-top: 15px;
}
.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: 59px;
margin: 0 auto;
}
.scrollHeadInr .jobCompany{
font-size: 107.69%;
font-weight: bold;
line-height: 1em;
padding-top: 12px;
margin-bottom: 12px;    
height: 14px;
overflow: hidden;
}
.scrollHeadInr .jobTitle{
line-height: 1em;
height: 13px;
overflow: hidden;
}
.btnList.btnList36{
padding-top: 12px;
}
.btnList.btnList30{
padding-top: 15px;
}
.scrollHeadInrJob .btnList.btnList30{
padding-top: 12px;
}
.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;
}
.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: 138.46% !important;
line-height: 1em;
float: left;
}
.headModal01 .numbers{
margin-right: 32px;
float: right;
}
.headModal01 .numbers .number{
font-weight: bold;
font-size: 138.46% !important;
color: #ff0000;
}
.headModal02{
border-bottom: solid 1px #e6e6e6;
background: #101177;
}
.headModal02 h3{
color: #fff;
font-size: 123.07% !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: 76.92% !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(../images/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: 138.46% !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: 84.61%;
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(../images/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(../images/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;
}
.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: 138.46% !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: 138.46% !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: 84.61%;
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: 550px;
}
.modalDelMes600 .headModal01{
margin-bottom: 10px;
}
.modalDelMes600 .headModal01.currentSearch{
margin-bottom: 16px;
}
.modalDelMes600 .modal.currentSearch .inner p {
margin-bottom: 8px;
}
.modal.modal600{
width: 600px;
}

.modal.modal550{
width: 550px;
}

.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: 20px;
}
.head01 h1{
font-size: 184.61%;
}
.head01 h1.iconDisp{
display: inline-table;
word-break: break-all;
word-wrap: break-word;
}
.head01.head01-01 h1{
float: left;
margin-right: 10px;
}
.head01.head01-01 .faqLink{
float: left;
}
.head01.head01-01 .faqLink a{
position: relative;
width: 21px;
height: 21px;
display: inline-block;
overflow: hidden;
}
.head01.head01-01 .faqLink img{
position: absolute;
left: -50px;
top: -250px;
}
.head01.head01-02 h1{
float: left;
}
.head01.head01-02 .helpLink{
float: right;
}
.head01 .explain{
font-size: 92.30% !important;
margin: 6px 0 -4px;
word-break: break-all;
word-wrap: break-word;
}
.head01.head01Detail .explain{
font-size: 107.69% !important;
}
.head01Detail .inner{
border-top: solid 4px #101177;
padding-top: 16px;
}
.head01Detail .metaTxt{
font-size: 84.61% !important;
text-align: right;
margin-bottom: 5px;
}
.head01Detail .detailIcons{
padding: 10px 0 0;
background: #fff url(../images/bg_002.png) 0 0 repeat-x;
}
.head02{
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: solid 2px #e6e6e6;
height: 18px;
}
.head02 h2,.head02 h3,.head02 h4{
font-size: 138.46%;
float: left;
}
.head02 .subTxt{
float: right;
text-align: right;
}
.head02 .update{
line-height: 18px;
font-size: 92.30%;
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: 107.69% ;
position: relative;
}
.head02 .entryCheck01:after{
content: '';
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 0;
top:0;
background: url(../images/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: 107.69% ;
position: relative;
}
.head02 .entryCheck02:after{
content: '';
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 0;
top:0;
background: url(../images/sprite_001.png) -350px -500px no-repeat;
}
.head02_02{
border-bottom:none;
padding: 0px;
}
.head02_03{
border-bottom:none;
padding: 0px;
margin-bottom: 10px;
}
.head03{
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: solid 2px #e6e6e6;
}
.head03 h2,.head03 h3,.head03 h4,.head03 h5{
font-size: 123.07%;
}
.head04{
margin-bottom: 8px;
position: relative;
}
.head04 h3,.head04 h4,.head04 h5,.head04 h6{
font-size: 115.38%;
line-height: 1em;
}
.head04 span.label{
display: inline-block;
width: 50px;
position: absolute;
right: 16px;
top:0;
text-align: right;
font-size: 92.30% !important;
color: #808080;
}
.asideMunu02 span.label{
right: 0;
}
.head05{
padding: 8px 16px;
margin-bottom: 16px;
background: #101177;
}
.head05 h2 ,.head05 h3,.head05 h4{
font-size: 123.11%;
font-weight: bold;
color: #fff;
}
.head06{
height: 15px;
margin-bottom: 30px;
position: relative;
}
.head06 h4{
font-size: 115.38% !important;
line-height: 1em;
}
.head06 a.btnSearchModal{
position: absolute !important;
top: 0;
right: 0;
}
.head07{
height: 23px;
border-left: solid 4px #101177;
padding-left: 12px;
margin-bottom: 10px;
position: relative;
}
.head07 h2,.head07 h3,.head07 h4{
font-size: 138.46% !important;
line-height: 23px;
}
.head07 .linkTxt{
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
line-height: 1em;
}
.head08{
background: #101177;
height: 34px;
padding: 0 16px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.head08 h2 ,.head08 h3 ,.head08 h4 {
font-size: 138.46% !important;
line-height: 1em;
padding-top: 9px;
color: #fff;
}
/*--------------------------------------------------
Text
--------------------------------------------------*/
/* FontSize */
.fs10{ font-size: 76.92% !important; }
.fs11{ font-size: 84.61% !important; }
.fs12{ font-size: 92.30% !important; }
.fs13{ font-size: 100% !important; }
.fs14{ font-size: 107.69% !important; }
.fs15{ font-size: 115.38% !important; }
.fs16{ font-size: 123.07% !important; }
.fs17{ font-size: 130.76% !important; }
.fs18{ font-size: 138.46% !important; }
.fs19{ font-size: 146.15% !important; }
.fs20{ font-size: 153.84% !important; }
.fs21{ font-size: 161.53% !important; }
.fs22{ font-size: 169.23% !important; }
.fs23{ font-size: 176.92% !important; }
.fs24{ font-size: 184.61% !important; }
.fs25{ font-size: 192.30% !important; }
.fs26{ font-size: 200% !important; }
.fs27{ font-size: 207.69% !important; }
.fs28{ font-size: 215.38% !important; }
.fs29{ font-size: 223.07% !important; }
.fs30{ font-size: 230.76% !important; }
.fs31{ font-size: 238.46% !important; }
.fs32{ font-size: 246.15% !important; }
.fs33{ font-size: 253.84% !important; }
.fs34{ font-size: 261.53% !important; }
.fs35{ font-size: 269.23% !important; }
.fs36{ font-size: 276.92% !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: 76.92%;
line-height: 1em;
text-align: center;
}
/* キャリアコンサルタントおすすめ */
.icoCcReccomend{
background: url(../images/sprite_001.png) -595px -495px no-repeat;
display: inline-block;
width: 130px;
padding: 7px 0 3px 40px;
border: solid 1px #e6e6e6;
background-color: #FFFFFF;
line-height: 1.3em;
text-align: left;
color: #101177;
font-weight: normal !important;
font-size: 11px;
margin-top: 3px;
}

.modListFin .icoCcReccomend {
background-image: url(../images/spacer.gif);
background-color: #FFFFFF;
color: #B8B8BE;
}

div.icoCcReccomend + div.fltL {
width: 420px;
}

/* 未読 */
.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;
}
/* オレンジ */
.icoSts03{
display: inline-block;
width: 58px;
padding: 3px 0 1px;
border: solid 1px #ff6600;
background: #fff;
color:#ff6600;
font-size: 11px;
line-height: 1em;
text-align: center;
}
/* 締切間近 */
.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;
}
/* 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 #0a50a1;
background: #fff;
color:#0a50a1;
font-size: 11px;
line-height: 1em;
text-align: center;
font-weight: normal !important;
}
/* 求人スペック */
.icoSpc01{
display: inline-block;
width: 80px;
padding: 5px 0 5px;
background: #101177;
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;
}
/* .icoSpc01Fs10{
font-size: 10px;
line-height: 11px;
} */
.icoSpc01Fs10{
width: 75px;
height: 11px;
padding: 5px 3px 5px 2px;
overflow: hidden;
position: relative;
}
.icoSpc01Fs10 img{
position: absolute;
left: -397px;
top: -495px;
}
.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 16px;
background: url(../images/bg_001.png) 0 0 repeat-x;
height: 16px;
}
.modList02 .detailIcons{
margin: 0;
padding: 0;
background: 0;
height: 18px;
}
.detailIcons li{
float: left;
margin-right: 15px;
font-size: 11px;
padding: 3px 0 2px;
line-height: 16px;
color: #101177;
position: relative;
}
.detailIcons li:after{
content: '';
height: 18px;
overflow: hidden;
position: absolute;
left: 0;
top: 2px;
}
.detailIcons li.detail01{
padding-left: 16px;
}
.detailIcons li.detail01:after{
background: url(../images/sprite_001.png) 0px -600px no-repeat;
width: 17px;
}
.modListFin .detailIcons li.detail01:after{
background: url(../images/sprite_001.png) 0px -650px no-repeat;
}
.detailIcons li.detail02{
padding-left: 22px;
}
.detailIcons li.detail02:after{
background: url(../images/sprite_001.png) -50px -600px no-repeat;
width: 26px;
}
.modListFin .detailIcons li.detail02:after{
background: url(../images/sprite_001.png) -50px -650px no-repeat;
}
.detailIcons li.detail03{
padding-left: 26px;
}
.detailIcons li.detail03:after{
background: url(../images/sprite_001.png) -100px -600px no-repeat;
width: 22px;
}
.modListFin .detailIcons li.detail03:after{
background: url(../images/sprite_001.png) -100px -650px no-repeat;
}
.detailIcons li.detail04{
padding-left: 20px;
}
.detailIcons li.detail04:after{
background: url(../images/sprite_001.png) -150px -600px no-repeat;
width: 27px;
}
.modListFin .detailIcons li.detail04:after{
background: url(../images/sprite_001.png) -150px -650px no-repeat;
}
.detailIcons li.detail05{
padding-left: 19px;
}
.detailIcons li.detail05:after{
background: url(../images/sprite_001.png) -200px -600px no-repeat;
width: 19px;
}
.modListFin .detailIcons li.detail05:after{
background: url(../images/sprite_001.png) -200px -650px no-repeat;
}
.detailIcons li.detail06{
padding-left: 18px;
}
.detailIcons li.detail06:after{
background: url(../images/sprite_001.png) -250px -600px no-repeat;
padding-left: 24px;
}
.modListFin .detailIcons li.detail06:after{
background: url(../images/sprite_001.png) -250px -650px no-repeat;
}

.detailIcons li.detail07{
padding-left: 16px;
}
.detailIcons li.detail07:after{
background: url(../images/sprite_001.png) 0 -700px no-repeat;
padding-left: 17px;
}
.modListFin .detailIcons li.detail07:after{
background: url(../images/sprite_001.png) 0 -750px no-repeat;
}
.detailIcons li.detail08{
padding-left: 22px;
}
.detailIcons li.detail08:after{
background: url(../images/sprite_001.png) -200px -700px no-repeat;
padding-left: 26px;
}
.modListFin .detailIcons li.detail08:after{
background: url(../images/sprite_001.png) -200px -750px no-repeat;
}
.detailIcons li.detail09{
padding-left: 22px;
}
.detailIcons li.detail09:after{
background: url(../images/sprite_001.png) -50px -700px no-repeat;
padding-left: 22px;
}
.modListFin .detailIcons li.detail09:after{
background: url(../images/sprite_001.png) -50px -750px no-repeat;
}
.detailIcons li.detail10{
padding-left: 22px;
}
.detailIcons li.detail10:after{
background: url(../images/sprite_001.png) -100px -700px no-repeat;
padding-left: 27px;
}
.modListFin .detailIcons li.detail10:after{
background: url(../images/sprite_001.png) -100px -750px no-repeat;
}
.detailIcons li.detail11{
padding-left: 16px;
}
.detailIcons li.detail11:after{
background: url(../images/sprite_001.png) -150px -700px no-repeat;
padding-left: 19px;
}
.modListFin .detailIcons li.detail11:after{
background: url(../images/sprite_001.png) -150px -750px no-repeat;
}
.detailIcons li.detail12{
padding-left: 20px;
}
.detailIcons li.detail12:after{
background: url(../images/sprite_001.png) -250px -700px no-repeat;
padding-left: 24px;
}
.modListFin .detailIcons li.detail12:after{
background: url(../images/sprite_001.png) -250px -750px no-repeat;
}
/* 求人　雇用形態 */
.icoType{
display: inline-block;
width: 58px;
padding: 4px 0 3px;
border: solid 1px #b8b8b8;
color:#000 !important;
font-size: 84.61% !important;
line-height: 1em !important;
text-align: center;
background: #fff;
}
.icoModal {
display: inline-block;
width: 42px;
padding: 3px 0 2px;
border: solid 1px #b8b8b8;
color: #000;
font-size: 84.61%;
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: 73.33%;
}
/* フォーム推奨・必須 */
.icoForm01 {
display: inline-block;
width: 35px;
padding: 4px 0 3px;
background: #0a50a1;
color: #fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoForm02 {
display: inline-block;
width: 35px;
padding: 4px 0 3px;
background: #ff0000;
color: #fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoForm03 {
display: inline-block;
width: 35px;
padding: 4px 0 3px;
background: #b8b8b8;
color: #fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
/*再開のお申込み*/
.modFormExp {
padding: 26px 30px;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
background: #F2F2F2;
}
.pRight02{
text-align: right;
margin-bottom: 5px;
}
.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: 12px; }
.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: 92.30% !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: 107.69%;
line-height: 1em;
height: 40px;
overflow: hidden;
}
.stepList01 li,
.stepList02 li,
.stepList03 li{
float: left;
text-align: center;
padding: 13px 0;
background: #ededfa;
position: relative;
}
.stepList01 li.current,
.stepList02 li.current,
.stepList03 li.current{
background: #101177;
font-weight: bold;
color: #fff;
}
.stepList01 li.step01{
width: 310px;
padding-left: 20px;
z-index: 3;
}
.stepList01 li.step02{
width: 332px;
padding-left: 10px;
z-index: 2;
}
.stepList01 li.step03{
width: 342px;
padding-left: 10px;
z-index: 1;
}
.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: 22px solid #fff;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
.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 : -2px;
right:-20px;
width: 0;
height: 0;
border-left: 22px solid #ededfa;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
.stepList01 li.current:after,
.stepList02 li.current:after,
.stepList03 li.current:after{
border-left: 22px solid #101177;
}
/*--------------------------------------------------
Orderd List
--------------------------------------------------*/

/*--------------------------------------------------
Difinision List
--------------------------------------------------*/
/* 求人一覧の期限表示 */

.listDateInfo dt{
font-size: 92.30%;
color: #808080;
line-height: 1em;
margin-bottom: 10px;
}
.listDateInfo dd{
line-height: 1em;
}
/* 求人一覧のスペック表示 */
.listJpbSpec01{
margin-bottom: 20px;
}
.under .box01 .listJpbSpec01.last,
.under .box01 .listJpbSpec01:last-of-type{
margin-bottom: 0;
}
.listJpbSpec01 dt{
width: 80px;
float: left;
margin-right: 16px;
}
.listJpbSpec01 dd{
width: 552px;
float: left;
margin-bottom: -4px;
word-wrap: break-word;
}
/* 求人（検索結果）一覧のスペック表示 */
.listJpbSpec02{
margin-bottom: 20px;
}
.middle .box01 .listJpbSpec02.last,
.middle .box01 .listJpbSpec02:last-of-type{
margin-bottom: 0;
}
.listJpbSpec02 dt{
width: 64px;
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: 123.11%;
font-weight: bold;
padding: 0 16px;
line-height: 1em;
margin-top: 10px;
}
.listTop01 dt .number{
font-size: 75.01%;
color: #808080;
font-weight: normal !important;
}
.listTop01 dd{
padding: 5px 16px 7px;
font-size: 92.31%;
}
/* トップページ転職エージェント */
.listTop02 dt{
font-weight: bold;
margin-bottom: 5px;
}
.listTop02 dd{
font-size: 92.30%;
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: 10px;
}
.icoArr01:before{
content: '';
width: 10px;
height: 18px;
background: url(../images/sprite_001.png) -450px -194px no-repeat;
position: absolute;
left: 0; top:0;
}
.icoArr01.linkBack {
top: 20px;
text-align: center;
}
.icoBlank01 {
padding-left: 16px;
position: relative;
}
.icoBlank01:before{
content: '';
width: 16px;
height: 18px;
background: url(../images/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(../images/sprite_001.png) -550px -197px no-repeat;
position: absolute;
right: 0; top:0;
}
.icoCir01 {
padding-left: 16px;
position: relative;
}
.icoCir01:before{
content: '';
width: 16px;
height: 18px;
background: url(../images/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(../images/sprite_001.png) 0px -247px no-repeat;
position: absolute;
left: 0; top:0;
}
.icoMod02 {
padding-right: 20px;
position: relative;
}
.icoMod02:before{
content: '';
width: 12px;
height: 12px;
background: url(../images/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(../images/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(../images/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(../images/sprite_001.png) -400px -600px no-repeat;
position: absolute;
left:0; top:3px;
}
.icoAppended01{
position: relative;
padding-left: 18px;
}
.icoAppended01:before{
content: '';
width: 36px;
height: 36px;
background: url(../images/sprite_001.png) -450px -600px no-repeat;
position: absolute;
left:0; top:-5px;
}
/*--------------------------------------------------
Table
--------------------------------------------------*/
.tbl01{
width: 100%;
border-collapse: collapse;
border-left: solid 1px #e6e6e6;
border-top: solid 1px #e6e6e6;
border-right: solid 1px #e6e6e6;
}
.tbl01 th, .tbl01 td{
border-bottom: solid 1px #e6e6e6;
padding: 15px;
}
.tbl01 thead th{
font-weight: bold;
background: #f0f0f0;
}
.tbl01 tbody th{
font-weight: bold;
background: #f7f7f7;
}
.tblSeminarDetail tbody th{
padding: 16px;
width: 159px;
vertical-align: top;
}
.tblThDetail th{
font-size: 115.38%;
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: 115.38%;
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: 107.69% ;
}
.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(../images/bg_003.png) 0 bottom repeat-x;
margin-bottom: 15px;
}

.tblDetail02{
width: 100%;
border-collapse: collapse;
border-top: solid 1px #d9d9d9;
border-left: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9;
}
.tblDetail02 th{
padding: 16px;
background: #f7f7f7;
width: 159px;
vertical-align: top;
font-size: 107.69%;
font-weight: bold;
border-bottom: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9 !important;
}
.tblDetail02 td{
padding: 16px;
border-bottom: solid 1px #d9d9d9;
font-size: 107.69% ;
}
.tblDetail02 td p{
margin: -2px 0 -3px;
font-size: 107.69% ;
}
.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(../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(../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(../images/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: collapse;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
}
.tblForm01 th{
border-bottom: solid 1px #e5e5e5;
background: #f7f7f7;
width: 239px;
vertical-align: top;
}
.tblForm01 th .thIner01{
position: relative;
padding: 16px;
line-height: 1.5;

}

.tblFormTitle{
font-size: 115.38%
}

.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: 16px;
}
.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:first-of-type{
margin-left: 0;
}

.tblFormLineR th {
border-right: solid 1px #e5e5e5;
}

/* 会社説明会タイトル */
.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: solid 2px #e6e6e6;
padding: 16px;
}
.listInformation .linkText{
margin-left: 30px;
}
.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 16px;
background: #f2f2f2;
border:solid 1px #e6e6e6;
}
.modListFunctionB.gm0670282{
background: #f5f5f5;
}
.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: 16px;
}
.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;
}
.modListFunction .boxRight.boxRight075 .parts{
margin-left: 8px;
}
.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: solid 2px #e6e6e6;
}
.flAddCs{
border: solid 0px ;
}
.modListFunctionUnder.modListFunctionUnderBorderNone{
border-bottom: none;
}
.pagerNumber{
font-size: 123.07% ;
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: 82.125%;
display: block;
line-height: 36px;
/* background: url(../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: right;
}
.scrollHeadInrJob  .funcText{
width: 40px;
}
.funcText.func118{
width: 118px;
}
.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;
}
.counter .number{
font-size: 184.61%;
color:#ff0000;
font-weight: bold;
}
/*-- ドロップダウンリスト --*/
.funcDrop{
height: 28px;
width: 201px;
position: relative;
float: left;
background: #fff url(../images/ico_btn_005.png) right 12px no-repeat;
border: solid 1px #cccccc !important;
border-radius: 2px;
padding-right: 21px;
}
.funcDrop:hover{
border: solid 1px #adadad !important;
}
.funcDrop.frontLayer{
border: solid 1px #aac8f0 !important;
box-shadow: 0 0 0 1px #aac8f0; /* CSS3 */
}
.funcDropWide{
width: 201px;
}
.funcDropWide.superWide{
width: 251px;
}
.funcDropWide.superLongWide{
width: 301px;
}
.funcDropMin{
width: 26px;
height: 16px;
padding: 6px 21px 6px 15px;
}
.funcDrop .display{
display: block;
line-height: 1.1em;
width: 191px;
overflow: hidden;
margin: 8px 0 0 10px;
cursor: pointer;
}
.funcDrop .display .gray{
display: inline-block;
margin-left: 10px;
color: #808080;
}
.funcDrop .dropMenu:hover{
border: solid 1px #adadad;
}
.funcDropMin .display{
width: 26px;
height: 16px;
margin: 0 !important;
}
.funcDropMin .display.allCheck{
display: block;
width: 16px;
overflow: hidden;
}
.funcDropMin .display.allCheck img{
position: relative;
top: -1px;
left:  -151px;
}
.funcDropMin .display.allCheck:hover img{
position: relative;
top: -101px;
left:  -151px;
}
.funcDropMin .display.allCheck.checked img{
position: relative;
top: -51px;
left:  -151px;
}
.funcDropMin .display.allCheck.checked:hover img{
position: relative;
top: -101px;
left: -201px;
}
/* .funcDropWide .display{
width: 181px;
} */
.funcDropWide.superWide .display{
width: 241px;
}
.funcDropWide.superLongWide .display{
width: 281px;
}
.funcDrop .dropMenu{
display: none;
position: absolute;
right: -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;
}
.funcDrop .dropSectionLeft{
border-right: solid 1px #ccc;
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: #0a50a1;
text-decoration: none;
background: #ebecf8;
}
.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: #0a50a1;
text-decoration: none;
background: #ebecf8;
/*background: #ededed url(../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 #101177;
}
.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: #101177;
border: solid 1px #101177;
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 #101177;
}
.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 #101177;
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: solid 4px #101177;
}
.modList01 .upper{
background: #fafafa;
border-bottom: solid 1px #e6e6e6;
}
.modList01 .upper .box01,
.modList01 .upper .box02,
.modList01 .upper .box21,
.modList01 .upper .box22,
.modList01 .upper .box23{
display: table-cell;
}
.modList01 .upper .box01{
width: 40px;
vertical-align: middle;
background: #e6e6e6;
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: 10px 0;
}
.modList01 .upper .box21{
width: 592px;
padding-left: 16px;
}
.modList01 .upper .box21 .icoSvc01{
margin-left: 10px;
}
.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: 6px;
    height: 21px;
    }
    .rest span{
    color: #ff0000;
    font-weight: bold;
    font-size: 138.46%;
    }
    .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: 123.07%;
    /* color: #0a50a1; */
    margin-top: -3px;
    margin-bottom: 7px;
    line-height: 1.38em;
    }
    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.538em;
    font-weight: normal;
    }
    p.status{
    display: inline-block;
    margin-bottom: 10px;
    height: 17px;
    }
    p.status span{
    margin-right: 10px;
    }
    /*ここまでぜんたいがけかモジュール内に限定するか要件等（デザイン上げってきたら）*/
.modList01 .under{
padding-top: 10px;
}
.modList01 .under .box01{
float: left;
width: 648px;
}
.modList01 .under .box01.boxHistory{
width: initial;
width: auto;
}
.modList01 .under .box01.boxHistory dd{
width: 780px;
}
.modList01 .under .box02{
float: right;
width: 192px;
}
.finsed01{
font-size: 92.30%;
display: inline-block;
width: 78px;
line-height: 28px;
height: 28px;
border: solid 1px #cccccc;
text-align: center;
background: #fff;
color: #292929;
}
.finsed02{
padding: 8px 0;
text-align: center;
background: #f2f2f2;
color: #000 !important;
}
/*-- トップ新着求人 --*/
.modTopNewHead{
height: 16px;
line-height: 1em;
margin-bottom: 10px;
margin-top: 16px;
}
.modTopNewHead h2{
font-size: 138.46% !important;
float: left;
}
.modTopNewHead p{
float: right;
}
.modTopNewlinks{
padding: 16px;
font-weight: bold;
background: #f2f2f2;
line-height: 1.571em;
font-size: 107.69%;
}
/*-- トップ求人特集 --*/
.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: #b8b8b8 !important;
border-top: solid 4px #b8b8b8;
}
.modListFin h2.title{
color: #b8b8b8;
}
.modListFin .listDateInfo dt {
color: #b8b8b8;
}
.modListFin .icoSts01{
color: #b8b8b8 !important;
border: solid 1px #b8b8b8;
}
.modListFin .icoSts02{
background: #b8b8b8;
}
.modListFin .icoSts03{
color: #b8b8b8 !important;
border: solid 1px #b8b8b8;
}
.modListFin .icoSts05{
color: #b8b8b8 !important;
border: solid 1px #b8b8b8;
}
.modListFin .icoSts10{
color: #b8b8b8 !important;
border: solid 1px #b8b8b8;
}
.modListFin .detailIcons li {
color: #b8b8b8 !important;
}
.modListFin .icoSpc01{
background: #b8b8b8;
}
.modListFin .finsed01 {
color: #B8B8BE;
border: solid 1px #cccccc;
}

/* 求人検索結果一覧 */
.modList02{
border-top: solid 4px #101177;
}
.modList02 .upper{
background: #fafafa;
padding: 15px 16px 10px;
}
.modList02 .upper .title a:hover .company,
.modList02 .upper .title a:hover .job{
text-decoration: underline;
}
.modList02 .title .company{
font-size: 153.84%;
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: 138.5%;
}
.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: 107.69%;
}
.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(../images/bg_001.png) 0 0 repeat-x;
border-bottom: solid 1px #e6e6e6;
}
.modList02 .sectionLine{
border-bottom: solid 1px #e6e6e6;
}
.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: 84.61%;
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: 92.30%;
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: solid 3px #f2f2f2;
padding: 15px;
}
.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(../images/bg_003.png) 0 bottom repeat-x;
margin-bottom: 16px;
}
.modTypeBorder02 .title h2{
color: #ff6600;
font-size: 169.23%;
line-height: 1.37em;
margin: -2px 0 -6px;
}
.modTypeBorder02 .left{
width: 666px;
float: left;
}
.modTypeBorder02 .left p{
font-size: 107.69% ;
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: 153.84% ;
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: 115.38%;
font-weight: bold;
padding-bottom: 10px;
background: url(../images/bg_003.png) 0 bottom repeat-x;
margin-bottom: 15px;
}
.modDetail02 .inner01 .right .text{
font-size: 107.69%;
}
.modDetail02 dl.interview{
font-size: 107.69%;
line-height: 1.5em;
}
.modDetail02 dl.interview.type01{
background: url(../images/bg_004.png) left bottom no-repeat;
min-height: 76px;
}
.modDetail02 dl.interview.type02{
background: url(../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(../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(../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: 107.69%;
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(../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: 92.30% !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(../images/bg_007.png) 0 0 no-repeat;
font-size: 107.69%;
line-height: 1.5em;
}
.modDetail04{
padding-bottom: 2px;
background: url(../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: url(../images/bg_009.png) center 0 no-repeat;
}
.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: 107.69%;
margin-top: 10px;
}
.modDetailBtn .btnWrap .notice{
font-size: 78.57%;
}
.modDetailBtn .btnWrap div p span{
margin-left: 10px;
}
.noticetext{
 font-size: 76.92% !important;
 color: #808080;
 line-height: 1.4em;
 margin-top: 50px;
}
.noticetext02{
 font-size: 76.92% !important;
 color: #808080;
 line-height: 1.4em;
}
.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: 184.61%;
color: #ff0000;
}
p.metaTxt.sideRight{
    font-size: 84.61% !important;
    text-align: right;
}
/*--------------------------------------------------
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.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: solid 1px #dbdbdb;
margin-bottom: 7px;
}
.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;
padding: 0 7px;
}
.slider02{
width:986px;
padding: 0 1px;
}
.slider01 li{
margin-right: 10px;
}
.slider02 li{
margin-right: 62px;
}
.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: 15px;
}
.bx-prev:after{
content:' ';
display: block;
width: 11px;
height: 18px;
position: absolute;
left: 10px;
top:0;
background: url(../images/sprite_001.png) -200px -200px no-repeat;
}
.bx-prev:hover:after{
background: url(../images/sprite_001.png) -200px -218px no-repeat;
}
.bx-next{
display: inline-block;
position: relative;
height: 18px;
width: 31px;
text-indent: -9999px;
margin-left: 15px;
}
.bx-next:after{
content:' ';
display: block;
width: 11px;
height: 18px;
position: absolute;
left: 10px;
top:0;
background: url(../images/sprite_001.png) -300px -200px no-repeat;
}
.bx-next:hover:after{
background: url(../images/sprite_001.png) -300px -218px no-repeat;
}
.bx-pager-item{
display: inline-block;
width: 10px;
height: 14px;
position: relative;
margin: 0 10px;
}
.bx-pager-item .bx-pager-link{
display:block;
position: absolute;
left: 0;
top: 8px;
width: 10px;
height: 10px;
text-indent: -9999px;
background: url(../images/sprite_001.png) -250px -200px no-repeat;
}
.bx-pager-item .bx-pager-link.active,
.bx-pager-item .bx-pager-link:hover{
background: url(../images/sprite_001.png) -250px -210px no-repeat;
}
.bx-controls-direction{
text-align: center;
}
.bx-controls-direction table{
margin:0 auto;
}
.bx-pager{
display: inline-block;
text-align: center;
height: 18px;
overflow: hidden;
margin-top: 20px;
}

/*--------------------------------------------------
Web履歴書
--------------------------------------------------*/
#graph {
position: relative;
}
.webHistory {
margin-bottom: 12px;
}
.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: 246px;
height: 150px;
position: absolute;
right: 0;
top: 0;
}
.svg_area .numLarge {
width: 260px;
padding-top: 33px;
font-size: 1.231em;
font-weight: bold;
position: absolute;
left: -12px;
top: 30px;
text-align: center;
color: #0a50a1;
}
.svg_area .numLarge span{
font-size: 2.063em;
}
.chkBox {
width: 596px;
}
.chkBox h3 {
margin-bottom: 10px;
line-height: 24px;
}
.chk01 li{
margin-bottom: 14px;
float: left;
}
.chk01 .li01 {
width: 111px;
}
.chk01 .li02 {
width: 107px;
}
.chk01 .li03 {
width: 127px;
}
.chk01 .li04 {
width: 130px;
}
.chk01_on,
.chk01_off {
padding-left: 20px;
position: relative;
}
.chk01_on:after {
width: 14px;
height: 10px;
background: url(../images/sprite_001.png) -100px -503px no-repeat;
content: '';
overflow: hidden;
position: absolute;
top: 4px;
left: 0;
}
.chk01_off:after {
width: 14px;
height: 10px;
background: url(../images/sprite_001.png) -100px -553px no-repeat;
content: '';
overflow: hidden;
position: absolute;
top: 4px;
left: 0;
}
.boxWrap .fltL {
position: relative;
}
.chkP01 {
background: #f2f2f2;
padding: 14px 17px 12px;
}
.chkP02 {
width: 246px;
height: 40px;
position: absolute;
bottom: -22px;
}
.chkP03 p span{
padding-left: 72px;
position: relative;
display: inline-block;
}
.chkP03 p span:after {
width: 64px;
height: 21px;
background: url(../images/sprite_001.png) -500px -500px no-repeat;
content: '';
overflow: hidden;
position: absolute;
top: -1px;
left: 4px;
}
.chkA {
padding-left: 10px;
background: url(../images/ico_arrow_002.png) no-repeat left 5px;
}
.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: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 0 #999999;
background-color: #fff;
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 #999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.balloon01 p:after,
.balloon05 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;
}
/*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: 100%;
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(../images/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: 84.61%;
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: 84.61%;
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(../images/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:200px;
    margin:10px auto;
    border:1px solid #dddddd;
}
.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: 115.38%
}

/* 受付終了 */
.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: collapse;
border-top: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
}
.tblForm02 th{
border-bottom: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
vertical-align: middle;
text-align: center;
}
.tblForm02 th .thIner01{
background: #f7f7f7;
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;
}
.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: 115.38%;
}



.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: 155% ;
    font-weight: bold;
    padding: 15px 0 20px;

}
.link_tbl01 tbody th{
    font-weight: bold;
    background: #ccc;
}

.link_tbl01_font1 {
    font-size: 100% ;
}
.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: 76.92%;
    line-height: 1em;
    text-align: center;
}
.link_btnType01{
display: inline-block;
padding: 10px 14px 8px;
font-size: 107.71%;
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: 100%;
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(../images/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(../images/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(../images/sprite_001.png) no-repeat -50px -300px;
position:absolute;
left:0; top:0;
}

.icoSpc05{
display: inline-block;
width: 162px;
}

.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: #F2F2F2;
border:solid 1px #e6e6e6;
padding: 75px 0;
text-align: center;
margin-top: 20px;
}


.head09 table{
border-top:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid;
border-spacing:0;
}
.head09 table th,
.head09 table td{
border-left:1px #d9d9d9 solid;
border-bottom:1px #d9d9d9 solid;
padding:15px;
margin:0;
box-sizing:border-box;
}
.head09 table th{
font-weight:bold;
font-size: 107.69% ;
background-color:#f7f7f7;
width:190px;
}

.head09 table td{
font-size: 107.69% ;
}
.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:1px #E6E6E6 solid !important;
border-bottom:1px #E6E6E6 solid;
overflow: hidden;
}
.modTypeBorder03 p{
font-size: 107.69%;
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: 10px;
}
.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: 184.61%;
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: 107.69% !important;
margin: 6px 0 -4px;
font-weight: normal;
}
.head10Detail .inner{
border-top: solid 4px #101177;
padding-top: 16px;
position: relative;
}
.head10Detail .metaTxtL{
font-size: 107.69% !important;
margin-bottom: 20px;
}
.head10Detail .detailIcons{
padding: 10px 0 0;
background: #fff url(./../images/bg_002.png) 0 0 repeat-x;
}
.head10Detail .detailIcons01{
background: #fafafa url(./../images/bg_002.png) 0 0 repeat-x;
}
.head10Detail .inner .right{
position: absolute;
right: 0;
top: 10px;
}
.head10Detail .inner .left{
margin-right: 164px;
}
/* 返信 */
.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: 84.61% !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: 84.61%;
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(../images/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: 92.30%;
display: inline-block;
width: 145px;
line-height: 28px;
height: 28px;
border: solid 1px #cccccc;
text-align: center;
background: #fff;
color: #292929;
}

.finsed04{
font-size: 92.30%;
display: inline-block;
width: 70px;
line-height: 28px;
height: 28px;
border: solid 1px #cccccc;
text-align: center;
background: #fff;
color: #292929;
}

/* WEB履歴書お知らせモジュール */
.dlRsmLecture dt {
margin-top: 20px;
}
.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(../images/ico_rsm_checkOn_001.png) no-repeat;
padding-left: 18px;
}
.icoCheOff01 {
background: url(../images/ico_rsm_checkOff_001.png) no-repeat;
padding-left: 18px;
}

/* 汎用テーブル（WEB履歴書、登録情報設定一覧） */
.tbl05 td.idPhoto {
width: 180px;
}
.idPhoto li {
  margin-bottom: 10px;
  text-align: center;
}
.idPhoto li:first-of-type,.idPhoto li.first {
  margin-bottom: 20px;
}
.idPhoto li:last-of-type,.idPhoto li.last {
  margin-bottom: 0;
}
.backGray {
background-color: #d9d9d9;
padding: 0 3px;
display: inline-block;
}
.backGrayLarge {
background-color: #d9d9d9;
padding: 5px 3px;
display: inline-block;
font-size: 24px;
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%;
}
.tbl05 .tblNest01 td {
width: 30%;
}
.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: collapse;
border-left: solid 1px #e6e6e6;
border-top: solid 1px #e6e6e6;
}
.tbl06 th, .tbl06 td{
border-right: solid 1px #e6e6e6;
border-bottom: solid 1px #e6e6e6;
padding: 15px;
box-sizing: border-box;
vertical-align: top;
}
.tbl06 th {
font-weight: bold;
background: #f7f7f7;
text-align: center;
}


/* GM-009向け */
.tbl05{
width: 100%;
border-collapse: collapse;
border-left: solid 1px #e6e6e6;
border-top: solid 1px #e6e6e6;
}
.tbl05 td{
border-right: solid 1px #e6e6e6;
}
.tbl05 th, .tbl05 td{
border-bottom: solid 1px #e6e6e6;
padding: 15px 14px 15px 15px;
box-sizing: border-box;
}
.tbl05 th.leftBorder {
border-left: solid 1px #e6e6e6;
}
.tbl05 th {
width: 190px;
font-weight: bold;
background: #f7f7f7;
vertical-align: top;
}
.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: 55px;
padding: 5px 0 5px;
background: #fe0000;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSts08{
display: inline-block;
width: 55px;
padding: 5px 0 5px;
background: #a0a08c;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}
.icoSts09{
display: inline-block;
width: 58px;
padding: 4px 0 3px;
background: #0a50a1;
color:#fff;
font-size: 11px;
line-height: 1em;
text-align: center;
}

.mtbN5 {
margin-top: -5px;
margin-bottom: -5px;
}
.tbl05 .box30,
.tbl05 .box31,
.tbl05 .box32,
.tbl05 .box33,
.tbl05 .box34 {
display: table-cell;
}
.tbl05 .box30 {
width: 470px;
}
.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 #e6e6e6;
padding: 15px;
box-sizing: border-box;
}
.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: 5px;
}
.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 #101177;
}
.modList04 .upper{
background: #fafafa;
border-bottom: solid 1px #e6e6e6;
}
.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: 10px 0;
}
.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: 100px;
}
.modList04 .upper .box25{
padding-left: 16px;
vertical-align: middle;
width: 420px;
}
.modList04 .upper .box35{
padding-left: 16px;
vertical-align: middle;
width: 700px;
}
.modList04 .upper .box36{
vertical-align: top;
width: 80px;
}
    .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-top: 10px;
}
.modList04 .under .box01{
float: left;
width: 648px;
}
.modList04 .under .box02{
float: right;
width: 192px;
}

.layout30.bgGrey{
border:solid 1px #E6E6E6;
background-color:#F2F2F2;
padding:30px;
}

.layout16.bgGrey{
border:solid 1px #E6E6E6;
background-color:#F2F2F2;
padding:16px;
}

.layout30.errInfo{
border:solid 3px #E6E6E6;
background-color:#FFFFFF;
padding:15px;
font-size: 123.11%;
font-weight: bold;
line-height: 2.0em;
color: #f00;
}

.layout.errInfoMsg{
border:solid 3px #E6E6E6;
background-color:#FFFFFF;
padding:15px;
color: #f00;
}
.layout.errInfoMsg ul{
padding-top: 15px;
}
.layout.errInfoMsg ul:first-child {
padding-top: 0px;
}
.layout.errInfoMsg li.title{
font-weight: bold;
font-size: 123.11%;
}
.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(../images/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(../images/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(../images/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: 20px 0 50px;
}

/* 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: 138.46%;
}
.head09 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 2px #e6e6e6;
}

.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: 107.69% ;
}
.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: #fafafa;
    padding-bottom: 10px;
}
.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: solid 4px #101177;
}
.modList05 .upper{
padding-top: 10px;
}
.modList05 .title .company{
font-size: 153.84%;
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: 80px;
margin-bottom: 10px;
}
.modList05 .inner dl.companyInfo dd {
float: left;
width: 500px;
margin-bottom: 10px;
}
.modList05 .job{
    font-size: 107.69% !important;
    margin: 6px 0 -4px;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.538em;
}
.modList05 .inner .job{
margin-bottom: 20px;
width: 528px;
}
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;
}
.head01Detail.paddingMetaTxt {
padding-bottom: 10px;
padding-top: 30px;
}
table.jobView th {
vertical-align: top;
width: 192px;
}
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: 10px;
border: solid 1px #b8b8b8;
text-align: center;
float: right;
}
.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: 107.69%;
font-weight: normal;
}
.head11 .largeText {
font-size: 138.46%;
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: 107.69%;
}
.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;
}
/* メッセージ詳細 リクルーター表示 */
.recruiter {
width: 463px;
border-left: 1px #d9d9d9 solid;
border-right: 1px #d9d9d9 solid;
border-bottom: 1px #d9d9d9 solid;
float: right;
margin: 20px 0 20px 15px;
}
.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: 107.69%;
}
.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: 107.69%;
color: #500;
background-color: #f7f7f7;
}
.recruiter .recruiterHead {
display: table;
}
.recruiter .recruiterImageBlock {
display:table-cell;
width:126px;
padding: 15px 0 15px 15px;
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: 15px 15px 5px;
word-break: break-all;
}
.recruiter .recruiterBody {
padding-bottom: 10px;
}
.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: 107.69%;
}
.memberSlider .memberHead {
display: table;
}
.memberSlider .memberBlock {
display:table-cell;
padding: 15px 0px 5px 15px;
}
.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;
}

/* 紹介求人応募内容 見出し */
.head12{
margin-bottom:18px;
}
.head12Detail .inner {
border-top: solid 4px #101177;
padding-top: 18px;
}
.head12 .inner h1 {
font-size: 153.74%;
}
.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: solid 5px #e6e6e6;
  padding: 10px;
  background-color: #fafafa;
  display: block;
}
.underRecruiter .recruiterBlock {
  display: table;
  width: 100%;
}
.underRecruiter .recruiterImageBlock {
  display: table-cell;
  width: 102px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.underRecruiter .recruiterImageBlock img {
  max-width: 102px;
  max-height: 136px;
}
.underRecruiter .recruiterBody {
  padding: 0 0 0 10px;
}
.underRecruiter .recruiterDiv {
  padding-bottom: 5px;
  word-wrap: break-word;
  word-break: break-all;
  color: #0a50a1;
}
.underRecruiter .recruiterName {
  padding-bottom: 5px;
  word-wrap: break-word;
  word-break: break-all;
  color: #0a50a1;
  font-size: 123.07%;
  font-weight: bold;
}
.underRecruiter .recruiterMessage {
  background-color: #ffffff;
  padding: 10px;
  border: solid 1px #e6e6e6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  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%);
}

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:0;
   border:0;
}
.wrap_upload h2{
   font-size:138.4%;
   font-weight:bold;
   margin-bottom:15px;
}
.wrap_upload p{
   font-size:107.62%;
   line-height:1.4285;
   margin-bottom:10px;
}
.upload_document,
.upload_photo{
   width:425px;
   padding:25px 30px 33px 28px;
   border:2px solid #e6e6e6;
   box-sizing:border-box;
}
.upload_document{ float:left; }
.upload_photo{ float:right; }
.upload_document h3,
.upload_photo h3{
   font-size:138.4%;
   font-weight:bold;
   line-height:25px;
   height:25px;
   margin-bottom:25px;
   position:relative;
}
.upload_document.check_result h3:after,
.upload_photo.check_result h3:after{
   content:'';
   background:url(../images/sprite_001.png) no-repeat -550px 0;
   width:24px;
   height:24px;
   position:absolute;
   top:0;
   right:0;
}
.upload_result{
   word-break:break-word;
   height:50px;
   padding:10px 70px 0 0;
   position:relative;
}
.upload_result.no_date{
   padding-top:16px;
}
.upload_result:after{
   content:'';
   background-image:url(../images/sprite_001.png);
   background-repeat:no-repeat;
   width:60px;
   height:60px;
   position:absolute;
   top:0;
   right:0;
}
.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_button{
   text-align:center;
   padding-top:15px;
}
.upload_button .selectFileButton{
   float:none;
}
.wrap_upload .text_caution{
   color:#ff0000;
   font-size:107.62%;
   line-height:1.4285;
   clear:both;
   margin:0;
   padding-top:10px;
}
#upload_modal{
   display:none;
   width:100%;
   height:100%;
   position:fixed;
   top:0;
   left:0;
   z-index:3000;
}
#upload_modal .modal_back{
   background-color:rgba(0,0,0,.8);
   width:100%;
   height:100%;
}
#upload_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;
}
#upload_modal h3{
   font-size:138.46%;
   font-weight:bold;
   margin-bottom:18px;
}
#upload_modal .upload_caption{
   line-height:1.0769;
   padding:0 15px;
}
#upload_modal .error{
   color:#ff0000;
   line-height:1.15384;
   display:block;
   margin-top:10px;
}
#upload_modal .upload_button{
   width:100%;
   padding:0;
   position:absolute;
   bottom:20px;
   left:0;
}
#upload_modal .modal_close{
   display: block;
   width: 18px;
   height: 18px;
   border: solid 1px #b8b8b8;
   border-radius: 2px;
   background: #fff url(../images/sprite_001.png) -46px -197px no-repeat;
   text-indent: -9999px;
   position: absolute;
   right: 15px;
   top: 10px;
   padding: 0;
   cursor: pointer;
}
#upload_modal .uploadButton{
   display:none;
}

/* ----------------------------------------------------------------
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: solid 4px #101177;}
.itvlflAddCss {border-top: solid 0px;}
.modList03 .inner {
border-bottom: solid 1px #e6e6e6;
}
.modList03 .inner .box01 {
padding:20px 0;
}
.modList03 .inner .box21 {
padding-left:16px;
width: 110px;
}
.modList03 .inner .box22 {
width: 180px;
}
.modList03 .inner .box23 {
width: 544px;
padding-left: 30px;
}
.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: 81.31%;
}


p.staff {
margin-top: 10px;
}
p.staff span {
 color: #808080;
}
.modList03 .inner a.btnList04 {
width: 175px;
margin-top: 10px;
}
.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: 138.46%;
 }
.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:#ffeeeb; 
}
.modList03 .inner .listDateInfo dd {
line-height: 1.5;
}
.modList03 .inner .box22 p.result {
font-size: 138.46%;
text-align: center;
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:18px;
width: 476px;
}
.modList03 .inner .box27 {
padding-left:22px;
width: 94px;
text-align:center;
}
.modList03 .inner .box28 {
padding-left:22px;
width: 185px;
}
.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:#e6e6e6;
text-align:center;
position:relative;
}
.modList03 .inner .box02 span{
margin-right:0;
}

.modList03 .inner .bgGr{
background-color:#f2f2f2;
}
.modList03 .inner .left {
padding-left:18px;
}
.modList03 .inner .middle {
width: 160px;
padding-left:0;
}


.funcDropWide .wd1{
width:291px;
}

.modList03 .inner .box34 {
width: 132px;
display:table-cell;
vertical-align:middle;
}

.modList04 .inner .box01,
.modList04 .inner .box02{
display: table-cell;
vertical-align: middle;
}
.modList04 {border-top: solid 4px #101177;}
.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 #d9d9d9;
}


/* ----------------------------------------------------------------
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:1px dotted #999999;
}
.mb_reg_form_wrap.last{
    border-bottom:0px;
}
.mb_reg_form_r{
    border-right:0px;
}

.ac_question.mb_reg_accordion_h{
    border-bottom: 0px;
}
