@import url(form.css);
@import url(content.css);

* {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
}

body {
    background: url(../img/back_body.gif) repeat-y #3cb1e6;
    height: 100%;
    width: 100%;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

hr {
    display: none;
}

#top {
    background-color: #2c79a7;
    border-bottom: 1px #fff solid;
}

#top #search {
    float: left;
    text-align: right;
    width: 375px;
}

#top #topnavi {
    color: #fff;
    float: left;
    padding: 8px 0 0 10px;
    width: 400px;
}

#top #topnavi a {
    color: #fff;
    text-decoration: none;
}

#top #topnavi a:hover {
    color: #d70606;
}

#top #topnavi a.active {
    color: #d70606;
}

#main {
    width: 805px;
}


/* Col Navi */

#main #col_navi {
    background: url(../img/back_navibar.jpg) no-repeat;
    float: left;
    min-height: 510px;
    width: 200px;
}

#navi {
    margin: 280px 0 0 0;
}

#navi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navi ul li {
    line-height: 100%;
    margin: 0 0 0.8em 0;
}

#navi ul li a {
    background: url(../img/back_navi.gif) right repeat-y #fff;
    display: block;
    opacity: 0.9;
    padding: 6px 12px 6px 12px;
    text-decoration: none;
}

#navi ul li a.active {
    background: url(../img/back_navi_red.gif) right repeat-y #fff;
    color: #d70606;
}

#navi ul ul {
    background: url(../img/back_navi.gif) right repeat-y #fff;
    margin: 0.2em 0 0.8em 0.8em;
    opacity: 0.9;
}

#navi ul ul a, #navi ul ul a.active, #navi ul ul a:hover {
    background: none;
}

#navi ul ul li {
    margin: 0;
}

#navi ul ul ul, #navi ul ul ul a, #navi ul ul ul a.active, #navi ul ul ul a:hover {
    background: none;
}

#navibar {
    padding: 1em 0.5em 1em 1em;
}

#navibar .box {
    margin: 0 0 1em 0;
}


/* Col Content */

#main #col_content {
    background: url(../img/back_content.jpg) no-repeat;
    float: left;
    width: 605px;
}

#col_content #content {
    margin: 25px 20px 10px 10px;
}

#col_content #footnavi {
    border-top: 1px #3CB1E6 dotted;
    margin: 50px 20px 0 10px;
}

#footnavi .copyright a {
    text-decoration: none;
}

#footnavi .copyright a:hover {
    color: #2c79a7;
}