/** Native tags ********************************************************/

body {
	text-align:center;
	margin:0px;
	padding:0px;
	background:#c9d0e3;
}

a {
	color:#003bce;
}
a:visited {
	color:#863386
}
a:hover {
	text-decoration:none;
	color:#003bce;
}

h1 {
	background:url("img/wall_h1.gif") bottom repeat-x;
	margin:10px 0px;
	padding:0px 0px 40px 0px;
}

h2 {
	border:solid 1px #ccc;
	background:url("img/wall_h2.gif") top repeat-x;
	padding:3px 0px 0px 0px;
	margin:0px;
	font-size:100%;
}
h2 a {
	background:#dce2f0 url("img/wall_h2_a.gif") left top no-repeat;
	display:block;
	padding:6px 5px 6px 30px;
	color:#000;
	font-weight:bold;
	border:solid 1px #fff;
	border-top:none;
	text-decoration:none;
}
h2 a:visited {
	color:#000;
}
h2 a:hover {
	text-decoration:underline;
	color:#000;
}
h2.none {
	background:none;
	border:none;
}

h3 {
	background:#efefef url("img/wall_h3.gif") top repeat-x;
	border:solid 1px #ccc;
	border-top:none;
	padding:10px;
	margin:0px 0px 10px 0px;
	font-size:120%;
	font-weight:bold;
	color:#16235e;
}

h4 {
	font-size:120%;
	font-weight:bold;
	color:#324386;
	margin:0px;
	padding:5px 0px 5px 10px;
}

h5 {
	font-size:100%;
	font-weight:bold;
	color:#000;
	margin:0px;
	padding:10px 0px 10px 10px;
}

img {
	vertical-align:bottom;
	border:none;
}

ul {
	margin:0px;
	padding:0px;
	list-style:none;
}


/** Common header ********************************************************/

#head {
	background:url("img/wall_head.gif") bottom;
	padding-bottom:4px;
}
#head div {
	margin:0px auto;
	text-align:left;
	width:800px;
}

/** Top page ********************************************************/

#all {
	background:url("img/wall_all.gif") center repeat-y;
	width:800px;
	padding:38px;
	margin:0px auto;
	text-align:left;
	font-size:80%;
}

div.top-menu {
	background:#efefef;
	padding:7px;
}
div.top-menu table {
	border-collapse:collapse;
	border:solid 1px #ccc;
	font-size:100%;
}
div.top-menu table th, table.top-menu td {
	border:solid 1px #ccc;
	vertical-align:middle;
	text-align:left;
}
div.top-menu table th {
	background:url("img/wall_h2.gif") top repeat-x;
	padding-top:3px;
}


/** Side menu ********************************************************/

#menu {
	float:left;
	width:222px;
}
ul.main-menu {
	background:#efefef;
	padding:0px 7px 7px 7px;
	margin-bottom:15px;
}
ul.main-menu li {
	padding:0px;
	border:solid 1px #999;
	margin-bottom:7px;
}
#menu ul.sub {
	padding-top:7px;
}

div.top-menu a , ul.main-menu a {
	background:#f3f3f3 url("img/wall_menu.gif") top left no-repeat;
	padding:10px 5px 8px 35px;
	font-size:120%;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:block;
	border:solid 1px #fff;
	border-top:none;
}
div.top-menu a:visited , ul.main-menu a:visited {
	color:#000;
}
div.top-menu a:hover , ul.main-menu a:hover {
	color:#000;
	text-decoration:underline;
}

ul.sub-menu {
	padding:5px 0px 0px 0px;
	background:#eee;
	border:solid 1px #e4e4e4;
	border-top:none;
}
ul.sub-menu li {
	margin:0px;
	padding:0px;
	display:inline;
}
ul.sub-menu li a {
	display:block;
	border-top:solid 1px #e4e4e4;
	background:url("img/wall_sub_menu.gif") top left no-repeat;
	padding:10px 6px 6px 30px;
	text-decoration:none;
	color:#000;
}
ul.sub-menu li a:hover {
	border-top:solid 1px #c5c5c5;
	background:url("img/wall_sub_menu_r.gif") top left no-repeat;
}


/** Main area ********************************************************/

#main {
	margin-left:246px;
	padding:0px 0px 10px 0px;
}
div.top {
	margin-top:24px;
}

dl.news {
	border:solid 1px #ccc;
	border-top:none;
	margin:0px 0px 15px 0px;
	padding:10px 5px;
}
dl.news dt {
	margin:0px;
	padding:0px;
	color:#999;
	font-weight:bold;
}
dl.news dd {
	background:url("img/li_1.gif") top left no-repeat;
	padding:0px 0px 5px 20px;
	margin:0px 0px 5px 0px;
	border-bottom:dotted 1px #e4e4e4;
}

#main p {
	margin:0px;
	padding:0px 0px 10px 10px;
	line-height:160%;
}

#main ul.normal {
	margin-left:0px;
	padding-bottom:10px;
	list-style-type:square;
	padding-left:1em;
}
#main ul.normal li {
	margin-left:14px;
	padding:3px 0px;
	border-bottom:dotted 1px #ccc;
}

#main table {
	margin:0px 0px 10px 10px;
	width:530px;
}
#main table th {
	font-weight:normal;
	color:#0000a0;
	vertical-align:top;
	text-align:left;
}
#main table td {
	font-weight:normal;
	color:#000;
	vertical-align:top;
	text-align:left;
}

.foot-links {
	text-align:right;
	padding-top:15px;
}
.foot-links .history-back {
	float:left;
	background:url("img/li_back.gif") top left no-repeat;
	padding:0px 0px 0px 20px;
}
.foot-links .page-top {
	background:url("img/li_top.gif") top left no-repeat;
	padding:0px;
	margin-left:430px;
}
.foot-links a {
	color:#000;
	text-decoration:none;
}

/** for Message page ******/

table.greeting-message td {
	padding-top:10px;
	padding-bottom:20px;
}
table.greeting-message th {
	padding-left:20px;
	padding-top:10px;
}

/** for Charactor page ******/

dl.chara-blue {
	background:#4baed5;
	margin:0px 30px 10px 30px;
	padding:10px;
	color:#fff;
}
dl.chara-green {
	background:#80ad52;
	margin:0px 30px 10px 30px;
	padding:10px;
	color:#fff;
}
dl.chara-orange {
	background:#ef813d;
	margin:0px 30px 10px 30px;
	padding:10px;
	color:#fff;
}
dl.chara-blue dt , dl.chara-green dt , dl.chara-orange dt {
	font-size:110%;
	font-weight:bold;
	padding-bottom:5px;
}
dl.chara-blue dd , dl.chara-green dd , dl.chara-orange dd {
	padding:0px;
	margin:0px;
}

/** for Course page ******/

dl.course-1 {
	margin:10px 20px 30px 20px;
	padding:10px;
	background:#F2F7E4;
	border:solid 1px #00919C;
}
dl.course-1 dt {
	padding:5px 10px;
	margin:0px 100px 10px 0px;
	color:#fff;
	font-weight:bold;
	background:#00919C;
}
dl.course-2 {
	margin:10px 20px;
	padding:10px;
	background:#FFF5E0;
	border:solid 1px #CC7387;
}
dl.course-2 dt {
	padding:5px 10px;
	margin:0px 100px 10px 0px;
	color:#fff;
	font-weight:bold;
	background:#CC7387;
}
dl.course-1 dd , dl.course-2 dd {
	padding-left:20px;
	padding-bottom:10px;
	margin:0px;
}

/** for news ******/

#main table.news {
	margin:0px 0px 10px 10px;
	width:500px;
	border:solid 1px #999;
	border-collapse:collapse;
	margin-bottom:20px;
}
#main table.news th{
	background:#eee;
	border:solid 1px #999;
	text-align:center;
	color:#000;
	padding:3px;
	vertical-align:middle;
}

#main table.news td {
	border:solid 1px #999;
	text-align:center;
	color:#000;
	padding:3px;
	vertical-align:middle;
}


/** for Carriculum and Take page ******/

#main table.carriculum {
	border:solid 1px #999;
	border-collapse:collapse;
	margin-bottom:20px;
}
#main table.carriculum th, #main table.carriculum td {
	border:solid 1px #999;
	text-align:center;
	color:#000;
	padding:3px;
	vertical-align:middle;
}
#main table.carriculum .green {
	background:#80ad52;
	color:#fff;
}
#main table.carriculum .orange {
	background:#ef813d;
	color:#fff;
}
#main table.carriculum .blue {
	background:#4baed5;
	color:#fff;
}
#main table.carriculum .beige {
	background:#EBE9D3;
}
#main table.carriculum .purple-1 {
	background:#EAEFF8;
}
#main table.carriculum .purple-2 {
	background:#BFCFE8;
}
#main table.carriculum .gray {
	background:#eee;
}
#main table.carriculum .pink-1 {
	background:#FDEEED;
	text-align:center;
}
#main table.carriculum .pink-2 {
	background:#E2C6C5;
	text-align:center;
}
#main table.carriculum tr.course-1 th , #main table.carriculum td.course-1 {
	background:#00919C;
	color:#fff;
}
#main table.carriculum tr.course-1 td {
	background:#C4DCE0;
	text-align:center;
}
#main table.carriculum tr.course-2 th , #main table.carriculum td.course-2 {
	background:#CC7387;
	color:#fff;
}
#main table.carriculum tr.course-2 td {
	background:#F0D8DB;
	text-align:center;
}
#main table.carriculum thead.type-2 th {
	text-align:left;
}
#main table.carriculum tbody td {
	text-align:left;
}
#main table.carriculum thead th.text-left { text-align:left; }
#main table.carriculum tbody td.text-center { text-align:center; }


/** for Teacher page ******/

#main table.teacher {
	font-size:100%;
	border-spacing:5px;
}
#main table.teacher th {
	border-top:solid 1px #A5A3D0;
	border-bottom:solid 2px #A5A3D0;
	font-size:140%;
	font-weight:bold;
	color:#000;
}
#main table.teacher th span {
	font-size:80%;
	font-weight:normal;
}
#main table.teacher td em {
	color:#A5A3D0;
	font-style:normal;
}
#main table.teacher td p {
	padding-left:0px;
}


/** for Q&A page ******/

dl.q-and-a dt {
	background:url("img/q_and_a_q.gif") top left no-repeat;
	color:#7f80bd;
	padding:0px 0px 0px 30px;
	margin:0px 0px 5px 10px;
}
dl.q-and-a dd {
	background:url("img/q_and_a_a.gif") top left no-repeat;
	padding:0px 0px 0px 30px;
	margin:0px 0px 20px 10px;
}

/** for News page ******/

dl.news {
	border:none;
}
dl.news dt {
	background:#eee;
	color:#7f80bd;
	padding:5px;
	margin:0px 0px 5px 10px;
}
dl.news dd {
	background:none;
	padding:5px;
	margin:0px 0px 20px 10px;
}


/** Common footer ********************************************************/

#foot {
	border-top:solid 1px #cfcfcf;
	padding:14px 0px;
	background:#fff;
	font-size:70%;
	clear:both;
}
#foot div {
	margin:0px auto;
	text-align:left;
	width:800px;
}
address {
	float:right;
	color:#999;
	font-style:normal;
}
#foot li {
	display:inline;
	margin:0px;
	padding:0px 20px 0px 12px;
	background:url("img/li_2.gif") center left no-repeat;
}
#foot a {
	color:#000;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}


/** Basic crasses  ********************************************************/

.pink { color:#E2C6C5; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.spacer { height:300px; }
.spacer-s { height:150px; }