@charset "utf-8";

/* ===================================================================
 contents.css for Keiso

===================================================================== */

body {
	background: url(../images/main_bg.jpg) repeat-x #FFF;
}


/* ================================================
 Header

================================================ */

#header div.tel img {
	margin:25px 0 0 0;
}

#header div.tnavi li.home a { background:url(../images/tnavi_home.jpg) no-repeat 0 0; width:91px; }
#header div.tnavi li.info a { background:url(../images/tnavi_info.jpg) no-repeat 0 0; width:127px; }
#header div.tnavi li.admition a { background:url(../images/tnavi_apply.jpg) no-repeat 0 0; width:127px; }
#header div.tnavi li.study a { background:url(../images/tnavi_study.jpg) no-repeat 0 0; width:127px; }
#header div.tnavi li.mental a { background:url(../images/tnavi_mental.jpg) no-repeat 0 0; width:127px; }
#header div.tnavi li.secondHome a { background:url(../images/tnavi_2ndhome.jpg) no-repeat 0 0; width:157px; }
#header div.tnavi li.graduate a { background:url(../images/tnavi_grad.jpg) no-repeat 0 0; width:126px; }

#header div.tnavi li a:hover, #header div.tnavi li.on a { background-position:0 -47px; }

#header div.logo {
	float:left;
	width:500px;
	padding:8px 0 2px 17px;
}


/* ================================================
 Top Images

================================================ */

#MeinImgIndex {
	height:315px;
}

#MeinImgNews, #MeinImgInfo, #MeinImgApply, #MeinImgStudy,
#MeinImgMental, #MeinImg2ndhome, #MeinImgGrad, #MeinImgSubaru, #MeinImgKyushoku {
	height:136px;
	text-indent:-9999px;
}

#MeinImgNews {background:url(../../images/topimg_news.jpg) no-repeat;}
#MeinImgInfo {background:url(../../images/topimg_info.jpg) no-repeat;}
#MeinImgApply {background:url(../../images/topimg_apply.jpg) no-repeat;}
#MeinImgStudy {background:url(../../images/topimg_study.jpg) no-repeat;}
#MeinImgMental {background:url(../../images/topimg_mental.jpg) no-repeat;}
#MeinImg2ndhome {background:url(../../images/topimg_2ndhome.jpg) no-repeat;}
#MeinImgGrad {background:url(../../images/topimg_grad.jpg) no-repeat;}
#MeinImgSubaru {background:url(../../images/topimg_subaru.jpg) no-repeat;}
#MeinImgKyushoku {background:url(../../images/topimg_kyushoku.jpg) no-repeat;}


/* ================================================
 Footer

================================================ */

#footer div.copyright {
	width:870px;
	background-color:#64A038;
	margin-left:10px;
	padding:5px;
	text-align:right;
	color:#FFF;
}

#footer div.copyright a {
	color:#FFF;
	text-decoration:none;
}


/* ================================================
 Index

================================================ */

#TopFlash {
	background:url(../../images/flash_back.gif) no-repeat;
	padding:6px 0 8px 6px;
}

div.IndexBnr {
	width:220px;
	float:left;
}

div.IndexBnr .bnrBox {
	background-color:#E9E9E9;
	padding:5px 0;
	text-align:center;
}

div.IndexBnr a { display:block; margin-bottom:3px; }

div.IndexCourse {
	width:647px;
	float:right;
	padding-bottom:28px;
	background:url(../../images/top_box_course.jpg) no-repeat;
}

div.IndexCourse div { margin-left:150px;}

div.IndexCourse img { margin-bottom:5px; }

.CourseStudy01 {
	background:url(../../images/top_course_study01.gif) no-repeat;
	margin-top:32px;
	padding-left:80px;
}

.CourseStudy02 {
	background:url(../../images/top_course_study02.gif) no-repeat;
	margin-top:16px;
	padding-left:80px;
}

.CourseStudy03 {
	background:url(../../images/top_course_study03.gif) no-repeat;
	margin-top:12px;
	padding-left:135px;
}

.CourseMental01 {
	background:url(../../images/top_course_mental01.gif) no-repeat left center;
	margin-top:45px;
	padding-left:110px;
}

.CourseMental02 {
	background:url(../../images/top_course_mental02.gif) no-repeat left center;
	margin-top:20px;
	padding-left:110px;
}

.CourseMental01 li, .CourseMental02 li {
	list-style:none;
	background:url(../../images/top_course_mentalbtn.jpg) no-repeat left center;
	padding-left:12px;
	margin-bottom:5px;
}

.IndexNews {
	width:436px;
	float:left;
}

.IndexBox {
	width:437px;
	float:right;
}

.MsgTchr { background:url(../../images/index_topix02bg.gif) repeat-y; margin-top:5px; }

.MsgTchr div.ttl {
	background:url(../../images/index_topix02.jpg) no-repeat;
	padding:60px 0 5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
}

.MsgTchr div.tchrimg {
	width:95px;
	float:left;
	margin-right:9px;
	background-color:#999;
}

.MsgTchr div.exp {
	line-height:135%;
	padding-top:5px;
	width:315px;
	margin-left:115px;
}

div.msgbtm {
	background:url(../../images/index_topix02btm.gif) no-repeat;
	height:10px;
}

.StudyRoom { background:url(../../images/index_topix01bg.gif) repeat-y; }

.StudyRoom div.ttl {
	background:url(../../images/index_topix01.jpg) no-repeat;
	padding:12px 0 12px 15px;
	font-size:14px;
	font-weight:bold;
	color:#FC0;
}

.StudyRoom div.exp {
	line-height:135%;
	padding:0 10px;
}

div.sdyroombtm {
	background:url(../../images/index_topix01btm.gif) no-repeat;
	height:10px;	
}

.CourseInfo { background:url(../../images/index_topix03bg.jpg) repeat-y; }

.CourseInfo div.ttl {
	background:url(../../images/index_topix03.jpg) no-repeat;
	padding:12px 0 12px 15px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}

.CourseInfo div.exp {
	line-height:135%;
	padding:0 10px;
}

div.crsinfobtm {
	background:url(../../images/index_topix03btm.jpg) no-repeat;
	height:10px;
	margin-bottom:5px;
}


#indexsschl {
	margin-top:10px;
}


/* ================================================
 All UndarLayer Pages

================================================ */


#ContentsWrap { background:url(../images/snavi_bg.gif) repeat-y; }

#SideNavi div.riji a, #SideNavi div.fude a #SideNavi div.voice a, {
    height: 49px;
	width:224px;
	display:block;
}

/*#SideNavi div a:hover{ visibility: visible; }*/
#SideNavi div a:hover img{ visibility: hidden; }

/* Info */
#SideNavi div.system { background:url(../../images/snavi_info_system_f2.jpg) no-repeat; }
#SideNavi div.riji { background:url(../../images/snavi_info_riji_f2.jpg) no-repeat; }
#SideNavi div.history{ background:url(../../images/snavi_info_history_f2.jpg) no-repeat; }
#SideNavi div.fude { background:url(../../images/snavi_info_fudezuka_f2.jpg) no-repeat; }
#SideNavi div.access { background:url(../../images/snavi_info_access_f2.jpg) no-repeat; }
#SideNavi div.renkei { background:url(../../images/snavi_info_renkei_f2.jpg) no-repeat; }
#SideNavi div.kenkyusho { background:url(../../images/snavi_info_kenkyusho_f2.jpg) no-repeat; }
#SideNavi div.recruit { background:url(../../images/snavi_info_recruit_f2.jpg) no-repeat; }
#SideNavi div.policy { background:url(../../images/snavi_info_policy_f2.jpg) no-repeat; }
#SideNavi div.kyushoku { background:url(../../images/snavi_info_kyushoku_f2.jpg) no-repeat; }
#SideNavi div.newcurriculum { background:url(../../images/snavi_new_curriculum_f2.jpg) no-repeat; }

/* APPLY */
#SideNavi div.flow { background:url(../../images/snavi_apply_flow_f2.jpg) no-repeat; }
#SideNavi div.rule { background:url(../../images/snavi_apply_rule_f2.jpg) no-repeat; }
#SideNavi div.yearsche { background:url(../../images/snavi_apply_sche_f2.jpg) no-repeat; }
#SideNavi div.faq { background:url(../../images/snavi_apply_faq_f2.jpg) no-repeat; }

/* Graduate */
#SideNavi div.voice { background:url(../../images/snavi_grad-voice_f2.jpg) no-repeat; }

/* course */
#SideNavi div.mental { background:url(../../images/snavi_mental_top_f2.jpg) no-repeat; }
#SideNavi div.class { background:url(../../images/snavi_study_class_f2.jpg) no-repeat; }
#SideNavi div.kobetsu { background:url(../../images/snavi_study_kobetsu_f2.jpg) no-repeat; }
#SideNavi div.leave { background:url(../../images/snavi_study_leave_f2.jpg) no-repeat; }
#SideNavi div.etc { background:url(../../images/snavi_study_etc_f2.jpg) no-repeat; }
#SideNavi div.selfstudyroom { background:url(../../images/snavi_study_selfstudyroom_f2.jpg) no-repeat; }


/* Table Style ************************** */

td.method01b, td.method02b, td.method03b {
	vertical-align:top;
	padding:7px;
}

td.method01, td.method01b {
	background-color:#F7FFDF;
	border-right:1px solid #669933;
}

td.method01b {
	border-bottom:1px solid #669933;
}

td.method02, td.method02b {
	background-color:#DFFFEF;
	border-right:1px solid #298256;
}

td.method02b {
	border-bottom:1px solid #298256;
}

td.method03, td.method03b {
	background-color:#DFE8FF;
	border-right:1px solid #374D8C;
}

td.method03b {
	border-bottom:1px solid #374D8C;
}

#schedule { margin:20px 0; }

#schedule th { background-color:#85C679; text-align:center;}
#schedule th.day { width:15%; }
#schedule th.study { width:38%; background-color:#73C5EC; }
#schedule th.mental { width:38%; background-color:#F7B3C9; }

#schedule td.day {
	font-weight:bold;
	text-align:center;
	background-color:#BDDFB5;
}
#schedule td.week { text-align:center; }

#schedule td.sunday { background-color:#F9C6CA; }
#schedule td.holiday { background-color:#FFEA95; }
#schedule td.event { background-color:#A4D6F0; }
#schedule td.event02 { background-color:#DBEEF9; }

#schedule td.monthSpr {
	width:20%;
	background-color:#F3C7DE;
}

#schedule td.monthSmrT {
	width:20%;
	background-color:#C6E3B0;
}

#schedule td.monthAtmT {
	width:20%;
	background-color:#EFBBA5;
}

#schedule td.monthWtrT {
	width:20%;
	background-color:#A4D6F0;
}

#schedule td.monthSprT {
	background:url(../../images/apply_sche_img05.gif) no-repeat left #FFF;
}

#schedule td.monthSmr {
	background:url(../../images/apply_sche_img06.gif) no-repeat right #FFF;
}

#schedule td.monthAtm {
	background:url(../../images/apply_sche_img07.gif) no-repeat left #FFF;
}

#schedule td.monthWtr {
	background:url(../../images/apply_sche_img08.gif) no-repeat right #FFF;
}

#studyFlow table { widows:620px; }
#studyFlow td { width:135px; vertical-align:top; padding:5px 15px 5px 5px; }
#studyFlow .flw01 { background:url(../../images/study_flow01.jpg) no-repeat right #8CEAE8; }
#studyFlow .flw02 { background:url(../../images/study_flow02.jpg) no-repeat right #B5E8AC; }
#studyFlow .flw03 { background:url(../../images/study_flow03.jpg) no-repeat right #F7BBD9; }
#studyFlow .flw04 { background:url(../../images/study_flow04.jpg) no-repeat right #E2BEF3; }

/* List Style ************************** */

ul.contLt, ol.contLt {
	margin:20px;
}

ol.contLt { margin-left:25px; }

ul.contLt li, ol.contLt li {
	margin-bottom:5px;
	line-height:150%;	
}

ul.contLt li { padding-left:4px; }

#contlist, #contlistBlue, #queslist, #subarulist { margin-bottom:40px; }

#contlist ul, #contlistBlue ul, #queslist ul, #subarulist ul {
	margin-left:15px;
	list-style:none;
}

#contlist li {
	padding:5px 0 5px 15px;
	line-height:130%;
	background:url(../images/list_ccl_red.gif) no-repeat left 7px;
}

#contlistBlue li {
	padding:5px 0 5px 15px;
	line-height:130%;
	background:url(../images/list_ccl_blue.gif) no-repeat left center;
}

#queslist li {
	padding:5px 0 5px 30px;
	line-height:130%;
	background:url(../../images/apply_faq_icon_qs.gif) no-repeat left center;
}

#subarulist li {
	width:240px;
	display:block;
	float:left;
	padding:5px 0 5px 15px;
	line-height:130%;
	background:url(../images/list_ccl_blue.gif) no-repeat left center;
}


/* ------------------------------------ Box */

.boxGrn {
	border:#B3E3B0 double 6px;
	background-color:#F0FBEE;
	padding:10px;
}


/* ---------------------------------- Subaru */

div.subaruIndex {
	width:340px;
	float:right;
}

div.subaruIndex ul {
	list-style:none;
	margin:0;
	padding:0;
}

div.subaruIndex li {
	background:url(../images/list_ccl_orange.gif) no-repeat 0 2px;
	padding-left:15px;
	line-height:130%;
	margin-bottom:15px;
}

h5.pickup {
	font-size:16px;
	color:#003366;
	border-top:2px solid #0099CC;
	border-bottom:1px dotted #999;
	padding:10px;
}

td.subaruBox {
	border:1px solid #ADB7C7;
	border-bottom:2px solid #ADB7C7;
	border-right:2px solid #ADB7C7;
	width:299px;
	vertical-align:top;
}

/* -------------------------------- Info Detail */

.history dt {
	background:url(../images/list_ccl_orange.gif) no-repeat;
	padding: 0 0 3px 15px;
	margin:20px 0 10px 10px;
	border-bottom:1px dotted #999;
	font-weight:bold;
}

.history dd {
	line-height:150%;
	margin:0 10px 0 25px;
}

.kenkyushoBg {
	background:url(../../images/info_kenkyusho_bg.jpg) no-repeat;
	padding-top:140px;
}

.jishuroomRule {
	background:url(../../images/info_jishuroom_img02.jpg) no-repeat;
	padding:60px 0 15px 30px;
}

/* -------------------------------- Apply Detail */

.applyFlowL {
	background:url(../../images/apply_flow_img01.jpg) no-repeat;
	width:211px;
	height:402px;
	text-indent:-9999px;
	float:left;
}

.applyFlowR {
	width:409px;
	background:url(../../images/apply_flow_img02.jpg) no-repeat;
	float:right;
}

.applyFlowR .exp { margin:25px 20px 0 20px; line-height:200%; }
.applyFlowR .exp02 { margin:60px 20px 0 20px;; line-height:200%; }
.applyFlowR .exp03 { margin:45px 20px 0 20px;; line-height:200%; }
.applyFlowR .exp04 { margin:45px 20px 25px 20px;; line-height:200%; }

#queslist .ques, #queslist .ans { overflow:hidden; }

#queslist .ques { border:2px solid #64A038; margin:10px 0 5px 0; background:url(../../images/apply_faq_bg_q.gif) repeat-y; }
#queslist .ans { border:2px solid #09C; background:url(../../images/apply_faq_bg_a.gif) repeat-y; }

#queslist .ques .icon, #queslist .ans .icon {
	padding:10px 5px;
	width:30px;
	float:left;
	text-indent:-9999px;
}

#queslist .ques .icon { background:url(../../images/apply_faq_icon_q.gif) no-repeat center; }
#queslist .ans .icon { background:url(../../images/apply_faq_icon_a.gif) no-repeat center; }

#queslist .ques p, #queslist .ans p{
	margin: 8px 15px 8px 50px;
	vertical-align:middle;
}

/* -------------------------------- Mental Detail */

.birthPoint { background:url(../../images/mental_birth_img01.jpg) no-repeat right top; }


/* -------------------------------- Study Detail */

.note01Bg { background:url(../../images/note01_bg.jpg) repeat-y; padding:10px 15px; }
.note02Bg { background:url(../../images/note02_bg.jpg) repeat-y; padding:10px 15px; }

.leaveRule {
	background:url(../../images/study_leave_img01.jpg) no-repeat;
	padding:50px 0 25px 30px;
	line-height:150%;
}

.kobetsuRule {
	background:url(../../images/study_kobetsu_img01.jpg) no-repeat;
	padding:50px 0 25px 30px;
}

.saturdayProgboxL { float:left; width:300px; margin-bottom:20px; }
.saturdayProgboxR { float:right; width:300px; margin-bottom:20px; }

.saturdayProgboxL .prog, .saturdayProgboxR .prog {
	background:url(../../images/study_saturday_box-t.jpg) no-repeat;
	padding:17px 0 17px 50px;
	font-size:16px;
	font-weight:bold;
}

.saturdayProgboxL .exp, .saturdayProgboxR .exp {
	background:url(../../images/study_saturday_box-c.jpg) repeat-y;
	padding:10px 0 10px 10px;
	line-height:135%;
}

.saturdayProgboxL .btm, .saturdayProgboxR .btm {
	background:url(../../images/study_saturday_box-b.jpg) no-repeat;
	height:7px;
}


/* -------------------------------------Graduate's Voice ---*/

#gradvoice .teacher, #gradvoice .student { overflow:hidden; padding:5px }

#gradvoice .teacher { margin:10px 0 5px 0; background-color:#DBEFF9; }
#gradvoice .student {
	background-color:#FEF9D6;
	margin-bottom:25px;
}

#gradvoice .teacher .icon, #gradvoice .student .icon {
	padding:10px 5px;
	width:30px;
	float:left;
	text-indent:-9999px;
}

#gradvoice .teacher .icon { background:url(../../images/grad_icon_teacher.gif) no-repeat center; }
#gradvoice .student .icon { background:url(../../images/grad_icon_student.gif) no-repeat center; }

#gradvoice .teacher p, #gradvoice .student p{
	margin: 0 15px 8px 50px;
	vertical-align:middle;
}

.MesgFrom {
	margin:20px 0;
	padding:10px;
	border:1px solid #390;
	background-color:#EFFBE3;
	line-height:150%;
}

/* ---------------------------------- New Curriculum */

#newcurTblE {
	width:300px;
	float:left;
	border:2px solid #9C0;
	padding:5px 0;
	text-align:center;
}

#newcurTblJ {
	width:300px;
	float:right;
	border:2px solid #06C;
	padding:5px 0;
	text-align:center;
}

#newcurTblE table, #newcurTblJ table {
	width:290px;
	margin:0 0 5px 5px;
}

#newcurTblE th, #newcurTblE td, #newcurTblJ th, #newcurTblJ td {
	font-size:10px;
	padding:3px;
}

#newcurTblE td, #newcurTblJ td {
	text-align:center;
}

#newcurTblE td.esG { width:26px; }
#newcurTblJ td.jhG { width:50px; }

#newcurTblE th, #newcurTblJ th {
	width:45px;
	font-weight:normal;
	text-align:left;
	background-color:#EFEFEF;
}

#newcurTblE td.grade {
	background-color:#EAFFAA;
}

#newcurTblJ td.grade {
	background-color:#BFDFFF;
}

#newcurTblE td.crlmM, #newcurTblJ td.crlmP {background-color:#FFB5DA;}
#newcurTblE td.crlmP, #newcurTblJ td.crlmM {background-color:#9CF;}

.crlmM {background-color:#FFB5DA; padding:0 15px; margin-right:5px; }
.crlmP {background-color:#9CF; padding:0 15px; margin-right:5px; }