/* ---------------------------------------------------------
 *  common
 * ------------------------------------------------------ */
html {
    overflow   : -moz-scrollbars-vertical ;
    overflow-y : scroll ;
}

body {
    padding : 5px ;
    background : #e0e0ff ;
}

body, th, td {
    font-family : verdana, sans-serif, "MS UI Gothic"
                , Osaka, "MS Gothic", "MS PGothic" ;
    font-size   : 15px ;
}

/* ---------------------------------------------------------
 *  header
 * ------------------------------------------------------ */
div#header {
    margin       : 0px 0px 10px 0px ;
    padding      : 0px 0px 5px 0px ;
    border-width : 0px 0px 1px 0px ;
    border-style : solid ;
    border-color : #808080 ;
}
div#header h1 {
    font-size   : 10px ;
    font-weight : bold ;
}

/* ---------------------------------------------------------
 *  footer
 * ------------------------------------------------------ */
div#footer {
    border-width : 1px 0px 0px 0px ;
    border-style : solid ;
    border-color : #808080 ;
    margin       : 15px 0px 0px 0px ;
    padding      : 10px 10px 5px 20px ;
    clear        : both ;
    text-align   : right ;
}

/* ---------------------------------------------------------
 *  contents
 * ------------------------------------------------------ */
div#contents {
    padding : 5px 10px 0px 15px ;
}
div#contents div.content {
    margin : 0px 0px 10px 0px ;
}

/* ---------------------------------------------------------
 *  message
 * ------------------------------------------------------ */
div#contents div.message {
    background : #f8f8ff ;
    border : 1px solid #666666 ;
    padding : 5px 10px 7px 10px ;
}
div#contents div.message span.error {
    color : red ;
}

/* ---------------------------------------------------------
 *  message
 * ------------------------------------------------------ */
div#contents div.error * {
    color : red ;
}
div#contents div.error h2 {
    font-size : 20px ;
    font-weight : bold ;
    margin : 0px 0px 10px 0px ;
}

/* ---------------------------------------------------------
 *  login form
 * ------------------------------------------------------ */
div#contents div.login table.login {
    margin : 0px 0px 0px 10px ;

}
div#contents div.login table.login th {
    white-space : nowrap ;
}
div#contents div.login table.login th,
div#contents div.login table.login td {
    padding : 0px 5px 5px 0px ;
}
div#contents div.login input.text {
    ime-mode : disabled ;
    width : 20em ;
}

/* ---------------------------------------------------------
 *  
 * ------------------------------------------------------ */