/* CSS Document */
@charset "utf-8";

/* hide hack from Mac-IE5 \*/* html .mybuggyelement { height: 1%; }/* end hiding */

/* Common */
* {
	margin: 0;
	padding: 0;
}

/* BODY */
body  {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color:#FFFFFF;
}


/* HEADER */
#header_container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border-style: solid;
	border-width: 4px 0px 0px 0px;
	border-color: #1B2859;
	background-color:#1B2859;
}

#header_left {
	width: 190px;
	padding: 0px 0px 0px 10px;
	float: left;
}

#header_right {
	margin: 0 0 0 210px;
	padding: 0px 10px 0px 0px;
	text-align: right;
}

#header2_container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color:#E5E5E5;
}

#header2_left {
	width: 290px;
	padding: 8px 0px 5px 10px;
	float: left;
}

#header2_right {
	margin: 0px 0px 0px 310px;
	padding: 8px 10px 5px 0px;
	text-align: right;
}




/* HEADER NAVIGATION */
#navigation {
	width: 800px;
	height:38px;
	margin: 0 auto;
	background-color: #E5E5E5;
	text-align: left;
}


a.btn {
	display: block;
	height:25px;
	color: #000000;
	padding: 13px 20px 0px 20px;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #B1B1B1;
	text-decoration: none;
	background-color: #E5E5E5;
	float: left;
}

a.btn:hover {
	text-decoration:none;
	background-color: #333333;
	color: #FFFFFF;
}

a.btn:active {
	text-decoration:none;
	color: #FFFFFF;
}


a.btn2 {
	display: block;
	height:25px;
	color: #FFFFFF;
	padding: 13px 20px 0px 20px;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #B1B1B1;
	text-decoration: none;
	background-color: #333333;
	float: left;
}

a.btn2:hover {
	text-decoration:none;
	background-color: #333333;
	color: #FFFFFF;
}

a.btn2:active {
	text-decoration:none;
	color: #FFFFFF;
}

a.btn2:visited {
	text-decoration:none;
	color: #FFFFFF;
}


/* CONTAINER */
#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#container h1 {
	font-size: 18px;
	font-weight: bold;
	line-height:100%;
}

#container h2 {
	font-size: 18px;
	color:#478FA3;
	line-height:100%;
}

#container h3 {
	font-size: 16px;
	color:#478FA3;
	line-height:100%;
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	border-color: #478FA3;
	padding: 2px 0px 0px 8px;
}


#container h4 {
	font-size: 14px;
	color:#1B2859;
	line-height:100%;
}


#container p {
	font-size: 14px;
	font-weight: bold;
	color:#1B2859;
	line-height:100%;
}



#contents_left {
	width: 180px;
	margin: 10px 10px 20px 0px;
	float: left;
}

#contents_right {
	margin: 10px 10px 20px 210px;
	line-height:160%;
}


#contents {
	margin: 10px 10px 20px 10px;
	line-height:160%;
	text-align: left;
}


#teacher {
	text-align: left;
	line-height:180%;
}



/* RIGHT NAVIGATION */
a.navi {
	display: block;
	height:12px;
	color: #000000;
	padding: 8px 0px 8px 10px;
	font-size: 12px;
	line-height: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF;
	text-decoration: none;
	background-color: #E5E5E5;
}

a.navi:hover {
	text-decoration:none;
	background-color: #66CC33;
	color: #FFFFFF;
}

a.navi:active {
	text-decoration:none;
	color: #FFFFFF;
}




a.navi2 {
	display: block;
	height:12px;
	color: #FFFFFF;
	padding: 8px 0px 8px 10px;
	font-size: 12px;
	line-height: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
}

a.navi2:hover {
	text-decoration:none;
	color: #FFFFFF;
}

a.navi2:active {
	text-decoration:none;
	color: #FFFFFF;
}

a.navi2:visited {
	text-decoration:none;
	color: #FFFFFF;
}


/* PAGE TOP */
#go_top {
	text-align: right;
	padding:20px 10px 0px 0px;
}

#go_top ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
	
#go_top li {
	padding:0px 0px 0px 18px;
	display:inline;
	background-image: url("../img/common/arrow.png") ;
	background-repeat: no-repeat;
}



/* FOOTER */
#footer {
	width: 800px;
	margin: 0 auto;
}


#copyright {
	width: 340px;
	height:13px;
	padding: 8px 0px 0px 10px;
	text-align: left;
	float: left;
}

#footer_link {
	margin: 0px 10px 0px 360px;
	text-align: right;
}




/* LINK */
a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #478FA3;
	text-decoration: underline;
}


a.lnk1 {
	color: #478FA3;
	text-decoration: underline;
}
a.lnk1:active  {
	color: #478FA3;
	text-decoration: underline;
}

a.lnk1:visited {
	color: #478FA3;
	text-decoration: underline;
}
a.lnk1:hover {
	color: #1B2859;
	text-decoration:none;
}


a.lnk2 {
	color: #000000;
	text-decoration: underline;
}
a.lnk2:active  {
	color: #000000;
	text-decoration: underline;
}

a.lnk2:visited {
	color: #000000;
	text-decoration: underline;
}
a.lnk2:hover {
	color: #1B2859;
	text-decoration:none;
}




/* STYLE */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

hr {
  color: #CCCCCC;
  height: 1px;
  border: 1px;
  border-style: dotted;
  margin: 8px 0px 15px 0px;
}

.bold {
	font-weight: bold;
}

.bold_14_navy {
	font-size: 14px;
	font-weight: bold;
	color:#1B2859;
}


.pic_left {
	margin: 0px 10px 12px 0px;
}

.pic_right {
	margin: 0px 0px 12px 10px;
}

.small {
	font-size: 10px;
}