@charset "utf-8"; 
 
.lock {
    overflow:hidden;
}
 
.modal-content {
    position:relative;
    display:none;
/*    width:60%;*/
    margin:30px;
/*    padding:10px 20px;*/
    border:2px solid #aaa;
    background:#fff;
}

.modal-content2 {
    position:relative;
    display:none;
    width:400px;
    margin:30px;
/*    padding:10px 20px;*/
    border:2px solid #aaa;
    background:#fff;
}
.momo-content {
    padding-top : 100px;
    height : 300px;
    text-align : center;
    vertical-align : middle;
}
 
.modal-content p {
    margin:0;
    padding:0;
}
.btnModalTb {
    margin : 50px auto;
}
.btnModalLeft {
    width : 30%;
    text-align : center;
}
.btnModalCenter {
    width : 40%;
    text-align : center;
    font-size : xx-large;
}
.btnModalRight {
    width : 30%;
    text-align : left;
}
.btnModal {
    width : 100%;
    height : 55px;
    text-align : center;
}
.btnModal input {
    font-size : x-large;
}
.btnModalRight a {
    font-size : x-large;
}

 
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
 
.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}
 
.modal-open {
}
 
.modal-open:hover {
    cursor:pointer;
}
 
.modal-close {
    color:#00f;
    text-decoration:underline;
}
 
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
 
/* ここからは自分で追加したcss */
.modalMainTable {
    padding-top : 10px;
}
.alignCenter {
    text-align : center;
}
.alignRight {
    text-align : right;
}
.sizeA {
    font-size : xx-large;
}
.sizeB {
    font-size : x-large;
}
.sizeC {
    font-size : small;
}
.sizeD {
    font-size : 34pt;
}
.sizeE {
    font-size : 18pt;
}
.msgInput input {
    font-size : 16pt;
}
.statusTd {
    background-color : #ffffe0;
}
.infoTd {
    background-color : #dcdcdc;
}
.buttonTd {
    background-color : white;
}
.infoLeft {
    width : 50%;
    padding-right : 10px;
    text-align : right;
}
.infoRight {
    width : 50%;
    padding-left : 10px;
}
.dummyTd {
    width : 25%;
    height : 5px;
}
.msgBox {
    background-color : white;
    font-size : small;
    padding-left : 7px;
    padding-top : 5px;
    padding-bottom : 5px;
}
.msgTd {
    background-color : #afeeee;
}
.msgTdRight {
    padding-left : 7px;
    font-size : small;
    vertical-align : bottom;
}
.msgTdleft {
    text-align : right;
    padding-right : 7px;
    font-size : small;
    vertical-align : bottom;
}
.sendParson {
    padding-top : 7px;
}
.borderA {
    border : solid 2px white;
}
.paddingA {
    padding : 7px 15px;
}
.paddingB {
    padding : 25px 15px;
}
.statusLeft {
    width : 24%;
    text-align : right;
}
.statusCenter {
    width : 4%;
    text-align : center;
}
.statusRight {
    width : 72%;
    text-align : left;
}
.vTop {
    vertical-align : top;
}
.textareaSpace {
    text-align : right;
    padding-top : 17px;
}

#popUpDiv {
    width : 820px;
    margin : 20px auto 20px auto; /* テスト終わったら消してね。*/
    display : none;

}