@CHARSET "UTF-8";

td
{
    vertical-align : top ;
    border-style   : none ;
    border-width   : thin ;
    border-color   : blue ;
}


#idTitle
{
    border-style   : solid ;
    border-width   : thin ;
    border-color   : black ;
    padding-top    : 1rem ;
    padding-bottom : 1rem ;
}

*.clsChapter
{
    font-family    : "MS Gothic", "Hiragino Sans", sans-serif ;
    font-size      : large ;
    font-weight    : bold ;
    text-align     : center ;
    padding-bottom : 0.5em ;
}


@media screen and ( min-width : 481px )
{
    #idOutBox
    {
        border-style : none ;
        border-width : thin ;
        border-color : green ;
        padding      : 1rem 0 0 0 ;
    }

    #idTitle
    {
        width  : 50% ;
        margin : auto ;
    }

    #col1 { width : 4.0rem ; }
    #col2 { width : 2.0rem ; }
    #col3 { width : 5.0rem ; }
}

@media screen and ( max-width : 480px )
{
    #idTitle
    {
        font-size : x-large ;
    }

    #col1 { width : 1.25rem ; }
    #col2 { width : 1.75rem ; }
    #col3 { width : 4.5rem ; }
}