@charset "UTF-8";

input[type=text],input[type=password]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-input-placeholder {
    color: #aaa; 
}
:-moz-placeholder {
    color: #aaa; 
}
:-ms-input-placeholder{
    color: #aaa; 
}
:placeholder-shown{
    color: #aaa; 
    line-height:1.4;
}

.fldtxA{
font-size:14px;
text-align:left;
margin:2px;
background-color: #fcfcff;
border:1px #aaa solid;
padding:4px 7px;
border-radius: 2px;
}
.fldtxA:focus{
background-color: #fffff3;
}

.fldtxA.stay{
background-color: #efe;
}

.fldErr {
background-color: #ffe8e9 !important;
}
.txAreaNum{
font-size:12px;
margin:3px;
color:#753;
}
.txAreaNum em{
color:#f00;
}

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

.popMenu{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:#555;
text-align:left;
font-size:14px;
border:1px #888 solid;
padding:7px 35px 7px 10px;
border-radius: 4px;
cursor:pointer;
line-height:1em;
background:#fcfcff url(../_img_bg/bg_pmenu.png) right center no-repeat;
white-space:nowrap;
overflow:hidden;
}


.popMenu:focus{
background:#f7f7f7 url(../_img_bg/bg_pmenu.png) right center no-repeat;
color:#333;
}
.popMenu.stay{
background:#efe url(../_img_bg/bg_pmenu.png) right center no-repeat;
color:#333;
}



@media screen and (max-width:480px){
  .popMenu{
    font-size:16px;
   }
}

.submitBtn1{
margin:2px;
padding:4px 15px;
border:1px #777 solid;
cursor:pointer;
color:#FFFFFF;
border-radius: 5px;
background-color:#000;
background:linear-gradient(#777777, #000000);
}
.submitBtn1:hover{
background-color:#333;
background:linear-gradient(#999999, #111111);
}
.submitBtn2{
margin:2px;
padding:4px 15px;
border:1px #114411 solid;
cursor:pointer;
color:#FFFFFF;
border-radius: 5px;
background-color:#225522;
background:linear-gradient(#338800, #003300);
}
.submitBtn2:hover{
background-color:#336633;
background:linear-gradient(#55aa22, #225522);
}

.submitBtn3{
margin:2px;
padding:3px 10px;
border:1px #aaa solid;
cursor:pointer;
color:#555;
border-radius: 5px;
background-color:#ccc;
background:linear-gradient(#ddd, #bbb);
}
.submitBtn3:hover{
background-color:#ddd;
background:linear-gradient(#eee, #ccc);
}

.hissu{
display:inline-block;
background-color:#f53;
color:#fff;
font-size:90%;
line-height:1;
margin:0 4px;
padding:2px 4px 1px 4px;
border-radius: 2px;
vertical-align:top;
}
.any{
display:inline-block;
background-color:#888;
color:#fff;
font-size:90%;
line-height:1;
margin:0 4px;
padding:2px 4px 1px 4px;
border-radius: 2px;
vertical-align:top;
}
.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;
}

/* ======= カスタムinputBtn == inputRadio ====== */
.inputCustom input[type=radio],
.inputCustom input[type=checkbox] {
display: inline-block;
margin-right: 5px;
}
.inputCustom input[type=radio] + label,
.inputCustom input[type=checkbox] + label {
position: relative;
display: inline-block;
margin-right: 15px;
line-height: 30px;
cursor: pointer;
}
.inputCustom input[type=radio],
.inputCustom input[type=checkbox] {
display: none;
margin: 0;
}
.inputCustom input[type=radio] + label ,
.inputCustom input[type=checkbox] + label {
padding: 0 0 0 22px;
}

.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: #f3f3f3;
background: linear-gradient(#ffffff, #eeeeee);
}

.inputCustom input[type=radio] + label::before {
border: 1px solid #777;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.inputCustom input[type=checkbox] + label::before {
border: 1px solid #777;
-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: #773300;
border-radius: 11px;
}
.inputCustom input[type=checkbox]:checked + label::after {
left: 4px;
width: 12px;
height: 8px;
margin-top: -7px;
border-left: 3px solid #773300;
border-bottom: 3px solid #773300;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*
.inputCustom input[type=radio] + label::before {
margin-left: 12px;
}
.inputCustom input[type=radio]:checked + label::after {
margin-left: 12px;
}
*/
/* =============== Pagination ================ */
.Pagination{
position:relative;
margin:20px 0;
font-size:14px;
}
.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;
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);
}

.NGballoon b{
display:inline-block;
color:#fff;
background-color:#f00000;
margin:0;
font-size:12px;
line-height:1;
padding:3px 7px 2px 7px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.NGballoon b:before{
content: "▼";
padding-right: 3px;
}
.ngMsgBox{
color:#ff0000;
margin:10px 0;
padding:5px 5px 5px 30px;
border:1px solid #f00;
font-size:14px;
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;
}


.submitBtnArea{
position:relative;
border-top:3px double #ccc;
margin:15px 0;
padding:15px 0 0 0;
}
.submitBtnArea .fmBackLink{
position:absolute;
left:7px;
bottom:1px;
}


/* ============== モバイル ================ */
@media screen and (max-width:800px){

.fldtxA{
font-size:16px;
}



}//800