@charset "UTF-8";
/* CSS Document */

body {
 background-color:#CCCCCC;
}

#wrapper {
 margin:0 auto;
 background-color:#FFFFFF;
 width: 900px;
 border-top:5px solid #649696;
}

#header {
 margin: 2px 30px 10px 30px;
}

	#header ul { margin:10px 0 0 0; padding:0; list-style:none;}
	#header li { 
			margin:0; padding:0; display:block; float:left;
		}
	#header img { display:block;}
	
	#header h4 {
		font-size:120%;
		line-height:150%;
	}
	
	.pan {
		clear:both;
		padding:20px 0 20px 0;
	}

	.pan a,a:visited {
		color:#3399CC;
		text-decoration:none;
	}


#contents {
 clear:both;
 width: 840px;
 margin: 0px 30px 30px 30px;
 padding: 0px 0 0 0 ;
}

#main {
 float:right;
 width:665px;
}

	#main h2 {
		border-left:6px solid #FF6600;
		border-bottom:1px solid #FF6600;
		font-size:153%;
		font-weight:bold;
		color:#000000;
		margin:25px 0 20px 0;
		padding:20px 0 6px 6px;
	}
	
	#main p {
		color:#333333;
		font-size:115%;
		line-height:180%;
		text-align:justify;
		margin:10px 0 10px 0;
	}

	#main a,#main a:visited {
	color:#3399CC;
	text-decoration:none;
}
	#main p.people  {
		font-size:100%;
		line-height:120%;
		color:#000000;
	
	}
	img.people{
		margin:0 10px 10px 0;
	}

#side1 {
 float: left;
 width: 150px;
 margin-top:25px;
}

	#side1 h3 {
		font-size:107%;
		font-weight:bold;
		color:#880000;
		margin:15px 0 10px 0;
	}
	#side1 h3 a {
		color:#800000;
	}
	
	
	#side1 p {
		color:#333333;
		font-size:92%;
		line-height:130%;
		text-align:justify;
		margin:10px 0 10px 0;
	}

#footer {
	clear:both;
	margin: 0px 30px 30px 30px;
 	padding: 30px 0 60px 0 ;
}

	#footer p {
		color:#999999;
		font-size:90%;
		line-height:150%;
		text-align:center;
		margin:10px 0 10px 0;
	}
	
	#footer a:link, #footer a:visited {
	color:#3399CC;
	text-decoration:none;
}



.page {
	clear:both;
	margin:30px 0 10px 0;
}
	.page ul { margin:10px 0 0 0; padding:0; list-style:none;}
	.page li { margin:0 3px 0 3px; padding:0; display:block; float:left;	}
	.page img { display:block;}

.totop {
	clear:both;
	float:right;
	margin:0px 0 10px 0;
	padding:30px 0 0 0 ;
}
<!-- COMMON -->

a:link, a:visited {
	color:#3399CC;
	text-decoration:none;
}

span.voice {
	color:#007700;
  font-weight:bold;
}

span.caption {
	color:#666666;
	font-size:80%;
	
}

#qanda {
	border:1px dashed #CC3300;
	margin:30px 0 20px 0;
	padding:25px;
	background-color:#FFFFCC;
}
#qanda h3 {
	border-left:6px solid #CC3300;
		border-bottom:1px solid #CC3300;
		font-size:153%;
		font-weight:bold;
		color:#FF9900;
		margin:0 0 20px 0;
		padding:6px 0 6px 6px;
}
#qanda dt {
	color:#666666;
	font-size:100%;
	margin:0 0 12px 0;
}
#qanda dd {
	color:#000000;
	font-size:120%;
	margin:0 0 20px 0;
}

#organization {
	border:1px dashed #888888;
	margin:50px 0 20px 0;
	padding:25px;
	background-color:#DDDDDD;
}
#organization h4 {
	font-size:120%;
	font-weight:bold;
	color:#000000;
}

#credit {
	float:right;
	font-size:90%;
}

.sp {
	margin:16px 0 16px 0;
	border-bottom:1px dashed #999999;
	line-height:120%;

}
.sp h3 {
	font-size:120%;
	color:#006666;
	font-weight:bold;
	border:1px solid #006666;
	margin:15px 0 10px 0;
	padding:20px 10px 20px 10px;
}
.sp span.namae {
	font-size: 150%;
	margin-right:10px;
	color:#333333;
}
.sp span.namae {
	color:#333333;
}

.sp span.org {	
	font-size: 84%;
	color:#3f6f93;
}
.sp span.website {	
	margin-right:10px;
}
.sp span.urlmessage {	
	font-size: 84%;
	color:#993300;
	line-height:150%;
}
.sp .meta {
	margin:10px 140px 14px 30px;
	font-size:90%;
	line-height:150%;
	color:#666666;
}

.sp span.phrase {
	padding:0 2px 0 2px;
	background-color:#FFFF99;
	color:#CC0000;
}

.paging {
	margin:10px 0 10px 0;
	padding:6px 0 6px 0;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	color:#666666;
	line-height:150%;
}

.paging span.current {
	border:1px solid #CC0000;
	padding:1px 4px 0 4px;
	color:#CC0000;
}



.serachBlock {
	font-size:90%;
	color:#333333;
	line-height:120%;
}

#help dt {
	margin:10px 0 5px 0;
	font-size:100%;
	color:#0033CC;
}

#help dd {
	font-size:84%;
	line-height:120%;
	color:#666666;
}
 span.ex, span.ex a {
 	color:#999999;
	text-decoration:none;
 }


#databaselink dt {
	margin:20px 0 5px 0;
	font-size:114%;
	color:#0033CC;
}

#databaselink dd {
	font-size:100%;
	line-height:140%;
	color:#666666;
	width:500px;
	margin:5px 0 0px 20px;
}

#top_title {
  margin-top:30px;
	padding-top:30px;
}

#lead {
	margin:20px 0 10px 0;
	text-align:center;
	font-size:100%;
	line-height:140%;
}

#topics {
	margin:20px 0 10px 0;
}
	#topics p {
		font-size:90%;
		line-height:150%;
		color:#666666;
	}
	#topics h3 {
		color:#FF6600;
		width:500px;
		padding:3px 0 3px 0;
		border-bottom:1px solid #FF9900;
		border-top:1px solid #FF9900;
		
		
	}


table.cform th {
	padding:6px;
	font-size:0.9em; color:#FFFFFF;
	background:#666666;
	width:200px;
	border: 1px solid #888888;
}
table.cform td {
	padding:12px;
	background:#EEEEEE;
	border: 1px solid #888888;
}
input, textarea{
	font-size:1.2em;
	font-weight:bold;
	color:#000066;
}

select,option {
	color:#000066;
	font-size:1.3em;
}	

.ex {
	font-size:0.8em; color:#999999;
}
.red {
	color:#FF0000; font-weight:bold;
}


#jumpmesssage {
position: absolute;	left: 200; width: 400px; height: 150px; 
padding: 20px;
	z-index: 100; text-align: center; line-height: 0;
	background-color:#666;
}

.jmessage {
width: 400px; height: 100px; 
padding: 15px;
	z-index: 100; text-align: center; line-height: 0;
	background-color:#F90;
}