@charset "UTF-8";

#idTblItems
{
    background-color : transparent /* skyblue */ ;
}

*.clsItemNam
{
    font-family  : "MS Gothic", "Osaka-Mono", monospace ;
    border-style : none ;
    border-width : thin ;
    border-color : yellow ;
}

*.clsItemVal
{
    padding      : 0 0 0.5em 0 ;
    border-style : none ;
    border-width : thin ;
    border-color : yellow ;
}

#idTblSub1
{
    width            : 100% ;
    margin-top       : 10px ;
    background-color : transparent /* pink */ ;
}

#colNamSub1 { width : 3.0em ; }

#idMsgTbl
{
    margin           : auto ;
    text-align       : left ;
    font-weight      : bold ;
    font-size        : large ;
    background-color : transparent /* yellow */ ;
}

*.clsLink
{
    text-align : center ;
    font-size  : x-large ;
}

*.clsImgBox
{
    width            : 98% ;
    margin           : auto ;
    background-color : transparent /* yellow */ ;
}

*.clsImgBody
{
    width : 100% ;
}


/* For PC or Tablet */
@media screen and ( min-width : 481px )
{
    #colNameM { width :  4.5em ; }
    #colNameS { width :  3.5em ; }
    #colValue { width : 19.0em ; }

    #idMsgTbl
    {
        max-width : 20em ;
    }
}


/* For Smartphone */
@media screen and ( max-width : 480px )
{
    #colNameM { width : 4.25em ; }
    #colNameS { width : 3.25em ; }

    #idMsgTbl
    {
        max-width : 90% ;
    }
}