body {
/*	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";*/
	font-family: "Osaka ";
	line-height: 1.1em ;
	text-align: center;
	letter-spacing: 0.2em ;
	min-width: 760px;
	background: #5d5048;
	background: #111111;
}

a:link {
	color: white;
	text-decoration: none;
}
a:visited {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #ff3300;
	text-decoration: underline;
	position:relative; top:1px; left:1px;
}
a:active {
	color: #990000;
	text-decoration: none;
}

div#wrapper_top {
		margin: 0 auto;
		margin-top: 10px;
		border: 1px solid #ffffff;
		width: 760px;
		background: #423433 url('images/banner.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
		
}
div#wrapper {
		margin: 0 auto;
		margin-top: 10px;
		border: 1px solid #ffffff;
		width: 760px;
		background: #423433;
		background-position: bottom right;
		background-repeat: no-repeat;
		
}

html>body div#wrapper {
		height: 100%;
		min-height: 600px;
}

div#logo {
		float: left;
		position: relative;
		left: -29px;
		top: -10px;
		margin-bottom: -10px;
		height: 96px; /* goro */
		width: 200px; /* goro */
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
}

html>body div#logo {
		height: 100%;
		min-height: 394px;
}

h1 {
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
}

h2 {
		color: #423433;
		background: #ffffff;
		font-size: 14px;
		font-weight: bold;
}

h3 {
		color: #bbc6b6;
		font-weight: bold;
		font-size: 15px;
}


b {
		color: #ffffff;
		font-weight: bold;
}

div#header {
		width: 760px;
		clear: both;
		margin: 0 auto;
		font-family: trebuchet ms,arial,verdana;
/*		font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";*/
		font-size: 8pt;
		font-weight: normal;
		color: #ffffff;
		letter-spacing: 1.1pt;
		padding-top: 20px;
		text-align: right;
}

div#footer {
		width: 760px;
		clear: both;
		margin: 0 auto;
		font-family: trebuchet ms,arial,verdana;
/*		font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";*/
		font-size: 8pt;
		font-weight: normal;
		color: #ffffff;
		letter-spacing: 1.1pt;
		padding-top: 20px;
		text-align: right;
}

div#footer A {
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		text-transform: uppercase;
}

div#footer a:hover {
		color: #ff3300;
		text-decoration: underline;
		position:relative; top:1px; left:1px;
}


div#content a {
		color: #ffff00;
/*		font-weight: bold; */
		text-decoration: none;
}

div#content a:hover {
		color: #ff3300;
		text-decoration: underline;
		position:relative; top:1px; left:1px;
}


div#content_top {
		text-align: left;
		padding: 15px 150px 15px 15px;
		float: right;
		width: 250px;
		height: 100%;
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#content {
		text-align: left;
		padding: 15px 15px 15px 15px;
/*		border: 1px solid #ffffff; */
		float: right;
		width: 700px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#flow01 {
		text-align: center;
		padding: 15px 15px 15px 15px;
/*		border: 1px solid #ffffff; */
		float: right;
		width: 670px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #423433;
		background-color: #ffffff;
}
div#map {
		text-align: center;
		border: 1px solid #ffffff; 
		margin: 10px;
		padding: 10px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		background-color: #ffffff;
}
div#law {
		text-align: left;
		padding: 15px 15px 15px 15px;
/*		border: 1px solid #ffffff; */
		float: right;
		width: 670px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #423433;
		background-color: #ffffff;
}

div#news {
		text-align: left;
		padding: 10px;
/*		border: 1px solid #ffffff; */
		float: right;
		width: 700px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#phone_logo {
		text-align: right;
		margin-right: 10px;
		padding: 10px 10px 10px 10px;
		border: 1px dotted #ffffff;
		float: right;
		width: 600px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#school_logo {
		text-align: left;
		margin-right: 10px;
		padding: 10px 10px 10px 10px;
		border: 1px dotted #ffffff;
		float: right;
		width: 630px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#comment {
		text-align: left;
		padding: 10px;
/*		border: 1px solid #ffffff; */
		float: right;
		width: 700px;
		height: 100%; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#student_comment {
		text-align: left;
		padding: 10px;
/*		border: 1px solid #ffffff; */
		float: right;
		width: 480px;
		height: 178px; 
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#student_picture {
		text-align: left;
		padding: 0px;
		width: 720px;
/*		border: 1px solid #ffffff; */
		height: 250px; 
		color: #ffffff;
}

div#sitemap_col1 {
		text-align: left;
		line-height: 1.9em;
		margin: 15px 15px 15px 25px;
		padding: 15px 15px 15px 15px;
		border: 1px solid #ffffff;
		float: left;
		width: 230px;
		height: 100%;
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}
div#sitemap_col2 {
		text-align: left;
		margin: 15px 15px 15px 15px;
		padding: 15px 15px 15px 15px;
		border: 1px solid #ffffff;
		float: left;
		width: 230px;
		height: 100%;
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}
div#sitemap_col3 {
		text-align: left;
		margin: 15px 15px 15px 15px;
		padding: 15px 15px 15px 15px;
		border: 1px solid #ffffff;
		width: 230px;
		height: 100%;
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#news {
		text-align: left;
		padding: 15px 15px 15px 15px;
		float: left;
		width: 250px;
		height: 100%;
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

div#side_menu {
		text-align: left;
		padding: 15px 15px 15px 15px;
		border: 1px solid #ffffff;
		float: left;
		width: 150px;
		height: 100%;
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;
}

html>body div#content {
		min-height: 500px;
		height: 100%;
}

div#toplogo {
		padding-left: 5px;
		padding-top: 5px;
		float: left;
}
div#topbar {
		height: 75px;
		font-family: trebuchet ms,arial,verdana;
		font-size: 14pt;
		font-weight: bold;
		text-align: left;
		padding-left: 0px;
		padding-top: 10px;
		background: #423433;
		color: #ffffff;
		letter-spacing: 1.1pt;
		clear: left;
		float: right;
}

div#menu {
		float: right;
		width: 760px;
}

div#menu A {
		display: block;
		width: 125px;
		position: relative;
		left:0px;
		top: -1px;
		z-index: 50;
		float: left;
		border: 1px solid #ffffff;
		height: 25px;
		background: #998c84 url('images/arrow.gif'); 
		background-position: center left;
		background-repeat: no-repeat;
		font-family: trebuchet ms,arial,verdana;
		text-align: right;
		font-size: 14px;
		text-decoration: none;
		padding-right: 10px;
		padding-top: 3px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
}

div#menu a:hover {
		background: #423433 url('images/arrow.gif');
		background-position: center left;
		background-repeat: no-repeat;
		color: #bbc6b6;
}

/* === page navigation -=== */
ul.pannavi {font-size:small;border:1px dotted #ffffff;text-align:left;margin-left:30px;margin-right:30px;padding-left:0px;}
ul.pannavi li {list-style:none;text-align:left;display:inline;background:url(images/point_s_r.gif) no-repeat 0%;padding-left:20px;}

/* layout */
img.ill_r {margin-left:10px;float:right;}
img.ill_l {margin-right:10px;float:left;}
img.ill_r a:hover {position:relative; top:1px; left:1px;}
img.ill_l a:hover {position:relative; top:1px; left:1px;}