/* Cascading Style Sheet for Yokohama Taiyo Whales WWW
                                     written by I.Harada */

/* whales.css : common setting */

body {
    background-color: #000080;
    color: #F0F0F0;
    font-family: helvetica;
    font-size: 12pt;
    padding: 0.2em 0.2em;
}
strong {
    color: #F08000;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
}

a:link    {text-decoration: underline; color: #00FFFF;}
a:visited {text-decoration: underline; color: #FF00FF;}
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.2em 0 0.2em 0.8em;                 /* top right bottom left */
    padding-left: 0.8em;
}

li        {
    margin: 0.2em 0 0.2em 0.8em;                 /* top right bottom left */
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/* header of document */

h1 {
    background-color: #FAFEFE;
    border-color: #8080F0;
    border-style: solid none;                    /* top bottom */
    border-width: 3px 0;
    color: #000000;
    font-size: 120%;
    font-weight: bold;
    margin: 1.0em 0 0.2em 0;
    padding: 0.2em 1.0em;
    max-width: 950px;
}

h2 {
    background-color: #303030;
    border-color: #00FFFF;
    border-style: none none none solid;          /* top right bottom left */
    border-width: 0px 0px 0px 30px;
    color: #F0F0F0;
    font-size: 100%;
    font-weight: bold;
    margin: 0.2em 0.0em 0.4em 0.0em;
    padding: 0.3em 1.0em;
    width: 100%;
    max-width: 400px;
}

h3 {
    background-color: transparent;
    border-color: #F08000;
    border-style: solid none;
    border-width: 3px 0;
    color: #F08000;
    font-size: 150%;
    font-weight: bold;
    margin: 0.2em 0;
    padding: 0.2em 0.2em;
    width: 100%;
    max-width: 510px;
}

.img-title70 {
    vertical-align: top;                         /* align="TOP" */
    height: 70px;                                /* height=70 */
    max-width: 950px;
    width: 100%;
    display: block;                              /* Isolate the image as a separate line */
}

.img-photo {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: none;
    padding-bottom: 2px
}

.img-photo-centre {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: none;
    text-align: center;
    padding-bottom: 2px
}

.img-button {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
    padding-bottom: 4px
}

.copyright {
    width: 100%;
    max-width: 520px;
    height: 32px;
    margin: 0.4em 0;
    padding: 0.4em 1.6em;
    background-color: transparent;
    background-image: url(./GIF/BCG_CPRW.GIF);
    background-repeat: no-repeat;
    border-color: #000000;
    border-style: none;
    border-width: 0;
    color: #F0F0F0;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.highlight-orange {
    color: #F08000;
    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
}

.text-small {
  font-size: 0.8em;
}

.line-orange {
    border: none;
    height: 3px;
    max-width: 950px;
    width: 100%;
    background-color: #F08000;
    display: block;
}

table.base {
    border-collapse: collapse;
    border-style:none;
    border-width:0;
    margin-left: 0;
    width:100%;
    max-width: 950px;
}

table.base TR {
    border-width: 0;
    vertical-align: top;
} 

table.whales {
    background-color: transparent;
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: none;
    border-width: 1px;
    margin-left: 20px;
    width: 100%;
    max-width: 930px;
}

table.whales TH {
    background-color: #303030;
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    padding: 0.2em 0.2em;
} 

table.whales TD {
    background-color: #0000B0;
    border-collapse: collapse;
    border-style: solid;
    border-color: #A0A0A0;
    border-width: 1px;
    font-weight: normal;
    padding: 0.2em 0.2em;
} 

table.searex {
    background-color: transparent;
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    margin-left: 20px;
    width: 100%;
    max-width: 930px;
}

table.searex TH {
    background-color: #303030;
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    padding: 0.2em 0.2em;
} 

table.searex TD {
    background-color: #006060;
    border-collapse: collapse;
    border-style: solid;
    border-color: #A0A0A0;
    border-width: 1px;
    font-weight: normal;
    padding: 0.2em 0.2em;
} 

table.others {
    background-color: transparent;
    border-collapse: collapse;
    border-color: #604020;
    border-style: none;
    border-width: 1px;
    margin-left: 20px;
    width: 100%;
    max-width: 930px;
}

table.others TH {
    background-color: #303030;
    border-collapse: collapse;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    padding: 0.2em 0.2em;
} 

table.others TD {
    background-color: #604020;
    border-collapse: collapse;
    border-style: solid;
    border-color: #A0A0A0;
    border-width: 1px;
    font-weight: normal;
    padding: 0.2em 0.2em;
} 

blockquote p, li p, dl p
          { margin-left: 0; margin-right: 0; }

address a:link,   a:link.mailto   {color: #00FFFF;}
address a:hover,  a:hover.mailto  {color: #F00080;}
address a:active, a:active.mailto {color: #F0F000; background-color: #F00080;}