:root{
    --font-white:#ffffff;
    --font-black:#000000;
    --font-red:#ff0000;
    --tableline-black:#333333;
    --maroon:#800000;
    --leafgreen:#33cc66;
    --orangeyellow:#ff9900;
    --skyblue:#3399ff;
    --pale-skyblue:#99ccff;
    --deep-skyblue:#0066cc;

    --marineblue:#00bbdd;
    --brown:#996644;
    --yellow:#ffee00;
    --red:#ff0000;
    
    --nav-gray:#c6c0c6;
    --nav-hover-white:#fffff0;
    --hover-orange:#eeaa00;
    --back-gray:#d6d6d6;

    --lightgray:#dddddd;
    --superlightgray:#eeeeee;
}

/* tomica-class */

.tomica-guide{
	background-color:var(--lightgray);
}

.tomica-guide-h2{
	margin-left:5px;
    color:var(--font-red);
	font-size:20px;
}
/**/

.nation-box{
    border:1px solid var(--lightgray);
    padding:2px 10px;
    font-size:24px;
}

.nation-box-close{
    border:1px solid var(--lightgray);
    background-color: var(--lightgray);
    padding:2px 10px;
    color:var(--font-black);
    font-size:24px;
}

.nation-box-close:hover{
    color:var(--font-black);
}