/* 共通部分 */
html,body{
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1.5;
    font-size: 12pt;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header, nav, article, aside, section, footer{
    display:block;
}

div.wrap{
    width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

div.main_container{
    width: 960px;

    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;

    margin: 0 auto;
    padding: 10px 0 10px 0;
    text-align: left;
}

div.top_main_container{
    width: 960px;

    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;

    margin: 0 auto;
    padding: 10px 0 10px 0;
    text-align: left;
}

article{
    margin: 10px auto;
}

img.center{
    display: block;
    margin: 10px auto;
}

p{
    margin: 10px auto;
}

a{
    color: #0E448D;
    text-decoration: none;
}

a:hover{
    color: #ff0000;
    text-decoration: underline;
}

/* 一番上のナビゲーションバー */

nav#topnav > div.wrap{ /*必ずdiv.wrapより下に書くこと！*/
    margin: 10px auto;
    text-align: right;
}

/* ヘッダー */
header{
    margin: 10px auto;
    line-height: 1.0;
}

header > div > div{
    display: inline-block;
    margin: 0 10px 0 0;

    vertical-align: middle;
}

header > div > div > h1{
    font-weight: normal;
    font-size: 38px;
}

header > div > div > h2{
    margin: 0 0 15px 0;

    font-weight: normal;
    font-size: 20px;
}

header > div > div > h1 > a{
    color: #000000;
}

header > div > div > h2 > a{
    color: #000000;
}

/* メニューバー */

nav#menu{
    font-size: 0;
    background: #0E448D;

    line-height: 1.0;
}

ul.mainmenu_list{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.mainmenu_list > li{
    display: inline;
    position: relative;
}

ul.mainmenu_list > li > a{
    display: inline-block;
    width: 160px;
    margin: 0;
    padding: 16px 0;
    background: #0E448D;
    color: #ffffff;

    text-align: center;
    font-size: 20px;
    text-decoration: none;
}

ul.mainmenu_list > li > a:hover{
    background: #b4d4ff;
    color: #000000;
}

ul.mainmenu_list_simple{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.mainmenu_list_simple > li{
    display: inline;
    position: relative;
}

ul.mainmenu_list_simple > li > a{
    display: inline-block;
    width: 160px;
    margin: 0;
    padding: 16px 0;
    background: #0E448D;
    color: #ffffff;

    text-align: center;
    font-size: 20px;
    text-decoration: none;
}

ul.mainmenu_list_simple > li > a:hover{
    background: #b4d4ff;
    color: #000000;
}

/* 詳細メニュー（通常は格納） */

div.submenu{
    display: none;

    position: absolute;
    z-index: 100;
    width: 960px;
    margin: 0;
    padding: 16px 0;

    background: rgba(255, 255, 255, 0.90);
    color: #000000;
}

div.submenu_left{
    display: inline-block;
    width: 198px;
    margin: 0;
    padding: 8px 0 0 0;

    font-size: 20px;
    vertical-align: top;
    text-align: center;
}

div.submenu_right{
    display: inline-block;
    width: 760px;
    margin: 0;
    padding: 8px 0 0 0;
    border-left: 2px solid #0E448D;

    font-size: 0;
    vertical-align: top;
}

div.submenu ul{
    display: inline-block;
    width: 380px;
    margin: 0;
    padding: 0;

    list-style-type: square;
    list-style-position: inside;

    vertical-align: top;
    font-size: 20px;
}

div.submenu_right li{
    padding: 0 0 16px 40px;
}

div.submenu a{
    color: #000000;
    text-decoration: none;
}

div.submenu a:hover{
    color: #ff0000;
    text-decoration: underline;
}

/* フッター */
footer{
    margin: 10px auto 0px auto;
    padding: 10px 0 10px 0;

    text-align: center;
    background: #0E448D;

    color: #ffffff;
}

/* トップページのお知らせ部分 */
div.top_main_container > div#what-now{
    margin: 15pt 0 15pt 0;
    padding: 0;

    font-size: 0;
}

div.top_main_container > div#what-now > div.announcement{
    display: inline-block;
    width: 260px;
    margin: 0 12pt 0 0;
    padding: 4pt 0 10px 0;

    border: 1px solid #0E448D;
    border-radius: 10px;

    font-size: 12pt;
    vertical-align: top;
}

div.top_main_container > div#what-now > div.announcement > h3{
    font-weight: normal;
    font-size: 16pt;
    text-decoration: underline;

    text-align: center;
}

div.top_main_container > div#what-now > div.announcement > dl{
    margin: 10pt 10pt 0 10pt;

    text-align: left;
}

div.top_main_container > div#what-now > div.recent-study{
    display: inline-block;
    width: 670px;
    margin: 0 0 0 12px;
    padding: 5px 0 0 0;

    font-size: 12pt;
    vertical-align: top;
}

div.top_main_container > div#what-now > div.recent-study > h3{
    font-weight: normal;
    font-size: 16pt;
    text-decoration: underline;
}

div.top_main_container > div#what-now > div.recent-study > div.right {
    text-align: right;
}

div.top_main_container > div#what-now > div.recent-study > article > h4{
    margin: 10pt 0 0 0;
    padding: 5px 5px 5px 10px;

    border-left: 10px solid #348a3f;
    border-top: 1px solid #348a3f;
    border-bottom: 1px solid #348a3f;
    border-right: 1px solid #348a3f;

    font-weight: normal;
}

div.top_main_container > div#what-now > div.recent-study > article > img{
    display: block;
    margin: 10px auto;
}

/* 「最近の研究から」のバックナンバーの基本スタイル */

div.st1t > h1{
    font-size: 16pt;
}

div.st1t > article > h4{
    margin: 10px 0 10px 0;
    padding: 5px 5px 5px 10px;

    border-left: 10px solid #348a3f;
    border-top: 1px solid #348a3f;
    border-bottom: 1px solid #348a3f;
    border-right: 1px solid #348a3f;

    font-weight: normal;
}

div.st1t > article > img{
    display: block;
    margin: 10px auto;
}

/* 一般ページの基本スタイル */
div.st1 > h1{
    font-size: 16pt;
}

div.st1 > h2{
    margin: 10px 0 10px 0;
    padding: 5px 5px 5px 10px;

    border-left: 10px solid #348a3f;
    border-top: 1px solid #348a3f;
    border-bottom: 1px solid #348a3f;
    border-right: 1px solid #348a3f;

    font-weight: normal;
}

div.st1 > ul > li{
    list-style-position: inside;
}

div.st1 > ol > li{
    list-style-position: inside;
}

div.st1 > table{
    margin: 0 0 0 -15px;
    border-spacing: 15px 3px;
    border-collapse: separate;
}

/* メンバー紹介（学生用）の基本スタイル */
div.st2 > h1{
    font-size: 16pt;
    margin: 0;
    
    text-align: left;
}

div.st2 > h2{
    margin: 10px 0 10px 0;
    
    color: #348a3f;
    font-weight: normal;
}

div.st2 > ul > li{
    list-style-position: inside;
}

div.st2 > ol > li{
    list-style-position: inside;
}

div.st2 > div.div-right
{
    text-align: right;
}

div.st2 > img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 研究室ガイド，研究の総説の基本スタイル */
div.st3 > h1{
    font-size: 16pt;
    margin: 0 0 10px 0;
    
    text-align: left;
}

div.st3 > h2{
    margin: 10px 0 10px 0;
    
    font-size: 14pt;
    font-weight: bold;
}

div.st3 > h2 > span.c1{
    margin-right: 5px;
    color: red;
}

div.st3 > h2 > span.c2{
    margin-right: 5px;
    color: magenta;
}

div.st3 > h2 > span.c3{
    margin-right: 5px;
    color: orange;
}

div.st3 > h2 > span.c4{
    margin-right: 5px;
    color: green;
}

div.st3 > h2 > span.c5{
    margin-right: 5px;
    color: blue;
}

div.st3 > ul > li{
    list-style-position: inside;
}

div.st3 > ol > li{
    list-style-position: inside;
}

div.st3 > div.div-right{
    text-align: right;
}

div.st3 > ol > li > div.source{
    display: block;
    margin-left: 2em;
}

/* 研究業績ページの基本スタイル */
div.st4 > h1{
    font-size: 16pt;
}

div.st4 > h2{
    margin: 10px 0 10px 0;
    padding: 5px 5px 5px 10px;

    border-left: 10px solid #348a3f;
    border-top: 1px solid #348a3f;
    border-bottom: 1px solid #348a3f;
    border-right: 1px solid #348a3f;

    font-weight: normal;
}

div.st4 > ul > li{
    list-style-position: outside;
    margin-left: 2em;
}

div.st4 > ol > li{
    list-style-position: outside;
    margin-left: 2em;
}

div.st4 > table{
    margin: 0 0 0 -15px;
    border-spacing: 15px 3px;
    border-collapse: separate;
}

/* 研究紹介（英語トップページ）用 */
article.u_bar{
    margin: 15px 0 15px 0;
    padding: 15px 0 15px 0;
    border-top: 1px solid #0E448D;
}

article.u_bar > h3{
    font-weight: bold;
    font-size: 24px;
}

/* その他共通 */
mark.journal{
    background-color: white;
    font-style: italic;
    font-weight: normal;
}

mark.volume{
    background-color: white;
    font-style: normal;
    font-weight: bold;
}

mark.it{
    background-color: white;
    font-style: italic;
    font-weight: normal;
}