@charset "utf-8";

/* リセットCSS = デフォルトの無駄なCSSをナシにする
------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    font-weight: normal;
    line-height: 1;
}

/* 全体設定
------------------------------------------------------------*/
body {
    color: #595858;
    font-size: 14px;
    font-family: "Meiryo", "メイリオ", "MS PGothic", "Osaka", Arial, sans-serif;
    background-color: #ffffff;
}

/* フロートの解除
------------------------------------------------------------*/
.clear {
    clear: both;
}

/* ★★ 00.上部
------------------------------------------------------------*/
div#top { /*上の黒い四角*/
    width: 100%;
    height: 40px;
    background-color: black;
}

div#top-square { /*枠の設定*/
    width: 960px;
    padding: 10px 0 0 0;
    margin: 0 auto;
}

p#new-student {
    margin-left: 20px;
}

p#sitemap {
    margin-left: 20px;
}

div.top-contents { /*フォントと位置の設定*/
    font-size: 12px;
    float: right;
}

    div.top-contents a { /*日本語とEnglishを白く*/
        color: white;
    }

div.top-contentsp { /*間のスラッシュを白く*/
    color: white;
}

div.top-contents a:link { /*リンクの文字効果を消す*/
    text-decoration: none;
    font-style: normal;
}

div.top-contents a:hover {
    color: blue;
    /*マウスで選択したときのCSS,リンクの色が変わる*/
}

/* ★★ 01.ヘッダー
------------------------------------------------------------*/
header { /*枠の設定*/
    width: 960px;
    height: 60px;
    padding-top: 40px;
    margin: 0 auto;
}

div#title {
    width: auto;
    height: 60px;
    float: left;
}

    div#title h1 {
        font-size: 12px;
        margin-bottom: 8px;
    }

    div#title h2 {
        font-size: 38px;
        margin-bottom: 8px;
    }

div#logo {
    margin-left: 20px;
    float: left;
}

nav {
    width: auto;
    height: 15px;
    float: right;
    margin-top: 40px;
}

    nav ul li {
        float: left;
        margin: 0 0 0 20px;
    }

        nav ul li a {
            font-size: 14px;
            color: #595858;
            text-decoration: none; /*文字の下線を消す*/
            font-weight: 600; /*文字の太さ*/
        }

            nav ul li a:link { /*未訪問のリンク*/
                color: #686349;
                font-style: normal;
            }

            nav ul li a:visited { /*訪問後のリンク*/
                color: #686349;
            }

            nav ul li a:hover {
                color: #e73a51;
                /*マウスで選択したときのCSS,リンクの色が変わる*/
            }

hr {
    border-width: 3px 0px 0px 0px;
    border-style: solid;
    border-color: #000000;
    height: 1px;
    padding-bottom: 5px;
}

/* ★★ 0２.スライドショー
------------------------------------------------------------*/
.bxslider {
    margin: 0 auto;
    display: block;
}


/* ★★ 03.5.under部分の基本設定
------------------------------------------------------------*/
div#under { /*枠の設定*/
    width: 960px;
    height: 650px;
    margin: 20px auto;
}

div.under-font h3 { /*新着情報の効果*/
    width: auto;
    font-weight: 600;
    border-left: 8px solid #e73a51;
    margin-bottom: 8px;
    line-height: 24px;
    height: 20px;
    padding-left: 10px;
}

/* ★★ 04.研究室紹介
------------------------------------------------------------*/
div#introduce {
    padding-bottom: 20px;
}

    div#introduce h4 {
        line-height: 20px;
    }

/* ★★ 05.新着情報
------------------------------------------------------------*/


div#update { /*updateの枠の設定*/
    width: 500px;
    height: 500px;
    padding-top: 10px;
    float: left;
}

ul.update-scroll { /*スクロールバー*/
    list-style-type: none;
    width: 500px;
    height: 450px;
    overflow: auto;
    border: 1px solid #bbb;
    padding-left: 0.5em;
}

    ul.update-scroll li { /*スクロールバー*/
        margin-top: 0.3em;
    }

    ul.update-scroll a { /*スクロールバー*/
        text-decoration: none;
    }

/* ★★ 06.今後の予定
------------------------------------------------------------*/
div#next { /*枠の設定*/
    width: 360px;
    height: 300px;
    padding: 10px 0 0 50px;
    float: left;
}

div#pen {
    padding-left: 10px;
    float: left;
}

div#note {
    padding-left: 10px;
    float: left;
}

div#soccer {
    padding-left: 10px;
    float: left;
}

div.next-theme {
    font-weight: 600;
    padding: 2px 0 0 10px;
    float: left;
}

div.next-date {
    padding: 0 0 10px 30px;
}

div#next-end h4 {
    width: auto;
    height: 20px;
    padding-left: 10px;
}

div#next-end a {
    font-size: 14px;
    color: #595858;
    text-decoration: none; /*文字の下線を消す*/
    font-weight: 600; /*文字の太さ*/
}

    div#next-end a:link { /*未訪問のリンク*/
        color: #686349;
        font-style: normal;
    }

    div#next-end a:visited { /*訪問後のリンク*/
        color: #686349;
    }

    div#next-end a:hover {
        color: #e73a51;
        /*マウスで選択したときのCSS,リンクの色が変わる*/
    }

/* ★★ 07.外部リンク
------------------------------------------------------------*/
div#other-link { /*枠の設定*/
    width: 360px;
    height: 200px;
    padding: 10px 0 0 50px;
    float: left;
}

div#other-link-title h3 { /*トピックの効果*/
    width: auto;
    font-weight: 600;
    border-left: 8px solid #e73a51;
    margin-bottom: 8px;
    line-height: 24px;
    height: 20px;
    padding-left: 10px;
}

div.link-image {
    float: left;
    padding: 10px;
}

/* ★★ 08.フッター
------------------------------------------------------------*/
footer {
    width: 100%;
    height: 100px;
    background-color: #7d7d7c;
    padding-top: 20px;
}

div.footerWrapper {
    width: 960px;
    height: auto;
    margin: 0 auto;
}

    div.footerWrapper h4 {
        color: white;
        float: left;
    }

    div.footerWrapper p {
        color: white;
        float: right;
    }