body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 15px;
    font-family:"ＭＳＰ 明朝", Georgia, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
    background: url("./image/back_ami.gif") repeat;
    line-height: 170%;
    /*text-indent: 1em;*/
    text-align: left;
    }
a
    {
    color: #0055ff;
    }
a:hover
    {
    color: #D60808;
    }




/*-----メインボタンより上部-----*/
#header
    {
    margin: 0 auto;
    width: 810px;
    height: 365px;
    position: relative;
    text-align: left;
    background: url("./image/back_gray.gif") repeat;
    }
#title1
    {
    float: left;
    margin: 20px 0 0 40px;
    }
#top
    {
    float: right;
    margin:20px 5px 0 0;
    }
#information
    {
    float: right;
    margin:20px 40px 0 0;
    }
#title2
    {
    clear: both;
    margin: 10px 0 10px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #405050;
    line-height: 100%;
    }
#top_haruka
    {
    float: left;
    width: 742px;
    height: 196px;
    background: url("./image/top_haruka.png") no-repeat;
    margin: 3px 0 0 34px;
    }


/*-----メインボタン-----*/

#main_button
    {
    width: 810px;
    float: left;
    }

#main_about a
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 34px;
    background:url("./button/main_about.gif") no-repeat;
    }
#main_about a:hover
    {
    background:url("./button/main_about_click.gif") no-repeat;
    }
#main_about_page
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 34px;
    background:url("./button/main_about_click.gif") no-repeat;
    }
#main_theme a
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_theme.gif") no-repeat;
    }
#main_theme a:hover
    {
    background:url("./button/main_theme_click.gif") no-repeat;
    }
#main_theme_page
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_theme_click.gif") no-repeat;
    }
#main_project a
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_project.gif") no-repeat;
    }
#main_project a:hover
    {
    background:url("./button/main_project_click.gif") no-repeat;
    }
#main_project_page
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_project_click.gif") no-repeat;
    }
#main_member a
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_member.gif") no-repeat;
    }
#main_member a:hover
    {
    background:url("./button/main_member_click.gif") no-repeat;
    }
#main_member_page
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_member_click.gif") no-repeat;
    }
#main_publication a
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_publication.gif") no-repeat;
    }
#main_publication a:hover
    {
    background:url("./button/main_publication_click.gif") no-repeat;
    }
#main_publication_page
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_publication_click.gif") no-repeat;
    }
#main_link a
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_link.gif") no-repeat;
    }
#main_link a:hover
    {
    background:url("./button/main_link_click.gif") no-repeat;
    }
#main_link_page
    {
    float: left;
    width: 122px;
    height: 37px;
    margin: 2px 0 10px 2px;
    background:url("./button/main_link_click.gif") no-repeat;
    }


/*----- メインボタンより下部のCSS -----*/
/*----- 各ページのCSS -----*/
/*----- 共通 -----*/
#container
    {
    clear: both;
    margin: 0 auto;
    width: 810px;
    position: relative;
    background: #f3f6f9;
    text-align: left;
    /*border: 1px solid red;*/
    }

#sub_title
    {
    width:550px;
    float: left;
    padding: 30px 0 20px 40px;
    /*border: 1px solid red;*/
    }
#sub_title2
    {
    width: 300px;
    float: left;
    padding: 15px 0 5px 0;
    /*border: 1px solid red;*/
    text-decoration: underline;
    font-weight: bold;
    }
#sub_title p
    {
    clear: both;
    line-height: 170%;
    margin: 0px 10px 0px 10px;
    text-indent: 1em;
    }
#photo
    {
    /*width: 200px;*/
    margin: 10px 5px 5px 5px;
    /*border: 3px solid #DCDCDC;*/
    float: left;
    }
#photo_non
    {
    /*width: 200px;*/
    padding: 10px 10px 30px 20px;
    /*border: 1px solid red;*/
    }
#photo_right
    {
    margin: 0px 10px 10px 10px;
    /*border: 3px solid #DCDCDC;*/
    float:right;  
    }
#photo_right_dummy
    {
    margin: 0px 10px 10px 10px;
    /*border: 3px solid #DCDCDC;*/
    float:right;  
    }
#photo_right_non
    {
    margin: 0px 10px 10px 10px;
    /*border: 3px solid #DCDCDC;*/
    float:right;  
    }
#photo_center
    {
    margin: 0px 10px 10px 10px;
    /*border: 3px solid #DCDCDC;*/
    text-align: center;  
    }
#sub_title3
    {
    width: 540px;
    padding: 15px 0 5px 0;
    border-top: 2px solid #DCDCDC;
    text-decoration: no;
    font-weight: bold;
    font-size: 16px;
    color: #000066;
    }
#sub_title3_2
    {
    width: 540px;
    margin: 0 0 10px 0;    
    padding: 15px 0 15px 0;
    border-bottom: 2px solid #DCDCDC;
    text-decoration: no;
    font-weight: bold;
    font-size: 16px;
    color: #000066;
    }
#sub_title4
    {
    width: 540px;
    float: left;
    padding: 8px 0 3px 0;
    /*border: 1px solid red;*/
    text-decoration: no;
    /*font-weight: bold;*/
    font-size: 16px;
    }

#line
    {
    float: left;
    width: 550px;
    margin-top: 15px;
    border-top: 2px solid #DCDCDC;
    }
#link_right
    {
    width: 530px;
    padding-top: 10px;
    /*border: 1px solid red;*/
    float: left;
    text-align:right;
    }
#link_left
    {
    width: 500px;
    padding: 5px 0 0 10px;
    /*border: 1px solid red;*/
    float: left;
    text-align:left;
    }

#list1
    {
    overflow:auto;
    font-size: 15px;
    margin:5px 0 15px 0;
    padding: 0 0 0 20px;
    
     /*background: #fff;*/
     /*border: 1px solid red;*/
}

#list2
    {
    margin:5px 0 15px 0;
    padding: 0 0 0 20px;
      list-style: disc outside;
     /*background: #fff;*/
     /*border: 1px solid red;*/
    font-size: 15px;
}

#footer
    {
    clear: both;
    /*width: 621px;*/
    margin: 0px 0px 15px 15px;
    padding: 0px 20px 15px 0px;
    background: url("./image/under_bar.gif") no-repeat;
    text-align: right;
    color: #white;
    line-height: 20px;
    font-size: 15px
    /*border: 5px solid red;*/
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
    color: #fff;
    text-decoration: none;
    }

/*----- トップページ-----*/

#welcome
    {
    width: 810px;
    height: 270px;
    background:url("./image/top/welcome_back2.gif") no-repeat;
    /*border: 1px solid red;*/
    }

#welcome_title
    {
    width: 300px;
    line-height: 170%;
    margin: 0px 20px 0px 30px;
    padding: 115px 20px 0px 10px;
    font-size: 18px;
    font-weight: bold;
    color: #212da2;
    text-indent: 1em;
    }

#welcome_explain
    {
    width: 550px;
    line-height: 170%;
    margin: 0px 20px 10px 50px;
    padding: 5px 20px 10px 0px;
    border-top: 2px solid #CCCCCC;
    font-size: 16px;
    text-indent: 1em;
    }

#container2
    {
    clear: both;
    margin: 0 auto;
    width: 810px;
    text-align: left;
    /*border: 1px solid red;*/
    }

#container_photo
    {
    float: left;
    margin: 0px 0px 0px 50px;
    padding: 10px 0px 0px 0px;
    width: 770px;
    text-align: left;
    /*border-bottom:2px solid #CCCCCC;*/
    }

#container_left
    {
    float: left;
    margin: 0 auto;
    padding: 30px 0px 0px 30px;
    width: 280px;
    text-align: left;
    /*border: 1px solid red;*/
    }

#top_sidebar_menu
    {
    width: 250px;
    padding: 1px 0 0px 2px;
    margin: 10px 0 0px 0px;
    font-weight: bold;
    font-size: 15px;
    color: #000099;
    border-top: 2px solid #B7B7FF;
    background: #D7D7FF;
    }

#top_sidebar_link
    {
    width: 250px;
    padding: 2px 0 0px 2px;
    font-size: 15px;
    background: #ECECFF;
    }

#top_sidebar_link_activity
    {
    width: 210px;
    margin: -5px 0 5px 10px;
    padding: 0px 0 0px 2px;
    font-size: 13px;
    /*background: #ECECFF;*/
    }

#container_right
    {
    float: left;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    width: 460px;
    text-align: left;
    /*border-left:2px dotted #CCCCCC;*/
    }

#top_news
    {
    width: 460px;
    padding: 0px 0 0px 2px;
    margin: 0px 0 0px 0px;
    font-weight: bold;
    /*font-size: 15px;*/
    color: #000099;
    }
#container_news_topics
    {
    float: left;
    padding: 30px 0px 0px 0px;
    width: 480px;
    text-align: left;
    /*border: 1px solid red;*/
    }

#top_photo
    {
    margin: 0px 10px 10px 0px;
    float:left;
    }

.photofrm
    {
    padding: 3px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color:  #111491;
}

#news_topics
    {
    padding: 0px 0px 0 20px;
    position: left;
    font-size: 15px;
    /*border: 1px solid red;*/
    }

#list_top
    {
    overflow:auto;
    height: 250px;
    font-size: 15px;
    margin:5px 0 15px 0;
    padding: 0 0 0 20px;
      list-style: disc outside;
    
     /*background: #fff;*/
     /*border: 1px solid red;*/
}



#container_access
    {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 810px;
    text-align: left;
    /*border: 1px solid red;*/
    }

#moon_tower
    {
    width:142px;
    height: 173px;
    padding: 35px 0 0 100px;
    float: left;
    /*border-bottom: 1px solid red;*/
    }
#top_access
    {
    float: left;
    width: 440px;
    margin-top: 40px;
    margin-bottom: 25px;
    padding: 15px 0px 5px 10px;
    border-top: 2px dotted #9C9C9C;
    border-bottom:2px dotted #9C9C9C;
    font-size: 15px;
    line-height: 130%;
    }
#top_access_link
    {
    width: 440px;
    padding-top: 10px;
    /*border: 1px solid red;*/
    float: left;
    text-align:right;
    }



/*----- 研究室について-----*/
/*----- サイドバーのボタン -----*/
#sidebar
    {
    width: 175px;
    float: left;
    padding: 0 0 10px 18px;
    /*border: 1px solid red;*/
    }
#sidebar_menu
    {
    width: 155px;
    padding: 1px 0 0px 2px;
    margin: 10px 0 0px 0px;
    font-weight: bold;
    font-size: 15px;
    color: #000066;
    border-top: 2px solid #CCCCCC;
    background: #DCDCDC;
    }

#sidebar_link
    {
    width: 155px;
    padding: 2px 0 0px 2px;
    font-size: 15px;
    background: #ECECEC;
    }

span#sidebar_nolink
    {
    color: #0055ff;
    }

#sideber_about
    {
    width: 160px;
    height: 64px;
    margin: 15px 0 5px 0;
    background:url("./button/about.gif") no-repeat;
    }
#sub_outline a
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    padding: 0;
    background:url("./button/sub_outline.gif") no-repeat;
    }
#sub_outline a:hover
    {
    background:url("./button/sub_outline_click.gif") no-repeat;
    }
#sub_outline_page
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_outline_click.gif") no-repeat;
    /*border: 1px solid red;*/
    }
#sub_facility a
    {
    /*clear: both;*/
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_facility.gif") no-repeat;
    /*border: 1px solid red;*/
    }
#sub_facility a:hover
    {
    background:url("./button/sub_facility_click.gif") no-repeat;
    }
#sub_facility_page
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_facility_click.gif") no-repeat;
    /*border: 1px solid red;*/
    }
#sub_students_life a
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_students_life.gif") no-repeat;
    }
#sub_students_life a:hover
    {
    background:url("./button/sub_students_life_click.gif") no-repeat;
    }
#sub_students_life_page
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_students_life_click.gif") no-repeat;
    /*border: 1px solid red;*/
    }
#sub_activity a
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_activity.gif") no-repeat;
    }
#sub_activity a:hover
    {
    background:url("./button/sub_activity_click.gif") no-repeat;
    }
#sub_activity_page
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_activity_click.gif") no-repeat;
    /*border: 1px solid red;*/
    }
#sub_to_students a
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_to_students.gif") no-repeat;
    }
#sub_to_students a:hover
    {
    background:url("./button/sub_to_students_click.gif") no-repeat;
    }
#sub_to_students_page
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_to_students_click.gif") no-repeat;
    /*border: 1px solid red;*/
    }

#jun-fudo
    {
    width: 530px;
    padding-top: 10px;
    /*border: 1px solid red;*/
    text-align:right;
    }


/*----- 研究テーマ-----*/
/*----- サイドバーのボタン -----*/
#sideber_theme
    {
    width: 160px;
    height: 64px;
    margin: 15px 0 5px 0;
    background:url("./button/theme.gif") no-repeat;
    }
#sub_study_outline a
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    padding: 0;
    background:url("./button/sub_study_outline.gif") no-repeat;
    }
#sub_study_outline a:hover
    {
    background:url("./button/sub_study_outline_click.gif") no-repeat;
    }
#sub_study_outline_page
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_study_outline_click.gif") no-repeat;
    /*border: 1px solid red;*/
    }
#sub_study_member a
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    padding: 0;
    background:url("./button/sub_study_member.gif") no-repeat;
    }
#sub_study_member a:hover
    {
    background:url("./button/sub_study_member_click.gif") no-repeat;
    }
#sub_study_member_page
    {
    float: left;
    width: 172px;
    height: 32px;
    margin: 1px 0 0 0;
    background:url("./button/sub_study_member_click.gif") no-repeat;
    /*border: 1px solid red;*/
    }

/*----- プロジェクト-----*/
/*----- サイドバーのボタン -----*/
#sideber_project
    {
    width: 160px;
    height: 64px;
    margin: 15px 0 5px 0;
    background:url("./button/project.gif") no-repeat;
    }
/*----- メンバー-----*/
/*----- サイドバーのボタン -----*/

#sideber_member a
    {
    float: left;
    width: 160px;
    height: 64px;
    margin: 15px 0 5px 0px;
    background:url("./button/member.gif") no-repeat;
    }



/*---表----*/
table#table-01 {
    width: 540px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}

span#member_table_nolink
    {
    color: #0055ff;
    }
span#member_table_small
    {
    font-size: 14px;
    }

/*---------------*/
#member_top
    {
    width: 560px;
    margin: 10px 10px 0px 0px;
    /*border: 3px solid #DCDCDC;*/
    }

#member_photo_face

    {
    width: 150px;
    margin: 0px 10px 10px 0px;
    float: left;    
    }

#member_name
    {
    width: 390px;
    margin: 20px 10px 10px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px dotted #9C9C9C;
    font-size: 18px;
    font-weight: bold;
    float: left;
    }

#member_contact
    {
    margin: 0px 10px 10px 0px;
    /*border: 3px solid #DCDCDC;*/
    font-size: 15px;
    line-height: 150%;
    }


#member_navi
    {
    clear: both;
    margin: 10px 10px 20px 0px;
    border-top: 3px double #DCDCDC;
    border-bottom: 3px double #DCDCDC;
    }


/*----- 発表論文-----*/
/*----- サイドバーのボタン -----*/
#sideber_publication
    {
    width: 160px;
    height: 64px;
    margin: 15px 0 5px 0;
    background:url("./button/publication.gif") no-repeat;
    }
#publication_table
    {
    font-size: 15px;
    }
/*----- リンク-----*/
/*----- サイドバーのボタン -----*/
#sideber_link
    {
    width: 160px;
    height: 64px;
    margin: 15px 0 5px 0;
    background:url("./button/link.gif") no-repeat;
    }
/*-------アクセス・お問い合せ-----*/
#information_page
    {
    clear: both;
    margin: 0 auto;
    padding: 15px 0px 5px 10px;
    width: 600px;
    position: relative;
    text-align: left;
    /*border: 1px solid red;*/
    }
#information_page p
    {
    clear: both;
    line-height: 150%;
    margin: 10px 10px 30px 60px;
    /*text-indent: 1em;*/
    /*border: 1px solid red;*/
    }
#information_page_title1
    {
    width: 550px;
    margin: 10px 0 0 0;
    padding: 10px 0px 5px 20px;
    border-top: 2px solid #DCDCDC;
    text-decoration: no;
    font-weight: bold;
    font-size: 15px;
    color: #000066;
    }
#information_address
    {
    width: 400px;
    line-height: 150%;
    margin: 10px 10px 10px 60px;
    padding: 10px 10px 10px 0px;
    font-size: 15px;
    border-top: 2px dotted #ACACAC;
    border-bottom: 2px dotted #ACACAC;
    }
#photo_info
    {
    /*width: 200px;*/
    padding: 10px 0px 30px 0px;
    text-align: center; 
    /*border: 1px solid red;*/
    }
#photo_info_comment
    {
    text-align: center;  
    }

/*-----------------------------------*/