﻿@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
html {
 filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
	text-align: center;
	background: #c8c8c8;
	color:#222;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body div {
	text-align: left;
	margin: 0 auto;
}
#bg {
	text-align: center;
	width: 940px;
	background: url( ../images/bg.gif) repeat-y ;
}
#container {
	width:900px;
	margin-bottom:10px;
	background: #fff;
}
#header {
	width:900px;
	height:84px;
	background: url(../images/header.jpg) no-repeat;
	float: left;
}
#home {
	width: 400px;
	height:87px;
	float: left;
	overflow: hidden;
}
#home a {
	width: 400px;
	height:87px;
	text-indent: -9999px;
	display:block;
}
#tools {
	margin-top:10px;
	height:31px;
	color: #aaaaaa;
	float:right;
	margin-right: 25px;
}
#tools ul {
	list-style:none;
	height:31px;
}
#tools li {
	list-style:none;
	float:left;
}
#tools a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:31px;
}
#tools a.home {
	background: url(../images/tools.jpg) -16px -11px no-repeat;
	width: 81px;
}
#tools a.home:hover {
	background: url(../images/tools.jpg) -16px -98px no-repeat;
	width: 81px;
}
#tools a.access {
	background: url(../images/tools.jpg) -97px -11px no-repeat;
	width: 82px;
}
#tools a.access:hover {
	background: url(../images/tools.jpg) -97px -98px no-repeat;
	width: 82px;
}
#tools a.contact {
	background: url(../images/tools.jpg) -179px -11px no-repeat;
	width: 73px;
}
#tools a.contact:hover {
	background: url(../images/tools.jpg) -179px -98px no-repeat;
	width: 73px;
}
#tools a.sitemap {
	background: url(../images/tools.jpg) -252px -11px no-repeat;
	width: 118px;
}
#tools a.sitemap:hover {
	background: url(../images/tools.jpg) -252px -98px no-repeat;
	width: 118px;
}
#search {
	margin: 7px 0 0 30px;
	padding-right: 25px;
	float: right;
	width: 200px;
	height: 21px;
	display: inline;
}
.input_search {
	float: left;
	height:23px;
	width:162px;
	border-top:1px solid #ababab;
	border-left:1px solid #ababab;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	background-color:#dddddd;
	color:#333333;
	vertical-align:top;
}
#search ul li {
	list-style: none;
	float: right;
	width: 27px;
	height: 28px;
	padding-top: 0;
	margin-top: 0;
	background: url( ../images/searchBg.jpg ) no-repeat top left;
}
input.sbutton {
	width:27px;
	height:28px; 
	behavior: url( "csshover3.htc" );
}
input.sbutton:hover {
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	opacity: 0.0;
}
#keyimage {
	clear:both;
	width: 900px;
	height:182px;
}
#category {
	clear: both;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 110px;
}
#category span  {
	display:none;
}
#breadclumbs {
	clear: both;
	text-align: left;
    width: 885px;
	margin: 0 auto;
	padding-top:10px;
}

#crumbs {
	font-size: 11px;
	height:26px;
}

#crumbs li {
	list-style: none;
  	float: left;
	line-height:26px;
	padding-left: 0.75em;
	color:#333;
}
		
#crumbs li a {
	background: url(../images/crumbsA.gif);
	background-repeat: no-repeat;
	background-position: right 8px;
	display:block;
	padding:0 15px 0 0;
}
							
#crumbs li a:link,
#crumbs li a:visited {
	color:#333;
	text-decoration:none;
}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
}		

/*
#crumbs img.panhome  {
	_line-height:16px !important;
	width: 15px;
	height: 26px;
}
*/

#left {
	clear: both;
	width: 212px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
#right {
	margin: 0 auto;
	padding: 0px;
	margin-top:20px;
	width: 687px;
	float: right;
	text-align:left;
        line-height: 115%;
}
#menu {
	margin:0 0 10px 13px;
	width: 187px;
	min-height:400px;
}
#menu dl {
	width: 187px;
	text-indent:-9999px;
	display: block;
	text-decoration: none;
	z-index: 9;
	overflow: hidden;
}
#menu dd {
	margin-bottom:5px;
}

#menu dd a {
	display: block;
	width:187px;
	height:43px;
}
#menu dd.message {	background: url(../images/menu.jpg) -15px -18px no-repeat; z-index: 9; }
#menu dd:hover.message { background-position: -225px -18px; z-index: 9; }
#menu dd.about {	background: url(../images/menu.jpg) -15px -68px no-repeat; z-index: 9; }
#menu dd:hover.about { background-position: -225px -68px; z-index: 9; }
#menu dd.research {	background: url(../images/menu.jpg) -15px -118px no-repeat; z-index: 9; }
#menu dd:hover.research { background-position: -225px -118px; z-index: 9; }
#menu dd.activities {	background: url(../images/menu.jpg) -15px -168px no-repeat; z-index: 9; }
#menu dd:hover.activities { background-position: -225px -168px; z-index: 9; }
#menu dd.members {	background: url(../images/menu.jpg) -15px -218px no-repeat; z-index: 9; }
#menu dd:hover.members { background-position: -225px -218px; z-index: 9; }
#menu dd.facilities {	background: url(../images/menu.jpg) -15px -268px no-repeat; z-index: 9; }
#menu dd:hover.facilities { background-position: -225px -268px; z-index: 9; }
#menu dd.events {	background: url(../images/menu.jpg) -15px -317px no-repeat; z-index: 9; }
#menu dd:hover.events { background-position: -225px -317px; z-index: 9; }
#menu dd.links {	background: url(../images/menu.jpg) -15px -367px no-repeat; z-index: 9; }
#menu dd:hover.links { background-position: -225px -367px; z-index: 9; }

#menu ul.submenu {
	margin-left:15px;
	width: 204px;
}
#menu ul.submenu li {
	padding-left:20px;
	padding-top:0;
	padding-bottom:6px;
	list-style: none;
	font-size:12px;
	background: url( ../images/circle.gif ) no-repeat 5px 4px;
	text-align: left;
}
#menu ul.submenu a {
	text-decoration: none;
	color: #333;
}
#menu ul.submenu a:hover {
	color: #C00;
}

#menu ul.submenu ul li {
	padding-left:27px;
	padding-top:0;
	padding-bottom:6px;
	list-style: none;
	font-size:12px;
	line-height:160%;
	background: url( ../images/sarrow.gif ) no-repeat 13px 4px;
	text-align: left;
}


#organization {
	clear:both;
	margin-top:18px;
	width: 900px;
	height:133px;
	background: url(../images/organization.gif);
}
#main {
	background: url( ../images/mainBg.jpg) no-repeat #ffffff;
	width: 900px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index: 0;
}
#hEvents {
	float: left;
}
#hEvents a {
	width:645px;
	height:34px;
	display: block;
	text-indent: -9999px;
	background: url( ../images/hEvents.gif ) no-repeat;
	overflow: hidden;
}
#hEvents a:hover {
	background: url( ../images/hEvents.gif ) 0 -34px;
}
#events {
	margin-top:10px;
	float: left;
	width:645px;
	height:100px;
	overflow: auto;
	font-size:12px;
	scrollbar-face-color:#eaebef;
	scrollbar-highlight-color: #eaebef;
	scrollbar-shadow-color: #eaebef;
	scrollbar-3dlight-color:#eaebef;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #eaebef;
	scrollbar-darkshadow-color: #eaebef;
}
#events table {
	width: 635px;
	margin-left: auto;
	margin-right: auto;
}
#hWhatsnew {
	float: left;
}
#hWhatsnew span {
	width:672px;
	height:38px;
	display: block;
	text-indent: -9999px;
	background: url( ../images/hWhatsnew.jpg ) no-repeat;
	overflow: hidden;
}
#whatsnew {
	margin-top:5px;
	float: left;
	width:655px;
	height:350px;
	overflow: auto;
	font-size:12px;
	scrollbar-face-color:#eaebef;
	scrollbar-highlight-color: #eaebef;
	scrollbar-shadow-color: #eaebef;
	scrollbar-3dlight-color:#eaebef;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #eaebef;
	scrollbar-darkshadow-color: #eaebef;
}
#whatsnew table {
	width: 620px;
	margin-left: 1em;
	margin-right: auto;
}
#whatsnew table tr {
	vertical-align: top;
}
#whatsnew table td.date {
	width: 83px;
}
#whatsnew table td {
	border-bottom: 1px dotted #999;
	padding:2px 0;
}

#footer {
	clear: both;
	width:900px;
	height: 60px;
	background: url( ../images/footerBg.jpg ) no-repeat #ffffff;
}
#footer p {
	padding-left:20px;
	padding-top:24px;
	font-size:12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}
#contents {
	text-align:left;
	margin:0 13px 0 0;
	line-height: 170%;
	font-size: 83%;
	min-height:400px;
}
#contents p {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left:1em;
	margin-right:1em;
	line-height:160%;
}
#contents p.right {
	text-align: right;
}
#contents p.center {
	text-align: center;
}
#contents p.largex {
	font-size: 24px;
	font-weight: bold;
	line-height: 160%
}
#contents .small {
	font-size: 11px;
}
#contents .smallx {
	font-size: 10px;
}

#contents ol, contents ul, li.margin {
	margin-top: 1em;
}
#contents table.center {
	margin: auto;
}
#contents table.box {
	background: #D5DAEC;
	margin: auto;
}
#contents table.sfig {
	float: right;
	margin: 1em;
}
#contents table.sfig td {
	text-align: center;
}

#contents table.sfig img {
	border: 0px solid #aaa;
}
#contents .boxr {
	background: #e4bda1;
	border: 1px solid #999;
}
#contents .boxb {
	background: #9fe996;
	border: 1px solid #999;
}
.large {
	font-size:15px !important;
	font-weight: bold;
	line-height:160%;
}
div.clear {
	clear: both;
}
#contents h1  {
	clear:both;
	background: url(../images/h1_bg.gif) repeat-x #dfcbd9;
	padding-top:8px;
	padding-bottom:5px;
	padding-left: 16px;
	color: #333333;
	font-size: 16px;  
	overflow: hidden;
	word-break: break-all;
}

#contents h2  {
	padding-top:2px;
	padding-bottom:9px;
	padding-left:40px;
	padding-right:10px;
	margin-top: 1.5em; 
        margin-left: 1em;
	color: #333333;
	font-weight: bold;
	font-size: 14px;  
	background: url(../images/h2_bg.gif) no-repeat;
	word-break: break-all;
}

#contents h3  {
	color: #ee2255;
	font-weight: bold;
	font-size:14px;
	padding-left: 0.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: 0.7em;
	margin-right: 1em;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

#contents h4  {
	padding-left:1em;
	color: #333333;
	font-weight: bold;
	font-size:13px;
	line-height:26px;
	margin-top:1em;
	margin-bottom:1em;
}

#contents h5  {
	padding-top:2px;
	padding-bottom:6px;
	padding-left:20px;
	padding-right:10px;
	margin-top: 1.5em; 
	color: #333333;
	font-weight: bold;
	font-size: 14px;  
	background: url(../images/h5_bg.png) no-repeat;
        background-position: 10px 25px;
	word-break: break-all;
}

#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 ul ul, ol ol {
	margin-left: 3em;
}
#contents ul.actlist li {
	list-style: none;
	background: url( ../images/arrow.gif ) 0 5px no-repeat;
	padding-left: 15px;
	margin-top: 0.5em;
	margin-top: 0.5em;
	line-height:140%;
}

#contents ul.linklist li {
	list-style: none;
	background: url( ../images/arrow.gif ) 0 5px no-repeat;
	padding-left: 15px;
	margin-top: 0.3em;
	line-height:120%;
}

#contents blockquote {
	margin:1em 0 1em 2em;
}

#contents table.members  {
	width: 97%;
	margin: 2px auto 18px auto;
}

#contents table.members tr  {
	vertical-align: middle;
}

#contents table.members td  {
	padding-left: 1em;
	border-bottom: 1px dotted #888;
}

#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-bg.gif) repeat-x;
	color: #ffffff;
	font-weight: bold;
	padding-left: 15px;
}

#under {
	margin:1em 1.5em 1.5em 0;
	text-align: right;
}
.top a {
	margin-left:20px;
	background: url(../images/top.gif) no-repeat;
	padding: 0 0 0 20px;
	font-size:12px;
}
.top a {
	color:#333;
	text-decoration: none;
}
.top a:visited {
	color: #333;
}
.top a:hover {
	color: #bb0000;
}
.back a {
	background: url(../images/back.gif) no-repeat 0 -1px;
	padding: 0 0 0 23px;
	font-size:12px;
}
.back a {
	color:#333;
	text-decoration: none;
}
.back a:visited {
	color: #333;
}
.back a:hover {
	color: #bb0000;
}
a {
	color:#861d4c;
}
a:visited {
	color:#cf5477;
}
a:hover {
	color:#d91919;
}
.date {
	color: #db0000;
}
td.line {
	border-bottom: 1px dotted #999;
}
a {
	outline:none;
}

.border  {
	border: 1px solid #ccc;
}

.emphasis  {
	margin-left:1px;
	margin-right:1px;
	color: #C00;
	font-weight: bold;
}

sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
} 

.newmark  {
	color: #C00;
	font-size:11px;
	font-weight: bold;
}