@charset "UTF-8";

body{
    margin:0;
    padding:0;
    font-size:16px;
    font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", sans-serif;
    color: #2e2e2e;
    background-color: #ecf3fb;
}

img{
    border-style: none;
}

#wrap{
    width: 950px;
    margin:0 auto;
    /*background-color:#ffffff;*/
}

/*****************ロゴ***************/
#vertical{
    width:950px;
    /*margin-left:10px auto;
    margin-right:10px auto;*/
}

#vertical .white_vertical{
    position:relative;
    top: 0px;
    /*left: 50px;*/
    margin-bottom: -327px;
    z-index: 1;
}

#vertical .white_vertical_index{
    position:relative;
    top: 0px;
    /*left: 50px;*/
    margin-bottom: -430px;
    z-index: 1;
}

/**********ヘッダー（プロジェクト名）**********/
#header{
    text-align: left;
    width:640px;
    /*margin:10px auto;*/
    position:relative;
    left: 280px;
    z-index: 5;
}

#header .language{
    position: relative;
    text-align: right;
    font-size:16px;
    margin:0;
    top:0px;
    right: 0px;
    margin-top: 10px;
    margin-bottom: -20px;
}

#header .tokusui{
    font-size:16px;
}

#header .title{
    position: relative;
    font-size: 24px;
    font-weight: bold;
    bottom: 5px;
    width: 520px;
    text-align: left;
    padding: 4px 0px 4px 30px;
    left: 0px;
    margin-bottom: 37px;
    color: #1c1c1c;
    background-color: #ffffff;
    border: 1px #dcdcdc solid;
}


/****************帯**************/
#horizontal{
    width:950px;
    /*margin-left:10px auto;
    margin-right: 10px auto;*/
}

#horizontal .affetto{
    position: relative;
    left: 30px;
    bottom: 0px;
    margin-top: -13px;
    margin-bottom: -3px;
    padding: 0;
    z-index: 4;
}

#horizontal .heading{
    position: relative;
    left: 490px;
    bottom: 0px;
    font-size: 40px;
    color: #ffffff;
    z-index: 5;
    margin-bottom: 28px;
    width: 400px;
    padding: 0;
    margin-top: 0px;
}

/**********ページ内リンク**************/
ul#link_research, ul#link_group, ul#link_member, ul#link_out, ul#link_pub, ul#link_event, ul#link_access, ul#link_link{
    /*margin-bottom: 100px;*/
}

ul#link_research, ul#link_research li, ul#link li a, ul#link_group, ul#link_group li, ul#link_group li a, ul#link_member, ul#link_member li, ul#link_member li a, ul#link_out, ul#link_out li, ul#link_out li a, ul#link_pub, ul#link_pub li, ul#link_pub li a, ul#link_event, ul#link_event li, ul#link_event li a, ul#link_access, ul#link_access li, ul#link_access li a, ul#link_link, ul#link_link li, ul#link_link li a{
    /*margin: 0;*/
    padding: 0;
    font-size: 18px;
    z-index: 5;
    /*float: left;*/
    display: inline;
    text-align: center;
}

ul#link_research li a, ul#link_group li a, ul#link_member li a, ul#link_out li a, ul#link_pub li a, ul#link_event li a, ul#link_access li a, ul#link_link li a{
    padding: 7px;
    background-color: #ecf3ff;
    text-decoration: none; /* 下線を消す */
}

ul#link_research img, ul#link_group img, ul#link_member img, ul#link_out img, ul#link_pub img, ul#link_event img, ul#link_access img, ul#link_link img{
    vertical-align: -0.1em;
}

/*研究概要用リンク*/
ul#link_research li{
    width: 100px;
    position: relative;
    left: 580px;
    list-style: none;
}

/*グループ用リンク*/
ul#link_group li{
    width: 115px;
    position: relative;
    left: 490px;
    list-style: none;
}

/*メンバー用リンク*/
ul#link_member li{
    width: 90px;
    position: relative;
    left: 520px;
    list-style: none;
}

/*成果用リンク*/
ul#link_out li{
    width: 150px;
    position: relative;
    left: 620px;
    list-style: none;
}

/*業績用リンク*/
ul#link_pub li{
    width: 150px;
    position: relative;
    left: 620px;
    list-style: none;
}


/*イベント用リンク*/
ul#link_event li{
    width: 200px;
    position: relative;
    left: 600px;
    list-style: none;
}

/*アクセス用リンク*/
ul#link_access li{
    width: 180px;
    position: relative;
    left: 570px;
    list-style: none;
}

/*リンク用リンク*/
ul#link_link li{
    width: 90px;
    position: relative;
    left: 520px;
    list-style: none;
}

#horizontal .margin{
    margin-bottom: -5px;
    padding: 0;
}


/*******************ナビゲーションバー****************/
#navi{
    position: relative;
    left: 55px;
    width: 200px;
}

.current{
    height: 64px;
    display:block;
    margin-bottom: -20px;
}
.button_home{   
    background:url("images/home_hover.png");   
    height: 64px;
    display:block;
    margin-bottom: -20px;
}   
.button_home a{   
    background:url("images/home.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_research{   
    background:url("images/research_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_research a{   
    background:url("images/research.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_organization{   
    background:url("images/organization_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_organization a{   
    background:url("images/organization.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_member{   
    background:url("images/member_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_member a{   
    background:url("images/member.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_outcomes{   
    background:url("images/outcomes_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_outcomes a{   
    background:url("images/outcomes.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_publication{   
    background:url("images/publication_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_publication a{   
    background:url("images/publication.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_event{   
    background:url("images/event_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_event a{   
    background:url("images/event.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_access{   
    background:url("images/access_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_access a{   
    background:url("images/access.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}

.button_link{   
    background:url("images/link_hover.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}   
.button_link a{   
    background:url("images/link.png");   
    height:64px;   
    display:block;   
    margin-bottom: -20px;
}


#navi .white_end{
    margin-top: 20px;
    margin-bottom: -275px;
}

#navi .logo{
    position: relative;
    top: 0px;
    left: 5px;
    z-index: 6;
    margin-bottom: -10px;
}

#navi .logo2{
    position: relative;
    top: 0px;
    left: 5px;
    z-index: 6;
    margin-bottom: -730px;
}


/****************メイン********************/
#main{
    position: relative;
    left: 280px;
    width: 675px;
    background-color: #ffffff;
}

#main .white_main{
    margin-bottom: -400px;
}

#main .h1{
    width: 640px;
    position: relative;
    left: 10px;
    padding: 5px;
    font-size: 25px;
    text-indent:45px;
    background: url(images/h1.png) no-repeat;
    /*-moz-background-size:100% 100%;*/
    /*background-size:100% 100%;*/
}

#main .text{
    position: relative;
    bottom: 400px;
}

#main img{
    vertical-align: -0.1em;
}

#text{
    padding: 2px;
    width: 654px;
}

#content{
    width:950px;
    margin:10px auto;
    overflow:hidden;
    overflow-y: hidden;
}

/***************フッターの設定****************/
#footer_home{
    width:950px;
    margin:0 auto;
    clear:both;
    text-align:right;
    padding:10px 0;
    position: relative;
    top: 580px;
}

#footer_group{
    width:950px;
    margin:0 auto;
    clear:both;
    text-align:right;
    padding:10px 0;
    position: relative;
    top: 480px;
}

#footer{
    width:950px;
    margin:0 auto;
    clear:both;
    text-align:right;
    padding:10px 0;
    position: relative;
}

#foot_text{
    text-align:left;
    font-size: 14px;
}
#to_top{
    position:relative;
    top:10px;
    color:00ffff;
}

#to_top img{
    vertical-align: -0.1em;
}


/****************インデント******************/
.indent{
    text-indent: 1em;
}

.indent2{
    padding-left: 2em;
}

.indent3{
    padding-left: 3em;
}

.indentul{
    margin: 0 0 0 2em;
}

/*******************Publication専用*************/
.hpub{
    font-size: 20px;
    font-weight: bold;
}

.hpub img{
    vertical-align: -0.1em;
}

.pub{
    font-size: 15px;
}

/**************シンポジウム*******************/
ul#symposium{
    list-style: none;
}

p#sympo_speaker{
    margin: 5px 0 0px 1em;
}


p#sympo_title{
    /*font-weight: bold;*/
    margin: 0px 0 10px 1em;
}

/***********その他のリンクの色指定**************/
a:link {/* 未訪問のリンク */
    color: #00008b;
}
a:visited { /* 訪問済みのリンク */
    color: #00008b;
}
a:hover { /* カーソルが上にある時のリンク */
    color: #F9BB00;
}