/* CSS Document */
/*
============================================================
* common.css
============================================================
*/
.tc {
text-align: center;
}
.fl {float: left;}
.fr {float: right;}
.fc {clear: both; float: none;}
/* margin Top Right Bottom Left*/
/*no.4117055 no.4117058 2021.12.24 ここから修正*/
.m0 { margin: 0 !important; }
/*no.4117055 no.4117058 2021.12.24 ここまで修正*/
.mt0 { margin-top: 0px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt1em { margin-top: 1em !important; }
.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb80 { margin-bottom: 80px !important; }
.ml0 { margin-left: 0px !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml3 { margin-left: 3px !important; }
.ml4 { margin-left: 4px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
/* padding Top Right Bottom Left*/
/*no.4117055 no.4117058 2021.12.24 ここから修正*/
.p0 { padding: 0 !important; }
/*no.4117055 no.4117058 2021.12.24 ここまで修正*/
.pt0 { padding-top: 0px !important; }
.pt1 { padding-top: 1px !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pr0 { padding-right: 0px !important; }
.pr1 { padding-right: 1px !important; }
.pr2 { padding-right: 2px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl0 { padding-left: 0px !important; }
.pl1 { padding-left: 1px !important; }
.pl2 { padding-left: 2px !important; }
.pl3 { padding-left: 3px !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.mlr10 { margin: 0 10px !important; }
.mlr30 { margin: 0 30px !important; }
.plr10 { padding: 0 10px !important; }
.mlAuto {
margin-left: auto;
margin-right: auto;
}
/* vertical align*/
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.vab { vertical-align: bottom; }
/*width px*/
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w40 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w260 { width: 260px !important; }
.w300 { width: 300px !important; }
.w400 { width: 400px !important; }
.w530 { width: 530px !important; }
.w580 { width: 580px !important; }
.w600 { width: 600px !important; }
.w700 { width: 700px !important; }
.w780 { width: 780px !important; }
.w800 { width: 800px !important; }
/* width percentage */
.w100p {
width: 100% !important;
*width: 90% !important;/* for ie7*/
}
/* font size */
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs34 { font-size: 34px; }
.fs40 { font-size: 40px; }
/* text align*/
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.line {
border-top: solid #f4f4f4 1px;
}
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.pointer {
cursor: pointer;
}
.color333 {
color: #333;
}
.color666 {
color: #666;
}
.colorOrange {
color: #fc7d19!important;
}
.colorOrange02 {
color: #f57113!important;
}
.colorGreen {
color: #21c274;
}
.radius6 {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.displayNone {
display: none;
}
.displayBlock {
display: block !important;
}
.displayInBlock {
display: inline-block !important;
}
.note dt {
float: left;
margin-right: 5px;
}
.note dd {
overflow: hidden;
}
.note:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.dlMt20 dt,
.dlMt20 dd {
margin-top: 20px;
}
.no_opacity {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-ms-filter: "alpha(opacity=100)" !important;
-moz-opacity: 100 !important;
-khtml-opacity: 100 !important;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.imeJapanese {
ime-mode: active;
}
.imeRoman {
ime-mode: disabled;
}
.hideRadio {
display: none;
}
.hideRadio.opened {
display: block;
}
#container .colorLink {
font-size: 13px;
color: #11a7d7;
text-decoration: underline;
}
.a_line {
text-decoration: underline !important;
}
.a_line:hover {
text-decoration: none !important;
}
/* choice.html
--------------------------------------------------------------------------------*/
body { font-size: 13px; }
/* header */
body header {
width: 960px;
margin: 0 auto 20px;
position: relative;
}
body header p {
color: #999999;
font-size: 0.9em;
padding: 12px 0 5px;
}
body header .headerBtn {
position: absolute;
top: 20px;
right: 0;
padding: 0;
color: #333333;
}
/* wrapper */
body #wrapper {
margin: 0 auto 30px;
}
body #wrapper .column1 {
margin: 0 5px;
width: 960px;
}
body #wrapper .column2 { width: 970px; }
#wrapper2 .column1 {
margin: 0 auto;
width: 960px;
}
#wrapper2 .column2 {
margin: 0 auto;
width: 970px;
}
/* bread */
body #bread {
background: #38b5d5;
/* background: #30b0d5; */
/* opacity: 0.8; */
border-top: 1px solid #32a8ce;
border-bottom: 1px solid #32a8ce;
font-weight: bold;
color: #ffffff;
font-size: 0.9em;
line-height: 1;
margin-bottom: 21px;
min-height: 10px;
}
body #bread ul { width: 960px; }
#bread ul li {
margin-right: 10px;
background: url(/registration/img/common/ico_bread_arw.png) 100% 50% no-repeat;
padding: 6px 17px 4px 0;
}
/* announceArea */
.announceArea {
position: relative;
height: 115px;
}
.announceArea .loginArea {
position: absolute;
top: 10px;
right: 0;
clear: both;
}
.announceArea .loginArea p { float: left; }
.announceArea .loginArea p.txt { padding: 5px; }
.announceArea p.headTxt {
position: absolute;
bottom: 0;
}
/* entryJobBox */
.entryJobBox {
border: 1px solid #40b5d3;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 40px 0;
}
.entryJobBox h2 {
background: #d0f5fd;
border-bottom: 1px solid #40b5d3;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
padding: 8px 10px;
font-size: 16px;
font-weight: bold;
color: #40b5d3;
}
.entryJobBox .jobTtl {
border-bottom: 1px dotted #40b5d3;
padding: 10px;
line-height: 1.5em;
clear: both;
color: #ff6600;
}
.entryJobBox .lk_insite {
color: #40b5d3;
text-decoration: underline;
font-weight: bold;
}
.entryJobBox dl { margin: 10px; }
.entryJobBox dt,
.entryJobBox dd { float: left; }
.entryJobBox dt {
color: #40b5d3;
padding-right: 1em;
}
/* pageBack / pagetop */
body .pageBack,
body .pagetop {
margin: 90px 0 60px;
padding-top: 0;
font-weight: normal;
text-decoration: underline;
clear: none;
}
body .pageBack {
float: left;
}
body .pagetop {
float: right;
}
body .pageBack a {
background: url(/registration/img/common/ico_link_arw.gif) 0 2px no-repeat;
padding-left: 13px;
}
#wrapper .pagetop {
padding-top: 0;
font-weight: normal;
}
body .pagetop a ,
#wrapper .pagetop a {
background: url(/registration/img/common/ico_pagetop.gif) 100% 2px no-repeat;
padding-right: 13px;
}
body .pageBack a:hover { background: url(/registration/img/common/ico_link_arw_on.gif) 0 2px no-repeat; }
body .pagetop a:hover,
#wrapper .pagetop a:hover { background: url(/registration/img/common/ico_pagetop_on.gif) 100% 2px no-repeat; }
body .pageBack a:hover,
body .pagetop a:hover { color: #999; }
/* footer */
footer,#footer {
background: url(/registration/img/common/bgimg_footer.png) center bottom no-repeat;
background-size: cover;
text-align: center;
color: #fff;
height: 120px;
}
footer p,
#footer p { padding: 50px 0 0; }
/* contents
--------------------------------------------------------------------------------*/
/* h */
h3.colBlue {
background: #38b5d5;
margin-bottom: 20px;
padding: 0.7em 20px;
font-weight: bold;
color: #fff;
}
.bgBlueTitle {
padding: 9px;
background: #38b5d5;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.blueLineArea {
margin-top: 20px;
padding: 19px;
border: solid 1px #38b5d5;
}
.bdBuleTitle {
border-bottom: solid 2px #1aa0e5;
font-size: 17px;
width: 100%;
color: #1aa0e5;
padding-bottom: 5px;
}
.lightBoxTitle {
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #333;
color: #333;
}
/* icon */
.ico_exclamation {
background: url(/registration/img/common/ico_exclamation.gif) 0 2px no-repeat;
padding-left: 15px;
}
.boxS { margin: 0 160px; }
.colBlueBox {
background: #d1f5fc;
padding: 25px 20px 30px;
text-align: center;
}
.contactArea {
text-align: center;
font-size: 15px;
}
.contactArea2 { font-size: 15px; }
.contactArea2 .fll,
.contactArea2 .flr { width: 50%; }
.contactArea2 .fll { float: left; }
.contactArea2 .flr {
text-align: right;
float: right;
}
.idArea {
background: #fff8f3;
border: 1px solid #fdbe8c;
padding: 40px 65px;
}
.bgWhite {
background: #FFFFFF!important;
}
.idArea dl {
font-size: 32px;
color: #333;
clear: both;
overflow: hidden;
}
.idArea dl dt,
.idArea dl dd { float: left; }
.idArea dl dt { width: 170px; }
.idArea dl dd {
font-weight: bold;
width: 338px;
}
.errorForm {
margin-bottom: 40px;
border: solid 1px #ccc;
}
.errorForm .errorHead {
padding: 12px 0 11px 51px;
background: #eeeeee url("/registration/img/common/ico_alert.png") no-repeat scroll 19px 10px;
color: #ff6666;
font-weight: bold;
}
.errorForm .errorCont {
margin: 0 15px;
padding: 15px 0;
}
.errorForm .exp {
margin-bottom: 10px;
}
.errorForm .errorTxt span {
color: #ff6666;
text-decoration: underline;
}
.errorForm .errorTxt span a {
color: #11a7d7;
text-decoration: underline;
}
/*
#コンバージョンボタン
```
幅350px デフォルト
オレンジのボタン
幅350px 矢印なし
オレンジのボタン
```
*/
.btnArea {
width: 350px;
margin: 0 auto;
}
.btnArea_left {
width: 150px;
}
.btnOrange {
position: relative;
border: 1px solid #af6505;
padding: 15px 0 15px;
text-align: center;
color: #ffffff !important;
font-size: 17px;
font-weight: bold;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #666 0px 0px 2px;
-moz-box-shadow: #666 0px 0px 2px;
box-shadow: #666 0px 0px 2px;
background-color: #FF790B;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF790B), to(#f26a0d));
background: -webkit-linear-gradient(#FF790B, #f26a0d);
background: -moz-linear-gradient(#FF790B, #f26a0d);
background: -ms-linear-gradient(#FF790B, #f26a0d);
background: -o-linear-gradient(#FF790B, #f26a0d);
background: linear-gradient(#FF790B, #f26a0d);
background-repeat: no-repeat;
display: block;
}
.btnOrange:hover {
background-color: #f26a0d;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f26a0d), to(#FF790B));
background: -webkit-linear-gradient(#f26a0d, #FF790B);
background: -moz-linear-gradient(#f26a0d, #FF790B);
background: -ms-linear-gradient(#f26a0d, #FF790B);
background: -o-linear-gradient(#f26a0d, #FF790B);
background: linear-gradient(#f26a0d, #FF790B);
}
.btnOrange:link {
color: #FFFFFF;
}
.btnOrange:after {
background: url(/registration/img/icon_bt_arw.png) no-repeat;
background-size: 7px 10px;
content: "";
height: 10px;
position: absolute;
right: 10px;
top: -webkit-calc(50% - (10px / 2));
top: -moz-calc(50% - (10px / 2));
top: calc(50% - (10px / 2));
width: 7px;
}
.btnOrangeImg {
padding: 12px 0;
}
.noArw:after {
background: none;
}
/*
#ヘッダーの保存して入力を中断するボタン
```
```
*/
.btnWhite {
position: relative;
border: 1px solid #42b0cc;
padding: 12px 15px 10px;
text-align: center;
font-size: 14px;
font-weight: bold;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F9F9F9));
background: -webkit-linear-gradient(#FFFFFF, #F9F9F9);
background: -moz-linear-gradient(#FFFFFF, #F9F9F9);
background: -ms-linear-gradient(#FFFFFF, #F9F9F9);
background: -o-linear-gradient(#FFFFFF, #F9F9F9);
background: linear-gradient(#FFFFFF, #F9F9F9);
display: block;
color: #666666;
}
.btnWhite:after {
background: url(/registration/img/icon_bt_arw_black.png) no-repeat;
background-size: 7px 10px;
content: "";
height: 10px;
position: absolute;
right: 10px;
top: -webkit-calc(50% - (10px / 2));
top: -moz-calc(50% - (10px / 2));
top: calc(50% - (10px / 2));
width: 7px;
}
.shadow {
box-shadow: #666 0px 0px 2px!important;
}
.btnWhite_exSizing {
padding: 8px 15px 7px!important;
}
.btnWhite:hover {
background-color: #F9F9F9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9F9F9), to(#FFFFFF));
background: -webkit-linear-gradient(#F9F9F9, #FFFFFF);
background: -moz-linear-gradient(#F9F9F9, #FFFFFF);
background: -ms-linear-gradient(#F9F9F9, #FFFFFF);
background: -o-linear-gradient(#F9F9F9, #FFFFFF);
background: linear-gradient(#F9F9F9, #FFFFFF);
color: #333333;
}
.btnBlue {
position: relative;
border: 1px solid #2465a6;
padding: 12px 15px 10px;
text-align: center;
font-size: 14px;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #4f9de0;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4f9de0), to(#417eb3));
background: -webkit-linear-gradient(#4f9de0, #417eb3);
background: -moz-linear-gradient(#4f9de0, #417eb3);
background: -ms-linear-gradient(#4f9de0, #417eb3);
background: -o-linear-gradient(#4f9de0, #417eb3);
background: linear-gradient(#4f9de0, #417eb3);
display: block;
color: #FFFFFF;
}
.btnBlue:after {
background: url(/registration/img/icon_bt_arw.png) no-repeat;
background-size: 7px 10px;
content: "";
height: 10px;
position: absolute;
right: 10px;
top: -webkit-calc(50% - (10px / 2));
top: -moz-calc(50% - (10px / 2));
top: calc(50% - (10px / 2));
width: 7px;
}
.btnBlue:hover {
background-color: #4f9de0;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#417eb3), to(#4f9de0));
background: -webkit-linear-gradient(#417eb3, #4f9de0);
background: -moz-linear-gradient(#417eb3, #4f9de0);
background: -ms-linear-gradient(#417eb3, #4f9de0);
background: -o-linear-gradient(#417eb3, #4f9de0);
background: linear-gradient(#417eb3, #4f9de0);
display: block;
color: #FFFFFF;
}
/* TPR3 Ph2 2020.11.02 ここから修正 */
.btnGray2 {
background: #ccc;
border-radius: 4px;
color: #fff;
font-size: 17px;
font-weight: bold;
text-align: center;
padding: 15px 0 15px;
}
/* TPR3 Ph2 2020.11.02 ここまで修正 */
.noArw:after {
background: none;
}
/* ============================================
profile policy.html
============================================ */
.policy {
color: #333;
}
.policy .wrapper {
margin: 1em 1em 0;
line-height: 1.6;
font-size: 13px;
}
.policy .pageTopTxt {
font-weight: bold;
margin-bottom: 1em;
}
.policy .pageTit01 {
background: #e2f3fa;
font-size: 15px;
padding: 10px 12px;
}
.policy ol li {
margin: 1em 0;
padding-left: 1em;
text-indent: -1em;
}
.policy ul li {
padding-left: 1.1em;
text-indent: -1.1em;
}
.policy .liMargin01 li {
margin: 1em 0;
padding-left: 0.75em;
text-indent: -0.75em;
}
.policy .liMargin01 .liMargin02 li {
margin: 1em 0;
padding-left: 1.25em;
text-indent: -1.25em;
}
.policy .liMargin01 .liMargin02 .liMargin03 li {
margin: 1em 0;
padding-left: 1em;
text-indent: -1em;
}
#cboxLoadedContent {
margin-bottom: 65px;
}
#cboxClose {
display: block;
height: auto;
width: 94%;
left: 3%;
border: 1px solid #42b0cb;
margin-bottom: 10px;
padding: 12px 0 10px;
text-align: center;
color: #6666;
font-size: 17px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F9F9F9));
background: -webkit-linear-gradient(#FFFFFF, #F9F9F9);
background: -moz-linear-gradient(#FFFFFF, #F9F9F9);
background: -ms-linear-gradient(#FFFFFF, #F9F9F9);
background: -o-linear-gradient(#FFFFFF, #F9F9F9);
background: linear-gradient(#FFFFFF, #F9F9F9);
text-indent: 0;
}
#cboxClose2 {
display: none;
}
body #cboxOverlay2 {
z-index: 0;
}
.policy .btnWhite {
width: 250px;
margin: 0 auto;
}
.borderLbox01 {
padding-top: 30px;
background: url(/registration/img/border_lbox01.gif) repeat-x left top;
}
/* ============================================
profile confirm.html
============================================ */
.confirm .wrapper {
margin: 70px;
line-height: 1.6;
font-size: 13px;
}
.confirm ul li {
margin: 1em 0;
}
.confirm .btnWhite {
width: 120px;
}
.confirm .btnWhite.type02 {
width: 250px;
margin: 0 auto;
}
.confirm .btnWhite.type03 {
width: 316px;
margin: 0 auto;
padding-top: 11px;
padding-bottom: 9px;
font-size: 19px;
font-weight: normal;
color: #333!important;
}
.confirm .btnOrange {
width: 250px;
margin: 0 auto;
}
.confirm .card02 {
text-indent:-11em;
padding-left: 11em;
}
.blueTable {
width: 100%;
}
.blueTable th {
padding: 15px 12px;
font-weight: normal;
text-align: left;
background: url(/registration/img/border_table01.gif) repeat-x left top #e6fbff!important;
color: #333;
}
.blueTable td {
padding: 15px 12px;
vertical-align: top;
background: url(/registration/img/border_table01.gif) repeat-x left top!important;
color: #333;
}
.blueTable .last th {
background: url(/registration/img/border_table01.gif) repeat-x left top,url(/registration/img/border_table01.gif) repeat-x left bottom #e6fbff!important;
}
.blueTable .last td {
background: url(/registration/img/border_table01.gif) repeat-x left top,url(/registration/img/border_table01.gif) repeat-x left bottom!important;
}
.blueTable .ttl {
width: 300px;
}
.table01 {
margin: 20px auto 0;
border-top: solid 1px #d6d6d6;
border-left: solid 1px #d6d6d6;
width: 580px;
}
.table01 th, .table01 td {
padding: 5px 1px 4px;
border-bottom: solid 1px #d6d6d6;
border-right: solid 1px #d6d6d6;
}
.table01 th {
padding: 10px 1px 9px;
background: #009FE8;
color: #fff;
line-height: 1.4;
}*/
.table01 td {
text-align: center;
}
.table01 tr:nth-child(odd) {
background: #f0f0f0;
}
.table01.tablePop01 th {
width: 97px;
}
.table01.tablePop02 {
margin-top: 0;
}
.table01.tablePop02 th, .table01.tablePop02 td {
text-align: left;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
}
.table01.tablePop02 th:first-child {
width: 40%;
}
.table02 {
margin: 10px auto;
border-top: solid 1px #d6d6d6;
border-left: solid 1px #d6d6d6;
}
.table02 th, .table02 td {
padding: 10px;
border-bottom: solid 1px #d6d6d6;
border-right: solid 1px #d6d6d6;
}
.table02 th {
line-height: 1.4;
text-align: left;
font-weight: normal;
width: 290px;
}
.table02 td {
text-align: center;
width: 95px;
}
.table02 tr:nth-child(odd) {
background: #f0f0f0;
}
/* ============================================
break confirm.html
============================================ */
.break_confirm .wrapper {
margin: 50px;
line-height: 1.6;
font-size: 13px;
width: 500px;
}
.break_confirm ul {
width: 500px
}
.break_confirm ul li {
width: 48%;
}
.break_confirm .btnWhite {
}
.break_confirm .btnBlue {
color: #FFFFFF;
}
.break_confirm .caution {
color: #ff6666;
}
/* ============================================
change Directory
============================================ */
#oneColumnContentsShort a:link {
text-decoration: none;
}
a.btnWhite,
a.btnWhite:visited {
color: #666!important;
}
.hilightBlue {
color: #38b5d5!important;
}
.leadText {
padding-bottom: 40px;
font-weight: lighter;
color: #333;
}
.figFormFormat table th {
padding: 20px;
background-color: #e5faff;
}
.figFormFormat input {
line-height: 40px!important;
width: 310px;
height: 40px!important;
background-color: #f8f8f8!important;
border: 1px solid #ccc!important;
font-size: 18px!important;
}
.figFormFormat .choiceTable input {
height: auto;
}
.figFormFormat .choiceTable input.seibetsu {
width: auto;
}
.contactArea {
font-weight: lighter;
}
.footerNavBox02 {
padding-top: 60px;
padding-bottom: 50px;
}
.figFormFormat:first-child {
margin-bottom: 40px;
}
.subTit {
background: #38B5D5;
color: #fff;
font-size: 15px;
padding: 12px 10px;
line-height: 1;
}
.confirmTit {
font-size: 16px;
line-height: 1;
margin-left: 5px;
margin-bottom: 5px;
}
.returnBtnArea {
width: 100px;
margin: 30px 0;
}
/* change index.html */
#CancelContents .leadText {
padding-top: 0;
}
#CancelContents .torokukaiRecomendArea .btn {
width: 300px;
margin: 0 auto;
}
#CancelContents .torokukaiRecomendArea .btn a {
padding: 15px 40px;
}
#CancelContents .torokukaiRecomendArea p {
line-height: 1 ;
}
#CancelContents .torokukaiRecomendArea hr {
border: none;
height: 2px;
background: url(/registration/img/border_table01.gif) repeat-x left top!important;
}
.btn.online_toroku,
.btn.online_toroku a {
color: #009fe8!important;
}
.sankaku {
width: 0;
height: 0;
border-top: 35px solid #fee5d1;
border-right: 180px solid transparent;
border-bottom: 15px solid transparent;
border-left: 180px solid transparent;
margin: 0 auto;
}
.entryEdit {
width: 100%;
text-align: center;
background: url(/img_n/bgline_dotted.gif) repeat-y left bottom;
}
.entryEdit td {
line-height: 1;
padding: 0 28px 10px;
background: url(/img_n/bgline_dotted.gif) repeat-y right bottom;
vertical-align: middle;
font-size: 15px;
}
.entryEdit .btn {
width: 240px;
margin: 0 auto;
padding-bottom: 0!important;
}
#CancelContentsPop {
width: 100%;
margin: 0 auto;
}
#CancelContentsPop img {
}
#CancelContentsPop a.btn {
width: 150px;
position: absolute;
left: 20px;
bottom: 20px;
}
/* web index.html*/
.annotation {
color: red;
background-color: #e5faff;
padding: 15px 50px;
margin: 40px auto 0;
width: 740px;
}
.annotation2 {
color: red;
background-color: #e5faff;
padding: 15px 20px;
margin: 15px auto 25px;
}
.annotation2 .exclamationMrk {
background: url(/registration/input/img/exclamationMrk.png) left center no-repeat / contain;
}
.annotation3 {
background-color: #e5faff;
width: 100%;
}
.annotation3 .inner {
width: 960px;
margin: 0 auto;
padding: 10px 0;
}
.annotation3 .inner .exclamationMrk {
background: rgba(0, 0, 0, 0) url("/registration/input/img/exclamationMrk2.png") no-repeat scroll 0 1px ;
content: "";
}
.annotation3 .inner span {
color: #ff6666;
}
.annotation3 .inner2 {
margin: 0 auto;
padding: 10px 0;
}
.annotation3 .inner2 .exclamationMrk {
background: rgba(0, 0, 0, 0) url("/registration/input/img/exclamationMrk2.png") no-repeat scroll 0 1px ;
content: "";
}
.annotation3 .inner2 span {
color: #ff6666;
}
.ConfirmationArea {
width: 100%;
background-color: #fff8f3;
}
.ConfirmationArea .column1 >div:first-child {
padding: 30px 29px;
margin: 0 auto;
background-color: #fff;
border: 1px solid #fc7d19;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
}
.ConfirmationArea ul li {
width: 213px;
float: left;
vertical-align: top;
margin-right: 13px;
position: relative;
padding: 0;
}
.ConfirmationArea ul li a {
display: table-cell;
text-align: left;
line-height: 1;
vertical-align: middle;
width: 215px;
height: 98px;
padding: 12px 15px 10px;
}
.ConfirmationArea .btnWhite:after {
content:"";
background: url(/registration/input/img/ico_btn_sankaku.png);
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 22px;
top: 50%;
/* margin-top: -11px;*/
top: 0;
height: 100%;
background-position: left center;
position: absolute;
}
.ConfirmationArea .sankaku {
width: 0;
height: 0;
border-top: 25px solid #fc7d19;
border-right: 80px solid transparent;
border-bottom: 0px solid transparent;
border-left: 80px solid transparent;
margin: 0 auto;
}
.ConfirmationArea hr {
border: none;
height: 2px;
background: url(/registration/img/border_table01.gif) repeat-x left top!important;
}
.exclamationMrk {
content:"";
background: url(/registration/input/img/exclamationMrk.png);
background-repeat: no-repeat;
background-size: contain;
}
.exclamationMrk {
content:"";
background: url(/registration/input/img/exclamationMrk.png);
background-repeat: no-repeat;
background-size: contain;
}
.exclamationMrk02 {
content:"";
background: url(/registration/input/img/exclamationMrk.png) 5px 2px;
background-repeat: no-repeat;
background-size: 17px 16px;
}
/* ============================================
policy index03
============================================ */
.btnGray,
.btnGray:hover {
background: #d8d8d8;
border: solid 1px #acacac;
}
#reg_policy #c01 + label {
background-position: 305px;
}
#reg_policy #c02 + label {
background-position: 325px;
}
#reg_policy #c03 + label {
background-position: 365px;
}
/* ============================================
kaijyo index.html
============================================ */
.ConfirmationArea ul.kaijo li .icoJisshi {
position: absolute;
top: 12px;
left: 12px;
}
.ConfirmationArea ul.kaijo li a {
height: 76px;
padding: 44px 15px 0px;
}
.ConfirmationArea ul.kaijo li.btnWhite:after {
content:"";
background: url(/registration/input/img/ico_btn_sankaku.png);
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 22px;
top: 60%;
}
.ConfirmationArea ul.kaijo li.btnDiactivated {
border: 1px solid #CCCCCC;
border-radius: 4px;
background-color: #F9F9F9;
}
.ConfirmationArea ul.kaijo li.btnDiactivated span.altBox {
display: table-cell;
text-align: left;
line-height: 1;
vertical-align: middle;
width: 215px;
height: 76px;
padding: 44px 15px 0px;
}
.kaijo_logout {
float: left;
margin: 90px 0 60px;
text-decoration: underline;
}
/* ============================================
kaijyo mypage
============================================ */
.Procedureflow {
background: #fff8f3;
padding: 40px;
font-size: 14px;
color: #666666;
}
.Procedureflow .point_flow {
background-color: #fff;
padding: 15px 10px;
}
.Procedureflow .point {
padding: 20px 15px;
border: 1px solid #44c1f0;
}
.fc_4bc2ee {
color: #4bc2ee;
}
.checkbox_label.type02 {
background-position: 435px center;
}
.btnGray,
.btnGray:hover {
background: #d8d8d8;
border: solid 1px #acacac;
}
.checkbox_label.type02.kaiin_btn {
background-position: 370px center;
}
/* ============================================
input/kensyu.html
============================================ */
.kensyuOpen {
margin-top: 20px;
}
.kensyuOpen .textArea {
border: solid 1px #00abeb;
border-bottom: none;
display: none;
padding: 25px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
}
.kensyuOpen .btArea {
padding: 15px 0;
border: solid 1px #00abeb;
background: #EDFAFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.kensyuOpen .btOpened {
border-top-left-radius: 0;
border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
}
.btnLightblue {
border: solid 1px #00abeb;
background: #edfaff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-align: center;
padding: 15px;
cursor: pointer;
}
/* ============================================
input/system.html
============================================ */
.Procedureflow {
background: #fff8f3;
padding: 40px;
font-size: 14px;
color: #666666!important;
}
.Procedureflow .point_flow {
background-color: #fff;
padding: 15px 10px;
}
.Procedureflow .point {
padding: 20px 15px;
border: 1px solid #44c1f0;
}
.fc_4bc2ee {
color: #4bc2ee!important;
}
.point_flow hr {
border: none;
height: 2px;
background: url(/img_n/bgline_dotted.gif) repeat-x left bottom;
margin: 0;
}
.point_flow p {
color: #666666!important;
}
.haken_system p {
color: #666;
}
.haken_system .bold {
font-weight: bold;
}
.fc_ff0000 {
color: #ff0000!important;
}
.addex .wrapper {
margin: 10px!important;
}
.addex .btnOrange {
padding: 10px 0;
}
.addex .wrapper .img_area {
position: relative;
width: 780px;
height: 390px;
background: url(/registration/input/pop/img/bg_img.png) no-repeat center;
}
.addex .wrapper .img_area p {
position: absolute;
bottom: 50px;
left: 140px;
}
.hissu {
background-color: #ea4040;
color: #fff;
padding: 1px 4px;
margin-left: .5em;
display: inline-block;
font-size: 11px;
font-weight: normal;
}
.confirm .hide{
display: none;
}
.confirm .more{
text-decoration: underline;
color: #11a7d7;
}
a.branch1 {
display: block;
font-size: 13px;
color: #11a7d7;
text-decoration: underline;
margin-bottom: 10px;
padding-right: 15px;
position: relative;
}
a.branch1:after {
content: "";
display: block;
width: 10px;
height: 10px;
box-sizing: border-box;
border-width: 2px 2px 0px 0px;
border-style: solid;
border-color: #229ac3;
transform: rotate(45deg);
margin-top: -5px;
position: absolute;
top: 50%;
right: 2px;
}
a.branch2 {
box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
}
p.branch3 {
padding-top: 15px;
}
.branch3 + form >:first-child {
border-top: 2px solid #fc7d1a;
margin-top: -2px;
}
.branch3,
.column1 .branchBox {
/* SIM_EOSL_CRE-363 2023.07.27 ここから修正 */
width: 100%;
/* SIM_EOSL_CRE-363 2023.07.27 ここまで修正 */
text-align: right;
margin: auto;
}
.column1 .branchBox a:hover,
.colorLink:hover {
opacity: .8;
}
.column1 .branchBox + .errorForm {
margin: 50px auto 15px;
}
/* ============================================
エントリーするお仕事
============================================ */
.entryListBox {
background: #f3f9ff;
margin-top: 30px;
padding: 20px 15px 15px;
}
.entryListBox >p{
color: #ff6600;
}
.entryListBox .title {
font-size: 17px;
margin-bottom: 5px;
}
.entryListBox .sub {
font-size: 13px;
margin-bottom: 20px;
}
.entryListBox .list_entryList_display li ,
.entryListBox .list_entryList li {
border: 1px solid #dde6f0;
background: #fff;
box-sizing: border-box;
word-break: break-all;
}
.entryListBox .list_entryList_display li + li ,
.entryListBox .list_entryList li + li {
margin-top: 5px;
}
.entryListBox .list_entryList_display li span ,
.entryListBox .list_entryList li span {
display: block;
color: #666;
font-size: 12px;
font-weight: bold;
padding: 15px;
}
.entryListBox .entryListBoxBtn {
margin-top: 15px;
text-align: center;
font-size: 12px;
position: relative;
padding: 0 20px;
display: block;
}
.entryListBox .entryListBoxBtn a {
color: #11a7d7;
padding: 5px 20px;
display: inline-block;
position: relative;
}
.entryListBox .entryListBoxBtn a:hover {
cursor: pointer;
opacity: .8;
}
.attentionBox2 {
color: #333;
padding: 30px;
}
.attentionBox2 .ttl {
font-size: 18px;
}
.attentionBox2 dl {
font-size: 14px;
}
.attentionBox2 dl dt {
margin: 20px 0 5px;
}
.attentionBox2 .ttl,
.attentionBox2 dl dt {
font-weight: bold;
}
.ConfirmationArea .column1 >div ul {
display: flex;
justify-content: center;
}
.ConfirmationArea ul li {
float: none;
}
.ConfirmationArea ul li,
.ConfirmationArea ul li a {
width: 250px;
}
.haken_system .leadText {
padding: 12px 0 18px 1em;
text-indent: -1em;
}
/* TPR3 Ph2 2020.11.02 ここから修正 */
.idArea dl {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.idArea dl dt {
width: 195px;
font-size: 24px;
}
.idArea dl dd {
width: 313px;
}
/* 共通タイトル */
.registrationForm_ttl {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 960px;
margin: 0 auto 15px;
}
.registrationForm_ttl h2 {
color: #333;
font-size: 32px;
}
.registrationForm_ttl h2 span {
font-size: 25px;
}
.registrationForm_ttl a {
background: url(/img_n/ico_attention.png) no-repeat 0 2px;
background-size: 13px;
color: #11A7D7;
font-size: 14px;
text-decoration: underline;
padding: 0 0 5px 18px;
margin-bottom: 3px;
}
.registrationForm_ttl a:hover {
text-decoration: none;
}
/* Confirm */
.ConfirmationArea .column1 > div:first-child {
padding: 30px 29px 5px;
}
.ConfirmationArea .column1 > div .experience {
display: flex;
justify-content: center;
align-items: center;
width: 782px;
border-top: 1px dotted #ccc;
margin: 20px auto 0;
}
.ConfirmationArea .column1 > div .experience p {
background: url(/registration/img/img_experience.png) no-repeat 0 center;
color: #333;
font-size: 16px;
padding: 35px 0 35px 70px;
}
.ConfirmationArea .column1 > div .experience a {
display: block;
width: 250px;
background: #1a76d3 url("/registration/img/icon_plus.gif") no-repeat 20px center;
background-size: 15px 15px;
border: solid 1px #2d72b8;
border-radius: 3px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.05);
color: #fff;
font-size: 18px;
text-align: center;
padding: 12px 15px 12px 40px;
margin-left: 20px;
box-sizing: border-box;
}
.ConfirmationArea .column1 > div .experience a:hover {
box-shadow: 0px 2px 5px rgba(0,0,0,0);
opacity: .95;
}
/* ============================================
modal
============================================ */
#cancel {
display: block;
cursor: pointer;
}
.annotationArea #cancel {
display: flex;
justify-content: center;
align-items: center;
width: 350px;
margin: 25px auto 0;
box-sizing: border-box;
}
.annotationArea #cancel.btnWhite,
.borderLbox01 #cancel.btnWhite {
width: 200px;
border: 1px solid #ccc;
box-shadow: 0px 2px 5px rgba(0,0,0,0.05);
}
.annotationArea #cancel.btnWhite {
height: 60px;
font-size: 18px;
}
.annotationArea #cancel.btnWhite:after {
display: none;
}
#colorbox2 {
outline: none;
}
#cboxContent,
.annotationArea {
border-radius: 8px;
}
.annotationArea {
width: 700px;
background: #fff;
color: #333;
padding: 50px 35px 22px;
margin: auto;
box-sizing: border-box;
}
.annotationArea.wide {
width: 900px;
padding: 50px 80px 22px;
}
.annotationArea .ttl {
font-size: 32px;
text-align: center;
margin-bottom: 25px;
}
.annotationArea dl,
.annotationArea p {
font-size: 17px;
}
.annotationArea dt {
font-weight: bold;
}
.annotationArea dd + dt {
margin-top: 25px;
}
.annotationArea .attentionList dl {
display: flex;
flex-wrap: wrap;
align-items: center;
background: #e2f3fa;
padding: 5px 0;
}
.annotationArea .attentionList dl + dl {
margin-top: 10px;
}
.annotationArea .attentionList dt,
.annotationArea .attentionList dd {
padding: 15px;
box-sizing: border-box;
}
.annotationArea .attentionList dd {
width: 92%;
border-left: 1px solid #fff;
}
.annotationArea .attentionList dd span {
font-weight: bold;
}
.annotationArea .attentionList dt {
width: 8%;
color: #38b5d5;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.addex .wrapper {
margin: 0 !important;
}
.addJob.type1 {
background: url(/registration/input/pop/img/addJob_01.png) no-repeat 0 center;
}
.addJob.type2 {
background: url(/registration/input/pop/img/addJob_02.png) no-repeat 0 center;
}
.addJob {
width: 100%;
height: 390px;
margin-bottom: 30px;
position: relative;
}
.addJob a {
display: flex;
justify-content: center;
align-items: center;
width: 350px;
height: 60px;
background: #1a76d3 url("/registration/img/icon_plus.gif") no-repeat 40px center;
background-size: 15px 15px;
border: solid 1px #2d72b8;
border-radius: 3px;
color: #fff;
font-size: 22px;
padding-left: 25px;
box-sizing: border-box;
position: absolute;
left: 60px;
bottom: 40px;
}
.addJob a:hover {
opacity: .95;
}
.addJob + p a {
color: #11A7D7;
text-decoration: underline;
}
.addJob + p a:hover {
text-decoration: none;
}
.breakArea {
text-align: center;
}
.breakArea .links {
margin-top: 30px;
}
.breakArea .links a + a {
display: inline-block;
color: #11A7D7;
text-decoration: underline;
margin-top: 30px;
}
.breakArea .links a + a:hover {
text-decoration: none;
}
.confirm .wrapper {
margin: 70px 70px 42px;
}
.lightBoxTitle {
font-weight: normal;
font-size: 30px;
padding-bottom: 5px;
}
/* TPR3 Ph2 2020.11.02 ここまで修正 */