.mailForm{
        width: 100%;
        align-content: center;
        height:60px;
 
        max-width: 600px;
        
        position:fixed;
        opacity:1;
        top :2px;
        border:hyde;
        text-align: center;
        font-family:monospace;
        background-color: lightcyan;
        border-radius: 5%;
        }



    

   
    .acdBackColor{
        
        border-radius: 2%;
    }




.bodyAll{
    margin-top: 110px;
    max-width: 600px;
    margin-top:10px;
    margin-right:0%;
    margin-left:0%;
    align-content: center;
    align-items: center;
}




        input[type=checkbox] {
        display: none; /* checkboxを非表示にする */
        }

        input[type="checkbox"]:checked + label {
    background: #31A9EE;/* マウス選択時の背景色を指定する */
    color: #ffffff; /* マウス選択時のフォント色を指定する */
        }

        .label {
            display: block; /* ブロックレベル要素化する */
            float: left; /* 要素の左寄せ・回り込を指定する */
            margin: 5px; /* ラベル外側の余白を指定する */
            width: 90%; /* ラベルの横幅を指定する */
            max-width: 90px;
            height: 40px; /* ラベルの高さを指定する */
            text-align: center; /* テキストのセンタリングを指定する */
            line-height: 45px; /* 行の高さを指定する */
            padding-left: 5px; /* ラベル内左側の余白を指定する */
            padding-right: 5px; /* ラベル内右側の余白を指定する */
            cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
            color: #006DD9; /* フォントの色を指定 */
            border: 2px solid #006DD9;/* ラベルの境界線を実線で指定する */
            border-radius: 5px; /* 角丸を指定する */
        }
        .reservedCell {
            float: left; /* 要素の左寄せ・回り込を指定する */
            margin: 5px; /* ラベル外側の余白を指定する */
             width: 90%; /* ラベルの横幅を指定する */
             max-width: 90px;
            height: 40px; /* ラベルの高さを指定する */
            text-align: center; /* テキストのセンタリングを指定する */
            line-height: 45px; /* 行の高さを指定する */
            padding-left: 5px; /* ラベル内左側の余白を指定する */
            padding-right: 5px; /* ラベル内右側の余白を指定する */
            color: #32cd32; /* フォントの色を指定 */
            border: 2px solid #32cd32;/* ラベルの境界線を実線で指定する */
            border-radius: 5px; /* 角丸を指定する */
            background: #f0fff0
        }
        .reservedCell2 {
            float: left; /* 要素の左寄せ・回り込を指定する */
            margin: 5px; /* ラベル外側の余白を指定する */
             width: 90%;  /* ラベルの横幅を指定する */
             max-width: 90px;
            height: 40px; /* ラベルの高さを指定する */
            text-align: center; /* テキストのセンタリングを指定する */
            line-height: 45px; /* 行の高さを指定する */
            padding-left: 5px; /* ラベル内左側の余白を指定する */
            padding-right: 5px; /* ラベル内右側の余白を指定する */
            color: #32cd32; /* フォントの色を指定 */
            border: 2px solid #32cd32;/* ラベルの境界線を実線で指定する */
            border-radius: 5px; /* 角丸を指定する */
            background: #118899
        }

        

    select {
    min-width: 100px;
    height:40px;
    text-align: center;
    margin: 5px;
    border-radius: 3px;
    }

    table {
    width: 100%;
    text-align: center;
    
    }