@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 ;
}

#idLinkArea
{
    text-align : center ;
    margin     : 1em 0 1em 0 ;
}

*.clsLink
{
    font-size : large ;
    margin    : 0 1em 0 1em ;
}


/* For PC or Tablet */
@media screen and ( min-width : 481px )
{
    #colName  { width :  5.5em ; }
    #colValue { width : 24.5em ; }

    *.clsPhotoArea
    {
        width   : 60% ;
        margin  : auto ;
        padding : 0.5em 0.5em 0.5em 0.5em ;
    }

    *.clsPhotoBox
    {
        text-align : center ;
        align-self : end ;
    }

    *.clsPhotoBody
    {
        width : 100% ;
    }

    *.clsCaption
    {
        text-align : center ;
    }
}


/* For Smartphone */
@media screen and ( max-width : 480px )
{
    h1 { font-size : x-large ; }

    #colName  { width : 5.25em ; }

    *.clsPhotoArea
    {
        width   : 90% ;
        margin  : auto ;
        padding : 0.5em 0.5em 0.5em 0.5em ;
    }

    *.clsPhotoBox
    {
        text-align : center ;
    }

    *.clsPhotoBody
    {
        width : 100% ;
    }
}