@charset "Shift_JIS";

/*================================================
英語ページcss
■目次
0．基本セクスタ
1．ヘッダー
2．メインメニュー
3．サイド
4．フッター
5. サイドメニュー
6. メインコンテンツ
7. トップページ
8. 日本語教師養成講座、日本語コース
================================================*/

/*================================================
■0：基本セクスタ
================================================*/
body{
font-family:Verdana,Tahoma,Geneva,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/}


/*================================================
■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_right li#ja {
	background: url(../images/en/header/school.gif) no-repeat 0px 0px ;}

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

#header_right li#ch {
	background: url(../images/en/header/school.gif) no-repeat -186px 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_right li#shiryou{
	background: url(../images/en/header/school.gif) no-repeat -279px 0px ;}

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

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

#header ul li#ch a:hover{
	background: url(../images/ja/header/school.gif) no-repeat -186px -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_right li#shiryou a:hover {
	background: url(../images/en/header/school.gif) no-repeat -279px -31px ;}


/*================================================
■2：メインメニュー
================================================*/
#main_menu {
	height: 44px;
	width: 800px;
	padding-bottom:8px;
}
#main_menu ul {
	list-style-type: none;
	width:800px;
	padding:0;
	margin:0;
}
#main_menu li {
	margin:0;
	padding:0;
	height: 43px;
	width: 200px;
	float:left;
	text-indent:-9999px;
}
#main_menu li a{
	text-decoration:none;
	display: block;
	height: 43px;
	width: 200px;
}
#main_menu li.guide_en{
	background: url(../images/en/menu/menu_1.gif) no-repeat 0px 0px;
}
#main_menu li.training_en{
	background: url(../images/en/menu/menu_1.gif) no-repeat -200px 0px;
}
#main_menu li.course_en{
	background: url(../images/en/menu/menu_1.gif) no-repeat -400px 0px;
}
#main_menu li.concept_en{
	background: url(../images/en/menu/menu_1.gif) no-repeat -600px 0px;
}

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

#main_menu li.guide_en a:hover	{
	background: url(../images/en/menu/menu_1.gif) no-repeat 0px -45px;
}
#main_menu li.training_en a:hover{
	background: url(../images/en/menu/menu_1.gif) no-repeat -200px -45px;
}
#main_menu li.course_en a:hover{
	background: url(../images/en/menu/menu_1.gif) no-repeat -400px -45px;
}
#main_menu li.concept_en a:hover{
	background: url(../images/en/menu/menu_1.gif) no-repeat -600px -45px;
}
/*  ▲マウスオーバー時の指定　▲　----------------------*/



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


/*================================================
■4：フッター
================================================*/
#footer_bottom {
	background:#fff url(../images/ja/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 {
	float: left;
	margin: 13px 0 0 9px;
}

#footer_left p{font-size:75%;}

#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_en {
	height: 34px;
	width: 100px;
	background: url(../images/en/footer/footer_menu.gif) no-repeat 0px 0px;
}
#footer_menu li.footer_2_en {
	height: 34px;
	width: 140px;
	background: url(../images/en/footer/footer_menu.gif) no-repeat -100px 0px;
}
#footer_menu li.footer_3_en {
	height: 34px;
	width: 100px;
	background: url(../images/en/footer/footer_menu.gif) no-repeat -240px 0px;
}
#footer_menu li.footer_4_en {
	height: 34px;
	width: 65px;
	background: url(../images/en/footer/footer_menu.gif) no-repeat -340px 0px;
}
#footer_menu li.footer_5_en {
	height: 34px;
	width: 85px;
	background: url(../images/en/footer/footer_menu.gif) no-repeat -405px 0px;
}

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

#footer_menu li.footer_1_en a:hover{
	background: url(../images/en/footer/footer_menu.gif) no-repeat 0px -36px;
}
#footer_menu li.footer_2_en a:hover{
	background: url(../images/en/footer/footer_menu.gif) no-repeat -100px -36px;
}
#footer_menu li.footer_3_en a:hover{
	background: url(../images/en/footer/footer_menu.gif) no-repeat -240px -36px;
}
#footer_menu li.footer_4_en a:hover{
	background: url(../images/en/footer/footer_menu.gif) no-repeat -340px -36px;
}
#footer_menu li.footer_5_en a:hover{
	background: url(../images/en/footer/footer_menu.gif) no-repeat -405px -36px;
}
/*  ▲マウスオーバー時の指定　▲　----------------------*/

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

#sub_menu {
	width: 180px;
}
#sub_menu ul {
	width:180px;
	padding:0;
	margin:0;
}
#sub_menu li {
	list-style-type: none;
	float:left;
	margin:0;
	padding:0;
	height: 35px;
	width: 180px;
	text-indent:-9999px;
}
#sub_menu li a{
	text-decoration:none;
	display: block;
	height: 35px;
	width: 180px;
}
/*  ▼　トップ　サブメニュー　▼　----------------------*/
#sub_menu li.sb_top_1_en{
	background: url(../images/ja/sub_menu/sub_top_en.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_top_2_en{
	background: url(../images/ja/sub_menu/sub_top_en.gif) no-repeat 0px -35px;
}
#sub_menu li.sb_top_3_en{
	background: url(../images/ja/sub_menu/sub_top_en.gif) no-repeat 0px -70px;
}

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

#sub_menu li.sb_top_1_en a:hover{
	background: url(../images/ja/sub_menu/sub_top_en.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_top_2_en a:hover{
	background: url(../images/ja/sub_menu/sub_top_en.gif) no-repeat -180px -35px;
}
#sub_menu li.sb_top_3_en a:hover{
	background: url(../images/ja/sub_menu/sub_top_en.gif) no-repeat -180px -70px;
}


/*  ▼　School Guide　サブメニュー　▼　----------------------*/
#sub_menu li.sb_info_1_en{
	background: url(../images/en/sub_menu/sub_info.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_info_2_en{
	background: url(../images/en/sub_menu/sub_info.gif) no-repeat 0px -35px;
}

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

#sub_menu li.sb_info_1_en a:hover{
	background: url(../images/en/sub_menu/sub_info.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_info_2_en a:hover{
	background: url(../images/en/sub_menu/sub_info.gif) no-repeat -180px -35px;
}
/*  ▼　日本語教師養成講座　サブメニュー　▼　----------------------*/
#sub_menu li.sb_t_1_en {
	background: url(../images/en/sub_menu/sub_training.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_t_2_en {
	background: url(../images/en/sub_menu/sub_training.gif) no-repeat 0px -35px;
}
#sub_menu li.sb_t_3_en {
	background: url(../images/en/sub_menu/sub_training.gif) no-repeat 0px -70px;
}

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

#sub_menu li.sb_t_1_en a:hover{
	background: url(../images/en/sub_menu/sub_training.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_t_2_en a:hover{
	background: url(../images/en/sub_menu/sub_training.gif) no-repeat -180px -35px;
}
#sub_menu li.sb_t_3_en a:hover{
	background: url(../images/en/sub_menu/sub_training.gif) no-repeat -180px -70px;
}

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

#sub_menu li.sb_c_1_en a:hover{
	background: url(../images/en/sub_menu/sub_course.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_c_2_en a:hover{
	background: url(../images/en/sub_menu/sub_course.gif) no-repeat -180px -35px;
}
#sub_menu li.sb_c_3_en a:hover{
	background: url(../images/en/sub_menu/sub_course.gif) no-repeat -180px -70px;
}
/*  ▼　コンセプト　サブメニュー　▼　----------------------*/
#sub_menu li.sb_con_1_en {
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_con_2_en {
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat 0px -35px;
}
#sub_menu li.sb_con_3_en {
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat 0px -70px;
}
#sub_menu li.sb_con_4_en {
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat 0px -105px;
}

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

#sub_menu li.sb_con_1_en a:hover{
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_con_2_en a:hover{
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat -180px -35px;
}
#sub_menu li.sb_con_3_en a:hover{
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat -180px -70px;
}
#sub_menu li.sb_con_4_en a:hover{
	background: url(../images/en/sub_menu/sub_concept.gif) no-repeat -180px -105px;
}

/*  ▲　マウスオーバー時の指定　▲　----------------------*/
/*  ▼　Contact us　サブメニュー　▼　----------------------*/
#sub_menu li.sb_r_1_en {
	background: url(../images/en/sub_menu/sub_request.gif) no-repeat 0px 0px;
}
#sub_menu li.sb_r_2_en {
	background: url(../images/en/sub_menu/sub_request.gif) no-repeat 0px -35px;
}

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

#sub_menu li.sb_r_1_en a:hover{
	background: url(../images/en/sub_menu/sub_request.gif) no-repeat -180px 0px;
}
#sub_menu li.sb_r_2_en a:hover{
	background: url(../images/en/sub_menu/sub_request.gif) no-repeat -180px -35px;
}

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

/*================================================
■6：メインコンテンツ(共通)
================================================*/
#pankuzu{letter-spacing:-0.04em;}


.tbl_data_blue_type2 td span{font-size:85%;}/* What's New */


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

/* "詳細"部分の小さいテキスト */
.tbl_data_blue .txt_s, .tbl_data_blue_type2 .txt_s, .tbl_data_orange .txt_s,
.tbl_data_blue td.td-dtl, .tbl_data_blue_type2 td.td-dtl, .tbl_data_orange td.td-dtl{
font-size:75%;
line-height:1.3;}
/* 後日、.tbl_data_blue td.td-dtl, .tbl_data_blue_type2 td.td-dtl, .tbl_data_orange td.td-dtl"に統一できるようだったら統一する。
".tbl_data_blue td.txt_s, .tbl_data_blue_type2 td.txt_s, .tbl_data_orange td.txt_s"は消せるようなら消す。*/

table.tbl_data_orange td span.ar{font-size:113%;}


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


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


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

.box_ava_course{margin-bottom:1.0em;}

.box_ava_course h4{height:31px;}

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

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

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

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

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

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

.box_ava_course h5 span.ar{_font-size:125%;}

/* 開講日・日程 */
.box_ava_course p.txt-date{font-size:100%;}

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

.box_ava_course p.description{
font-size:75%;}


/*----- グレイのボックスの中のコンテンツ -----*/
.box_ava_course div.box-gray p{font-size:75%;}
/*----- グレイのボックスの中のコンテンツ END -----*/


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

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

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

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

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