/* index.htmlファイル以外で読み込み */

/*** 画面全体のデザイン ***/
* {
 margin: 0;
 padding: 0;
}
body {
 position: relative;
 color: #333333;
 background-color: #ffffff;
 font-size: 10pt;
 font-family: Arial,Helvetica, sans-serif;
 width: 100%;
}
img {
 border: 0;
}

div.l_head {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 41px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/head_blue.gif);
 background-repeat: repeat-x;
 z-index: 1;
}
div.c_head {
 position: absolute;
 top: 0;
 left: 700px;
 width: 228px;
 height: 40px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/head_blue_en.gif);
 background-repeat: no-repeat;
 z-index: 2;
}
div.l_title {
 position: absolute;
 top: 41px;
 left: 0;
 width: 100%;
 height: 103px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/second.gif);
 background-repeat: repeat-x;
 z-index: 3;
}


/*** ページ見出し ***/
div.midashi {
 position: absolute;
 top: 160px;
 left: 300px;
 bottom: -30px;
 height: 40px;
 border: none;
 color: #ffffff;
 z-index: 2;
}
div.midashileft {
 position: relative;
 width: 19px;
 height: 40px;
 background-color: #ffffff;
 background-image: url(../img/menu_index_left.jpg);
 background-repeat: no-repeat;
 color: #ffffff;
 float: left;
 z-index: 3;
}
div.midashicenter {
 position: relative;
 height: 40px;
 color: #ffffff;
 background-color: #ffffff;
 background-image: url(../img/menu_index_repeat.jpg);
 background-repeat: repeat-x;
 float: left;
 z-index: 3;
}
div.midashicenter h1 {
 padding-top: 11px;
 padding-left: 2.2em;
 padding-right: 10px;
 letter-spacing: 0.1em;
 color: #333333;
 font-size: 16px;
 font-family: Arial,Helvetica, sans-serif;
}
div.midashiright {
 position: relative;
 width: 10px;
 height: 40px;
 color: #ffffff;
 background-image: url(../img/menu_index_right.jpg);
 background-repeat: no-repeat;
 float: left;
 z-index: 3;
}
div.midashiflower {
 position: absolute;
 top: 0;
 left: -10px;
 width: 31px;
 height: 40px;
 background-color: #ffffff;
 background-image: url(../img/flower.gif);
 float: left;
}


/*** メニュー部分 ***/
#changeLink{
  margin: 0;
  padding: 0;
}
#changeLink a:link, #changeLink a:visited {
  display: block;
  border-bottom: 1px solid #696969;
  border-top: 1px solid #ffffff;
  font-weight: normal;
  padding: 0;
  color: #333333;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
}
#changeLink a:hover{
  border-bottom: 1px solid #696969;
  background-color: #e5e5ff;
  background-image: none;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.c1 {
  font-size: 10px;
  color: #333399;
}
div.submenu {
 position: absolute;
 top: 0;
 left: 0;
 width: 211px;
 height: 100%;
 padding: 0;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/menubg.jpg);
 background-repeat: no-repeat;
 line-height: 1.5em;
}
span.menu_tit {
 font-size: 110%;
 color: #000000;
 font-weight: bolder;
 padding-left: 0.5em;
}


/*** 本文エリア ***/
div.navi {
 position: absolute;
 top: 12px;
 left: 230px;
 width: 588px;
 height: auto;
 color: #000000;
 font-size: 80%;
 text-align: right;
 background-color: #ffffff;
 line-height: 1.5em;
}

div.text {
 position: absolute;
 top: 65px;
 left: 240px;
 width: 588px;
 height: auto;
 color: #000000;
 background-color: #ffffff;
 line-height: 1.5em;
}

div.text h1 {
 font-size: 110%;
 color: #333333;
 font-weight: bolder;
 margin-bottom: 0.3em;
 border-bottom: solid 1px #696969;
 width: 100%;
}
div.text h2 {
 font-size: 110%;
 color: #006600;
 margin-bottom: 0.3em;
 width: 100%;
}
div.text h3 {
 font-size: 115%;
 color: #333333;
 margin-bottom: 0.3em;
 width: 100%;
}



/***** 研究内容ページ *****/
div.content_title {
 position: absolute;
 top: 41px;
 left: 60px;
 width: 868px;
 height: 104px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/content.jpg);
 background-repeat: no-repeat;
 z-index: 4;
}
div.main_l_contents {
 position: absolute;
 top: 145px;
 left: 60px;
 width: 9px;
 height: 620px;  /* この数値を増やすと左端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_l.gif);
 background-repeat: repeat-y;
 z-index: 5;
}
div.mainbg_contents {
 position: absolute;
 top: 145px;
 left: 69px;
 width: 848px;
 height: 620px;  /* この数値を増やすと本文エリアが伸びます */
 color: #000000;
 background-color: #ffffff;
 z-index: 0;
}
div.main_r_contents {
 position: absolute;
 top: 145px;
 left: 917px;
 width: 9px;
 height: 620px;  /* この数値を増やすと右端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_r.gif);
 background-repeat: repeat-y;
 z-index: 6;
}
div.main_cross_contents {
 position: absolute;
 top: 145px;
 left: 280px;
 width: 10px;
 height: 620px;  /* この数値を増やすとメニュー右側の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/line.gif);
 background-repeat: repeat-y;
 z-index: 7;
}
div.footer_contents {
 position: absolute;
 top: 750px;  /* この数値を増やすとコピーライトの枠が下がります */
 left: 0;
 width: 100%;
 min-width: 909px;
 color: #ffffff;
 font-size: 80%;
 text-align: right;
 padding: 14px 0;
 background-image: url("../img/foot-en.gif");
 background-repeat: repeat-x;
 z-index: 8;
}



/***** メンバーページ *****/
table.members {
 font-size: 10pt;
}
table.members td {
 padding: 5px;
 vertical-align: top;
 border-bottom: 1px solid #696969;
}
table.members th {
 padding: 5px;
 text-align: left;
 vertical-align: top;
 font-weight: normal;
 border-bottom: 1px solid #333333;
 background-color: #696969;
 color: #ffffff;
}

em.members {
 color: #330099;
 font-style: normal;
 font-weight: bold;
 font-size: 11pt;
 font-family: Arial,Helvetica, sans-serif;
}

div.member_title {
 position: absolute;
 top: 41px;
 left: 60px;
 width: 868px;
 height: 104px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/members.jpg);
 background-repeat: no-repeat;
 z-index: 4;
}
div.main_l_members {
 position: absolute;
 top: 145px;
 left: 60px;
 width: 9px;
 height:1800px;  /* この数値を増やすと左端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_l.gif);
 background-repeat: repeat-y;
 z-index: 5;
}
div.mainbg_members {
 position: absolute;
 top: 145px;
 left: 69px;
 width: 848px;
 height:1800px;  /* この数値を増やすと本文エリアが伸びます */
 color: #000000;
 background-color: #ffffff;
 z-index: 0;
}
div.main_r_members {
 position: absolute;
 top: 145px;
 left: 917px;
 width: 9px;
 height:1800px;  /* この数値を増やすと右端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_r.gif);
 background-repeat: repeat-y;
 z-index: 6;
}
div.main_cross_members {
 position: absolute;
 top: 145px;
 left: 280px;
 width: 10px;
 height: 1800px;  /* この数値を増やすとメニュー右側の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/line.gif);
 background-repeat: repeat-y;
 z-index: 7;
}
div.footer_members {
 position: absolute;
 top: 1800px;  /* この数値を増やすとコピーライトの枠が下がります */
 left: 0;
 width: 100%;
 min-width: 909px;
 color: #ffffff;
 font-size: 80%;
 text-align: right;
 padding: 14px 0;
 background-image: url("../img/foot-en.gif");
 background-repeat: repeat-x;
 z-index: 8;
}



/***** 千葉先生紹介ページ *****/
table.add {
 font-size: 10pt;
}

div.main_l_chiba {
 position: absolute;
 top: 145px;
 left: 60px;
 width: 9px;
 height: 750px;  /* この数値を増やすと左端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_l.gif);
 background-repeat: repeat-y;
 z-index: 5;
}
div.mainbg_chiba {
 position: absolute;
 top: 145px;
 left: 69px;
 width: 848px;
 height: 750px;  /* この数値を増やすと本文エリアが伸びます */
 color: #000000;
 background-color: #ffffff;
 z-index: 0;
}
div.main_r_chiba {
 position: absolute;
 top: 145px;
 left: 917px;
 width: 9px;
 height: 750px;  /* この数値を増やすと右端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_r.gif);
 background-repeat: repeat-y;
 z-index: 6;
}
div.main_cross_chiba {
 position: absolute;
 top: 145px;
 left: 280px;
 width: 10px;
 height: 750px;  /* この数値を増やすとメニュー右側の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/line.gif);
 background-repeat: repeat-y;
 z-index: 7;
}
div.footer_chiba {
 position: absolute;
 top: 880px;  /* この数値を増やすとコピーライトの枠が下がります */
 left: 0;
 width: 100%;
 min-width: 909px;
 color: #ffffff;
 font-size: 80%;
 text-align: right;
 padding: 14px 0;
 background-image: url("../img/foot-en.gif");
 background-repeat: repeat-x;
 z-index: 8;
}



/***** 業績一覧ページ *****/
div.archive_title {
 position: absolute;
 top: 41px;
 left: 60px;
 width: 868px;
 height: 104px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/archive.jpg);
 background-repeat: no-repeat;
 z-index: 4;
}
div.main_l_archive {
 position: absolute;
 top: 145px;
 left: 60px;
 width: 9px;
 height: 4500px;  /* この数値を増やすと左端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_l.gif);
 background-repeat: repeat-y;
 z-index: 5;
}
div.mainbg_archive {
 position: absolute;
 top: 145px;
 left: 69px;
 width: 848px;
 height: 4500px;  /* この数値を増やすと本文エリアが伸びます */
 color: #000000;
 background-color: #ffffff;
 z-index: 0;
}
div.main_r_archive {
 position: absolute;
 top: 145px;
 left: 917px;
 width: 9px;
 height: 4500pxx;  /* この数値を増やすと右端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_r.gif);
 background-repeat: repeat-y;
 z-index: 6;
}
div.main_cross_archive {
 position: absolute;
 top: 145px;
 left: 280px;
 width: 10px;
 height: 4500px;  /* この数値を増やすとメニュー右側の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/line.gif);
 background-repeat: repeat-y;
 z-index: 7;
}
div.footer_archive {
 position: absolute;
 top: 4500px;  /* この数値を増やすとコピーライトの枠が下がります */
 left: 0;
 width: 100%;
 min-width: 909px;
 color: #ffffff;
 font-size: 80%;
 text-align: right;
 padding: 14px 0;
 background-image: url("../img/foot-en.gif");
 background-repeat: repeat-x;
 z-index: 8;
}



/***** リンクページ *****/
div.link_title {
 position: absolute;
 top: 41px;
 left: 60px;
 width: 868px;
 height: 104px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/links.jpg);
 background-repeat: no-repeat;
 z-index: 4;
}
div.main_l_links {
 position: absolute;
 top: 145px;
 left: 60px;
 width: 9px;
 height: 940px;  /* この数値を増やすと左端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_l.gif);
 background-repeat: repeat-y;
 z-index: 5;
}
div.mainbg_links {
 position: absolute;
 top: 145px;
 left: 69px;
 width: 848px;
 height: 940px;  /* この数値を増やすと本文エリアが伸びます */
 color: #000000;
 background-color: #ffffff;
 z-index: 0;
}
div.main_r_links {
 position: absolute;
 top: 145px;
 left: 917px;
 width: 9px;
 height: 940px;  /* この数値を増やすと右端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_r.gif);
 background-repeat: repeat-y;
 z-index: 6;
}
div.main_cross_links {
 position: absolute;
 top: 145px;
 left: 280px;
 width: 10px;
 height: 940px;  /* この数値を増やすとメニュー右側の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/line.gif);
 background-repeat: repeat-y;
 z-index: 7;
}
div.footer_links {
 position: absolute;
 top: 1080px;  /* この数値を増やすとコピーライトの枠が下がります */
 left: 0;
 width: 100%;
 min-width: 909px;
 color: #ffffff;
 font-size: 80%;
 text-align: right;
 padding: 14px 0;
 background-image: url("../img/foot-en.gif");
 background-repeat: repeat-x;
 z-index: 8;
}



/***** 連絡先ページ *****/
table.contact {
 font-size: 10.5pt;
 border-top: 1px solid #696969;
 border-right: 1px solid #696969;
 border-left: 1px solid #696969;
}
table.contact td {
 padding: 5px 5px 5px 20px;
 vertical-align: top;
 border-bottom: 1px solid #696969;
}
table.contact th {
 padding: 5px;
 text-align: left;
 vertical-align: top;
 font-weight: normal;
 background-color: #ccccff;
 color: #000000;
 border-bottom: 1px solid #696969;
}
div.contact_title {
 position: absolute;
 top: 41px;
 left: 60px;
 width: 868px;
 height: 104px;
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/contact.jpg);
 background-repeat: no-repeat;
 z-index: 4;
}
div.main_l_contact {
 position: absolute;
 top: 145px;
 left: 60px;
 width: 9px;
 height: 520px;  /* この数値を増やすと左端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_l.gif);
 background-repeat: repeat-y;
 z-index: 5;
}
div.mainbg_contact {
 position: absolute;
 top: 145px;
 left: 69px;
 width: 848px;
 height: 520px;  /* この数値を増やすと本文エリアが伸びます */
 color: #000000;
 background-color: #ffffff;
 z-index: 0;
}
div.main_r_contact {
 position: absolute;
 top: 145px;
 left: 917px;
 width: 9px;
 height: 520px;  /* この数値を増やすと右端の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/shadow_r.gif);
 background-repeat: repeat-y;
 z-index: 6;
}
div.main_cross_contact {
 position: absolute;
 top: 145px;
 left: 280px;
 width: 10px;
 height: 520px;  /* この数値を増やすとメニュー右側の縦ラインが伸びます */
 color: #000000;
 background-color: #ffffff;
 background-image: url(../img/line.gif);
 background-repeat: repeat-y;
 z-index: 7;
}
div.footer_contact {
 position: absolute;
 top: 630px;  /* この数値を増やすとコピーライトの枠が下がります */
 left: 0;
 width: 100%;
 min-width: 909px;
 color: #ffffff;
 font-size: 80%;
 text-align: right;
 padding: 14px 0;
 background-image: url("../img/foot-en.gif");
 background-repeat: repeat-x;
 z-index: 8;
}