@charset "utf-8";

/*================================================
簡体字ページcss
■目次
0．基本セクスタ
1．ヘッダー
2．メインメニュー
3．サイド
4．フッター
5. サイドメニュー
6. メインコンテンツ
7. トップページ
8. 日本語教師養成講座、日本語コース
9. 日本語コース紹介、留学ビザのご案内
================================================*/

/*================================================
■0：基本セクスタ
================================================*/
body{
font-family: Helvetica,Arial,verdana,"宋体",sans-serif;}

.fs-85pct/*, td.fs-85pct*/{font-size:94%;*font-size:82%;}


/*================================================
■1：ヘッダー
================================================*/
#header {
	height: 69px;
	width: 800px;
	background: url(../images/common/header/header_bg.gif) repeat-x ;
}
#logo {
	margin: 15px 0 0 20px;
	float: left;
}
#header_right {
	float:right;
	display:inline;
}
#contact {
	margin:10px 0 0 144px;
}


/*--- 各言語へのリンク用タブ -----*/
#header ul {list-style-type: none;}

#header ul li {
	position: relative; /*added*/
	float:left;
	height: 31px;
	width:93px;
	text-indent: -9999px;}

#header ul li a {
	text-decoration:none;
	display: block;
	height: 31px;
	width:93px;}


/* 「CSSのみでプルダウンメニューを作る」はじまり */

#header ul li table {
	border-collapse: collapse;
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;} /*added*/

#header ul li ul {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top:31px;
	left: 0px;
	height: 0;
	z-index: 100;} /*added*/

#header ul li ul li, #header ul li ul li a{
	width:130px;height:23px;}
			
#header ul li a {
	display: block;
	text-decoration: none;}
			
#header ul li a:hover {
	position: relative;
	z-index: 100;}
			
#header ul li:hover ul, #header ul li a:hover ul {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;}

/* 「CSSのみでプルダウンメニューを作る」終わり */

#header ul li#ja {
	background: url(../images/ch-s/header/school.gif) no-repeat 0px 0px ;}

#header ul li#en {
	background: url(../images/ch-s/header/school.gif) no-repeat -93px 0px ;}

#header ul li#kr {
	background: url(../images/ch-s/header/school.gif) no-repeat -186px 0px ;}

#header ul li#ch {
	background: url(../images/ch-s/header/school.gif) no-repeat -279px 0px ;}

#header ul li#ch-s{position:absolute;top:0;left:0;background:url(../images/common/header/school_sub_ch.gif) no-repeat 0px 0px;}
#header ul li#ch-t{position:absolute;top:0;left:130px;background:url(../images/common/header/school_sub_ch.gif) no-repeat 0px -23px;}

#header ul li#shiryou {
	background: url(../images/ch-s/header/school.gif) no-repeat -372px 0px ;}


/*  ▼　マウスオーバー時の指定　▼　----------------------*/
#header ul li#ja  a:hover {
	background: url(../images/ch-s/header/school.gif) no-repeat 0px -31px ;}

#header ul li#en  a:hover {
	background: url(../images/ch-s/header/school.gif) no-repeat -93px -31px ;}

#header ul li#kr a:hover {
	background: url(../images/ch-s/header/school.gif) no-repeat -186px -31px ;}

#header ul li#ch a:hover{
	background: url(../images/ch-s/header/school.gif) no-repeat -279px -31px ;}

#header ul li#ch-s a:hover, #header ul li#ch-s a:active{background:url(../images/common/header/school_sub_ch.gif) no-repeat -130px 0px;}
#header ul li#ch-t a:hover, #header ul li#ch-t a:active{background:url(../images/common/header/school_sub_ch.gif) no-repeat -130px -23px;}

#header ul li#shiryou  a:hover {
	background: url(../images/ch-s/header/school.gif) no-repeat -372px -31px ;}





/*================================================
■2：メインメニュー
================================================*/
#main_menu {
	height: 44px;
	width: 800px;
	padding-bottom:8px;
}
#main_menu ul {
	list-style-type: none;
	width:800px;
	padding:0;
	margin:0;
background: url(../images/ch-s/header/bg_header_menu.gif) no-repeat left top;
height:44px;
}
#main_menu li {
	margin:0;
	padding:0;
	height: 44px;
	width: 200px;
	float:left;
	text-indent:-9999px;
}
#main_menu li a{
	text-decoration:none;
	display: block;
	height: 44px;
	width: 200px;
}
#main_menu li.guide{
	background: url(../images/ch-s/header/header_menu.gif) no-repeat 0px 0px;}

#main_menu li.training{
	background: url(../images/ch-s/header/header_menu.gif) no-repeat -200px 0px;}

#main_menu li.course{
	background: url(../images/ch-s/header/header_menu.gif) no-repeat -400px 0px;}


/*  ▼　マウスオーバー時の指定　▼　----------------------*/
#main_menu li.guide a:hover	{
	background: url(../images/ch-s/header/header_menu.gif) no-repeat 0px -45px;}

#main_menu li.training a:hover{
	background: url(../images/ch-s/header/header_menu.gif) no-repeat -200px -45px;}

#main_menu li.course a:hover{
	background: url(../images/ch-s/header/header_menu.gif) no-repeat -400px -45px;}

#main_menu li.concept a:hover{
	background: url(../images/ch-s/header/header_menu.gif) no-repeat -600px -45px;}
/*  ▲マウスオーバー時の指定　▲　----------------------*/


/*================================================
■3：サイド
================================================*/
#banner p{line-height:1.4;}


/*================================================
■4：フッター
================================================*/
#footer_bottom {
	background:#fff url(../images/ch-s/footer/footer_bg.gif) no-repeat ;
	width:800px;
	display: block;
	clear: both;
}
.font_s {
	font-size:80%;
}
#flash {
	float:left;
	margin-right:5px;
}
#footer_left {
	white-space:nowrap;
	float: left;
	margin: 13px 0 0 9px;
}

#footer_left p{font-size:94%;*font-size:82%;}

#footer_right {
	margin: 13px 0 0 0;
	float: right;
}
#copyright {
	margin-right: 10px;
	margin-top: 10px;
}
#footer_menu {
	height: 34px;
	width: 800px;
	background: url(../images/common/footer/footer_bg.gif) no-repeat 0px 0px;
}
#footer_menu ul {
	list-style-type: none;
	width:600px;
	padding:0;
	margin:0;
}
#footer_menu li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	text-indent:-9999px;
}
#footer_menu li a{
	text-decoration:none;
	display: block;
	height: 34px;
}

/* 学校案内 */
#footer_menu li.footer_1 {
	height: 34px;
	width: 70px;
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat 0px 0px;}
/* 日本語教師養成講座 */
#footer_menu li.footer_2 {
	height: 34px;
	width: 120px;
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat -70px 0px;}
/* 日本語コース */
#footer_menu li.footer_3 {
	height: 34px;
	width: 70px;
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat -190px 0px;}
/* お問い合わせ */
#footer_menu li.footer_4 {
	height: 34px;
	width: 46px;
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat -260px 0px;}


/*  ▼　マウスオーバー時の指定　▼　----------------------*/
/* 学校案内 */
#footer_menu li.footer_1 a:hover{
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat 0px -36px;}
/* 日本語教師養成講座 */
#footer_menu li.footer_2 a:hover{
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat -70px -36px;}
/* 日本語コース */
#footer_menu li.footer_3 a:hover{
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat -190px -36px;}
/* お問い合わせ */
#footer_menu li.footer_4 a:hover{
	background: url(../images/ch-s/footer/footer_menu.gif) no-repeat -260px -36px;}


/*  ▲マウスオーバー時の指定　▲　----------------------*/

/*================================================
■5：サイドメニュー
================================================*/

#sub_menu {
	width: 180px;
}
#sub_menu ul {
	width:180px;
	padding:0;
	margin:0;
}
#sub_menu li {
	list-style-type: none;
	margin:0;
	padding:0;
	height: 35px;
	width: 180px;
	text-indent:-9999px;
	float:left;
}
#sub_menu li a{
	text-decoration:none;
	display: block;
	height: 35px;
	width: 180px;
}
/*=======  ▼　トップ　サブメニュー　▼　===========*/
/*日本語教師養成講座*/
#sub_menu li.sb_top_1{
	background: url(../images/ch-s/sub_menu/sub_top.gif) no-repeat 0px 0px;}
/*外国人のための日本語コース*/
#sub_menu li.sb_top_2{
	background: url(../images/ch-s/sub_menu/sub_top.gif) no-repeat 0px -35px;}


/*  ▼　マウスオーバー時の指定　▼　----------------------*/

#sub_menu li.sb_top_1 a:hover{
	background: url(../images/ch-s/sub_menu/sub_top.gif) no-repeat -180px 0px;}

#sub_menu li.sb_top_2 a:hover{
	background: url(../images/ch-s/sub_menu/sub_top.gif) no-repeat -180px -35px;}


/*  ▼　学院案内　サブメニュー　▼　----------------------*/
#sub_menu li.sb_info_1{
	background: url(../images/ch-s/sub_menu/sub_info.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_info_2{
	background: url(../images/ch-s/sub_menu/sub_info.gif) no-repeat 0px -35px;
}


/*  ▼　マウスオーバー時の指定　▼　----------------------*/

#sub_menu li.sb_info_1 a:hover{
	background: url(../images/ch-s/sub_menu/sub_info.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_info_2 a:hover{
	background: url(../images/ch-s/sub_menu/sub_info.gif) no-repeat -180px -35px;
}


/*  ▲　マウスオーバー時の指定　▲　----------------------*/
/*  ▼　日本語教師養成講座　サブメニュー　▼　----------------------*/
/* コース紹介 */
#sub_menu li.sb_t_1{
	background: url(../images/ch-s/sub_menu/sub_training.gif) no-repeat 0px 0px;
}

/*  ▼　マウスオーバー時の指定　▼　----------------------*/
/* コース紹介 */
#sub_menu li.sb_t_1 a:hover{
	background: url(../images/ch-s/sub_menu/sub_training.gif) no-repeat -180px 0px;
}


/*  ▲　マウスオーバー時の指定　▲　----------------------*/
/*  ▼　日本語教師養成講座　サブメニュー　▼　----------------------*/
#sub_menu li.sb_c_1{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_c_2{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat 0px -35px;
}
#sub_menu li.sb_c_3{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat 0px -70px;
}

/*  ▼　マウスオーバー時の指定　▼　----------------------*/

#sub_menu li.sb_c_1 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_c_2 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -35px;
}
#sub_menu li.sb_c_3 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -70px;
}
#sub_menu li.sb_c_4 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -105px;
}
#sub_menu li.sb_c_5 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -150px;
}
#sub_menu li.sb_c_6 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -175px;
}
#sub_menu li.sb_c_7 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -197px;
}
#sub_menu li.sb_c_8 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -232px;
}
#sub_menu li.sb_c_9 a:hover{
	background: url(../images/ch-s/sub_menu/sub_course.gif) no-repeat -180px -269px;
}
/*  ▲　マウスオーバー時の指定　▲　----------------------*/
/*  ▼　コンセプト　サブメニュー　▼　----------------------*/
#sub_menu li.sb_con_1{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_con_2{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat 0px -35px;
}
#sub_menu li.sb_con_3{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat 0px -70px;
}
#sub_menu li.sb_con_4{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat 0px -105px;
}
#sub_menu li.sb_con_5{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat 0px -140px;
}

/*  ▼　マウスオーバー時の指定　▼　----------------------*/

#sub_menu li.sb_con_1 a:hover{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_con_2 a:hover{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat -180px -35px;
}
#sub_menu li.sb_con_3 a:hover{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat -180px -70px;
}
#sub_menu li.sb_con_4 a:hover{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat -180px -105px;
}
#sub_menu li.sb_con_5 a:hover{
	background: url(../images/ch-s/sub_menu/sub_concept.gif) no-repeat -180px -140px;
}

/*  ▲　マウスオーバー時の指定　▲　----------------------*/
/*============  ▼　コンセプト　サブメニュー　▼　============*/
/*日本語教師養成講座・資料請求*/
#sub_menu li.sb_r_1{
	background: url(../images/ch-s/sub_menu/sub_request.gif) no-repeat 0px 0px;
}
/*日本語コース・お問い合わせ*/
#sub_menu li.sb_r_2{
	background: url(../images/ch-s/sub_menu/sub_request.gif) no-repeat 0px -35px;
}


/* ======== ▼　マウスオーバー時の指定　▼　===================*/
/*日本語教師養成講座・資料請求*/
#sub_menu li.sb_r_1 a:hover{
	background: url(../images/ch-s/sub_menu/sub_request.gif) no-repeat -180px 0px;
}
/*日本語コース・お問い合わせ*/
#sub_menu li.sb_r_2 a:hover{
	background: url(../images/ch-s/sub_menu/sub_request.gif) no-repeat -180px -35px;
}


/*  ▲　マウスオーバー時の指定　▲　----------------------*/

/*================================================
■6：メインコンテンツ(共通)
================================================*/
ol.decimal{
list-style: decimal outside; margin: 0 5px 3em 15px; padding-left: 30px;}


/*----- What's New（青いテーブル） -----*/
.tbl_data_blue_type2 td span{
font-size:94%;
*font-size:82%;}


/* "コース名"部分の小さいテキスト */
.tbl_data_blue td.course_ttl span, .tbl_data_blue_type2 td.course_ttl span, .tbl_data_orange td.course_ttl span{
font-size:94%;
*font-size:82%;}

/* "コース名"部分の小さいテキスト（太字） */
.tbl_data_blue td.course_ttl span.fw-b, .tbl_data_blue_type2 td.course_ttl span.fw-b, .tbl_data_orange td.course_ttl span.fw-b{
font-weight:bold;}


/* "開講日"、"期間"、"時間"、"受講料"など、コース詳細部分の小さいテキスト */
.tbl_data_blue td.txt_s, .tbl_data_blue_type2 td.txt_s, .tbl_data_orange td.txt_s,
.tbl_data_blue span.txt_s_yen, .tbl_data_blue_type2 span.txt_s_yen, .tbl_data_orange span.txt_s_yen{
font-size:94%;
*font-size:82%;
line-height:1.4;
*line-height:1.6;}

/* "受講料"部分の小さいテキスト */
.tbl_data_blue span.txt_s_yen, .tbl_data_blue_type2 span.txt_s_yen, .tbl_data_orange span.txt_s_yen{
display:block;
text-align:center;
margin-top:2px;}


/*================================================
■7：トップページ
================================================*/
/* 左コンテンツ */
.read{margin-left:95px;_margin-left:93px;}


/*----- 学院長からのコメント、教員採用試験日程、TCJからの大切なお知らせ -----*/
div.top_left div.box_list p{font-size:94%;*font-size:82%;}


/* 中央コンテンツ-学院長からのコメント */
.top_right div.pc_center_ctt h3{
background: url(../images/ch-s/main_content/top/h3_pc_center_ctt.gif) left top no-repeat;}


/* 中央コンテンツ-What's New */
.top_right h3.update_info{
background: url(../images/ch-s/main_content/top/h3_update_info.gif) left top no-repeat;}

.box_ava_course{margin-bottom:1.0em;}

.box_ava_course h4{height:32px;}

.box_ava_course h4.ttl01{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_01.gif) left top no-repeat;}

.box_ava_course h4.ttl02{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_02.gif) left top no-repeat;}

.box_ava_course h4.ttl03{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_03.gif) left top no-repeat;}

.box_ava_course h4.ttl04{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_04.gif) left top no-repeat;}

.box_ava_course h4.ttl05{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_05.gif) left top no-repeat;}

.box_ava_course h4.ttl06{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_06.gif) left top no-repeat;}

.box_ava_course h4.ttl07{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_07.gif) left top no-repeat;}

.box_ava_course h4.ttl08{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_08.gif) left top no-repeat;}

.box_ava_course h4.ttl09{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_09.gif) left top no-repeat;}

.box_ava_course h4.ttl10{
background: url(../images/ch-s/main_content/top/h4_ava_course_ttl_10.gif) left top no-repeat;}

.box_ava_course h5{
background:#fff url(../images/common/ico_square_brown.gif) left 38% no-repeat;
padding-left:14px;}

.box_ava_course p.fs-85pct{line-height:1.3;}

.box_ava_course p.description{
font-size:94%;
*font-size:82%;}

/*----- トップページ - 募集中のコースリスト START -----*/
p.link-pagetop{font-size:94%;*font-size:82%;}


/*================================================
■8：日本語教師養成講座、日本語コース
================================================*/

#sp_ctt h4.ava_courses{
height:17px;
background: url(../images/ch-s/main_content/h4_ava_courses.gif) left top no-repeat;}

#sp_ctt h4.course_list{
height:17px;
background: url(../images/ch-s/main_content/h4_course_list.gif) left top no-repeat;}

#sp_ctt h4.curriculum{
height:17px;
background: url(../images/ch-s/main_content/h4_curriculum.gif) left top no-repeat;}

#sp_ctt h4.briefing_sche{
height:17px;
background: url(../images/ch-s/main_content/h4_briefing_sche.gif) left top no-repeat;}

#sp_ctt h4.bank_account{
height:17px;
background: url(../images/ch-s/main_content/h4_bank_account.gif) left top no-repeat;}


/*================================================
■9：日本語コース紹介、留学ビザのご案内
================================================*/

#sp_ctt h4.visa_long{
height:17px;
background: url(../images/ch-s/main_content/h4_visa_long.gif) left top no-repeat;}

#sp_ctt h4.visa_short{
height:17px;
background: url(../images/ch-s/main_content/h4_visa_short.gif) left top no-repeat;}

#sp_ctt h4.visa_etc{
height:17px;
background: url(../images/ch-s/main_content/h4_visa_etc.gif) left top no-repeat;}