@charset   "Shift_JIS";
* {
  margin: 0;
  padding: 0;
}

html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body {
  text-align: center;
  background: #ffffff;
  scrollbar-face-color:#dddddd;
  scrollbar-highlight-color: #dddddd;
  scrollbar-shadow-color: #dddddd;
  scrollbar-3dlight-color:#dddddd;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #dddddd;
  scrollbar-darkshadow-color: #dddddd;
  color:#222222;
  font-family: meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック";
}

body div {
  text-align: left;
  margin: 0 auto;
}

#bg {
  text-align: center;
  width: 894px;
}

#container {
  width:894px;
  margin-bottom:10px;
}

/*ヘッダー*/

#header {
  width:893px;
  height:73px;
  background: url(../Images/header/header_title_2022.11.22.png) no-repeat 14px;
  float: left;
}
#header_eng {
  width:893px;
  height:73px;
  background: url(../English/Images/header/header_eng_title_2017.1.png) no-repeat 14px;
  float: left;
}

#home {
  width: 572px;
  height:90px;
  float: left;
  overflow: hidden;
}

#home a {
  width: 572px;
  height:88px;
  text-indent: -9999px;
  display:block;
}

#tools  {
  margin-top:6px;
  height:26px;
  color: #aaaaaa;
  float:right;
}

#tools ul  {
  list-style:none;
  height:26x;
}

#tools li  {
  list-style:none;
  float:left;
}

#tools a  {
  display:block;
  text-indent:;
  overflow:hidden;
  height:20px;
	font-size: 12px;
	color: #272626;
	text-decoration: none;
	margin-left: 6px;
}

#tools ul li a:hover{
	color: #999;	
}

#tools ul li a.selected{
	color: #ccc;
}

/*
#tools a.home { background: url(../Images/tools/t-HOME.png); width: 40px; }
#tools a:hover.home  {}
#tools a.sitemap { background: url(../Images/tools/t-ENGLISH.png); width: 41px; }
#tools a:hover.sitemap  { }
#tools a.contact { background: url(../Images/tools/t-SITEMAP.png); width: 41px; }
#tools a:hover.contact  { background-position: 0 -20px;  z-index: 9;}
*/

#search-area  {
  float: right;
  margin-top:12px;
  width: 256px;
  overflow:hidden;
  text-align: right;
}

.search  {
  margin-right:4px;;
  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  {
}

div #menu {
  clear:both;
  width: 894px;
  height: 40px;
}

dl#menu{
  width: 894px;
  margin-left: auto;
  margin-right: auto;
}

  dl#menu ul{
    list-style:none;
    text-indent:-9999px;
  }

  dl#menu dt{
    height: 40px;
    float: left;
    text-indent:-9999px;
    position: relative;
    z-index: 9;
  }
    
    dl#menu dt a{
      display: block;
      text-decoration: none;
      height: 40px;
      z-index: 9;
	  overflow: hidden;
    }
  
#menu a.overview             { background: url(../Images/m-overview.gif);  z-index: 9; width:163px; }
#menu a:hover.overview       { background-position: 0 -40px;  z-index: 9;}
#menu a.organization             { background: url(../Images/m-organization.gif);  z-index: 9; width:146px; }
#menu a:hover.organization       { background-position: 0 -40px;  z-index: 9;}
#menu a.division             { background: url(../Images/m-division.gif);  z-index: 9; width:116px; }
#menu a:hover.division       { background-position: 0 -40px;  z-index: 9;}
#menu a.events             { background: url(../Images/m-events.gif);  z-index: 9; width:122px; }
#menu a:hover.events       { background-position: 0 -40px;  z-index: 9;}
#menu a.links             { background: url(../Images/m-links.gif);  z-index: 9; width:113px; }
#menu a:hover.links       { background-position: 0 -40px;  z-index: 9;}
#menu dt.bg             { background: url(../Images/m-bg.gif);  z-index: 9; width:234px; height: 40px; }

    dl#menu dt ul{
      text-indent:0px;
      background-color: #e7e7e7;
      display: none;
      position: absolute;
      top: 40px;
      left: 0;
      z-index: 10;
    }
    
      dl#menu dt ul a{
        height: auto;
        font-size: 12px;
        color: #222222;
        line-height: 18px;
        text-align: left;
        padding: 2px 10px;
        width: 170px;
        z-index: 10;
      }
    
      dl#menu dt ul a.hierarchy{
        background: url(../Images/gmArrow_fg.gif) 172px center no-repeat;
      }
    
      dl#menu dt ul li.rollOver{
        background-color: #c7dbe6;
        border-left: solid 5px #4889ae;
      }
      
      dl#menu dt ul li.rollOver a.hierarchy{
        background: url(../Images/gmArrow_ov.gif) 172px center no-repeat;
      }
    
      dl#menu dt ul li.rollOver a.rollOverA{
        color: #222222;
      }
    
      dl#menu dt ul li{
        background: #efefef;
        position: relative;
        border-left: solid 5px #7baecb;
        border-top: solid 1px #ffffff;
        border-right: solid 1px #aaaaaa;
        border-bottom: solid 1px #aaaaaa;
        z-index: 10;
      }
      
        dl#menu dt ul li ul{
          display: none;
          position: absolute;
          top: 0px;
          left: 200px;
          z-index: 10;
        }


#keyimage {
  clear:both;
  margin-top:13px;
  width: 894px;
  height:344px;
  border: 1px solid #aaaaaa;
}

/*事業協力大学・機関名*/

#organization {
  clear:both;
  margin-top:18px;
  width: 894px;
  height:133px;
  background: url(../Images/top_organization/organization_R1.png);
}

#main-bg  {
  width:894px;
  text-align: center;
  z-index: 0;
}

#main  {
  background-color: #ffffff;
  width: 894px;
  clear: both;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  z-index: 0;
}

#top-left  {
  clear:both;
  width: 360px;
  float: left;
  margin-top:8px;
  margin-left:auto;
  margin-right:auto;
  text-align:right;
  margin-bottom:10px;
}

#top-right  {
  width: 500px;
  float: right;
  margin-top:8px;
  margin-left:0;
  margin-right:auto;
  text-align: left;
  margin-bottom:10px;
}

#h-events {
  float: right;
  margin-top:10px;
  margin-right:10px;
  width:350px;
  height:36px;
}

#events {
  float: right;
  width:364px;
  height:200px;
  overflow: auto;
  font-size:12px;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color: #333333;
  scrollbar-track-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
}

#events  table {
  width: 334px;
  margin-left: auto;
  margin-right: auto;
}

#h-whatsnew {
  float: right;
  margin-top:10px;
  width:515px;
  height:36px;
}

#whatsnew {
  float: right;
  width:515px;
  height:200px;
  overflow: auto;
  font-size:12px;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color: #333333;
  scrollbar-track-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
}

#whatsnew  table {
  width: 490px;
  margin-left: auto;
  margin-right: auto;
}

#footer {
  clear: both;
  width:894px;
  height: 66px;
  background: url( ../Images/footer.gif ) no-repeat;
}

#footer p {
  padding-left:20px;
  padding-top:14px;
  font-size:12px;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}

#left  {
  width: 190px;
  margin-top:2px;
  float: left;
  background: #ffffff;
  margin-right:0;
  text-align:right;
}

#right  {
  margin: 0 auto;
  padding: 0px;
  margin-top:2px;
  width: 698px;
  float: right;
  background: #ffffff;
  text-align:right;
  border-left: 1px solid #adadad;
}

div#subtitle  {
  margin-top:5px;
  width: 146px;
  height:29px;
}

div#submenu  {
  width: 182px;
  min-height:450px;
  text-align: center;
  font-size:12px;
  padding-bottom: 3px;
  margin-bottom:10px;
  margin-right:10px;
  text-align:center;
}

#submenu dl   {
  margin: 0 auto;
  width: 180px;
  text-align: left;
}

#submenu dl dd  {
  vertical-align: middle;
  padding-top:5px;
  padding-bottom: 5px;
  text-indent: 0;
  width: 180px;
  margin-bottom:2px;
  background: #888888;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

#submenu dl dd a, dl dd p {
  font-size:12px;
  padding-left: 22px;
  display: block;
  color: #ffffff;
  text-decoration: none;
  background: url(../Images/arrow.gif) no-repeat 10px 5px;
  display: block;
}

#submenu dl dd:hover {
  background:  #3b5ec2 url(../Images/arrow-bg.gif) no-repeat 10px 10px;
}

#submenu dl dd a:visited  { color: #ffffff; }
#submenu dl dd a:hover  { color: #ffffff; background-position: 0px -42px; }
#submenu dl dd a.select  { color: #ffffff; background-position: 0px -42px; }
#submenu dl dd a:visited.select { background-position: 0px -42px; }

#submenu ul  {
  list-style: none;
  margin-top: 3px;
  margin-bottom: 8px !important;
}

#submenu ul li  {
  padding-left:18px;
  font-size:12px;
  color:#ffffff;
  list-style: none;
  line-height: 22px;
  margin-left: 5px;
  vertical-align: middle;
  text-align: left;
  text-indent: 0;
  background: url(../Images/sarrow.gif) no-repeat 5px 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;}

#contents {
  text-align:left;
  width: 688px;
  margin-right:0;
  line-height: 170%;
  font-size: 83%;
  min-height:400px;
  
}

#contents p  {
  margin-top: 1em; 
  margin-bottom: 1em; 
  margin-left:1em;
  margin-right:1em;
}

#contents table  {
  margin-left: auto;
  margin-right: auto;
}

.large  {
  font-size:15px !important;
  font-weight: bold;
  line-height:160%;
}

div.clear {
   clear: both;
}

#category  {
  margin-top:10px;
  text-indent:-9999px;
  width: 894px;
  height: 103px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #cccccc;
}

#contents h1  {
  clear:both;
  margin-left:0;
  margin-bottom: 1em;
  background: url(../Images/h1_bg.gif) no-repeat;
  padding-top:10px;
  padding-bottom:7px;
  padding-left: 20px;
  color: #333333;
  font-size: 20px;  
  font-weight: bold;
  overflow: hidden;
  border-bottom: solid 1px #888888; 
}

#contents h2  {
  padding-top:7px;
  padding-bottom:4px;
  padding-left:32px;
  margin-top: 1em; 
  color: #333333;
  font-weight: bold;
  font-size: 14px;  
  border: 1px solid #aaaaaa;
  background: url(../Images/h2_bg.gif) no-repeat;
  margin-bottom: 1em; 
}

#contents h3  {
  color: #0065a0;
  font-weight: bold;
  font-size:13px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
}

#contents h4  {
  padding-left:1em;
  color: #333333;
  font-weight: bold;
  font-size:13px;
  line-height:26px;
  margin-top:1em;
  margin-bottom:1em;
}

#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 blockquote {
  margin:1em 0 1em 2em; 
}

#contents td  {
  line-height: 160%;
  font-size:12px;
  padding:3px;
}

#contents th  {
  background: #8AC831;
  text-align: left;
  line-height: 150%;
  font-size:12px;
  padding:3px;
}

#contents td.left {
  background:  #eeeeee;
  font-weight: bold;
}

#contents td.top {
  font-size:100%;
  text-align: center;
  background: url(../Images/td-bg2.gif) repeat-x;
  color: #ffffff;
  font-weight: bold;
}

#contents td.title {
  height:25px;
  vertical-align: middle;
  font-size:100%;
  background: url(../Images/td-bg2.gif) repeat-x;
  color: #ffffff;
  font-weight: bold;
  padding-left: 15px;
}

/*パンくずリスト*/
#breadclumbs {
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 894px;
}

#breadclumbs p  {
  padding-top: 2px;
  padding-left: 8px;  
  color: #555555;
  font-size: 9px;  
}

#breadclumbs a{ color:#222222; text-decoration: none;}
#breadclumbs a.visited{ color:#222222; text-decoration: none;}
#breadclumbs a:hover{ color:#db6078; }

#under  {
	margin-right:0;
	width: 688px;
	margin-top:1em;
	margin-bottom:5px;
	text-align: right;
}

.top a {
  margin-left:20px;
  background: url(../Images/top.gif) no-repeat;
  padding: 0 0 0 13px;
  font-size:12px;
}
.top a { text-decoration: none; }
.top a:hover{ color: #bb0000; }

.back a {
  background: url(../Images/back.gif) no-repeat 0 3px;
  padding: 0 0 0 15px;
  font-size:12px;
}
.back a { text-decoration: none; }
.back a:hover{ color: #bb0000; }


a { color:#08316e }
a:visited { color:#5575b6 } 
a:hover { color:#d91919 }

.date { color: #db0000 }
td.line {  border-top: 1px dotted #666666; }

.new { color: #CC0000; font-size: 11px; font-weight: bold; }

#bg #container #main-bg #main #right #contents tr .line table tr .line #rinji2 strong {
	color: #F00;
}

/*リンクページ*/
#bg #container #main-bg #main #right #contents tr .line table tr .title strong {
	color: #FFF;
}
#bg #container #main-bg #main #right #contents tr .line table tr .line div strong {
	color: #F00;
}
