html {
	background: #000;
}

body {
	padding: 96px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	background: url(img/top_img_bg.jpg) top center no-repeat #3A3A3A;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	text-align: center;
}

a { text-decoration: none; color: #00f; }
a:hover { text-decoration: underline; }
a:visited { color: #00f; }

#topbox {
/*	width: 776px; */
	width: 779px;
	margin: 0px auto;
	border-top: solid 1px #3A3A3A;
	border-right: solid 1px #3A3A3A;
	border-bottom: solid 3px #000000;
	border-left: solid 1px #3A3A3A;
	padding: 17px 0px 17px 17px;
	background: #fff;
	background-image: url(img/topbg.gif);
}

.topboxpad {
	width: 235px;
	margin: 0px 0px 22px 0px;
	float: left;
	padding: 2px 0px 0px 2px;
	text-align: left;
}

.topboxpadr {
	border: solid 1px #EDB9B9;
	background: #FFE1E1;
}

.topboxpady {
	border: solid 1px #E1E1A9;
	background: #FFFFE2;
}

.topboxpadg {
	border: solid 1px #B4E7B4;
	background: #E1FFE1;
}

.topboxpadb {
	border: solid 1px #B2B2E6;
	background: #E1E1FF;
}

.topboxpadmid {
	margin: 0px 22px 22px 22px;
}

.topboxpadtext {
	padding: 0px 5px 5px 5px;
	text-align: left;
	line-height: 1.3em;
	font-size: 14px;
}

.topboxpadtext ul {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

#mainbox {
	width: 798px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#menubox {
	/* total width 164px */
	float: left;
	width: 162px;
	border: solid 1px #999999;
	border-bottom: solid 6px #999999;
	padding: 2px 0px 2px 2px;
	background: #fff;
	text-align: left;
	font-size: 13px;
	line-height: 1.3em;
}

#menubox ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 20px;
}

#menubox img {
	border: none;
}

.menuhigh {
	list-style-image: url(img/list-high.gif);
}

.menulow {
	list-style-image: url(img/list-low.gif);
}

.menubtn {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.menuinfo {
	margin-top: 0px;
	border-top: 2px dotted #AAAAAA;
	padding: 3px 5px 0px 5px;
	background-image: url(img/topbg.gif);
}

.waminfo {
	margin-top: 0px;
	border-top: 2px dotted #AAAAAA;
	padding: 3px 5px 0px 5px;
	background: #EFF1FF;
	font-size: 12px;
}

/* wamedu 2010-08-01 */
.wamedu {
	margin: 0 3px 3px 1px;
	border: 2px solid #ff4545;
/*	border-top: 1px solid #ff4545; */
/*	border-bottom: 1px solid #ff4545; */
	padding: 3px 3px 3px 3px;
	background: #ffecec;
/*	background: #ffffff; */
	font-size: 12px;
}

/*
#slideR {
	border: 1px solid #eebbbb;
	background: #ffffff; 
}
*/

#lookatme {
/*	position: relative; */
	width: 74px;
	height: 22px;
	position: absolute;
	top: 6px;
	left: -70px;
/*	border: 3px solid #ff0000; */
/*	background: #ffffff; */
	background-image: url(img/lookatme-s.gif);
/*	font-size: 12px; */
/*	text-align: center; */
}

.linklist {
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 2px dotted #AAAAAA;
	padding-top: 3px;
}

#conbox {
	/* total width 624px left space 7px */
	float: left;
	width: 602px;
	padding: 10px;
	margin: 0px 0px 10px 7px;
/*	border: solid 1px #3A3A3A; */
	border: solid 1px #999999;
	border-bottom: solid 6px #999999;
	background: #fff;
	font-size: 14px;
	text-align: left;
}

#topconbox {
	/* total width 624px left space 7px */
	float: left;
	width: 602px;
	padding: 10px;
	margin: 0px 0px 10px 7px;
	border: solid 1px #999999;
	border-bottom: solid 6px #999999;
	background-image: url(img/topbg.gif);
	font-size: 14px;
	text-align: center;
}

.topinfo {
	width: 560px;
	text-align: left;
	margin: 15px auto;
}

.topbannerinfo {
	width: 560px;
	text-align: center;
	font-size: 12px;
	margin: 15px auto;
}

#conbox h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px 0px 0px;
	border: solid 1px #CCF;
	border-left: solid 8px #88E;
	border-right: solid 8px #88E;
	background: #EEF;
}

#conbox h2 {
	font-size: 15px;
	font-weight: bold;
	padding: 3px 0px 0px 8px;
	border: solid 1px #CCC;
	border-left: solid 8px #BBB;
	margin: 20px 0px 10px 0px;
	background: #EEE;
	text-align: left;
}

#conbox .sub {
	font-size: 12px;
}

#conbox .greybox {
	padding: 3px 0px 0px 8px;
	border: solid 1px #CCC;
	border-left: solid 6px #BBB;
	margin: 20px 0px 10px 0px;
	background: #EEE;
}

#conbox table {
	border-collapse: collapse;
	font-size: 14px;
}

#conbox .borderon {
	border: 1px solid #000;
}

#conbox .bordertb {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#conbox .toplink {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	border-bottom: 2px solid #999;
	text-align: right;
	font-size: 13px;
	line-height: 1.2em;
}

#conbox .toplinknl {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	border: 0px;
	text-align: right;
	font-size: 13px;
	line-height: 1.2em;
}

#breadcrumb {
	margin: 0px 0px 10px 0px;
	border-bottom: dotted 1px #AAA;
	padding: 0px 0px 3px 0px;
	font-size: 13px;
	line-height: 1.3em;
}

#pdfbox {
	margin: 0px 0px 10px 0px;
	border-bottom: dotted 1px #AAA;
	padding: 0px 0px 3px 0px;
	font-size: 13px;
	line-height: 1.3em;
}

#pdfbox img {
	vertical-align: -0.2em;
	border-style: none;
}


br.clear {
	clear: both;
}

#footer {
	width: 100%;
	height: 3em;
	background: #000;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

#footer a {
	color: #ffffff;
}

.slide {
	display: none;
}

/* school reports in new window */

body.srepbody {
	padding: 10px 0 0 0;
	background: #3A3A3A;
}

#srepbox {
	/* total width 624px left space 7px */
	width: 730px;
	padding: 13px 10px 10px 10px;
	margin: 0px auto 10px auto;
	border: solid 1px #999999;
	background: #fff;
	font-size: 14px;
	text-align: left;
}

#srepbox p {
	margin: 8px 0 15px 0;
}

#srepbox h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	position: static;
	margin: 0;
	padding: 3px 0px 0px 0px;
	border: solid 1px #CCF;
	border-left: solid 8px #88E;
	border-right: solid 8px #88E;
	background: #EEF;
}

#srepbox h2 {
	font-size: 15px;
	font-weight: bold;
	padding: 3px 0px 0px 5px;
	border: solid 1px #CCC;
	border-left: solid 8px #BBB;
	margin: 20px 0px 10px 0px;
	background: #EEE;
	text-align: left;
}

#srepbox .boxleft {
	width: 355px;
	margin: 0 20px 0 0;
	float:left;
}

#srepbox .boxright {
	width: 355px;
	margin: 0;
	float:left;
}

#srepbox .imgboxleft {
	float:left;
	padding: 8px 8px 5px 0;
	text-align:center;
	font-size:11px;
}

#srepbox .imgboxleft a {
	text-decoration: none;
}

#srepbox .imgboxleft a img {
	border: none;
}

#srepbox .imgboxleft img {
	margin-bottom: 3px;
}

#srepbox .imgboxright {
	float:right;
	padding: 8px 0 5px 8px;
	text-align:center;
	font-size:11px;
}

#srepbox .imgboxright a {
	text-decoration: none;
}

#srepbox .imgboxright a img {
	border: none;
}

#srepbox .imgboxright img {
	margin-bottom: 3px;
}

