* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  background-color: #ffffff;
  color: #333333;
  font-size:14px;
  font-family: meiryo, "�l�r �o�S�V�b�N" ,sans-serif;
}

body div {
  text-align: left;
  margin: 0 auto;
}

#bg {
  background: #c3c3c3;
  text-align: center;
  width: 800px;
}

#container {
  width:760px;
  background-color: #ffffff;
}

#header {
  width:760px;
  height:64px;
}

#home {
  width: 436px;
  height:36px;
  float: left;
  background: url(../Images/header.gif) no-repeat;
}

#home a  {
  width: 436px;
  height:36px;
  overflow:hidden;
  display:block;
  text-indent:-9999px;
}

#home2 {
  width: 399px;
  height:27px;
  float: left;
  background: url(../Images/header2.gif) no-repeat;
}

#home2 a  {
  width: 399px;
  height:27px;
  overflow:hidden;
  display:block;
  text-indent:-9999px;
}

div#search-area  {
  margin-left:60px;
  margin-top:7px;
  width: 261px;
  height:29px;
  float: left;
  overflow:hidden;
}

.search  {
  margin-left:20px;
  height:21px;
  width:120px;
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  border-bottom:1px solid #dddddd;
  border-right:1px solid #dddddd;
  background-color:#ffffff;
  color:#333333;
  vertical-align:top;
}

.sbutton  {
  margin-left:10px;
}

#tools  {
  margin: 0;
  padding: 0;
  width: 361px;
  height:27px;
  overflow:hidden;
  float: left;
}

#tools ul  {
  height:27px;
  list-style:none;
}

#tools li  {
  list-style:none;
  float:left;
}

#tools a  {
  height:27px;
  display:block;
  text-indent:-9999px;
}

#tools a.t-home        { background: url(../Images/t-home.gif); width: 52px; }
#tools a:hover.t-home  { background-position: 0px -27px;  }
#tools a.t-english        { background: url(../Images/t-english.gif); width: 66px; }
#tools a:hover.t-english  { background-position: 0px -27px;  }
#tools a.t-access        { background: url(../Images/t-access.gif); width: 57px; }
#tools a:hover.t-access  { background-position: 0px -27px;  }
#tools a.t-links        { background: url(../Images/t-links.gif); width: 44px; }
#tools a:hover.t-links  { background-position: 0px -27px;  }
#tools .t-bg        { background: url(../Images/t-bg.gif); width: 142px; height:27px; }

div #menu {
  width: 760px;
  height: 36px;
}

dl#menu{
  float: left;
}

  dl#menu ul{
    list-style:none;
    text-indent:-9999px;
  }

  dl#menu dt{
    height: 36px;
    float: left;
    text-indent:-9999px;
    position: relative;
  }
    
    dl#menu dt a{
      display: block;
      text-decoration: none;
      height: 36px;
    }
  
dl#menu a.introduction        { background: url(../Images/m-introduction.gif); width:116px; }
dl#menu a:hover.introduction  { background-position: 0px -36px; }
dl#menu a.research            { background: url(../Images/m-research.gif); width:96px; }
dl#menu a:hover.research      { background-position: 0px -36px; }
dl#menu a.member              { background: url(../Images/m-member.gif); width:129px; }
dl#menu a:hover.member        { background-position: 0px -36px; }
dl#menu a.publication         { background: url(../Images/m-publication.gif); width:108px; }
dl#menu a:hover.publication   { background-position: 0px -36px; }
dl#menu a.events              { background: url(../Images/m-events.gif); width:87px; }
dl#menu a:hover.events        { background-position: 0px -36px; }
dl#menu .bg                   { background: url(../Images/m-bg.gif); width:224px; }

    dl#menu dt ul{
    /*
      �������Х�E�˥塼��EA�ץ�E������˥塼����������E�
    */
      text-indent:0px;
      border-top: 1px solid #999999;
      background-color: #eeeeee;
      display: none;
      position: absolute;
      top: 36px;
      left: 0;
      z-index: 0;
    }
    
      dl#menu dt ul a{
        height: auto;
        font-size: 11px;
        color: #222222;
        line-height: 18px;
        text-align: left;
        padding: 2px 10px;
        width: 220px;
      }
    
      dl#menu dt ul a.hierarchy{
        background: url(../../Images/gmArrow_fg.gif) 162px center no-repeat;
      }
    
      dl#menu dt ul li.rollOver{
      /*
        �ץ�E������˥塼���ޥ��������С�����X������E�
      */
        background-color: #55a787;
      }
      
      dl#menu dt ul li.rollOver a.hierarchy{
        background: url(../../Images/gmArrow_ov.gif) 162px center no-repeat;
      }
    
      dl#menu dt ul li.rollOver a.rollOverA{
        color: #ffffff;
      }
    
      dl#menu dt ul li{
        background: #eeeeee;
        position: relative;
        border-left: solid 1px #ffffff;
        border-top: solid 1px #ffffff;
        border-right: solid 1px #aaaaaa;
        border-bottom: solid 1px #aaaaaa;
	filter: alpha(opacity=75);
	-moz-opacity:0.85;
      }
      
        dl#menu dt ul li ul{
          display: none;
          position: absolute;
          top: 0px;
          left: 180px;
          z-index: 0;
        }


#main-top  {
  width:760px;
  clear: both;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-bottom:30px;  
}

#topleft  {
  width: 525px;
  clear: left;
  float: left;
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-bottom:30px;  
}

#topright  {
  width: 228px;
  float: left;
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-bottom:30px;  
}

#keyimage {
  width:502px;
  height:377px;
  background-image: url(../Images/keyimage.jpg);
  text-align: center;
}

#keyimage-contents {
  padding-top:173px;
  width:440px;
  height:162px;
  font-size:12px;
  line-height:17px;
  color: #025e66;
}

#whatsnew-title  {
  background-image: url(../Images/h-whatsnew.gif);
  width: 219px;
  height: 23px;
}

#whatsnew  {
  width:219px;
}

#whatsnew-area  {
  margin-top:5px;
  border:1px solid #bbbbbb;
}

#whatsnew-contents  {
  overflow: auto;
  line-height:16px;
  color: #333333;
  width: 210px;
  height: 346px;
}

#footer {
  width: 760px;
  clear: both;
  height: 53px;
  background: url(../Images/footer.gif);
}

#footer p {
  padding-top:10px;
  text-align: center;
  font-size:11px;
  font-weight: normal;
  color:#dddddd;
  font-family: 'Arial';
}

#main  {
  width:760px;
  margin: 0px;
  padding: 0px;
  background: #ffffff;
  clear: both;
  text-align: center;
}

#left  {
  width: 180px;
  float: left;
  background: #ffffff;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

#right  {
  width: 570px;
  float: left;
  background: #ffffff;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

div.clear  {
  clear: both;
}

div#submenu  {
  margin-top:10px;
  width: 160px;
  height:400px;
  text-align: center;
  font-size:12px;
  background: #efefef;
  border: 1px solid #bbbbbb;
  padding-bottom: 3px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

#submenu dl   {
  margin: 0 auto;
  margin-top: 5px;
  width: 150px;
  text-align: left;
}

#submenu dl dt  {
  padding-left: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  vertical-align: middle;
  line-height: 18px;
  text-indent: 0px;
  color: #333333;
  width: 150px;
}

#submenu dl dt p {
  padding-left: 23px;
  color: #ffffff;
  text-decoration: none; 
  background: url(../Images/submenu.gif) no-repeat #ffffff;
  height: 20px;
}

#submenu dl dt a {
  display: block;
  color: #ffffff;
  text-decoration: none; 
}

#submenu dl dd  {
  padding-left:15px;
  vertical-align: middle;
  line-height: 22px;
  text-indent: 0px;
  width: 150px;
  background: url(../Images/circle.gif) no-repeat 8px 5px;
}

#submenu dl li {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top:15px;
  margin-bottom:5px;
  line-height: 14px;
  color:#0e539b;
  text-indent: 0px;
  width: 100%;
  border-bottom: 1px solid #999999;
  list-style: none;
}

#submenu dl dd a, dl dd p {
  font-size:12px;
  padding-left: 5px;
  display: block;
  color: #333333;
  text-decoration: none; 
}

#submenu dl li a {
  text-decoration: underline; 
  color:#0e539b;
}

#submenu dl dd a:visited  { color: #222222; }
#submenu dl dd a:hover  { color: #a52828; background-position: 0px -42px; }
#submenu dl dd a.select  { color: #a52828; background-position: 0px -42px; }
#submenu dl dd a:visited.sbackground-position: 0px -42px; }

#submenu ul  {
}

#submenu ul li  {
  padding-left:38px;
  font-size:12px;
  color:#000000;
  list-style: none;
  line-height: 22px;
  margin-left: 5px;
  vertical-align: middle;
  text-align: left;
  text-indent: 0px;
  background: url(../Images/sarrow.gif) no-repeat 23px 7px;
}

#submenu ul li a:visited  { color:#222222; }
#submenu ul li a  { text-decoration: none; color:#222222; }
#submenu ul li a:hover  { color:#1e86e2; }
#submenu ul li a.select  { color:#1e86e2; border-bottom: dashed 1px #1e86e2;}
#submenu ul li a:visited.select  { color:#1e86e2; border-bottom: dashed 1px #1e86e2;}

#title  {
  margin-top:10px;
  width: 569px;
  height:56px;
}

#breadclumbs {
  width: 570px;
  margin: 0px;
  height: 14px;
  border-bottom: #cccccc solid 1px;
}

#breadclumbs p  {
  padding-top: 2px;
  padding-left: 10px;  
  color: #555555;
  font-size: 9px;  
  font-family: "�q���M�m�p�S Pro W3", "�l�r �S�V�b�N", meiryo, Osaka;
}

#breadclumbs a{ color:#222222; text-decoration: none;}
#breadclumbs a.visited{ color:#222222; text-decoration: none;}
#breadclumbs a:hover{ color:#db6078; }

h1  {
  margin-left:0;
  margin-top: 5px;
  width: 570px;
  margin-bottom: 10px;
  height: 28px;
  background: url(../Images/h1_bg.gif) no-repeat 0 2px;
  padding-top:5px;
  padding-left: 35px;  
  color: #333333;
  font-size: 18px;  
  font-family: "�q���M�m�p�S Pro W6", meiryo, HGP�޼��E, HG�޼��E, Osaka, "�l�r �S�V�b�N";
  font-weight: normal;
}

#contents h2  {
  clear:both;
  margin-top:15px;
  margin-bottom:15px;
  margin-left:10px;
  padding-top:2px;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;  
  padding-left:20px;
  font-family: "Arial";
  background: url(../Images/h2_bg.gif) no-repeat;
}

#contents h3  {
  color: #0065a0;
  font-weight: normal;
  font-size:13px;
  font-family: "�q���M�m�p�S Pro W6", meiryo, HGP�޼��E, HG�޼��E, Osaka, "�l�r �S�V�b�N";
  margin-top: 1em;
  margin-bottom: 1em;
}

#contents {
  text-align:left;
  width: 570px;
  margin-top:5px;
  margin-bottom:10px;
  margin-left:0;
  line-height: 160%;
  font-size:12px;
}

#contents p  {
  margin-top: 1em; 
  margin-bottom: 1em; 
  margin-left:1em;
  margin-right:1em;
}

#contents a{ color:#089994; }
#contents a:visited  { color:#7aadab; }
#contents a:hover  { color:#ff005a; }
#contents a:active  { color:#ac3d61 }

#contents ul {
  margin-top: 1em; 
  margin-bottom: 1em; 
}

#contents ol  {
  margin-top: 1em; 
  margin-bottom: 1em; 
  margin-left: 1em; 
}

#contents li  {
  margin-left: 3em; 
}

#contents th {
  text-align: left;
  padding: 2px 2px 2px 10px;
  background: #B4707B;
  color: #ffffff;
  font-weight: normal;
  font-size:12px;
  font-family: "�q���M�m�p�S Pro W6", meiryo, HGP�޼��E, HG�޼��E, Osaka, "�l�r �S�V�b�N";
}

#contents td  {
  line-height: 140%;
  font-size:12px;
  padding:3px;
}

#contents img  {
  margin: 4px 0px 4px; 0px;
}

#contents td.left  {
  font-size:12px;
  font-family: "�q���M�m�p�S Pro W3", "�l�r �S�V�b�N", meiryo, Osaka;
  background: #dddddd;
  color: #333333;
}

#contents blockquote {
  padding-left:2em;
}

#under  {
  clear:both;
  margin-top:2em;
  height: 20px;
  text-align: right;
}

.top a {
  margin-left:20px;
  background: url(../Images/top.gif) no-repeat;
  padding: 0px 0px 1px 20px;
  font-size:12px;
  border-bottom: 1px solid #cccccc;
}
.top a { color: #333333; text-decoration: none; }
.top a:hover{ color: #bb0000; }

.back a {
  background: url(../Images/back.gif) no-repeat;
  padding: 0px 0px 1px 20px;
  font-size:12px;
  border-bottom: 1px solid #cccccc;
}
.back a { color: #333333; text-decoration: none; }
.back a:hover{ color: #bb0000; }

.next a {
  background: url(../../Images/next.gif) no-repeat;
  padding: 0px 0px 1px 20px;
  font-size:12px;
  border-bottom: 1px solid #cccccc;
}
.next a { color: #333333; text-decoration: none; }
.next a:hover{ color: #bb0000; }

div.lab {
  margin:0;
  margin-left:10px;
  float: left;
  margin-bottom:14px;
}

div.labtop {
  border-left:1px solid #999999;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
}

div.labtopin {
  width: 263px;
  height:120px;
}

div.labheader {
  width: 265px;
  height:25px;
  color:#ffffff;
  background: url(../Laboratories/Images/labheader.gif);
}

.labimg {
  margin-top:5px;
  width:100px;
  height:100px;
  margin-left:10px;
  float: left;
}

.labtxt {
  margin-top:10px;
  width:130px;
  margin-left:10px;
  float:left;
}


.labname  {
  margin-top:4px;
  margin-left:10px;
  clear:both;
  width:160px;
  font-size: 15px;  
  font-family: "�q���M�m�p�S Pro W6", meiryo, HGP�޼��E, HG�޼��E, Osaka, "�l�r �S�V�b�N";
  float: left;
}

.labheader a  { color:#ffffff  !important; text-decoration:none;  }
.labheader a:hover  { color:#af154f  ! important; }
.labheader a:visited  { color:#ffffff; }

.tolab  {
  margin-top:3px;
  float:right;
  margin-right:10px;
  width:85px;
  height:20px;
  float:right;
  background: url(../Laboratories/Images/tolab.gif);
  text-indent:-9999px;
}

.tolab a  {
  width:85px;
  height:20px;
  overflow:hidden;
  display:block;
  text-indent:-9999px;
}
.tolab2  {
  margin-top:3px;
  float:right;
  margin-right:10px;
  width:85px;
  height:20px;
  float:right;
  background: url(../Laboratories/Images/tolab2.gif);
  text-indent:-9999px;
}

.tolab2 a  {
  width:85px;
  height:20px;
  overflow:hidden;
  display:block;
  text-indent:-9999px;
}