body {
    text-align: center;
    color:#C0C0C0;
    background-color:#303030;
}

p {
    font-size: 2rem;
}

span {
    font-size: 2rem;
}

button {
    width: 8em;
    height: 2.5em;
}

select {
    width: 10em;
}

div#board table {
    margin: 0 auto;
    background: #303030;
    table-layout: fixed;
}

div#selected_and_first td {
    vertical-align: top;
}

div#board td {
    background: #000000;
    width: 3.0rem;
    /*max-width: 3.0rem;*/
    min-width: 3.0rem;
    height: 3.0rem;
    /*max-height: 3.0rem;*/
    min-height: 3.0rem;
    font-size: 2.6rem;
    font-family: monospace;
    border:2.3px solid #303030;
}

div#board .white::before {
    content: "●";
}

div#board .black::before {
    content: "●";
}

div#board .green::before {
    content: "●";
}

div#board .ash::before {
    content: "●";
}

div#board .empty::before {
    content: "　";
}

div#board .hole::before {
    content: "　";
}

div#board .none::before {
    content: "";
}
div#board .one::before {
    content: "1";
    font-size: 2rem;
}
div#board .two::before {
    content: "2";
    font-size: 2rem;
}

div#board .three::before {
    content: "3";
    font-size: 2rem;
}

div#board .four::before {
    content: "4";
    font-size: 2rem;
}

div#board .five::before {
    content: "5";
    font-size: 2rem;
}

div#board .six::before {
    content: "6";
    font-size: 2rem;
}

div#board .seven::before {
    content: "7";
    font-size: 2rem;
}

div#board .eight::before {
    content: "8";
    font-size: 2rem;
}

div#board .nine::before {
    content: "9";
    font-size: 2rem;
}

div#board .ten::before {
    content: "10";
    font-size: 2rem;
}

div#board .A::before {
    content: "A";
    font-size: 2rem;
}

div#board .B::before {
    content: "B";
    font-size: 2rem;
}

div#board .C::before {
    content: "C";
    font-size: 2rem;
}

div#board .D::before {
    content: "D";
    font-size: 2rem;
}

div#board .E::before {
    content: "E";
    font-size: 2rem;
}

div#board .F::before {
    content: "F";
    font-size: 2rem;
}

div#board .G::before {
    content: "G";
    font-size: 2rem;
}

div#board .H::before {
    content: "H";
    font-size: 2rem;
}

div#board .I::before {
    content: "I";
    font-size: 2rem;
}

div#board .J::before {
    content: "J";
    font-size: 2rem;
}

div#board .white {
    color: white;
}

div#board .black {
    color: black;
}

div#board .green {
    color: #458527;
}

div#board .ash {
    color: #909090;
}

div#board .hole {
    color: #303030;
    background: #303030;
}

div#board .none {
    color: #E0E0E0;
    background: #303030;
}

div#board .one {
    color: #E0E0E0;
    background: #303030;
}

div#board .two {
    color: #E0E0E0;
    background: #303030;
}

div#board .three {
    color: #E0E0E0;
    background: #303030;
}

div#board .four {
    color: #E0E0E0;
    background: #303030;
}

div#board .five {
    color: #E0E0E0;
    background: #303030;
}

div#board .six {
    color: #E0E0E0;
    background: #303030;
}

div#board .seven {
    color: #E0E0E0;
    background: #303030;
}

div#board .eight {
    color: #E0E0E0;
    background: #303030;
}

div#board .nine {
    color: #E0E0E0;
    background: #303030;
}

div#board .ten {
    color: #E0E0E0;
    background: #303030;
}

div#board .A {
    color: #E0E0E0;
    background: #303030;
}

div#board .B {
    color: #E0E0E0;
    background: #303030;
}

div#board .C {
    color: #E0E0E0;
    background: #303030;
}

div#board .D {
    color: #E0E0E0;
    background: #303030;
}

div#board .E {
    color: #E0E0E0;
    background: #303030;
}

div#board .F {
    color: #E0E0E0;
    background: #303030;
}

div#board .G {
    color: #E0E0E0;
    background: #303030;
}

div#board .H {
    color: #E0E0E0;
    background: #303030;
}

div#board .I {
    color: #E0E0E0;
    background: #303030;
}

div#board .J {
    color: #E0E0E0;
    background: #303030;
}

div#continent_map table {
    margin: 0 auto;
    background: #303030;
}

div#continent_map td {
    background: #daa520;
    width: 1.4rem;
    height: 1.4rem;
    font-size: 1.4rem;
    font-family: monospace;
    border:1.4px solid #303030;
}

div#stone_board table {
    margin: 0 auto;
    background: #303030;
}

div#stone_board td {
    background: #daa520;
    width: 0.8rem;
    height: 0.8rem;
    font-size: 0.8rem;
    font-family: monospace;
    border:0.8px solid #303030;
}

div#pioneers_board table {
    margin: 0 auto;
    background: #303030;
}

div#pioneers_board td {
    background: #008800;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    font-family: monospace;
    border:2px solid #303030;
}

div#pioneers_board .white::before {
    content: "●";
}

div#pioneers_board .white {
    color: "white";
}

div#pioneers_board .black::before {
    content: "●";
}

div#pioneers_board .black {
    color: "black";
}

div#pioneers_board .empty::before {
    content: "　";
}

div#selected_paint table {
    margin: 0 auto;
    background: #303030;
}

div#selected_paint td {
    background: #008800;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    font-family: monospace;
    border:2px solid #303030;
}

div#board_palette table {
    margin: 0 auto;
    background: #303030;
}

div#board_palette td {
    background: #008800;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    font-family: monospace;
    border:2px solid #303030;
}

div#hole_palette table {
    margin: 0 auto;
    background: #303030;
}

div#hole_palette td {
    background: #008800;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    font-family: monospace;
    border:2px solid #303030;
}

div#disc_palette table {
    margin: 0 auto;
    background: #303030;
}

div#disc_palette td {
    background: #008800;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    font-family: monospace;
    border:2px solid #303030;
}

div#black_intelligence table {
    margin: 0 auto;
    background: #303030;
}

div#black_intelligence td {
    background: #008800;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    font-family: monospace;
    border:1px solid #303030;
}

div#white_intelligence table {
    margin: 0 auto;
    background: #303030;
}

div#white_intelligence td {
    background: #008800;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    font-family: monospace;
    border:1px solid #303030;
}

div#note {
    font-size: 1.2rem;
    color: #E0E0E0;
}

div#questers_memo_tbl table {
    margin: 0 auto;
    background: #303030;
    border-collapse: collapse;
}

div#questers_memo_tbl th {
    padding: 4px;
}

div#questers_memo_tbl td {
    background: #303030;
    font-size: 1.1rem;
    border:1.8px solid #303030;
    text-align: left;
    padding: 4px;
    word-break:break-all;
}

div#questers_memo_tbl .header {
    color: #E0E0E0;
    background: #C07730;
    font-size: 1.2rem;
    width: 270px;
}

div#questers_memo_tbl .content::before {
    font-size: 2rem;
}

div#questers_memo_tbl .content {
    color: #000000;
    background: #EEE0C0;
    text-align: center;
    width: 550px;
}

div#continent_note {
    font-size: 1.0rem;
}

div#board_note {
    font-size: 1.0rem;
}