/*
@charset "UFT-8";
*/
/* 共通 */

@import "http://www.natural-science.or.jp/stylesheet/class.css";


body,h1,h2,h3,h4,h5,h6,div,p,address,blockquote,span,img,ul,ol,li,dl,dt,dd,pre.code{
		font-family: 'trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
		line-height:150%;
		font-size: small;
		color: #303E10;
		background-color:transparent;
		font-weight:400;
		border: 0px;
}
form, input	{
		margin: 0px;
		padding: 0px;
}


body	{
		padding:0px 0px 20px 0px;
		background-color:white;
		text-align: center;
	}

div#container	{
		clear: both;
		width:1024px;
		margin: 0px auto 0px auto;
}
p	{
		padding: 0px 10px 0px 10px;
		margin: 10px 0px 10px 0px;
}
a		{
		text-decoration:none
}
a:link	{
		color:#9B1821;
}
a:visited	{
		color:#9B1821;
}
a:hover	{
		color:red;
		text-decoration:underline
}
a:active{}



br.c	{
		clear: both;
		line-height: 0em;
}

ul{
		padding: 10px 0px 10px 10px;
}
li	{
		list-style-type: none;
}

pre{
		border: solid 1px #dcdcdc;
		background-color: #f5f5f5;
		padding: 5px 10px;
overflow: auto;
}
pre code{
		font-family: monospace;
		font-style: normal;
}
pre code span{
		font-weight: 600;
		font-style: normal;
}

/*----------------------------------
header
----------------------------------*/

div#header	{
		text-align: left;
}
div#topConcept{
		text-align: right;
}
div#header div#topLogo	{
		padding: 10px 0px 2px 5px;
		float: left;
		width: 198px;
}
div#header div#topMenu	{
		background-color: white;
		float: right;
		width: 820x;
		margin: 5px 0px 5px 0px;
		border-top: solid 1px  #303E10;
		border-left: solid 1px  #303E10;
		border-right: solid 1px  #303E10;

}
div#header div#topMenu ul	{
		padding: 0px;
		margin: 0px;

}
div#header div#topMenu ul li	{
		padding: 0px;
		margin: 0px;
		line-height:1.0em;
		float: left;
		list-style-type: none;
}
div#header div#topMenu ul a{
		text-align: center;
		padding: 5px 0px 5px 0px;
		font-size: 12px;
		display: block;
		color: black;
		text-decoration:none;
}
div#header div#topMenu ul a:link	{
		color: black;
		text-decoration:none;
}
div#header div#topMenu ul a:visited	{
		color: black;
		text-decoration:none;
}
div#header div#topMenu ul a:hover	{
		color: white;
		background-color: black;
}
div#header div#topMenu ul a:active{}

div#topimage{
background-color: green;
		text-align: center;
}

div#header div#topMenu ul a.hh{
		color: white;
		background-color: black;
}
div#header div#topMenu ul a:link.hh	{
		color: white;
		text-decoration:none;
}
div#header div#topMenu ul a:visited.hh	{
		color: white;
		text-decoration:none;
}
div#header div#topMenu ul a:hover.hh	{
		color: white;
		background-color: black;
}

/*----------------------------------
contents
----------------------------------*/

div#contents{
	float: left;
	border-top: solid 1px gainsboro;
	text-align: left;
	width: 815px;
	margin: 5px 5px 10px 0px;
	padding: 5px 0px 0px 0px;
}

/*----------------------------------
end(contents)
----------------------------------*/

/*----------------------------------
body
----------------------------------*/
div#body{
	width: 600px;
	float: right;
	padding: 0px 0px 0px 10px;
}
div#body div#panList{
	font-size: 10px;
		padding: 0px 0px 0px 0px;
}
div#body div#panList a{
}
div#body h1{
		font-size: large;
		border-bottom: solid 1px #303E10;
		padding: 0px 0px 2px 0px;
		line-height: 1.2em;
		margin: 0px 0px 10px 0px;
		font-weight: 600;
}
div#body h1 span{
		font-size: small;
		font-weight: 600;
}
div#body h2{
		font-size: medium;
		border-bottom: solid 1px #303E10;
		border-left: solid 5px #303E10;
		padding: 0px 0px 0px 5px;
		margin: 30px 0px 20px 0px;
		font-weight: 600;
}
div#body h3{
		font-size: small;
		border-bottom: solid 1px #303E10;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 10px 0px;
		font-weight: 600;
}
div#body h4{
		font-size: small;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 5px 0px;
		font-weight: 600;
}
div#body p{
	padding: 5px 10px 10px 0px;
}


div#body table{
		width: 600px;
		border-collapse: collapse; 
		margin: 10px 0px 0px 0px;
}
div#body table td{
		padding: 5px 10px;
		border: solid 1px #dcdcdc;
		color: black;
}

div#body table th	{
		padding: 5px 10px;
		border: solid 1px #dcdcdc;
		color: black;
}
div#body p.q{
		font-weight: 600;
}


div#body div#aboutns{
		border: solid 1px #303E10;
		padding: 0px  5px 10px 10px;
}
div#body div#aboutns h1{
		border: solid 0px black;
		font-size: small;
		padding: 5px  0px 5px 0px;
}
div#body div.tabheader{
	margin: 10px 0px 0px 0px;
	background-color: #E0E7DD;
		border-bottom:  solid 2px #006D3C;

}
div#body div.tabheader table {
		width: auto;
		padding: 0px;
		margin: 2px 0px 0px 0px;
}
div#body div.tabheader table td{
	padding: 0px 5px 0px 0px;
	border: solid 0px black;
	vertical-align: bottom;
}
div#body div.tabheader .close {
  border: solid 0px #006D3C;
	border-bottom: solid 0px #FF7F00;
  background-color: white;
  margin:0;
  padding: 0px 5px;
  white-space: nowrap;
	color: #006D3C;
}
div#body div.tabheader .close a	{
		text-decoration:none;
		color:#006D3C;
		font-weight: 600;
}
div#body div.tabheader .close a:link	{
		text-decoration:none;
		color:#006D3C;
		font-weight: 600;
}
div#body div.tabheader .close a:visited	{
		text-decoration:none;
		color:#006D3C;
		font-weight: 600;
}
div#body div.tabheader .close a:hover	{
		text-decoration: underline;
		color:#006D3C;
		font-weight: 600;
}
div#body div.tabheader a:active{}

div#body .tabheader .open {
  border: solid 0px #006D3C;
	border-bottom: solid 0px #FF7F00;
  background-color: #006D3C;
  margin:0;
  padding: 2px 5px 0px 5px;
	color: white;
  white-space: nowrap;
}
div#body .tabheader .open a	{
		text-decoration: underline;
		color:white;
		font-weight: 600;
		text-decoration:none;
}
div#body .tabheader .open a	:link	{
		color:white;
		font-weight: 600;
}
div#body .tabheader .open a	:visited	{
		color:white;
		font-weight: 600;
}
div#body .tabheader .open a	:hover	{
		color:white;
		font-weight: 600;
		text-decoration:underline;
}
div#body div.tabheader a:active{}

div#body div.tabbody{
}
div#body div.tabbody h2{
		background-color: #006D3C;
		color: white;
		border: 0px solid black;
		padding: 3px 0px 2px 10px;
		margin: 0px;
}

div#body div.topicsList{
}
div#body div.topicsList div.blog{
		padding: 0px 0px 0px 0px;
}
div#body div.topicsList div.blog h2{
		background-color: #006D3C;
		color: white;
		border: 0px solid black;
		padding: 3px 0px 2px 10px;
		margin: 0px;
}
div#body div.topicsList div.blog h2 span{
		color: white;
}
/*
div#body div.topicsList{
		border-bottom: dotted 1px black;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
}
div#body div.topicsList h3{
		font-size: small;
		font-weight: 600;
		border-bottom: solid 1px #000080;
		padding: 0px 0px 2px 0px;
		line-height: 1.0em;
}
div#body div.topicsList h3 span{
		font-size: x-small;
}
div#body div.topicsList h3 a{
		text-decoration: none;
}
div#body div.topicsList img{
		float: left;
		margin: 0px 10px 0px 0px;
		width: 100px;
		height: 100px;
}
div#body div.topicsList p.author{
		padding: 5px 0px 0px 5px;
		margin: 0px;
		font-weight: 600;
		font-size: x-small;
}
div#body div.topicsList p.outline{
		padding: 5px 0px 0px 5px;
		margin: 0px;
}
*/
div#body div.thema{
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
}
div#body div.thema div.e{
		width: 300px;
		float: left;
}
div#body div.list div.e{
		width: 600px;
		float: none;
}
div#body div.thema h3{
		color:gray ;
		font-size: small;
		border:solid 1px gray;
		border-left:solid 5px gray;
		padding: 0px 0px 0px 5px;
}
div#body div.thema h3 a{
		text-decoration: none;
}
div#body div.thema img{
		float: left;
		margin: 0px 0px 5px 0px; 
		width: 60px;
		height: 60px;
}
div#body div.thema p{
		padding: 0px 5px 5px 10px;
		width: 225px;
		margin: 0px;
		float: right;
		font-weight: 600;
}
div#body div.thema p span{
		color: gray;
		font-size: x-small;
}
div#body div.bottomMenu  div.thema p{
		font-size: small;
}
div#body div.thema p span{
		font-size: x-small;
		color: gray;
}
div#body div.thema p span a{
		color: gray;
		font-size: x-small;
}
div#body div.thema p span a:link	{
		color: gray;
		font-size: x-small;
}
div#body div.thema p span a:visited	{
		color: gray;
		font-size: x-small;
}
div#body div.thema p span a:hover	{
		color: red;
		font-size: x-small;
}

div#body div.blog{
		padding: 5px 0px 0px 0px;
}
div#body div.blog div.data{
		padding: 0px;
}
div#body div.blog h1.diary{
		font-size: large;
		border-bottom: solid 1px #303E10;
		padding: 0px 0px 2px 0px;
		line-height: 1.2em;
		margin: 0px 0px 0px 0px;
}
div#body div.blog h2{
		font-size: medium;
		border-bottom: solid 1px #303E10;
		border-left: solid 5px #303E10;
		padding: 0px 0px 0px 5px;
		margin: 30px 0px 20px 0px;
}

div#body p.bottom_goto{
		text-align: right;
}
div#body div#bottomLatest_report h2{
		background-color: #303E10;
		font-size:small;
		line-height:1em;
		color: white;
		padding: 5px 0px 5px 10px;
		margin: 0px 0px 10px 0px;
}
div#body div#bottomLatest_report h3{
		font-size: small;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		border-left: solid 5px black;
}
div#body div#bottomLatest_report h3 a{
		text-decoration: underline;
}



div#body div#bottomLatest_report  div.thema{
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
}
div#body div#bottomLatest_report  div.thema div.e{
		width: 300px;
		float: left;
}
div#body div#bottomLatest_report div.list div.e{
		width: 600px;
		float: none;
}
div#body div#bottomLatest_report  div.thema h3{
		color:gray ;
		font-size: small;
		border:solid 1px gray;
		border-left:solid 5px gray;
		padding: 0px 0px 0px 5px;
}
div#body div#bottomLatest_report  div.thema h3 a{
		text-decoration: none;
}
div#body div#bottomLatest_report  div.thema img{
		float: left;
		margin: 0px 0px 5px 0px; 
		width: 60px;
		height: 60px;
}
div#body div#bottomLatest_report div.thema p{
		padding: 0px 5px 5px 10px;
		width: 225px;
		margin: 0px;
		float: right;
		font-weight: 600;
}
div#body div#bottomLatest_report div.bottomMenu  div.thema p{
		font-size: small;
}
div#body div#bottomLatest_report  div.thema p span{
		font-size: x-small;
}
div#body div#bottomLatest_report div.list div.e{
		width: 600px;
		float: none;
}
div#body div#bottomLatest_report  div.list div.e p{
		width: auto;
		margin: 0px;
		float: none;
}

div#body div#tagList{
		padding: 2px 5px 2px 5px;
		margin: 20px 0px;
		font-size: x-small;
		background-color: #E0E7DD;
}


div#body div#ranking100{
		padding: 10px 0px 20px 0px;
}
div#body dl {
		padding: 10px 0px 10px 5px;
}
div#body dl dt{
		border-left: solid 2px #303E10;
		padding: 2px 0px 2px 5px;
}
div#body dl dd{
		float: none;
		padding: 5px 0px 10px 20px;
}
div#body div.waku{
		border: solid 1px gray;
		padding: 5px 0px 5px 10px;
}
/*----------------------------------
end(body)
----------------------------------*/


/*----------------------------------
leftMenu
----------------------------------*/
div#leftMenu{
	padding: 0px 0px 0px 0px ;
	border-left: solid 1px gainsboro;
	width: 204px;
	float: left;
}
div#leftMenu h2{
		padding: 2px 0px 2px 10px;
		background-color: #006D3C;
		color: white;
		font-weight: 600;
}
div#leftMenu h2 a{
		color: white;
}
div#leftMenu h2 a:link	{
		color: white;
}
div#leftMenu h2 a:visited{
		color: white;
}
div#leftMenu h2 a:hover{
		color: white;
}
div#leftMenu a		{
		text-decoration:none;
}
div#leftMenu a:link	{
		color:#303E10;
}
div#leftMenu a:visited	{
		color:#303E10;
}
div#leftMenu a:hover	{
		color:#303E10;
		text-decoration:underline;

}
div#leftMenu a:active{}

div#leftMenu ul.mainCategory{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}
div#leftMenu ul.mainCategory li{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}
div#leftMenu ul.mainCategory li.m{
		background-color: #749E6C;
		padding: 2px 0px 2px 7px;
		font-weight: 600;
}
div#leftMenu ul.mainCategory li.m2{
		background-color: #006D3C;
		padding: 2px 0px 2px 7px;
}
div#leftMenu ul.mainCategory li.m2 a{
		color: white;
}
div#leftMenu ul.mainCategory li.n{
		background-color: #E0E7DD;
		padding: 2px 0px 2px 7px;
}
div#leftMenu ul.mainCategory li.l{
		padding: 0px 0px 0px 5px;
}
div#leftMenu ul.mainCategory span.l2{
		font-size: x-small;
}
html* div#leftMenu ul.mainCategory span.l2{
		font-size: 8px;
}
div#leftMenu ul.subCategory{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}
div#leftMenu ul.subCategory li{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}
div#leftMenu ul.subCategory li.m{
		background-color: #749E6C;
		padding: 2px 0px 2px 10px;
		font-weight: 600;
}
div#leftMenu ul.subCategory li.m2{
		background-color: #006D3C;
		padding: 2px 0px 2px 10px;
		font-weight: 600;
}
div#leftMenu ul.subCategory li.n{
		background-color: #E0E7DD;
		padding: 2px 0px 2px 10px;
}
div#leftMenu ul.subCategory li.l{
		padding: 0px 0px 0px 5px;
}
div#leftMenu ul.subCategory span.l2{
		font-size: x-small;
}
html* div#leftMenu ul.subCategory span.l2{
		font-size: 8px;
}
div#leftMenu div.sidetitle2{
		/*background-color: #749E6C;*/
		background-color: #006D3C;
		padding: 2px 0px 2px 7px;
}
div#leftMenu div.sidetitle2 a{
		color: white;
}

div#leftMenu div.list {
		margin: 10px 0px 10px 0px;
		border-top: solid 2px #006D3C;
}
div#leftMenu div.list h3{
		text-align: center;
		padding: 5px 0px 5px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 600;
}
div#leftMenu div#tagcloud{
		margin: 10px 0px 0px 0px;
		border-top: solid 2px #006D3C;
}
div#leftMenu div#tagcloud a{
		line-height: 1.0em;
		display: inline;
		float: left;
/*		text-decoration: none;*/
}
div#leftMenu div#tagcloud a.rank-7{
		font-size: xx-small;
}
div#leftMenu div#tagcloud a.rank-6{
		font-size: x-small;
}
div#leftMenu  div#tagcloud a.rank-5{
		font-size: small;
}
div#leftMenu  div#tagcloud a.rank-4{
		font-size:  medium;
}
div#leftMenu div#tagcloud a.rank-3{
		font-size:  large;
}
div#leftMenu div#tagcloud a.rank-2{
		font-size:  x-large;
}
div#leftMenu div#tagcloud a.rank-1{
		font-size:  xx-large;
}
div#leftMenu div#tagcloud  span{
		font-size: x-small;
}

/*----------------------------------
globalMenu
----------------------------------*/

div#globalMenu{
	width: 204px;
	float: right;
	text-align: left;
}

div#globalMenu h2{
		padding: 5px 0px 0px 10px;
		font-size: small;
		font-weight: 600;
}
div#globalMenu div#searchBlock{
		background-color: #006D3C;
		padding: 0px 0px 5px 0px;
}
div#globalMenu div#searchBlock h2{
		color: white;
		font-weight: 600;
		padding: 5px 0px 5px 10px;
}
div#globalMenu div#searchBlock form{
		background-color: #E6ECE9;
		margin: 0px 0px 0px 0px;
}
div#globalMenu div#searchBlock form input{
}
div#globalMenu div#searchBlock div{
		padding: 5px 0px 5px 5px;
}
div#globalMenu div#searchBlock ul#topicsList{

}
div#globalMenu div#topicsList ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;}
div#globalMenu div#topicsList ul li{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		background-image: url(../img/y.gif);
		background-position: 0px 4px;
		background-repeat: no-repeat;
		line-height: 1.1em;
}
div#globalMenu div#activitiesList{
		margin: 10px 0px 0px 0px;
		border-top: solid 2px #006D3C;
}
div#globalMenu div#activitiesList table td{
		font-size:small;
		line-height: 1.1em;
}
div#globalMenu div#activitiesList table td span{
		font-size:x-small;
		line-height: 1.5em;
}
html* div#globalMenu div#activitiesList table td span{
		font-size:8px;
}
div#globalMenu div#ranking{
		margin: 10px 0px 0px 0px;
		border-top: solid 2px #006D3C;

}
div#globalMenu div#ranking ul{
		padding: 0px 0px 20px 0px;
}
div#globalMenu div#ranking ul li{
		background-repeat: no-repeat;
		height: 45px;
		overflow: hidden;
		padding: 10px 0px 0px 35px;
		list-style-type: none;
		line-height: 1.0em ;
		border-bottom: dotted 1px #B2B2B2;
		background-position: 0px 12px;
}
div#globalMenu div#ranking ul li span{
		font-size: x-small;
}
html* div#globalMenu div#ranking ul li span{
		font-size: xx-small;
}
div#globalMenu div#ranking ul li.r1 {
		background-image: url(../img/ranking1.gif);
}
div#globalMenu div#ranking ul li.r2 {
		background-image: url(../img/ranking2.gif);
}
div#globalMenu div#ranking ul li.r3 {
		background-image: url(../img/ranking3.gif);
}
div#globalMenu div#ranking ul li.r4 {
		background-image: url(../img/ranking4.gif);
}
div#globalMenu div#ranking ul li.r5 {
		background-image: url(../img/ranking5.gif);
}
div#globalMenu div#ranking ul li.r6 {
		background-image: url(../img/ranking6.gif);
}
div#globalMenu div#ranking ul li.r7 {
		background-image: url(../img/ranking7.gif);
}
div#globalMenu div#ranking ul li.r8 {
		background-image: url(../img/ranking8.gif);
}
div#globalMenu div#ranking ul li.r9 {
		background-image: url(../img/ranking9.gif);
}
div#globalMenu div#ranking ul li.r10 {
		background-image: url(../img/ranking10.gif);
}
div#globalMenu div#ranking ul li.last {
		height: 1em;
		padding: 10px 5px 10px 0px;
		list-style-type: none;
		line-height: 1em;
		text-align: right;
		border-top: dotted 1px #B2B2B2;
		border-bottom: dotted 2px #B2B2B2;
}




/*----------------------------------
footer
----------------------------------*/

div#footer	{
		clear: both;
		text-align: left;
		padding: 0px 0px 0px 0px ;
		margin: 10px 0px 10px 0px;
}
div#footer address	{
		padding: 5px 0px 0px 5px;
}

div#footer div#bottomMenu	{
		color: white;
		background-color: #006D3C;
		padding: 4px 10px 6px 0px ;
		margin: 0px 0px 0px 0px;
		text-align: right;
		font-size: xx-small;
		font-weight: 100;
		line-height: 1em;
}
div#footer div#bottomMenu	a{
		color: white;
}

div#body div.purpose{
		border: 1px gray solid;
		margin: 20px 0px 20px 0px;
		padding: 5px 10px;
}

div#body div.ImageList{
		margin: 30px 0px 10px 0px;
		text-align: center;
}
div#body div.ImageList img{
		margin: -30px 0px -30px 0px;
}
div#body div.ImageList span{
	display: block;
	position:relative;
	top: 40px;
}

div#body p img.equation{
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 5px;
}
div#body h2 img.equation{
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 5px;
}
div#body h3 img.equation{
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 5px;
}
strong{
	font-weight: 600;
	color: red;
	text-decoration: none;
	font-style: normal;
}
em{
	font-weight: 600;
	color: blue;
	text-decoration: none;
	font-style: normal;
}
img.e2{
	margin: 0px 0px 10px 0px;
}
