a:link {
    color: #0000FF;
    text-decoration: none;
}

a:visited {
    color: #9D11B3;
    text-decoration: none;
}

a:hover {
    color: #FF6600;
    text-decoration: none;
}

a:active {
    color: #0000FF;
    text-decoration: none;
}

body {
    margin-left: 8px;
    margin-top: 5px;
    color: #000000;
    background-color: #E9F6F8;
    font-size: 12px;
    line-height: 120%;
}

td {
    font-size: 12px;
    line-height: 120%;
}

.small {
    font-size: xx-small;
    line-height: 110%;
}


.text10px {  font-size: 10px; line-height: 120%;}
.text11px {  font-size: 11px; line-height: 120%;}
.text12px {  font-size: 12px; line-height: 120%;}

.title01 {
    background: #009933;
    color: #FFFFFF;
    font-weight: bold;
}
/* 誤字を訂正すると元画面よりずれるため誤字訂正してコメントアウト */
.tb1 {
    /*border-collapse: collapse;*/
    border: 1px solid #333333;
}

.tb2 {
    background: #ffffff;
    border: 1px solid #333333;
}

.tb3 {
    background: #ffffff;
    border: 1px solid #333333;
}

.title02 {
    background-image: url(manual/img/title_bg.jpg);
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

OPTION,
BUTTON,
TABLE,
INPUT,
B,
CAPTION,
CENTER,
P,
MENU,
DIV,
TD,
TH,
TITLE,
TR,
SELECT,
BODY,
TEXTAREA {
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'ＭＳ Ｐゴシック';
}

#header {
    margin-left: 0px;
    margin-top: 3px;
    width: 950px;
}

#contents {
    margin-left:10px;
    margin-top:5px;
    width:290px;
}

    #contents #menu {
        background: #ffffff;
        text-align: center;
        padding: 0px 6px 10px 6px;
        margin: 2px 0px 0px 0px;
        border: double 1px #000000;
    }

        #contents #menu #contentsExplain {
            font-size: 12px;
            line-height: 120%;
            margin: 6px 0px 8px 0px;
            text-align: left;
        }

        #contents #menu ul {
            text-align: center;
            display: table;
            padding: 0;
            margin: 0 auto;
        }

            #contents #menu ul li {
                display: table;
                padding: 0px 6px 3px 6px;
                margin: 0px 0px 0px 0px;
                list-style-type: none;
            }


#wind {
    margin-left: 10px;
    margin-top: 5px;
    width: 290px;
}

#tide {
    margin-left: 10px;
    width: 290px;
    margin-top: 5px;
}

.graph {
    background: #ffffff;
    text-align: center;
    padding: 10px 0px 5px 0px;
    margin: 2px 0px 0px 0px;
    border: solid 1px #000000;
}

#control {
    position: absolute;
    left: 315px;
    top: 57px;
}

    #control #control_title {
        background-image: url(../../img/realtime/control_title.gif);
        background-repeat: no-repeat;
        border: solid 1px #000000;
        width: 628px;
        height: 29px;
        text-align: left;
        margin: 0px 0px 2px 0px;
    }

        #control #control_title #new_datetime {
            position: absolute;
            left: 500px;
            top: 6px;
        }

    /* 誤字を訂正すると元画面よりずれるため誤字訂正してコメントアウト */
    #control #past_tb {
        background-image: url(../../img/realtime/midasi_past_ryukyo.gif);
        background-repeat: no-repeat;
        /*border-collapse: collapse;*/
        border: 1px solid #333333;
        width: 630px;
        margin: 0px 0px 2px 0px;
    }

        #control #past_tb div {
            margin: 15px 0px 0px 5px;
        }

        #control #past_tb #slctYear {
            width: 55px;
        }

        #control #past_tb .selectDate {
            width: 40px;
        }
    /* 誤字を訂正すると元画面よりずれるため誤字訂正してコメントアウト */
    #control #real_tb {
        /*border-collapse: collapse;*/
        border: 0px solid #333333;
        width: 630px;
    }

        #control #real_tb #viewMapInfo {
            width: 230px;
        }

#map {
    position: absolute;
    left: 315px;
    top: 177px;
    width: 630px;
}

#imageMap {
    width: 630px;
    height: 472px;
    background: #ffffff;
    text-align: center;
    color: #0000FF;
    line-height: 400px;
    border: 1px solid #333333;
}

#imageTide {
    width: 288px;
    height: 180px;
    text-align: center;
    color: #0000FF;
    line-height: 180px;
}

#imageWind {
    width: 288px;
    height: 136px;
    text-align: center;
    color: #0000FF;
    line-height: 124px;
}



.button {
    border-style: none;
    /*background: url(../img/btnOffW100.gif) no-repeat 0px 0px;*/
    display: inline-block;
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    color: #3355FF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.button_on {
    border-style: none;
    /*background: url(../img/btnOnW100.gif) no-repeat 0px 0px;*/
    display: inline-block;
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    color: #FF5533;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}