/*-------------------------------------------------------------*
 *   style sheet for checker type3 internet
 *    -- layout -- for NN4
 *
 *                                        2006-04-11 hatamori
 *  2014/04/30 modify for CMS 
 *-------------------------------------------------------------*/

@media screen and (min-width: 640px)
{
    /* -- layout over 600px -------- */
    #area-left	{ float: left;  width: 20%; }
    #area-right	{ float: right; width: 80%; }
    #area-foot 	{ clear : both; }

    /* menu */
    #menu li.m, #menu li.select 	{ padding: 0.5em 0; }
    #menu ul        { margin-bottom: 2em; }
    #Mokuji	{ display: none; }
}

@media screen and (max-width: 640px)
{
    #menu li.m, #menu li.select 	{ padding: 1px 0; }
    #menu ul 	{ margin: 2px; }
    #Mokuji	{ background-color: white; width: 4em; padding: 2px;
                  text-align: center; border:solid 1px steelblue; }
    #main,th,td	{ font-size: 85%; }
    #main ul	{ padding-left: 1.5em; }
}