@charset "UTF-8";

body {
 color: #000;
 font-size: 10px;
 font-family: 'ヒラギノ角ゴ Pro W3', 'Osaka－等幅', 'MS UI Gothic', Helvetica, 'Arial Narrow', Verdana, 'MS Sans Serif', Sans-Serif;
 background-color: #e0e1e1;
}

#container {
 width: 940px;
 padding: 0 20px;
 margin: 40px auto 20px;
 background-color: #fff;
}

#contents {
 width: 690px;
 background: url(../img/contents_back.gif) repeat-y right top;
}

    #school_logo {
     padding: 20px 0 10px;
     border-bottom: 1px solid #000;
     background-color: #fff;
    }
    
    h1 { padding: 30px 0 15px;}
    
    .description {
     color: #000;
     padding: 15px 0;
    }
    
    .whiteback { background-color: #fff;}

#main {
 width: 425px;
 padding: 0 15px 0 0;
}

    #main h2 {
     color: #000;
     font-size: 1.2em;
     line-height: 1em;
     height: 1em;
     padding: 5px 0 6px 3px;
     margin: 0 0 3px;
     border-top: 1px solid #000;
     background: url(../img/line.gif) repeat-x left bottom;
    }
    
    #main h2 a {
     color: #000;
    }
    
    .post_date {
     color: #ff5d00;
     font-size: 0.9em;
     padding-left: 3px;
    }
    
    .post {
     padding: 20px 0;
    }
    
    .pager {
     padding-bottom: 5px;
    }

#sub {
 width: 220px;
 padding: 15px;
 background-color: #e0e1e1;
}

    #sub .inner {
     padding: 10px;
     background-color: #fff;
    }
    
    #sub h3 {
     color: #000;
     font-size: 12px;
    }
    
    #sub li {
     padding-left: 15px;
     background: url(../img/list_mark_o.gif) no-repeat 2px 3px;
    }

#side {
 width: 235px;
 padding: 50px 0 0 15px;
}

    .banner {
     margin-bottom: 15px;
    }
    
    .banner a {
     background-color: #fff !important;
    }
     

#footer {
 width: 640px;
 padding: 10px 20px 10px 320px;
 margin: 0 auto 20px;
 background: url(../img/logo_footer.gif) no-repeat 20px 35px #fff;
}

    #footer .inner {
     float: left;
     height: 80px;
     padding: 10px 50px 5px 15px;
     border-left: 1px solid #e0e1e1;
    }
    
    #footer h2 {
     color: #808080;
     font-size: 10px;
     font-weight: normal;
     line-height: 1.5em;
    }

hr {
 height: 15px;
}

p {
 color: #808080;
 line-height: 1.5em;
}

a {
 color: #00286e;
 text-decoration: none;
}

a:hover {
 background-color: #86e8f2;
}