/* COMMON */
body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", arial, helvetica, san-serif;
	color: #333333;
	text-align: center;
	background: url(bg_body.gif) repeat-y top center;
	background-color: #F4F1DE;
	margin: 0px;
	padding: 0px;
}

.en {
	font-family: arial, helvetica, san-serif;
}

* {
	margin: 0px;
	padding: 0px;
}

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

a:link { 
	color: #693D13;
	text-decoration: underline;
}
a:active { 
	color: #F0814D;
	text-decoration: none;
}
a:visited { 
	color: #8F6034;
	text-decoration: underline;
}
a:hover { 
	color: #F0814D;
	text-decoration: none;
}

hr {
	display: none;
}

img {
	border: 0px;	
}

ul.unordered01 {
	list-style-image: url(arrow01.gif);
	margin-left: 20px;
}

ul.unordered01 li {
	margin-top: 2px;
}

ul.unordered02 {
	list-style-image: url(arrow02.gif);
	margin-left: 20px;
}

ul.unordered02 li {
	margin-top: 3px;
}

ul.unordered03 {
	list-style-image: url(icon_list.gif);
	margin-left: 20px;
}

ul.unordered03 li {
	margin-top: 3px;
}

ul.pagetop {
	list-style-image: url(arrow03.gif);
	margin-left: 20px;
	padding-left: 430px;
}

#acc {
	display: none;
}

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

#header {
	background: url(bg_header.gif) repeat-x top left;
	height: 112px;
	position: relative;
	width: 758px;
	overflow: hidden;
}

#header div.logo {
	height: 60px;
	left: 33px;
	position: absolute;
	top: 13px;
	overflow: hidden;
	width: 99px;
}

#header h1 {
	background: url(logo.gif) no-repeat top left;
	height: 65px;
	width: 106px;
}

#header h1 a {
	display: block;
	height: 0px !important;
	height /**/: 60px;
	padding-top: 60px;
	overflow: hidden;
	width: 99px;
}

#header div.catch {
	height: 29px;
	left: 166px;
	position: absolute;
	top: 40px;
	overflow: hidden;
	width: 315px;
}

#header h2 {
	background: url(catch.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 29px;
	padding-top: 29px;
	overflow: hidden;
	width: 315px;
}

#headerNavi {
	background: url(bg_headernavi.gif) no-repeat top left;
	font-size: 10px;
	height: 80px;
	left: 549px;
	position: absolute;
	top: 4px;
	width: 191px;
}

#headerNavi ul {
	padding: 2px 2px 0px 2px;
}

#headerNavi a {
	display: block;
	padding-top: 18px;
	height: 0px !important;
	height /**/: 18px;
	margin-bottom: 1px;
	overflow: hidden;
	width: 187px;
}

#headerNavi li.contact a {
	background: url(nav_h_inquiry.gif) no-repeat 0px 0px;
}

#headerNavi li.contact a:hover {
	background: url(nav_h_inquiry.gif) no-repeat 0px -18px;
}

#headerNavi li.data a {
	background: url(nav_h_demand.gif) no-repeat 0px 0px;
}

#headerNavi li.data a:hover {
	background: url(nav_h_demand.gif) no-repeat 0px -18px;
}

#headerNavi li.lesson a {
	background: url(nav_h_lesson.gif) no-repeat 0px 0px;
}

#headerNavi li.lesson a:hover {
	background: url(nav_h_lesson.gif) no-repeat 0px -18px;
}


#headerNavi p {
	padding-top: 19px;
	height: 0px !important;
	height /**/: 19px;
	overflow: hidden;
	width: 187px;
}

#headerLocalNavi {
	height: 23px;
	left: 0px;
	position: relative;
	top: 88px;
	width: 758px;
}

#headerLocalNavi li {
	position: absolute;
	top: 0px;
	height: 23px;
	font-size: 10px;
}

#headerLocalNavi li.home {
	background: url(nav_home.gif) no-repeat top left;
	height: 23px;
	left: 535px;
	width: 57px;
}

#headerLocalNavi li.company {
	background: url(nav_company.gif) no-repeat top left;
	height: 23px;
	left: 592px;
	width: 69px;
}

#headerLocalNavi li.student {
	background: url(nav_student.gif) no-repeat top left;
	height: 23px;
	left: 661px;
	width: 97px;
}

#headerLocalNavi li.teachers {
	background: url(nav_teachers.gif) no-repeat top left;
	height: 23px;
	left: 758px;
	width: 97px;
}

#headerLocalNavi a {
	display: block;
	padding-top: 23px;
	height: 0px !important;
	height /**/: 23px;
	overflow: hidden;
}

/* CONTENTS */
#contents {
	float: left !important;
	float /**/: none;
	background: url(bg_contents.gif) repeat-y top left;
	width: 758px;
}

#localContents {
	float: right;
	width: 591px;
}

#localContents div.topContents {
	background-color: #FFF4D7;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	padding: 0px 24px 0px 23px;
	width: 543px !important;
	width /**/: 591px;
}

#localContents p.pankuzu {
	margin-bottom: 22px;
	padding: 6px 0px 0px 0px;
}

#localContents h2 {
	height: 0px !important;
	height /**/: 21px;
	padding-top: 21px;
	margin-bottom: 15px;
	overflow: hidden;
}

#localContents div.secondContents {
	padding: 18px 24px 36px 24px;
	width: 543px !important;
	width /**/: 591px;
}

#navigation {
	border-top: solid 1px #FFFFFF;
	float: left;
	padding-top: 7px;
	width: 166px;
}

#navigation ul {
	border: solid 1px #FFFFFF;
	margin: 0px 8px 12px 8px;
}

#navigation li {
	height: 32px;
	width: 148px;
}

#navigation li.key {
	background: url(nav_key.gif) no-repeat top left;
	height: 33px;
}

#navigation li.key-on {
	background: url(nav_key_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 33px;
	padding-top: 33px;
	overflow: hidden;
}

#navigation li.key a:hover {
	background: url(nav_key.gif) no-repeat 0px -33px;
}

#navigation li.company {
	background: url(nav_company2.gif) no-repeat top left;
	height: 33px;
}

#navigation li.company-on {
	background: url(nav_company2_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 33px;
	padding-top: 33px;
	overflow: hidden;
}

#navigation li.company a:hover {
	background: url(nav_company2.gif) no-repeat 0px -33px;
}

#navigation li.voice {
	background: url(nav_voice.gif) no-repeat top left;
}

#navigation li.voice-on {
	background: url(nav_voice_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
}

#navigation li.voice a:hover {
	background: url(nav_voice.gif) no-repeat 0px -32px;
}

#navigation li.faq {
	background: url(nav_faq.gif) no-repeat top left;
}

#navigation li.faq-on {
	background: url(nav_faq_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
}

#navigation li.faq a:hover {
	background: url(nav_faq.gif) no-repeat 0px -32px;
}

#navigation li.course {
	background: url(nav_course.gif) no-repeat top left;
}

#navigation li.course-on {
	background: url(nav_course_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
}

#navigation li.course a:hover {
	background: url(nav_course.gif) no-repeat 0px -32px;
}

#navigation li.abroad {
	background: url(nav_studyabroad.gif) no-repeat top left;
}

#navigation li.abroad-on {
	background: url(nav_studyabroad_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
}

#navigation li.abroad a:hover {
	background: url(nav_studyabroad.gif) no-repeat 0px -32px;
}

#navigation li.teacher {
	background: url(nav_teacher.gif) no-repeat top left;
}

#navigation li.teacher-on {
	background: url(nav_teacher_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
}

#navigation li.teacher a:hover {
	background: url(nav_teacher.gif) no-repeat 0px -32px;
}

#navigation li.charge {
	background: url(nav_charge.gif) no-repeat top left;
}

#navigation li.charge-on {
	background: url(nav_charge_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
}

#navigation li.charge a:hover {
	background: url(nav_charge.gif) no-repeat 0px -32px;
}

#navigation li.start {
	background: url(nav_start.gif) no-repeat top left;
}

#navigation li.start-on {
	background: url(nav_start_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
}

#navigation li.start a:hover {
	background: url(nav_start.gif) no-repeat 0px -32px;
}

#navigation li.general {
	background: url(nav_general.gif) no-repeat top left;
	height: 26px;
}

#navigation li.general-on {
	background: url(nav_general_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.general a:hover {
	background: url(nav_general.gif) no-repeat 0px -26px;
}

#navigation li.junior {
	background: url(nav_junior.gif) no-repeat top left;
	height: 37px;
}

#navigation li.junior-on {
	background: url(nav_junior_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 37px;
	padding-top: 37px;
	overflow: hidden;
}

#navigation li.junior a:hover {
	background: url(nav_junior.gif) no-repeat 0px -37px;
}

#navigation li.elementary {
	background: url(nav_elementary.gif) no-repeat top left;
	height: 26px;
}

#navigation li.elementary-on {
	background: url(nav_elementary_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.elementary a:hover {
	background: url(nav_elementary.gif) no-repeat 0px -26px;
}

#navigation li.international {
	background: url(nav_international.gif) no-repeat top left;
	height: 37px;
}

#navigation li.international-on {
	background: url(nav_international_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 37px;
	padding-top: 37px;
	overflow: hidden;
}

#navigation li.international a:hover {
	background: url(nav_international.gif) no-repeat 0px -37px;
}

#navigation li.qualify {
	background: url(nav_qualify.gif) no-repeat top left;
	height: 37px;
}

#navigation li.qualify-on {
	background: url(nav_qualify_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 37px;
	padding-top: 37px;
	overflow: hidden;
}

#navigation li.qualify a:hover {
	background: url(nav_qualify.gif) no-repeat 0px -37px;
}

#navigation li.star {
	background: url(nav_star.gif) no-repeat top left;
	height: 26px;
}

#navigation li.star-on {
	background: url(nav_star_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.star a:hover {
	background: url(nav_star.gif) no-repeat 0px -26px;
}

#navigation li.list {
	background: url(nav_list.gif) no-repeat top left;
	height: 26px;
}

#navigation li.list-on {
	background: url(nav_list_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.list a:hover {
	background: url(nav_list.gif) no-repeat 0px -26px;
}

#navigation li.training {
	background: url(nav_training.gif) no-repeat top left;
	height: 26px;
}

#navigation li.training-on {
	background: url(nav_training_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.training a:hover {
	background: url(nav_training.gif) no-repeat 0px -26px;
}

#navigation li.philosophy {
	background: url(nav_philosophy.gif) no-repeat top left;
	height: 26px;
}

#navigation li.philosophy-on {
	background: url(nav_philosophy_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.philosophy a:hover {
	background: url(nav_philosophy.gif) no-repeat 0px -26px;
}

#navigation li.link {
	background: url(nav_link.gif) no-repeat top left;
	height: 26px;
}

#navigation li.link-on {
	background: url(nav_link_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.link a:hover {
	background: url(nav_link.gif) no-repeat 0px -26px;
}

#navigation li.press {
	background: url(nav_press.gif) no-repeat top left;
	height: 26px;
}

#navigation li.press-on {
	background: url(nav_press_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.press a:hover {
	background: url(nav_press.gif) no-repeat 0px -26px;
}

#navigation li.recruit {
	background: url(nav_recruit.gif) no-repeat top left;
	height: 26px;
}

#navigation li.recruit-on {
	background: url(nav_recruit_on.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
}

#navigation li.recruit a:hover {
	background: url(nav_recruit.gif) no-repeat 0px -26px;
}

#navigation li a {
	display: block;
	height: 0px !important;
	height /**/: 32px;
	padding-top: 32px;
	overflow: hidden;
	width: 148px;
}

#navigation li.key a {
	display: block;
	height: 0px !important;
	height /**/: 33px;
	padding-top: 33px;
	overflow: hidden;
	width: 148px;
}

#navigation li.recruit a,
#navigation li.press a,
#navigation li.link a,
#navigation li.philosophy a,
#navigation li.general a,
#navigation li.elementary a,
#navigation li.star a,
#navigation li.list a,
#navigation li.training a {
	display: block;
	height: 0px !important;
	height /**/: 26px;
	padding-top: 26px;
	overflow: hidden;
	width: 148px;
}
#navigation li.junior a,
#navigation li.international a, #navigation li.qualify a {
	display: block;
	height: 0px !important;
	height /**/: 37px;
	padding-top: 37px;
	overflow: hidden;
	width: 148px;
}

#navigation div.lesson {
	margin: 0px 0px 12px 8px;
}

/* FOOTER */
#footer {
	background: url(bg_footer.gif) repeat-x top left;
	clear: both;
	position: relative;
	height: 26px;
	width: 758px;
}

#footer div.copyright {
	height: 12px;
	left: 9px;
	position: absolute;
	top: 8px;
	overflow: hidden;
	width: 236px;
}

#footer p {
	background: url(copyright.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 12px;
	padding-top: 12px;
	overflow: hidden;
	width: 236px;
}

#footer li.agreement {
	background: url(nav_f_agreement.gif) no-repeat top left;
	height: 11px;
	left: 491px;
	position: absolute;
	top: 8px;
	width: 67px;
}

#footer li.privacy {
	background: url(nav_f_privacy.gif) no-repeat top left;
	height: 11px;
	left: 575px;
	position: absolute;
	top: 8px;
	width: 82px;
}

#footer li.inquiry {
	background: url(nav_f_inquiry.gif) no-repeat top left;
	height: 11px;
	left: 675px;
	position: absolute;
	top: 8px;
	width: 66px;
}

#footer li a {
	display: block;
	padding-top: 11px;
	height: 0px !important;
	height /**/: 11px;
	overflow: hidden;
}