/*--------------------------------------------------------------------------------*/
/* wrapper */
/*--------------------------------------------------------------------------------*/

#wrapper {
	width:750px;
	height: auto;
	background-color: white;
}

/*--------------------------------------------------------------------------------*/
/* menu */
/*--------------------------------------------------------------------------------*/

#menu {
	width: 180px;
	float: left;
	margin: 17px 0px 0px 0px;
}
.resetmargin {
	margin-top: -10px;
}

#menu_header {
	width: 750px;
	margin: 0;
	padding: 15px 0 20px 0;

}

.mh{
	height: 15px;
	margin: 0px;
	padding: 0;
	float: left;
}

#menu ul {
	position: relative;
	width: 180px;
}

#menu li {
	float: left;
	display: block;
	width: 180px;
	text-indent:-10000px;
	overflow: hidden;
}

#menu li a {
	display: block;
	width: 180px;
}

#menu li a.a1{
	height: 30px;
}

#menu li a.a2{
	height: 80px;
}

#menu_banner{
	margin: 2em 0;
}

/*--------------------------------------------------------------------------------*/
/* menu_off */
/*--------------------------------------------------------------------------------*/

#menu #m1 a {background: url(/klas/img/common/menu/m1.gif) no-repeat 0px 0px;}
#menu #m2 a {background: url(/klas/img/common/menu/m2.gif) no-repeat 0px 0px;}
#menu #m3 a {background: url(/klas/img/common/menu/m3.gif) no-repeat 0px 0px;}
#menu #m4 a {background: url(/klas/img/common/menu/m4.gif) no-repeat 0px 0px;}
#menu #m5 a {background: url(/klas/img/common/menu/m5.gif) no-repeat 0px 0px;}
#menu #m6 a {background: url(/klas/img/common/menu/m6.gif) no-repeat 0px 0px;}
#menu #m6_2 a {background: url(/klas/img/common/menu/m6_2.gif) no-repeat 0px 0px;}
#menu #m7 a {background: url(/klas/img/common/menu/m7.gif) no-repeat 0px 0px;}
#menu #m8 a {background: url(/klas/img/common/menu/m8.gif) no-repeat 0px 0px;}
#menu #m9 a {background: url(/klas/img/common/menu/m9.gif) no-repeat 0px 0px;}
#menu #m10 a {background: url(/klas/img/common/menu/m10.gif) no-repeat 0px 0px;}

#menu #m1_english a {background: url(/klas/english/img/common/menu/m1.gif) no-repeat 0px 0px;}
#menu #m2_english a {background: url(/klas/english/img/common/menu/m2.gif) no-repeat 0px 0px;}
#menu #m3_english a {background: url(/klas/english/img/common/menu/m3.gif) no-repeat 0px 0px;}
#menu #m4_english a {background: url(/klas/english/img/common/menu/m4.gif) no-repeat 0px 0px;}
#menu #m5_english a {background: url(/klas/english/img/common/menu/m5.gif) no-repeat 0px 0px;}
#menu #m6_english a {background: url(/klas/english/img/common/menu/m6.gif) no-repeat 0px 0px;}

/*--------------------------------------------------------------------------------*/
/* menu_on */
/*--------------------------------------------------------------------------------*/

#menu #m1_on a {background: url(/klas/img/common/menu/m1.gif) no-repeat 0px -30px;}
#menu #m2_on a {background: url(/klas/img/common/menu/m2.gif) no-repeat 0px -30px;}
#menu #m3_on a {background: url(/klas/img/common/menu/m3.gif) no-repeat 0px -30px;}
#menu #m4_on a {background: url(/klas/img/common/menu/m4.gif) no-repeat 0px -30px;}
#menu #m5_on a {background: url(/klas/img/common/menu/m5.gif) no-repeat 0px -30px;}
#menu #m6_on a {background: url(/klas/img/common/menu/m6.gif) no-repeat 0px -80px;}
#menu #m6_on_2 a {background: url(/klas/img/common/menu/m6_2.gif) no-repeat 0px -80px;}
#menu #m7_on a {background: url(/klas/img/common/menu/m7.gif) no-repeat 0px -80px;}
#menu #m8_on a {background: url(/klas/img/common/menu/m8.gif) no-repeat 0px -80px;}
#menu #m9_on a {background: url(/klas/img/common/menu/m9.gif) no-repeat 0px -80px;}
#menu #m10_on a {background: url(/klas/img/common/menu/m10.gif) no-repeat 0px -80px;}

#menu #m1_english_on a {background: url(/klas/english/img/common/menu/m1.gif) no-repeat 0px -30px;}
#menu #m2_english_on a {background: url(/klas/english/img/common/menu/m2.gif) no-repeat 0px -30px;}
#menu #m3_english_on a {background: url(/klas/english/img/common/menu/m3.gif) no-repeat 0px -30px;}
#menu #m4_english_on a {background: url(/klas/english/img/common/menu/m4.gif) no-repeat 0px -30px;}
#menu #m5_english_on a {background: url(/klas/english/img/common/menu/m5.gif) no-repeat 0px -30px;}
#menu #m6_english_on a {background: url(/klas/english/img/common/menu/m6.gif) no-repeat 0px -30px;}

/*--------------------------------------------------------------------------------*/
/* menu hover */
/*--------------------------------------------------------------------------------*/

#menu #m1 a:hover {background-position:  0px -30px;}
#menu #m2 a:hover {background-position:  0px -30px;}
#menu #m3 a:hover {background-position:  0px -30px;}
#menu #m4 a:hover {background-position:  0px -30px;}
#menu #m5 a:hover {background-position:  0px -30px;}
#menu #m6 a:hover {background-position:  0px -80px;}
#menu #m6_2 a:hover {background-position:  0px -80px;}
#menu #m7 a:hover {background-position:  0px -80px;}
#menu #m8 a:hover {background-position:  0px -80px;}
#menu #m9 a:hover {background-position:  0px -80px;}
#menu #m10 a:hover {background-position:  0px -80px;}

#menu #m1_english a:hover {background-position:  0px -30px;}
#menu #m2_english a:hover {background-position:  0px -30px;}
#menu #m3_english a:hover {background-position:  0px -30px;}
#menu #m4_english a:hover {background-position:  0px -30px;}
#menu #m5_english a:hover {background-position:  0px -30px;}
#menu #m6_english a:hover {background-position:  0px -30px;}


/*--------------------------------------------------------------------------------*/
/* contents */
/*--------------------------------------------------------------------------------*/

#contents {
	position: relative;
	line-height: 1.8em;
	text-align: left;
	width: 540px;
	margin: 22px 0px 0px 30px;
	float: left;
}

.title {
	font-size: 1.1em;
	color: #bb0000;
	border-bottom-color: #cc0000;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	padding-bottom: 0.2em;
}

.faq {
	background-color: #bb0000;
	font-size: 0.9em;
	color: #fff;
	padding: 0.2em 0em 0.2em 0.8em;
}

.text_news {
	margin: 1.8em 0em 1.8em 0em;
	padding 0.5em 20px 0em 0px;
	font-size: 0.8em;
	line-height: 1.8em;

}
.news {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.news a:link {
	color: #555;
	text-decoration: none;
}

.news a:hover {
	color: #bb0000;
}

.inquiry_essential {
	color: #bb0000;
}

#btn_update{
	text-align: right;
	margin-right: 20px;

}
#btn_update a{
	color: #bb0000;

}


/*--------------------------------------------------------------------------------*/
/* common */
/*--------------------------------------------------------------------------------*/

.lead {
	width: 540px;
	height: 80px;
	border-bottom-color: #cc0000;
	border-bottom-style: solid;
	border-bottom-width: 8px;
}

.text {
	padding-top: 0.5em;
	padding-right: 20px;
	font-size: 0.9em;
	line-height: 1.8em;
}

.stroke {
	/*width: 540px;*/
	height: 1px;
	background-color: #999;
	overflow: hidden;
}

.notice {
	margin-top: 1em;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #999;
}

.colum_{
	float: left;
	width: 540px;
}


/*--------------------------------------------------------------------------------*/
/* submenu */
/*--------------------------------------------------------------------------------*/

.submenu_top {
	border-top-color: #999;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	width: 540px;
	height: auto;
	padding: 12px 0px 12px 0px;
}

.submenu {
	border-bottom-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	width: 540px;
	height: auto;
	padding: 12px 0px 12px 0px;
}

.submenu_bottom {
	float: left;
	width: 540px;
	height: 90px;
	padding: 12px 0px 12px 0px;
}

.submenu_left {
	float: left;
	width: 120px;
	height: auto;
	padding: 0px;
}

.submenu_right{
	float: right;
	width: 390px;
	height: auto;
	padding-left: 10px;
	padding-right: 20px;
}

.submenu_right h4 a{
	color: #bb0000;
}

/*--------------------------------------------------------------------------------*/
/* footer */
/*--------------------------------------------------------------------------------*/

#footer {
	position: relative;
	width: 750px;
	height: auto;
	background-color: white;
	color: #666;
}

#footer_left {
	padding: 5px 0px 5px 10px;
	width:360px;
	height: auto;
	float: left;
	text-align: left;
}

#footer_right {
	padding: 5px 10px 5px 0px;
	width:360px;
	height: auto;
	float: right;
	text-align: right;
	font-size: 0.8em;
}

#footer_left a {
	color: #666;
	font-size: 0.8em;
}

/*--------------------------------------------------------------------------------*/
/* table_curriculum */
/*--------------------------------------------------------------------------------*/

.curriculum {
	font-size: 0.8em;
	width: 540px;
}

.curriculum td{
	width: 180px;
}
.schedule {
	font-size: 0.8em;
	width: 540px;
}

.time{
	width: 180px;
}

.todo{
	width: 360px;
}

/*--------------------------------------------------------------------------------*/
/* table_history */
/*--------------------------------------------------------------------------------*/

.history {
	padding: 1em 0em 1em 0em;
	font-size: 0.8em;
	width: 540px;
}

.year{
	font-weight: bold;
	width: 80px;
}

.fact{
	width: 460px;
}

.bold{
	font-weight: bold;
}

/*--------------------------------------------------------------------------------*/
/* table_achievement */
/*--------------------------------------------------------------------------------*/

.achievement {
	font-size: 0.8em;
	width: 520px;
}
.country {
	width: 100px;
}
.kind {
	width: 60px;
}
.univ {
	width: 460px;
	line-height: 2.2em;
}

.achievement2 {
	font-size: 0.8em;
	width: 520px;
}
.country2 {
	width: 80px;
}
.kind1 {
	width: 70px;
}
.kind2 {
	width: 100px;
}
.univ2 {
	width: 270px;
	line-height: 2.2em;
}

/*--------------------------------------------------------------------------------*/
/* table_stafflist */
/*--------------------------------------------------------------------------------*/

.stafflist {
	font-size: 0.8em;
	width: 540px;
}

.stafflist_img{
	font-weight: bold;
	width: 75px;
}
.stafflist_text{
	padding-left: 1em;
	width: 185px;
}

.sitemap {
	font-size: 0.8em;
	width: 522px;
}

.sitemap_colum{
	width: 174px;
}

/*--------------------------------------------------------------------------------*/
/* cms */
/*--------------------------------------------------------------------------------*/

.cms_title {
	font-size: 1.1em;
	color: #bb0000;
	border-bottom-color: #cc0000;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	padding-bottom: 0.2em;
}

#cms_left {
	position: relative;
	text-align: left;
	width: 350px;
	float: left;
	font-size: 0.8em;
	padding-right: 30px;
}

#cms_right {
	position: relative;
	text-align: left;
	width: 160px;
	float: left;
	font-size: 0.8em;
}

#cms_right li {
	list-style-type: none;
}

.cms_text {
	padding-top: 0.5em;
	padding-right: 20px;
	font-size: 0.9em;
	line-height: 1.8em;
}

.cms_stroke_left {
	width: 350px;
	height: 1px;
	background-color: #999;
	overflow: hidden;
}

.cms_stroke_right {
	width: 160px;
	height: 1px;
	background-color: #aaa;
	overflow: hidden;
}




