/* Cascading Style Sheet for Railway WWW
                                     written by I.Harada */

/* style.css : common setting */

BODY {
    background-color: #FFFFFF;
    color: #000000;
    font-family: helvetica;
    font-size: 12pt;
    padding: 0.2em 0.2em;
}
STRONG {
    color: #D00000;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
}
EM {
    color: #F08000;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
}

a:link    {text-decoration: underline; color: #0000F0;}
a:visited {text-decoration: underline; color: #000060;}
a:hover   {text-decoration: underline; color: #F00080; background-color: #F0F000;}
a:active  {text-decoration: underline; color: #F0F000; background-color: #F00080;}

UL,OL,DL  {
    line-height: 1.2em;
    margin: 0.4em 0.0em 0.0em 0.8em;             /* top right bottom left */
    padding-left: 0.8em;
}

LI        {
    margin: 0.4em 0.0em 0.0em 0.8em;             /* top right bottom left */
    padding-bottom: 0.4em;
}

/* header of document */

H1 {
    background-color: #FFFFC0;
    border-color: #008000;
    border-style: solid none solid none;         /* top right bottom left */
    border-width: 2px 0px 2px 0px;
    font-size: 120%;
    font-weight: bold;
    margin: 1.0em 0.0em 0.2em 0.0em;
    padding: 0.2em 1.0em;
}

H2 {
    background-color: #FFFFC0;
    border-color: #008000;
    border-style: solid none solid none;         /* top right bottom left */
    border-width: 2px 0px 1px 0px;
    color: #000000;
    font-size: 110%;
    font-weight: bold;
    margin: 0.2em 0.0em 0.4em 0.0em;
    padding: 0.2em 1.0em;
    width: 440px;
}

H3 {
    background-color: #E0E0E0;
    border-color: #0000C0;
    border-style: solid solid solid solid;       /* top right bottom left */
    border-width: 1px 1px 1px 30px;
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    margin: 0.2em 0.0em 0.4em 0.0em;
    padding: 0.3em 1.0em;
    width: 400px;
}

H4 {
    background-color: #E0E0E0;
    border-color: #F06000;
    border-style: solid solid solid solid;       /* top right bottom left */
    border-width: 1px 1px 1px 30px;
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    margin: 0.2em 0.0em 0.4em 0.0em;
    padding: 0.3em 1.0em;
    width: 400px;
}

.warning {
    background-color: #FFF0F0;
    border-color: #D00000;
    border-style: solid;
    border-width: 2px;
    color: #000000;
    font-weight: bold;
    margin: 0.2em;
    padding: 0.4em;
    text-indent: 0;
}

.caution {
    background-color: #FFFFD0;
    border-color: #F08000;
    border-style: solid;
    border-width: 2px;
    color: #000000;
    font-weight: bold;
    margin: 0.2em;
    padding: 0.4em;
    text-indent: 0;
}

.notice {
    background-color: #F0FFF0;
    border-color: #008000;
    border-style: solid;
    border-width: 2px;
    color: #000000;
    font-weight: normal;
    margin: 0.2em;
    padding: 0.4em;
    text-indent: 0;
}

.quotation {
    background-color: transparent;
    border-color: #008000;
    border-style: none none none solid;          /* top right bottom left */
    border-width: 0px 0px 0px 6px;
    color: #000000;
    font-size: 100%;
    font-style: italic;
    font-weight: normal;
    margin: 0.2em 1.2em 0.0em 2.0em;
    padding: 0.3em 1.0em;
}

.reference {
    background-color: transparent;
    border-color: #008F00;
    border-style: none none none none;           /* top right bottom left */
    border-width: 0px 0px 0px 0px;
    color: #000000;
    font-size: 100%;
    font-style: italic;
    font-weight: normal;
    margin: 0.0em 1.2em 0.4em 3.0em;
    padding: 0.3em 1.0em;
    text-align: right;
}

.copyright {
    background-color: transparent;
    background-image: url(./GIF/BCG_CPRT.GIF);
    background-repeat: no-repeat;
    border-color: #000000;
    border-style: none none none none;           /* top right bottom left */
    border-width: 0px 0px 0px 0px;
    color: #FFFFFF;
    font-weight: normal;
    height: 32px;
    margin: 0.4em 0.0em 0.4em 0.0em;
    padding: 0.2em 1.6em;
    text-align: left;
    text-indent: 0;
    vertical-align: middle;
    width: 520px;
}

table.base {
    border-collapse: collapse;
    border-style:none;
    border-width:0px;
    margin-left: 0px;
    width:780px;
}

table.main {
    background-color: transparent;
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 2px;
    margin-left: 2px;
    width: 776px;
}

table.main TH {
    background-color: #FFF080;
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 2px;
    padding: 0.2em 0.2em;
} 
table.main TD {
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 2px;
    padding: 0.2em 0.2em;
} 

table.warning {
    background-color: #FFF0F0;
    border-color: #D00000;
    border-style: solid;
    border-width: 2px;
    width: 776px;
}

table.caution {
    background-color: #FFFFD0;
    border-color: #F08000;
    border-style: solid;
    border-width: 2px;
    width: 776px;
}

table.notice {
    background-color: #F0FFF0;
    border-color: #008000;
    border-style: solid;
    border-width: 2px;
    width: 776px;
}

BLOCKQUOTE P, LI P, DL P
          { margin-left: 0; margin-right: 0; }

address a:link,   a:link.mailto   {color: #0000F0; font-style: italic;}
address a:hover,  a:hover.mailto  {color: #F00080; background-color: #F0F000; font-style: italic;}
address a:active, a:active.mailto {color: #F0F000; background-color: #F00080; font-style: italic;}