body {
    margin: auto;
    padding: 3px;
}

.top{
    background-color:#ffffdd; 
      

}



/*スクロールバーのあるテーブルのようなもの*/
p.log {
    width: 400px;
    height: 200px;
    overflow: scroll;
    white-space: nowrap;
    background: rgb(255, 224, 195);
}


div.main_table {
    margin: auto;
    padding: 10px;
}


th {
    padding: 20px;

    color: #981c66;
    /*文字色*/
    background: rgb(255, 224, 195);
    /*背景色*/
}

td {
    padding: 20px;
}

table {
    color: palevioletred;



}


table {






    border-collapse: collapse;
    border: none 3px orangered;
    /*表全体を線で囲う*/
}

table th,
table td {
    border: dashed 2px gold;
    /**/
    /*破線 1px オレンジ*/
}

span.main {
    background: rgb(255, 224, 195);
    /*背景色*/
    padding: 4px 4px;
    border: 2px dashed plum;
}

table {

    border-spacing: 13;
    border-collapse: separate;
    border-radius: 18px;

    background: rgb(255, 248, 241);
    /*背景色*/
}

table td {

    border-spacing: 0;
    border-collapse: separate;
    border-radius: 18px;

}



table td.no-border {
    border: none;
    background: none;
    padding: 0px;
    margin: 0px;
}


hr.main {
    background-color: rgb(255, 243, 196);
    border-top: 4px dashed #ffd5d5;

    border-bottom: 4px dashed pink;
    width: 100%;
    height: 7px;
}

table tr.none,
table td.none,
table.none {
    background-color: #cef4ff;
    border: none;

}

table tr.none0,
table td.none0,
table.none0 {
    background-color: #f6fdff;
    border: none;

}


/*すくろるばー*/

::-webkit-scrollbar {
    width: 35px;
    height: 35px;
    box-shadow: 0 0 5px #ff8a9e inset;

    background:
        linear-gradient(rgba(244, 203, 210, 5), rgba(208, 195, 208, 5));


    border-radius: 5px;
}



::-webkit-scrollbar {
    width: 35px;
    height: 35px;
    box-shadow: 0 0 5px #ff8a9e inset;

    background:
        linear-gradient(rgba(244, 203, 210, 5), rgba(208, 195, 208, 5));


    border-radius: 5px;
}



::-webkit-scrollbar-thumb {
    background-color: rgb(150, 220, 240);
    border-radius: 5px;
    box-shadow: inset 3px 3px 3px, 0.2;
}

iframe {
    border: double 4px rgb(153, 185, 210);
    /*表全体を線で囲う*/

    border-radius: 7px;
}



input[type="submit"] {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding: 15px 0px;
    text-align: center;
    background-color: #73b1e7;
    border: 1px solid #73b1e7;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 1s;
}

/*--hover--*/
input[type="submit"]:hover {
    color: #73b1e7;
    background-color: #ffffff;
    border: 1px solid #73b1e7;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 1s;
}



/*--自動予想--*/
.AI {
    color: #81740e;
    background-color: #ffffff;
    border: 1px solid #73b1e7;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 1s;

    font-size: 7px;
}

html {
    color: #735f7f;
    background-color: #ffffff;
    border: 1px solid #73b1e7;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 1s;

    font-size: 12px;
}