/*--------------------------------------------------------------------------------*/
/* conainer */
/*--------------------------------------------------------------------------------*/

#container {
	margin: 0px auto;
	width: 750px !important;
	text-align: left;
}

/*--------------------------------------------------------------------------------*/
/* header */
/*--------------------------------------------------------------------------------*/

#header {
	width:750px;
	height:75px;
	float: left;
}

/*--------------------------------------------------------------------------------*/
/* navi */
/*--------------------------------------------------------------------------------*/

#navi {
	width: 750px;
	float: left;
}

#navi_left {
	margin: 0.7em 0px 0.7em 0px;
	width:650px;
	height: auto;
	float: left;
	text-align: left;
}

#navi_right {
	margin: 0.7em 0px 0.7em 0px;
	width:100px;
	height: auto;
	float: right;
	text-align: right;
}

#navi a {
	color: #bb0000;
}

#navi a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------*/
/* banner */
/*--------------------------------------------------------------------------------*/


#banner {
	width:750px;
	height:240px;
	float: left;
}


#banner_left {
	float: left;
	width:180px;
	height:240px;
}

#banner_right {
	float: right;
	width:570px;
	height:240px;
}

#banner_right_top {
	float: right;
	width:570px;
	height:240px;
}

#banner_left ul {
	width: 180px;
	height: 240px;
}

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

#banner_left li a {
	display: block;
	width: 180px;
	height: 120px;
}
#banner_left li p {
	display: block;
	width: 180px;
	height: 240px;
}

/*--------------------------------------------------------------------------------*/
/* banner left */
/*--------------------------------------------------------------------------------*/

 #banner_left #banner_text_top_01 a{background: url(/klas/img/banner_lead_01.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_top_02 a{background: url(/klas/img/banner_lead_02.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_top_01 a:hover {background: url(/klas/img/banner_lead_01.gif) no-repeat 0px -120px;}
 #banner_left #banner_text_top_02 a:hover {background: url(/klas/img/banner_lead_02.gif) no-repeat 0px -120px;}
 #banner_left #banner_text_about p {background: url(/klas/about/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_about2 p {background:url(../about/report/img/top.png) no-repeat 0px 0px;}
 #banner_left #banner_text_about3 p {background:url(../about/report/img/top2.png) no-repeat 0px 0px;}
 #banner_left #banner_text_exam p {background: url(/klas/exam/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_faq p {background: url(/klas/faq/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_faq2 p {background: url(/klas/faq/img/banner_lead2.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_inquiry p {background: url(/klas/inquiry/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_report p {background: url(/klas/report/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_welcome p {background: url(/klas/welcome/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_summer p {background: url(/klas/summer/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_movie p {background: url(/klas/movie/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_agreement p {background: url(/klas/agreement/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_privacy p {background: url(/klas/privacy/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_sitemap p {background: url(/klas/sitemap/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_briefingreport p {background: url(/klas/briefingreport/img/banner_lead.jpg) no-repeat 0px 0px;}
 #banner_left #banner_text_welcome p {background: url(/klas/welcome/img/banner_lead.jpg) no-repeat 0px 0px;}
 #banner_left #banner_text_welcome2 p {background: url(/klas/welcome/img/banner_lead2.jpg) no-repeat 0px 0px;}
 #banner_left #banner_text_visit p {background: url(/klas/visit/img/banner_lead.jpg) no-repeat 0px 0px;}
 #banner_left #banner_text_english p {background: url(/klas/english/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_english_philosophy p {background: url(/klas/english/philosophy/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_english_academics p {background: url(/klas/english/academics/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_english_cross p {background: url(/klas/english/cross/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_english_event p {background: url(/klas/english/event/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_english_life p {background: url(/klas/english/life/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_english_legal p {background: url(/klas/english/legal/img/banner_lead.gif) no-repeat 0px 0px;}
 #banner_left #banner_text_english_contact p {background: url(/klas/english/contact/img/banner_lead.gif) no-repeat 0px 0px;}

/*--------------------------------------------------------------------------------*/
/* banner right*/
/*--------------------------------------------------------------------------------*/

#banner_right p {
	float: left;
	display: block;
	width:570px;
	height:240px;
	text-indent:-10000px;
	overflow: hidden;
}

#banner_right #banner_img_top {background: url(/klas/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_about {background: url(/klas/about/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_about2 {background:url(../about/report/img/top.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_exam {background: url(/klas/exam/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_faq {background: url(/klas/faq/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_inquiry {background: url(/klas/inquiry/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_report {background: url(/klas/report/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_welcome {background: url(/klas/welcome/imgbanner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_summer {background: url(/klas/summer/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_movie {background: url(/klas/movie/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_agreement {background: url(/klas/agreement/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_privacy {background: url(/klas/privacy/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_sitemap {background: url(/klas/sitemap/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_briefingreport {background: url(/klas/briefingreport/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_welcome {background: url(/klas/welcome/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_visit {background: url(/klas/visit/img/banner_img.jpg) no-repeat 0px 0px;}
#banner_right #banner_img_english {background: url(/klas/english/img/banner_img.gif) no-repeat 0px 0px;}