@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: 0 30px 30px 30px;
 padding: 0px 0 0 0 ;
}

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

	#main h2 {
		border-left:26px solid #649696;
		border-bottom:2px solid #649696;
		font-size:153%;
		font-weight:bold;
		color:#000000;
		margin:25px 0 20px 0;
		padding:60px 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: right;
 width: 130px;
}

	#side1 h4 {
		font-size:107%;
		font-weight:bold;
		color:#880000;
		margin:15px 0 10px 0;
	}
	#side1 p {
		color:#333333;
		font-size:92%;
		line-height:130%;
		margin:10px 0 10px 0;
	}

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

	#footer p {
		color:#999999;
		font-size:85%;
		text-align:center;
		margin:10px 0 10px 0;
	}



.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,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%;
	line-height: 1.5;
}

.section {
	height: 100%;
}

.section:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#main p.imgr {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

#main p.imgl {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

#main p.imgc {
	text-align: center;
}