@charset "utf-8";
/* ============== PCと共通部分  ================ */
.fldtxA{
text-align:left;
margin:1px 2px;
background-color: #ffffff;
border:1px #aaa solid;
padding:5px;
border-radius: 3px;
font-size:14px;
}
.fldtxA:focus{
background-color: #ffffe7;
border:1px #76b6a0 solid;
}
.fldtxB{
text-align:left;
margin:1px 2px;
background-color: #ffffdd;
border:1px #888 solid;
padding:5px;
border-radius: 0;
font-size:14px;
}
.fldtxB:focus{
background-color: #ffffe7;
border:1px #76b6a0 solid;
}

.fldtxC{
text-align:center;
margin:1px 2px;
background-color: #ffffff;
border:1px #ccc solid;
padding:5px;
border-radius: 3px;
font-size:14px;
}
.fldtxC:focus{
background-color: #ffffe7;
border:1px #76b6a0 solid;
}
.fldtxR{
text-align:right;
margin:1px 2px;
background-color: #ffffff;
border:1px #ccc solid;
padding:5px;
border-radius: 3px;
font-size:14px;
}
.fldtxR:focus{
background-color: #ffffe7;
border:1px #76b6a0 solid;
}
.fldtxTa{
text-align:left;
margin:1px 2px;
background-color: #ffffff;
border:1px #ccc solid;
border-radius: 3px;
}
.fileFld{
padding:4px 5px;
line-height:1.5em;
cursor:pointer;
border:1px solid #ccc;
color:#555;
margin:0;
border-radius: 5px;
background-color:#ffffdd;
}
.fileFld:hover{
color:#333;
background-color:#ffffcc;
}

.fldErr {
background-color: #ffe2e3 !important;
}
.fldtxDis{
margin:1px 2px;
background-color: transparent;
border:none;
padding:2px 5px;
border-radius: 3px;
font-size:14px;
}
.fldReadOnly{
text-align:left;
margin:1px 2px;
background-color: #ffeecc;
border:1px #ddd solid;
padding:2px 5px;
border-radius: 3px;
font-size:14px;
}
.fldReadOnly2{
text-align:left;
margin:0;
border:none;
padding:0;
font-size:12px;
}

.fldtCal {
    background: #fdfdff url("../_css/_form_img/ico_calendar.png") no-repeat center right 5px ;
    cursor: pointer;
}
textarea::-webkit-input-placeholder::after {
 display:block;
}

 .txAreaNum {
font-size:12px;
margin:0 0 0 5px;
line-height:1;
color:#753;
}

label{
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
margin:0 10px 0 1px;
line-height:2;
}

.sample label{
display:inline-block;
min-width:120px;
white-space:nowrap;
}

.redioBox,ckBox{
margin-right:4px;
cursor:pointer;
}

select.selectMenuA::-ms-expand {
    display: none;
}

.selectMenuA{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-align:left;
margin:0;
border:1px #aaa solid;
padding:4px 35px 4px 10px;
border-radius: 5px;
cursor:pointer;
max-height:30px;
/* width:300px;
font-size:14px; */
line-height:1.3;
background:#fff url(../_css/_form_img/bg_pmenu.png) right center no-repeat;
color:#000;
overflow:hidden;
}

.selectMenuDis{
color:#ccc;
line-height:1.8em;
}

.submitBtn1{
padding:0 10px;
line-height:1.7em;
cursor:pointer;
border:none;
color:#FFFFFF;
border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
background-color:#222;
background:linear-gradient(#555, #000);
}
.submitBtn1:hover{
color:#ff7;
background-color:#444;
background:linear-gradient(#000, #555);
}

.submitBtn2{
padding:0 10px;
line-height:1.7em;
cursor:pointer;
border:1px solid #777;
color:#555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
background-color:#ccc;
background:linear-gradient(#eee, #bbb);
}
.submitBtn2:hover{
color:#777;
background-color:#ddd;
background:linear-gradient(#fff, #ccc);
}

.submitBtn3{
padding:0 10px;
line-height:1.7em;
cursor:pointer;
border:none;
color:#ff7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
background-color:#740;
background:linear-gradient(#960, #630);
}
.submitBtn3:hover{
color:#ff0;
background-color:#850;
background:linear-gradient(#b80, #850);
}
.submitBtn4{
padding:0 10px;
line-height:1.7em;
cursor:pointer;
border:1px solid #888;
color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
background-color:#840;
background:linear-gradient(#c49b77, #850);
box-shadow: 3px 3px 7px #eee;
}
.submitBtn4:hover{
color:#ffa;
background-color:#951;
background:linear-gradient(#a75, #630);
}
.formBtn1{
padding:0 20px;
line-height:2em;
cursor:pointer;
border:1px solid #888;
border-radius: 5px;
}
.submitBtnDis{
padding:0 12px;
line-height:1.7em;
border:1px solid #ccc;
color:#ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
background-color:#eee;
}



/* ======= カスタムinputBtn == inputRadio ====== */
.inputCustom input[type=radio],
.inputCustom input[type=checkbox] {
display: inline-block;
margin-right: 3px;
}
.inputCustom input[type=radio] + label,
.inputCustom input[type=checkbox] + label {
position: relative;
display: inline-block;
margin-right: 10px;
/* font-size: 14px; */
line-height: 25px;
cursor: pointer;
}
.inputCustom input[type=radio],
.inputCustom input[type=checkbox] {
display: none;
margin: 0;
}
.inputCustom input[type=radio] + label {
padding: 0 3px 0 23px;
}
.inputCustom input[type=checkbox] + label {
padding: 0 3px 0 21px;
}

.inputCustom input[type=radio] + label::before,
.inputCustom input[type=checkbox] + label::before {
content: "";
position: absolute;
top: 54%;
left: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 17px;
height: 17px;
margin-top: -11px;
background: #FFF;
background: linear-gradient(#ffffff, #f5f3f1);
}

.inputCustom input[type=radio] + label::before {
border: 1px solid #333;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.inputCustom input[type=checkbox] + label::before {
border: 1px solid #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.inputCustom input[type=radio]:checked + label::after,
.inputCustom input[type=checkbox]:checked + label::after {
content: "";
position: absolute;
top: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.inputCustom input[type=radio]:checked + label::after {
left: 4px;
width: 9px;
height: 9px;
margin-top: -6px;
background: #a00;
background: linear-gradient(#a00, #700);
border-radius: 11px;
}
.inputCustom input[type=checkbox]:checked + label::after {
left: 3px;
width: 15px;
height: 10px;
margin-top: -10px;
border-left: 4px solid #a00;
border-bottom: 4px solid #a00;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.inputCustom input[type=radio] + label::before {
margin-left: 3px;
}
.inputCustom input[type=radio]:checked + label::after {
margin-left: 3px;
}

/* ======= formBlock ====== */
.formBlock{
margin-bottom:50px;
}
.backListBtn{
text-align:right;
padding-bottom:5px;
}

.formBlock dl{
background-color:transparent;
margin-bottom:10px;
}
.formBlock dl.noPadd{
padding-bottom:0;
}

.formBlock dl.dbdr{
 border-bottom:3px double #aaa; 
}
.formBlock dt{
background-color:#575553;
background:linear-gradient(#878583, #373533);
padding:2px 5px;
font-size:12px;
color:#ffffff;
}

.formBlock dt.subdt2{
background-color:#1d4e1f;
background:linear-gradient(#276f2a, #1d4e1f);
color:#ffffff;
}
.formBlock dd{
padding:4px 5px;
/* border-bottom:1px dotted #aaa; */
}
.formBlock .wide dd{
padding:5px 3px 15px 3px;
}

.formBlock .bdr{
 border-bottom:1px dotted #aaa; 
 margin-bottom:4px;
 }
 .formBlock .check dt{
font-size:12px;
color:#fff;
}
.formBlock .check dd{
padding:10px;
font-size:14px;
}
.formBlock .check .ttl{
font-size:11px;
color:#888;
}
.formBlock dd p{
padding-bottom:2px;
} 
.formBlock dd.noBdr{
border-bottom:none;
}
.formBlock dd:last-child{
border-bottom:none;
}
.formBlock q{
color:#70f;
}
.formBlock s{
display:inline-block;
margin-left:10px;
font-size:11px;
color:#876;
text-decoration:none;
}
.formBlock .check s{
display:inline-block;
margin:0;
font-size:13px;
color:#777;
}
.formBlock .plist p{
border-bottom:1px dotted #ccc;
}
.formBlock .plist q{
display:inline-block;
min-width:10em;
color:#333;
}
/* ======= formBlock2 ====== */
.formBlock2{
margin-bottom:70px;
}
.formBlock2 dl{
background-color:transparent;
margin-bottom:15px;
}
.formBlock2 dt{
background-color:#eaecef;
background:linear-gradient(#f4f2f0, #d7d5d3);
padding:2px 5px;
}
.formBlock2 dd{
padding:8px 3px;
}
 .formBlock2 .check dt{
font-size:12px;
color:#777;
}
.formBlock2 .check dd{
padding:10px;
font-size:14px;
}


/* --------------------------- */
dd.regTable{
    padding:8px 5px;
}
.regTable table{
margin:1px 0;
width:100%;
}
.regTable caption{
text-align:left;
font-size:11px;
padding:5px;
}
.regTable th{
vertical-align:middle;
padding:3px 5px;
text-align:left;
color:#333;
white-space:nowrap;
border-bottom:1px dotted #bbb;
background-color:#e7e5e3;
width:5%;
font-size:12px;
}
.bdrR{
border-right:1px solid #ccc;
}
.regTable th.exCol{
background-color:#807000;
vertical-align:middle;
color:#ffffff;
font-weight:bold;
}
.regTable td{
vertical-align:middle;
padding:3px 5px;
border-bottom:1px dotted #bbb;
border-left:1px dotted #bbb;
word-break:break-all;
}
.regTable.checkTb td{
    font-size:14px;
}
.regTable td:first-child{
border-left:none;
}
.regTable td.txVtop{
vertical-align:top;
}

.regTable td.txVmiddle{
vertical-align:middle;
padding:3px 15px;
}


/* -------------------------- */
.submitBtnArea{
border-top:3px double #777777;
padding:10px 0;
margin-bottom:0;
}
.submitBtnAreaFix{
position:fixed;
left:220px;
bottom:15px;
border:3px double #9e8b5e;
margin-bottom:15px;
background-color: rgba(233,233,177,0.7); 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

@media print{
    .submitBtnArea{
        display:none;
    }
}

.NGballoon {
margin:0 10px 0 0;
padding:0;
}
.NGballoon b{
display:inline-block;
color:#fff;
background-color:#f00;
margin:0;
font-size:14px;
line-height:1;
padding:3px 12px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
.inlineP .NGballoon{
display:inline-block;
}
.NGarea {
background-color: #ffe0e3 !important;
}
.NGsankaku{
margin:-2px 0 0 12px;
padding:0;
font-size:12px;
line-height:1;
color:#f00;
}
.NGballoon2{
display:inline-block;
color:#fff;
background-color:#f00;
border:1px solid #fff;
margin: 0 0 8px 0;
font-size:12px;
line-height:1;
padding:3px 7px 2px 7px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.ngLine{
color:#f00;
margin:3px 5px;
}
.ngMsgBox{
color:#ff0000;
margin:10px 0;
padding:5px 5px 5px 30px;
border:1px solid #f00;
font-size:12px;
background:#fffcd1 url(../_img_bg/exclamation_mark18x18.png) no-repeat 5px 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 4px #ddd;
-moz-box-shadow: 2px 2px 4px #ddd;
box-shadow: 2px 2px 4px #ddd;
}
.ngTransition {
display:inline-block;
margin:25px;
padding:15px 15px 15px 35px;
color:#ff0000;
border:1px solid #f00;
font-size:16px;
background:#fffcd1 url(../_img_bg/exclamation_mark18x18.png) no-repeat 10px center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 4px #ddd;
-moz-box-shadow: 2px 2px 4px #ddd;
box-shadow: 2px 2px 4px #ddd;
}
.okMsgBox{
color:#005500;
background-color:#eeffaa;
margin:10px 0;
padding:5px 5px 5px 30px;
border:1px solid #700;
font-size:12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 4px #ddd;
-moz-box-shadow: 2px 2px 4px #ddd;
box-shadow: 2px 2px 4px #ddd;
}
.ngFld{
/* border-bottom:1px dotted #f33; */
background-color: #ffffcc !important;
}
.ngFld input,.ngFld select,.ngFld textarea{
border:1px solid #888 !important;
}
#banchiMsg{
margin-left:10px;
color:#a00;
}
/* ===== paging ===== */
.Pagination{
margin:5px 0;
font-size:13px;
}
.Pagination a{
display:inline-block;
white-space:nowrap;
}
.Pagination a{
display:inline-block;
min-width:1.7em;
margin:0 5px;
border:1px solid #ccc;
padding:2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
background-color:#f7f5f3;
background:linear-gradient(#ffffff, #efedec);
}
.Pagination span{
display:inline-block;
min-width:1.7em;
white-space:nowrap;
margin:0 5px;
border:1px solid #ddd;
padding:2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
color:#ccc;
background-color:#f7f5f3;
background:linear-gradient(#ffffff, #efedec);
}

.Pagination a.pNum{
background-color:#fdd;
background:linear-gradient(#ffffff, #faa);
}
@media print{
    .Pagination{
        display:none;
    }
}
/* ======= listTable =========== */
.listTable{
margin:0 15px 25px 0;
/* max-width:1280px; */
/* min-width:640px; */
}
.listTable table{
margin:0;
padding:0;
}
.listTable caption{
text-align:left;
font-size:11px;
padding:5px;
}
.listTable th{
vertical-align:top;
padding:2px 5px;
text-align:left;
font-size:11px;
line-height:1.3;
color:#000;
white-space:nowrap;
border-right:1px solid #fff;
background-color:#d7d5d3;
background:linear-gradient(#e7e5e3, #d7d5d3);
}
.listTable th:last-child{
border-right:none;
}
.listTable td{
padding:2px 5px;
border-left:1px dotted #ccc;
border-bottom:1px solid #ddd;
vertical-align:top;
word-break:break-all;
}
.listTable td.txVmiddle{
vertical-align:middle;
}
.listTable q{
font-size:11px;
color:#777;
}
.listTable tr.bdrtop{
border-top:3px double #888;
}
.listTable td.bdrbtm{
border-bottom:3px double #aaa;
}

.listTable td.arrow{
padding:10px;
background-image:url("../_css/_form_img/res_arrow.png");
background-repeat: no-repeat;
background-position:25px center;
padding:2px 5px 2px 65px;
}

.photo100{
width:100px;
height:auto;
overflow:hidden;
}
.photo100 img{
width:100px;
height:auto;
}
.carImg{
text-align:center;
padding-bottom:5px !important;
}
.carImg img{
width:95%;
height:auto;
margin:5px 0;
}
.carImg  p{
margin:3px 0;
}

.portrait img{
width:40px;
height:auto;
border-radius: 4px;
box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
.addImgCutTd{
padding:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#f5f5f5 url("../_css/_form_img/res_arrow.png") no-repeat 10px center;
padding-left:35px;
}
/* ======= */
.toInline{
display:inline-block;
margin:15px 0;
}
.rei{
color:#753;
margin:0 0 0 3px;
}
/* --------- DragDropArea（複数） ------------ */
#DragDropArea{
position:relative;
background-color:#e3f1ee;
}
#DragDropArea.keyvisual{
width:512px;
height:330px;
}
#DragDropArea.linkIcon{
width:495px;
height:140px;
padding-top:10px;
}
#DragDropArea .delBtn{
position:absolute;
top:-8px;
right:-8px;
width:25px;
height:25px;
z-index:10;
}
#DragDropArea.keyvisual .dragHereBox{
background: url(../_img_bg/dragdroparea_bg66x49.png) no-repeat center 50px; 
text-align:center;
color:#050;
}
#DragDropArea.linkIcon .dragHereBox{
background: url(../_img_bg/dragdroparea_bg66x49.png) no-repeat center top; 
text-align:center;
color:#050;
}

#DragDropArea.keyvisual .dragHereBox{
padding:120px 0 0 0;
}
#DragDropArea.linkIcon .dragHereBox{
padding:60px 0 0 0;
}
#progress_bar{
width:0;
max-width:100%;
height:14px;
font-size:12px;
color:#ffffff;
background:#408000;
background:linear-gradient(#f3fff0, #408000);
border-style:none;
}

/* ------- 2 ----------- */
#DragDropArea2{
position:relative;
height:140px;
padding-top:10px;
background-color:#eee2c9;
}
#DragDropArea2 .delBtn{
position:absolute;
top:-8px;
right:-8px;
width:25px;
height:25px;
z-index:999;
}
#DragDropArea2 .dragHereBox{
background: url(../_img_bg/icon_pdf41x50.png) no-repeat center top; 
padding:55px 0 20px 0;
text-align:center;
color:#050;
}
#progress_bar2{
    width:0;
    max-width:100%;
    height:14px;
    font-size:12px;
    color:#ffffff;
    background:#408000;
    background:linear-gradient(#f3fff0, #408000);
    border-style:none;
}

.listPdf{
padding:0;
}
.listPdf img{
    float:left;
    vertical-align:top;
    margin:0 5px 0 0;
    width:20px;
    height:auto;
}

.pdfupd{
padding:10px 10px 5px 30px;
}
.pdfupd img{
    float:left;
    vertical-align:middle;
    margin:0 15px 50px 0;
}
.pdfupd.mini img{
    float:left;
    vertical-align:middle;
    margin:0 15px 5px 0;
}

::-webkit-input-placeholder {
    color: #aaa;
    font-style: oblique;
    font-size:12px;
}
::-moz-placeholder{
    color: #aaa;
    font-style: oblique;
    font-size:12px;
}
:-ms-input-placeholder {
    color: #aaa;
    font-style: oblique;
    font-size:12px;
}
:placeholder-shownr {
    color: #aaa;
    font-style: oblique;
    font-size:12px;
}
/* --------------- */
.hissu{
display:inline-block;
background-color:#fc4c55;
font-size:11px;
line-height:1;
color:#fff;
font-size:11px;
margin:0 4px 0 0;
padding:2px 2px 1px 2px;
border-radius: 3px;
vertical-align:middle;
}
.hissu2{
display:inline-block;
background-color:#f29231;
color:#fff;
font-size:11px;
line-height:1;
margin:0 4px 0 0;
padding:2px 2px 1px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hissu3{
color:#550000;
text-decoration:underline;
}

.any{
display:inline-block;
background-color:#73b234;
color:#fff;
font-size:11px;
line-height:1;
margin:0 4px 0 0;
padding:2px 2px 1px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.any2{
display:inline-block;
background-color:#7c7;
color:#fff;
font-size:11px;
line-height:1;
margin:0 4px 0 0;
padding:2px 2px 1px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.kugiri{
display:inline-block;
width:2px;
margin:0 10px;
padding:0;
height:14px;
line-height:14px;
border-right:1px solid #aaa;
border-left:1px solid #aaa;
}
.kugiri2{
display:inline-block;
width:1px;
margin:0 1px 0 0;
padding:0;
height:17px;

border-left:1px dotted #777;
}
/* ============== PCと共通部分ここまで ================ */

/* == CGDATABANK KT 追加 == */

input[type=radio] + label:before,
input[type=checkbox] + label:before {
	border: 1px solid #aaa;
}

input[type=text] {
  font-size:16px;
}








/* ============== モバイル  ================ */
@media screen and (max-width:800px){
    .fldtxA, .fldtxC, .fldtxR, .fldErr, .fldtxDis, .fldReadOnly {
        font-size:16px;
    }










/* --------- 800 ----------- */
}
/* ============== モバイルここまで  ================ */