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

/* layout */
body {
    text-align: center;
    background-color: #DDDDDD;
}

/* TOP header */
#contents #header {
    border-top: 2px solid #333333;
}

    /* Main text. */
    #contents #header h1{
        color: #000000;
        width: 400px;
        font-size: 18px;
        font-weight: bold;
        display: inline;
        float: left;
        position: relative; left: 450px; bottom: 0px; top: 25px;
    }

    /* Logo */
    #contents #header #toplogo {
        border: solid 0px #999999;
        color:#000000;
        position: relative; left: -390px; bottom: 0px;
    }

    /* Main visual.*/
    #contents #pickup {
        width: 800px;
        height: 200px;
        margin: auto;
        background-color :#FFFFFF;
        text-align:left;
        border:solid 0px #999999;
        position: relative;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    /* Main navication */
    #contents {
        width: 800px;
        margin: auto;
        background-color: #FFFFFF;
        text-align: left;
        border: solid 0px #999999;
        position: relative; 
    }

    #header #navi {
        background-color: #000000;
        padding: 0px;
        width: 800px;
        height:25px;
        position: absolute;
        top: 262px;
        left: 0px;
        border-bottom: 1px solid #333333;
        border-top: 1px solid #333333;
        text-decoration: none;
    }
    #header #navi h2{
        width: 140px;
        float: left;
        text-align: center;
        margin:0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 1.7em;
        border-right: solid 1px #FFFFFF;
        border-left:none;
        padding-left:0px;
        text-decoration: none;
        }
    #header #navi a {
        color:#FFFFFF;
        font-weight:normal;
        display:block;
        width:140px;
        text-decoration: none;
    }

    #header #navi a:hover {
        color:#CC292A;
        font-weight:normal;
        display:block;
        width:140px;
        font-weight: bold;
        text-decoration: none;
    }
    
    
/* Main contents */
#main h2 {
    padding:5px 0 5px 15px;
    border-left:#CC292A 8px solid;
    border-bottom:#CC292A 1px solid;
    font-size: medium;
    font-weight: bold;
    color:#000000;
}

#main p {
    line-height: 150%;
    padding-left: 2em;
    padding-right: 2em;
}

#main h3 {
    font-size: small;
    font-weight: blod;
    padding-left: 3em;
    padding-right: 2em;
}

#main a {
    color:#CC292A;
}

/* footer */
#footer address {
    background-color:#000000;
    color:#ffffff;
    padding-bottom:5px;
    font-style:normal;
    border:none;
}

#footer a {
    color:#cccccc;
}

#footer a:hover {
    color:#CC292A;
}