@charset "euc-jp";

* {margin:0;padding:0;font-size:100%;}
body {
	color:#333;
	font-size:100%;
	text-align:center;
	background-image:url(../../../shared/images/img/bg.gif);
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,sans-serif;
}
#body {
	margin:0 auto;
	width:780px;
	text-align:left;
	position:relative;
}
#header {
	height:25px;
	background-color:#beb6ab;
}
h1 {
	height:85px;
	padding:5px 0;
	background-image:url(../../../shared/images/img/shadow.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#fff;
}
#gnavi {position:absolute;top:0;left:593px;}

#snavi {background-color:#ecc657;font-size:0;}
#body>#snavi {line-height:0;}
#snavi div.roottop {width:318px;float:left;}

#snavi div.contents {
	width:453px;
	float:right;
	border-top:1px #ecc657 solid;
	width/* */:/* */452px;
/*\*//*/
	width:452px;
/**/
}
#snavi div.contents ul {list-style:none;border-bottom:1px #ecc657 solid;}
#snavi div.contents ul li {display:inline;padding-right:1px;}

.bnr {position:absolute;top:35px;left:625px;}

#wrapper {
	width:780px;
	padding:0 0 15px 20px;
	background-color:#fff;
	width/* */:/* */760px;
/*\*//*/
	width:760px;
/**/
}

#main {
	width:592px;
	margin:20px 0;
	padding:15px;
	border:1px #ccc solid;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
	float:left;
	width/* */:/* */560px;
/*\*//*/
	width:560px;
/**/
}
#main h2 {margin-bottom:15px;}
#main h3 {
	margin:20px 0 15px;
	padding:2px 0 2px 7px;
	font-size:110%;
	line-height:1.3;
	font-weight:normal !important;
	border-left:4px #ecc657 solid;
	clear:both;
}
#main h4 {margin:15px 0;font-size:110%;line-height:1.3;font-weight:bold !important;}
#main div.indent {margin:0 0 20px 20px;}
#main div.indent p {text-indent:1em;}
#main div.indent p.none {text-indent:0;}
#main p {padding:7px 9px;line-height:1.4;font-size:90%;}
#main p+img {text-indent:0;}
#main p.comment {color:#633;}
#main p.teacher {font-size:110%;}
#main img.left {float:left;margin:0 15px 10px 0;}
#main img.right {float:right;margin:0 0 10px 15px;}
#main table {font-size:90%;line-height:1.4;border:1px #999 solid;border-collapse:separate;border-spacing:1px;}
#main th {padding:3px;border-right:1px #999 solid;border-bottom:1px #999 solid;background-color:#d9f08d;}
#main td {padding:3px;border-right:1px #ccc solid;border-bottom:1px #ccc solid;background-color:#fff;}
#main ul {list-style-type:square;padding:5px;}
#main li {margin:0 0 7px 17px;font-size:90%;line-height:1.4;}
#main li p {padding:7px 0;text-indent:0 !important;font-size:100% !important;}
#main ul.arrow {list-style-image:url(../../../shared/images/icon/listmark00.png);}
#main ul.arrow {_list-style-image:url(../../../shared/images/icon/listmark00.gif);}
#main dl {margin:5px;}
#main dt {padding:5px;border:1px #ecc657 solid;background-color:#fff;}
#main dd {padding:10px 0 10px 10px;}

#main .timetable {border-collapse:collapse;font-size:12px;margin:7px;}
#main .timetable td {border:1px #666 solid;padding:5px;}
#main .timetable th {background-color:#ecc657;}
#main .timetable caption {font-weight:bold;text-align:left;font-size:115%;}

#backnumber {width:145px;background-color:#fff;float:right;}
#backnumber h2 {padding:3px;font-weight:normal;background-color:#ffea97;color:#555;font-size:90%;}
#backnumber h3 {font-size:85%;margin:0;padding:10px 5px 0 5px;font-weight:normal;}
#backnumber ul {font-size:100%;padding:5px;list-style-type:none;}
#backnumber li {margin:0 0 7px 0;padding-bottom:8px;line-height:1.2;border-bottom:1px dotted #999;}

#footer {padding:10px 10px 50px 10px;background-color:#beb6ab;}
#footer p {padding-bottom:10px;font-size:90%;color:#fff;}

.bknumber li,#BNlist ul li {
	margin:10px 8px;
	padding-bottom:8px;
	border-bottom:1px dotted #999;
	color:#333;
	font-size:12px;
	line-height:17px;
	list-style-type:none;
}
#BNlist h2 {padding:12px 9px 9px 8px;margin-bottom:5px;font-size:14px;line-height:1;border-bottom:1px #333 dotted;font-weight:bold !important;color:#555;}
#BNlist h3 {font-size:85%;margin:0;padding:10px 5px 0 5px;border:none;font-weight:normal;}
.nav {background:#eee;border-top:1px solid #ccc;padding:5px;}
.nav a.highlight {background-color:#ccc;font-weight:bold;color:#333;}
.nav a {
	width:3em;
	margin:0.1em;
	padding:0.1em !important;
	background-color:#fff;
	float:left;
	line-height:1.2;
	border:1px #ccc solid;
	text-decoration:none;
	text-align:center;
}
.nav a:hover {background-color:#ffc;}
.nav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.nav {overflow:hidden;}
/*\*/
* html .nav {
  zoom:1; /* for hasLayout */
  overflow:visible;
}
/**/
#LinkSpace {
	margin:20px 0;
	padding:15px;
	width:550px;
	border:2px #e9cfef solid;
	background-color:#fff;
	font-size:90%;
	_position:relative;
	_left/* */:/* */235px;
	_top/* */:/* */-80px;
	width/* */:/* */490px;
/*\*//*/
width:490px;
/**/
}
html[lang]>/**/body #LinkSpace {float:right;} /* for modern */


/* sham,public,data_bank ---------------------------*/
#other #wrapper {
	width:780px;
	padding:40px;
	width/* */:/* */700px;
/*\*//*/
	width:700px;
/**/
}
#other #wrapper h2 {
	margin-bottom:20px;
	font-size:120%;
}
#other #wrapper h3 {
	margin-bottom:10px;
	padding:5px;
	border:1px #eee solid;
	background:#ecc657;
	color:#fff;
	font-weight:bold;
	font-size:100%;
}
#other #wrapper p {
	padding:7px 0;line-height:1.4;font-size:90%;
}
#other #wrapper ul.normal li {
	margin:7px 20px;
	line-height:1.4;
	font-size:90%;
	list-style-type:square;
}

#other .tabnavi {width:700px;}
#other .tabnavi li {float:left;list-style-type:none;}
#other .tabnavi li a {
	padding:10px;
	width:131px;
	height:30px;
	border-left:1px #ecc657 solid;
	background:#eee;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:1;
	width/* */:/* */110px;
	height/* */:/* */10px;
/*\*//*/
	width:110px;
	height:10px;
/**/
}
#other .tabnavi li a:hover {background:#ccc;}
#other .tabnavi li a.active {background:#ecc657;}


/* table_play------------------------------------- */
table p {margin:5px 0 !important;padding:0;}
/* table1 */
.table1 {
	margin:15px 0 20px;
	border-top:4px #666 solid;
	border-bottom:4px #666 solid;
	border-left:1px #666 solid;
	border-collapse:collapse;
	font-size:90%;
}
.table1 th {
	padding:5px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	background-color:#beb6ab;
	font-weight:bold;
}
.table1 td {
	padding:5px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	background-color:#fff;
}
.table1 caption,.table2 caption,.table3 caption {
	border-left:4px #ecc657 solid;
	padding:0 0 3px 7px;
	font-weight:bold;
	font-size:115%;
	text-align:left;
	color:#666;
}

/* table2 */
.table2 {
	margin-bottom:20px;
	border-top:4px #666 solid;
	border-bottom:4px #666 solid;
	border-left:1px #666 solid;
	border-collapse:collapse;
	font-size:90%;
}
.table2 th {
	padding:3px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	background-color:#beb6ab;
	font-weight:normal;
	text-align:center;
}
.table2 td {
	padding:3px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	background-color:#fff;
}

.table2 a {
	display:block;
	width:100%;
	height:100%;
}
.table2 a:hover {background-color:#ffc;}


/* table3 */
.table3 {
	margin:20px 0;
	border-top:4px #666 solid;
	border-bottom:4px #666 solid;
	border-left:1px #666 solid;
	border-collapse:collapse;
	font-size:90%;
}
.table3 th {
	padding:6px;
	border-right:1px #666 solid;
	border-bottom:2px #666 solid;
	background-color:#beb6ab;
	font-weight:bold;
	text-align:center;
}
.table3 td {
	padding:6px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	background-color:#fff;
}
.table3 .line td {border-top:2px #666 solid;}
.table3 .schoolname {background-color:#969682 !important;color:#fff;}

/* table4(sham) */
.table4 {
	margin:20px 0;
	border-top:4px #666 solid;
	border-bottom:4px #666 solid;
	border-left:1px #666 solid;
	border-collapse:collapse;
	font-size:100%;
}
.table4 th {
	padding:6px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	background-color:#ffc;
	font-weight:bold;
	text-align:left;
}
.table4 td {
	padding:10px;
	border-right:1px #666 solid;
	border-bottom:1px #666 solid;
	background-color:#fff;
}
.table4 td .junle {
	padding:5px 5px 5px 25px !important;
	background:url(../../../shared/images/icon/listmark01.gif) #ffea97 no-repeat 5px 5px;
	font-weight:bold;
}
.table4 td .ques {
	color:#900;
	font-size:115%;
}

.colred {background-color:#ffdac9 !important;}
.colyellow {background-color:#ffea97 !important;}
.colgreen {background-color:#aadbca !important;}
.colblue {background-color:#a3d1e5 !important;}
.colgray {background-color:#eee !important;}

td,th {line-height:1.6 !important;}


/* basic ------------------------------------------*/
.pagetop {text-align:right;clear:both;}
.clear {clear:both;}
.lt {text-align:left;}
.rt {text-align:right;}
.cen {text-align:center;}
/*br {clear:both;}*/

hr.solid {
	margin:15px 0;
	padding:0;
	border:none;
	border-top:1px solid #999;
}
hr.clear {
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;
}
hr.space {
	margin:100px 0 0;
	padding:0;
	clear:both;
	visibility:hidden;
}

div.right {width:49%;float:right;}
div.left {width:49%;float:left;}

a {color:#009fec;}
a:hover {color:#f60;text-decoration:none;}
a img {border:0;}

.fs {font-size:90%;}
.fr {font-size:100%;}
.fm {font-size:120%;}
.fb {font-size:130%;}


em {font-style:normal;text-decoration:underline;}
strong {font-weight:bold;}
em.red,strong.red {color:#f00;text-decoration:none;}
em.blue,strong.blue {color:#06c;text-decoration:none;}
em.green,strong.green {color:#090;text-decoration:none;}
em.yellow,strong.yellow {color:#fc0;text-decoration:none;}
em.gray,strong.gray {color:#666;text-decoration:none;}

dl.normal {margin:5px 0;}
dl.normal dt {padding:4px;background-color:#a3d1e5;}
dl.normal dd {padding:5px 0 10px 20px;line-height:1.4;}