@charset "Shift_JIS";

/*================================================
共通css
■目次
1．基本セクスタ + Reset CSS
2．基本レイアウト
3．リンク
4．メインコンテンツ
5. サイド
6. フッター
7. EACH PAGE
8. 印刷用ページ
9. ヘッダー
================================================*/
/*================================================
■1：基本セクスタ + Reset CSS
================================================*/
body{
	margin:0 0 0 5px;
	padding:0;
	line-height:140%;
	/*line-height:1.4;*/
	color:#444;
	background: #fff;
	font-size: small;
}

h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,ul ,ol ,img ,p, dl, dt, dd {
	margin:0;
	padding:0;
}

h3 ,h4 ,h5 ,h6 ,ul ,ol ,p, tr, th, td, dl, dt, dd {
line-height:140%;}/* 20070611 added */

hr{
	display:none;
}
a {
	border: none;
}
caption{
padding:0;
margin:0;}

/*================================================
■2：基本レイアウト
================================================*/
#wrapper {
	width: 815px;
	height: 100%;
	background:url(../images/common/bg/bg_wrap.gif) repeat-y;
}
#container {
	width:800px;
}
#content_bg {
	background: url(../images/common/bg/content_bg.gif) repeat-y ;
	display:block;
	width:800px;
}

#footer{
width: 800px;
clear: both;}

.txt-center{text-align:center;}
.img-right{text-align:right;}
.disp-blk{display:block;}

/*=== text関連 ===*/
.red {color:#FF0000;}

.txt_notice {color:#CC3333;}

.fs10{font-size:10px;}
.fs-75pct/*, td.fs-75pct*/{font-size:75%;}
.fs-85pct/*, td.fs-85pct*/{font-size:85%;}


/*----- 「ページトップへ」のリンクテキスト START-----*/
/* トップページ */
p.link-pagetop{
font-size:85%;
text-align:right;
margin-bottom:1.0em;}

p.link-pagetop a{
padding-left:10px;
background:transparent url(../images/common/ar_gray_02_s_up.gif) left 0.2em no-repeat;}

p.link-pagetop a:hover{color:#e14e14;}
/* トップページ END */

/*p.link-pagetop{background-color:#ff9933;}*/
#sp_ctt p.link-pagetop{margin-bottom:3.0em;}/*英語サイトビザページ*/
/*----- 「ページトップへ」のリンクテキスト END-----*/


/*=== padding関連 ===*/

/*=== margin関連 ===*/
.mgn_rala{margin-right:auto;margin-left:auto;}
.mgn_r5{margin-right:5px;}
.mgn_r10{margin-right:10px;}
.mgn_r15{margin-right:15px;}
.mgn_b3{margin-bottom:3px;}
.mgn_b5{margin-bottom:5px;}
.mgn_b10{margin-bottom:10px;}
.mgn_b15{margin-bottom:15px;}
.mgn_l15{margin-left:15px;}

/*=== float関連 ===*/
.flo-left{float:left;}

.flo-right{float:right;}

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
overflow:hidden;} /* IE以外のモダンWebブラウザ向け */

.clearfix{display:inline-block;} /* IE7およびMac版IE5向け */

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ /* IE6以前向け */

/*================================================
■3：リンク
================================================*/
A:link {
	COLOR: #3366FF;
}
A:visited {
	COLOR: #6600CC;
}
A:hover {
	COLOR: #e14e14; TEXT-DECORATION: underline;
}

/*================================================
■4：メインコンテンツ
================================================*/
#main_content {
	width:610px;
	float:left;
}
#pankuzu {
	background: #d9d9d9;
	color:#444;
	width: 597px;
	height: 20px;
	padding-left: 10px;
	margin-bottom: 6px;
}
#pankuzu_right {
	float:right;
}

h1 {
	margin-bottom: 2px;
}
h2 {
	margin-bottom: 15px;
	/*margin-bottom: 16px;*/
}
h3 {
	margin-bottom: 20px;
	background:#fff;
	color :#E07E00;
	font-size: 14px;
	padding-left:15px;
	/*width:595px; ...need?(2007/6/27) */
	display:block;
}
h4 {
	padding:5px 0 10px 15px;
}

h5 {font-size: small;}/* 日本語コース */

h6 {font-size: small;}

p.p1{
	width:595px;
	display:block;
	margin-bottom:1em;
	margin-left:15px;
}
p.p2{
	margin-bottom:1em;
}

/* 後日#sp_ctt .box_bg_blue に統一 */
p.p3{
	width:580px;
	margin-left:15px;
	margin-bottom:1em;
	padding:5px 0;
	background:#E3F5FC;
	text-align:center;
}

p.p4{
	width:560px;
	display:block;
	margin-bottom:1em;
	margin-left:35px;
}
p.right{
	text-align:right;
}
p.indent {
	text-indent: 1em;
	width:595px;
	display:block;
	margin-bottom:1em;
}
p.h3{
	margin-bottom: 20px;
	background:#fff;
	color :#E07E00;
	font-size: 14px;
	font-weight:bold;
}

caption{
text-align:left;
padding-left:2px;/* cellspacing分 */
/*margin-left:15px;*/}

span.line_thorough{text-decoration:line-through;}

.right_img {
	float:right;
	padding-left:10px;
}
.right_img2 {
	float:right;
	margin:0 10px 10px 0;
}
.left_img2 {
	float:left;
	margin:0 10px 10px 0;
}
.left_img {
	float:left;
	padding-right:10px;
}

.btn_back{
text-align:right;
margin:20px 5px 15px 0;}

/* 後日btn_backに統一 */
.back_btn {
	width:600px;
	display:block;
	margin-top:10px;
}

/* 後日btn_backに統一 */
.back_btn img {
	padding-bottom:20px;
	float:right;
}

.link{
	background: url(../images/common/arrow.gif) no-repeat left center;
	padding-left:20px;
	margin-left:15px;
}

#main_content .link-mail{
font-weight:bold;
background: transparent url(../images/common/ico_mail.gif) 0 60% no-repeat;
padding-left:25px;
}

#main_content .link-phone{
font-weight:bold;
background: transparent url(../images/common/ico_phone.gif) 0 40% no-repeat;
padding-left:25px;
}

.pdf {
	background: url(../images/common/pdf.gif) no-repeat left center;
	padding-left:20px;
	margin-left:15px;
}

/*clearfixで代替可能*/
.clear {
	clear:both;
}

/*共通で使えるクラス added on 20070517 */

#sp_ctt{/*サブページ全てに使用可能です*/
padding:0;
margin:0;}

#sp_ctt h3{
padding:0;
margin: 0 5px 20px 15px;}

#sp_ctt h4{
font-size: 14px;
padding:0;
margin: 0 5px 10px 15px;}

#sp_ctt h5{
padding:0;
margin: 0 5px 10px 15px;}

#sp_ctt h6{
color :#E07E00;
padding:0;
margin: 0 5px 10px 15px;}

#sp_ctt p{
display:block;
padding:0;
margin: 0 5px 1em 15px;}

#sp_ctt p.link{
padding-left:20px;
background: url(../images/common/arrow.gif) left center no-repeat;}

#sp_ctt dl{margin-left:15px;margin-right:5px;}
#sp_ctt dt{font-weight:bold;margin-bottom:0.3em;}
#sp_ctt dd{margin-bottom:1.2em;}

#sp_ctt ul{
padding:0;
margin: 0 5px 1em 15px;
list-style-type:none;}

img.line_dotted{
display:block;
margin:0px auto 1.15em auto;}

/* p.p3 より START */

#sp_ctt div.box_bg_blue{
width:585px;
background:#E3F5FC;
padding:0;
margin:0 15px 2.0em 15px;}

#sp_ctt div.box_bg_blue p{
text-align:center;
margin:5px;
padding:5px;
*padding:0;}

/* p.p3 より END */

#sp_ctt h4.ava_courses, #sp_ctt h4.course_list, #sp_ctt h4.curriculum, #sp_ctt h4.briefing_sche, #sp_ctt h4.bank_account, #sp_ctt h4.visa_long, #sp_ctt h4.visa_short, #sp_ctt h4.visa_etc{
text-indent:-999999px;
padding:0;
margin-bottom:10px;
/* height,backgroundは各言語のCSS参照 */}


.box_btn{
height:40px;
text-align:right;
margin:0 10px 10px auto;}/* memo:heightはFF対策 */


/*----- TABLE -----*/
.tbl_data_blue, .tbl_data_blue_type2, .tbl_data_orange{
border-collapse:collapse;
text-align:center;
margin:0 5px 3.0em 15px;}/* .table_2のコピー */

.tbl_data_blue th, .tbl_data_blue_type2 th, .tbl_data_orange th{
font-weight:normal;
border:#fff solid 2px;
padding:3px;
color:#fff;}/* .td_color_1のコピー */

.tbl_data_blue th{
height:20px;
background:#00468D url(../images/common/bg/table_bg_long.gif) repeat-x;}

.tbl_data_blue_type2 th{
text-align:left;
background:#00468D url(../images/common/bg/table_bg_long.gif) repeat-x;}

.tbl_data_orange th{
height:20px;
background:#FFF0E0 url(../images/common/bg/table_bg_long_orange.gif) repeat-x;}

.tbl_data_blue td, .tbl_data_blue_type2 td, .tbl_data_orange td {
border:#fff solid 2px;
padding:3px;
color:#444;}

.tbl_data_blue td{
background-color:#E2F3F9;}

.tbl_data_blue_type2 td{
text-align:left;
background-color:#E2F3F9;}

.tbl_data_orange td{
background-color:#ffebcd;}


.tbl_data_blue td.course_ttl, .tbl_data_blue_type2 td.course_ttl, .tbl_data_orange td.course_ttl{font-weight:bold;}

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


/* "詳細"部分の小さいテキスト */
.tbl_data_blue td.txt_s, .tbl_data_blue_type2 td.txt_s, .tbl_data_orange td.txt_s,
.tbl_data_blue td.td-dtl, .tbl_data_blue_type2 td.td-dtl, .tbl_data_orange td.td-dtl{
padding:4px;
text-align:left;}
/* font-sizeとline-heightは各言語用CSS参照、
後日、.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"は消せるようなら消す。*/


.tbl_data_blue .box_curri_dtl, .tbl_data_blue_type2 .box_curri_dtl, .tbl_data_orange .box_curri_dtl{border:1px solid #333;padding:5px 8px;margin:5px;}


/*========テーブル内でのメールリンク・電話問い合わせ========*/
#main_content .tbl_data_orange .link-mail, #main_content .tbl_data_orange .link-phone, #main_content .tbl_data_blue_type2 .link-mail, #main_content .tbl_data_blue_type2 .link-phone{
font-size:small;
text-align:left;
background-color:transparent;}

.tbl_data_blue td.bg_non, .tbl_data_blue_type2 td.bg_non, .tbl_data_orange td.bg_non{
border:0;
padding:0;
background-color:#FFFFFF;}

.tbl_data_blue td.bg_non img, .tbl_data_blue_type2 td.bg_non img, .tbl_data_orange td.bg_non img{
display:block;}

table.tbl_data_orange td span.ar{/* フォントサイズはen.css 参照 */}


/*----- オレンジのボックスの中のコンテンツ -----*/
table.tbl_data_orange div.box-orange{
border:1px solid #D2B48C;
background-color:#FFE4B5;
padding:4px;}

table.tbl_data_orange div.box-orange img.img-bdr{display:block;background-color:#D2B48C;margin:0 auto 0.4em;}

table.tbl_data_orange div.box-contact{margin:0.3em 0 0.5em;*margin:0.3em 0 0.4em;}

#main_content table.tbl_data_orange div.box-contact .link-phone{float:left;font-size:113%;}
#main_content table.tbl_data_orange div.box-contact .link-mail{float:left;font-size:113%;margin-left:1em;}

/*----- オレンジのボックスの中のコンテンツ END -----*/


/*================================================
■5：サイド
================================================*/

#side {
	width: 180px;
	float:right;
	text-align:center;
	padding-bottom:20px;
}

.side_banner_1 {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top:20px;
	border: none;
}
.side_banner_2 {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	display:block;
	border: none;
}
.side_banner_3 {
	margin-left: auto;
	margin-right: auto;
	display:block;
	border: none;
}

/*後日以下に変更予定*/
#banner{padding-top:20px;}

#banner img{display:block;}

img.side_banner{
margin:0 auto 7px auto;}

img.side_banner_w_txt{
margin:0 auto 1px auto;}/*imgの下にtextがくるときに使ってください*/

#banner p{
width:160px;
font-size:10px;
margin:0 auto 7px auto;}

#banner img.line_dotted{
margin-top:15px;}


/*================================================
■6：フッター
================================================*/
#footer_left a{display:block;float:left;width:95px;}
#footer_left p{width:210px;float:left;}


/*================================================
■7-1：EACH PAGE - トップページ
================================================*/
div.top_left {
	margin:0;
	padding:0;
	float:left;
	width:204px;
}

div.top_left img{display:block;}

.close {
	margin-bottom:15px;
	width:204px;
	background:url(../images/common/main_content/top/close_bg.gif);
}
.close_text img {
	float:left;
	margin-right:5px;
}
.close_text {
	width:185px;
	margin-left:10px;
}
.read {
	padding-top:10px;
	clear:both;}

.read img {
	vertical-align:middle;
	margin-right:5px;}

.close_bottom {
	background:url(../images/ja/main_content/top/close_bottom.gif) left bottom no-repeat;
}
.close_bottom img {
	display:inherit;
}

/*----- 学院長からのコメント、教員採用試験日程、TCJからの大切なお知らせ -----*/
div.top_left div.box_list{margin-bottom:1.5em;}
div.top_left div.box_list h2{margin-bottom:0;}
div.top_left div.box_list div.box_list_inside{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:0 8px 0.5em 8px;
background-color:#F9F9F9;}

div.top_left div.box_list #sche_of_tcexam p{line-height:1.2;}

div.top_left div.box_list ul{
list-style-type:none;
margin-bottom:0.3em;}

div.top_left div.box_list li{
line-height:1.4;
padding-left:15px;
margin-bottom:0.1em;
background-color:transparent;
background-image:url(../images/common/ar_gray_02_s.gif);
background-position:left 0.25em;
background-repeat:no-repeat;}

/* 学院長からのコメント、TCJからの大切なお知らせ */
div.top_left div.box_list #principal_comment li, div.top_left div.box_list #notice li{
font-size:88%;
*font-size:82%;}

div.top_left div.box_list #principal_comment li.closest, div.top_left div.box_list #notice li.closest{
font-size:100%;
font-weight:bold;
background-position:left 0.45em;}

div.top_left div.box_list li.closest span{font-weight:normal;}
div.top_left div.box_list li.closest span.new{
color:#CC3333;
font-size:88%;
*font-size:82%;
font-weight:bold;}

div.top_left div.box_list #principal_comment li.closest img{margin-top:3px;margin-left:3px;}

/* 教員採用試験日程 */
div.top_left div.box_list #sche_of_tcexam li{background-position:left 0.45em;}


/* 中央コンテンツ-学院長からのコメント */
.top_right div.pc_center_ctt h3{
text-indent:-999999px;
width:390px;
height:17px;
padding:0;
margin:0 0 10px 0;
_margin:0 0 8px 0;}

.top_right div.pc_center_ctt p a{font-weight:bold;}

/*----- 学院長からのコメント, 教員採用試験日程 END -----*/

div.top_right {
	margin:0;
	float:right;
	width:390px;
	display:block;
	padding-bottom:20px;
}

div.top_right img{display:block;}


/*----- トップページ - 募集中のコースリスト START -----*/
/* リスト */
ul#ul_ava_course_list{
line-height:1.6;
list-style-type:none;
margin-bottom:1.0em;}

ul#ul_ava_course_list li{
padding-left:13px;
background:transparent url(../images/common/ar_gray_02_s_down.gif) left 0.5em no-repeat;}
/*----- トップページ - 募集中のコースリスト END -----*/


/*----- トップページ - 募集中のコース START -----*/
.top_right h3.update_info{
text-indent:-999999px;
width:390px;
height:17px;
padding:0;
margin:0 0 10px 0;
_margin:0 0 8px 0;
/*backgroundはja.css + en.css 参照*/
}

.box_ava_course{
border:1px solid #E0E0E0;
padding: 2px 5px 0px 2px;
margin-bottom: 0.2em;
background:transparent url(../images/common/bg/bg_ava_couses.gif) left top repeat-y;}

.box_ava_course h4{
text-indent:-999999px;
padding:0;
margin:0;
/*height, backgroundはja.css + en.css 参照*/}

.box_ava_course h5{
line-height:1.4;
font-size:107%;
color:#E07E00;
margin-left:17px;}

.box_ava_course h5 span.ar{/* フォントサイズはen.css 参照 */}

.box_ava_course h6{
font-weight:normal;
color:#E07E00;
margin-left:17px;}

.box_ava_course p{
line-height:1.4;
margin-left:17px;
/*line-heightはja.css + en.css 参照*/}

/* 開講日・日程 */
.box_ava_course p.txt-date{font-size:107%;font-weight:bold;}
.box_ava_course p.txt-date span.fw-nml{font-weight:normal;}

.box_ava_course h6.txt-idt, .box_ava_course p.txt-idt{text-indent:0.5em;}

.box_ava_course p.description{
border-left:1px solid #cccccc;
padding-left:5px;
margin:3px 0 5px 18px;
/*font-size,line-heightはja.css + en.css 参照*/}

.box_ava_course img.img-btn{margin:0.6em auto 0.5em;}


/*----- グレイのボックスの中のコンテンツ -----*/
.box_ava_course div.box-gray{
width:350px;
border:1px solid #ccc;
background-color:#f5f5f5;
margin:0 auto 5px 18px;
*margin:0 auto 4px 18px;
padding:5px;}

.box_ava_course div.box-gray p{margin-left:0;}

.box_ava_course div.box-gray img.img-bdr{background-color:#ccc;margin:0 auto 0.4em;}

.box_ava_course div.box-gray div.box-contact{width:330px;margin:0.4em auto 0.4em;}
.box_ava_course div.box-gray div.box-contact p.link-phone{float:left;font-size:100%;}
.box_ava_course div.box-gray div.box-contact p.link-mail{float:left;font-size:100%;margin-left:1em;}
/*----- グレイのボックスの中のコンテンツ END -----*/


/*----- エコバッグ -----*/
table.tbl-ecobag{
width:360px;
margin-bottom:5px;
margin-left:18px;}
/*----- エコバッグ END -----*/


.txt_notice_popup{
text-align:center;
font-size:10px;
background:#FFFFCC;}

.news {
	background:url(../images/common/ar_news.gif) no-repeat left top;
	background-position: 0px 2px;
	padding:0 0 10px 20px;
	/*padding:0 0 1.6em 20px;*/
	width:350px;
}


/*----- ページング（20100119追加"卒業生からのメッセージ""新着情報"） -----*/
#pager_ctt{}

.msg_page{margin:10px 0 2.5em 0;}

#pager_ctt .nav{text-align:center;margin-bottom:2.5em;}

#pager_ctt .nav a{
font-size:107%;
font-weight:bold;
padding:5px;}

#pager_ctt .nav a.highlight{
color:#444;
text-decoration:none;}

#pager_ctt .nav a.txt-prev, #pager_ctt .nav a.txt-next{font-size:100%;}


/*================================================
■7-2：EACH PAGE - NEWS & TOPICS 新着情報
================================================*/
/* WHAT'S NEW レイアウト */
#whats_new h3{
padding-left:18px;
background:url(../images/common/maru.gif) 0 3px no-repeat;}

#whats_new h3 span{
color:#444;
font-size:70%;
font-weight:normal;
margin-left:5px;}

#whats_new h4{
font-size:small;
padding-left:15px;
background:url(../images/common/square.gif) 0 4px no-repeat;}

#whats_new h3, #whats_new p{margin-right:10px;}

#whats_new .flo-left p{margin-right:0;}

#whats_new p.link{margin-left:30px;}

#whats_new .tbl_data_blue, #whats_new .tbl_data_blue_type2{margin-bottom:1.5em;}

#whats_new img.line_dotted{margin-top:20px;}

/*----- What's New / TCJ Information 大学生に日本語教師の教育実習現場を提供(tcjinfo03.html) -----*/
.pb{
	padding-left:15px;
	font-weight:bold;
}

.space1x30{
	width:1px;
	height:30px;
}

/* info アクセスのイメージ */
.center_img {
	text-align:center;
	margin-bottom:30px;
}
.center_img img {
	margin:0 auto;
}

/*================================================
■7-3：EACH PAGE - concept 学院長からのメッセージ
================================================*/
/*concept 学院長からのメッセージの上部リスト　*/

ol.message_l {
	float:left;
	padding-left:30px;
	width:270px;
	list-style-position:inside;
	}
ol.message_r {
	margin-left:300px;
	width:300px;
	list-style-position:inside;
	}

h4.message{
	clear:both;
	margin-top:40px;
}	

#message .a {
	margin-bottom:20px;
	}

p.message{
	width:545px;
	margin-left:30px;
}

p.c1{
	float:left;
	width:450px;
	display:block;
	margin-bottom:1em;
	margin-left:15px;
}

ul.concept{
	width:595px;
	display:block;
	margin-bottom:1em;
	margin-left:15px;
	list-style-type:none;
	}
#events{
		width:520px;
	margin-left:15px;
}

.events{
	width:520px;
	height:150px;
	}

.events_img{
	float:left;
	width:156px;
	margin:5px;
}

/*================================================
■7-4：EACH PAGE - Q&A画像
================================================*/
.q{
	background: url(../images/common/q.gif) no-repeat left top;
	width:520px;
	height:2em;
	padding-left:25px;
	clear:both;
	margin-left:15px;
}
.q2{
	background: url(../images/common/q.gif) no-repeat left top;
	width:340px;
	height:2em;
	padding-left:25px;
	margin-top:70px;
	float:left;
}
.q_box {
	width:585px;
	border-bottom:1px dotted #aaa;
	margin-left:15px;
	padding-bottom:10px;
	margin-bottom:20px;
}
.a{
	background: url(../images/common/a.gif) no-repeat left top;
	width:520px;
	padding-left:25px;
	margin-left:15px;
}
.a2{
	background: url(../images/common/a.gif) no-repeat left top;
	width:520px;
	padding-left:25px;
	margin-left:15px;
	margin-bottom:20px;
}
.q_a_text {
	padding-top:100px;
}


/*================================================
■7-10：日本語教師養成講座・TCJの海外ネットワーク
================================================*/
table.tbl-network-address{
margin:0 auto 1.5em 15px;}

table.tbl-network-address caption{
font-weight:bold;}

table.tbl-network-address th{
font-weight:normal;
white-space:nowrap;
text-align:left;}


/*================================================
■7-5：日本語教師養成講座・卒業生からのメッセージ
================================================*/
#msg_from_gra{}

#msg_from_gra img{display:block;}

#msg_from_gra img.line_dotted{margin-bottom:1.5em;}

#msg_pickup img{display:block;}

.msg_each{
margin-right:10px;
margin-left:15px;
margin-bottom:1.5em;
background:transparent url(../images/common/main_content/training/message/bg_msg_bn_02.gif) left top repeat-y;}

#msg_pickup .msg_each{background:url(../images/common/main_content/training/message/bg_msg_pickup_02.gif) left top repeat-y;}


#msg_pickup .profile, .msg_backnumber .profile, .msg_each .profile{margin:6px 15px;}
#msg_pickup .profile .flo-left, .msg_backnumber .profile .flo-left, .msg_each .profile .flo-left{width:150px}
#msg_pickup .profile .flo-left img, .msg_backnumber .profile .flo-left img, .msg_each .profile .flo-left img{border:1px solid #ccc;}
#msg_pickup .profile .flo-right, .msg_backnumber .profile .flo-right, .msg_each .profile .flo-right{width:390px;}


#msg_from_gra h4{
color:#e07e00;
padding-left:28px;
margin-left:0;
margin-bottom:0.5em;}

#msg_from_gra h4{background:transparent url(../images/common/main_content/training/message/ico_balloon_bg_g.gif) left 0.1em no-repeat;}
#msg_pickup h4{background:transparent url(../images/common/main_content/training/message/ico_balloon_bg_y.gif) left 0.1em no-repeat;}

#msg_from_gra h4 span{font-size:82%;margin-left:0.3em;}

#msg_from_gra .profile p{margin-left:0;margin-bottom:0;margin-right:0;}

#msg_pickup p.link{
margin-bottom:5px;
_margin-bottom:10px;
background: url(../images/common/arrow_y.gif) left center no-repeat;}

#msg_from_gra p.txt-photo-desc{font-size:88%;*font-size:82%;}

#msg_pickup dl{
margin-left:20px;
margin-right:20px;}

#msg_pickup dt{
padding-left:15px;
background:#ffffcc url(../images/common/ar_gray_s_y.gif) 0 2px no-repeat;}

#msg_from_gra dt{margin-bottom:0.3em;}
#msg_from_gra dd{margin-left:15px;margin-bottom:1.2em;}

#msg_pickup img.line_dotted{margin-bottom:1.0em;}


/*----- 対話形式 -----*/
#msg_from_gra .line_dotted_length{
background:#fff url(../images/common/line_dotted_gray_length.gif) center top repeat-y;
margin-bottom:1.5em;}

#msg_from_gra .line_dotted_length dl{width:280px;margin-right:0;}
#msg_from_gra .line_dotted_length .flo-right dl{margin-right:10px;}

#msg_from_gra .line_dotted_length dt{
padding-left:15px;
background:#fff url(../images/common/ar_gray_s.gif) 0 0.2em no-repeat;}


/*----- ページ共通 -----*/
#msg_from_gra div.box_bg_blue{margin-bottom:1.5em;}
#msg_from_gra div.box_bg_blue .clearfix{width:423px;margin:1.5em auto;padding:1.5em 0;*padding:0;}
#msg_from_gra div.box_bg_blue .flo-left{width:141px;}/*共通で使える*/
#msg_from_gra div.box_bg_blue .flo-right{width:242px;}/*共通で使える*/


/*================================================
■7-6：SUB PAGE
================================================*/
/*course テーブル左マージン　*/
div.left_s {
	margin:0 0 1em 15px;
}
/*====table背景指定=======*/
.table_1 {
	border-collapse:collapse;
	padding:5px;
}

.table_2 {
	border-collapse:collapse;
	padding:5px;
	text-align:center;
}

.table_3 {
	border-collapse:collapse;
	padding:5px;
	width:580px;
	margin-bottom:30px;
}
.table_4 {
	border-collapse:collapse;
	padding:5px;
	width:600px;
	margin:0 auto;
}

.td_color_1 {
	background:#E2F3F9 url(../images/common/bg/table_bg_long.gif) repeat-x;
	height:20px;
	border:#fff solid 2px;
	padding:3px;
	color:#fff;
}
.td_color_2 {
	border:#fff solid 2px;
	background:#E2F3F9;
	padding:3px;
	color:#444;
}
.td_color_3 {
	background:#E2F3F9 url(../images/common/bg/table_bg_long.gif) repeat-x;
	border:#fff solid 2px;
	padding:3px;
	color:#fff;
}

/* テーブル、リスト関連 */
/*----- What's New / TCJ Information シニア割引 -----*/
#senior_discount{}

#sp_ctt #senior_discount dt{margin-bottom:0;}

#senior_discount ul.ul_bdr_gray{
border:1px solid #ccc;
padding:5px;
margin:0 10px 2.0em 15px;}

.tbl-link-exchange{border-collapse:collapse;border:1px solid #ccc;margin:0 10px 2.5em 15px;}

.tbl-link-exchange td{padding:5px;border:1px solid #ccc;}

.tbl-link-exchange td.img{width:25%;text-align:center;}
.tbl-link-exchange td a.ttl{font-weight:bold;display:block;}


/*========日本語教師養成講座/カリキュラム========*/
.box_curri_illust{
width:560px;
margin:0 auto 3.0em auto;}

.box_curri_illust table{
border-collapse:collapse;
margin-bottom:1.0em;}

.box_curri_illust table th{
text-align:center;
border:1px solid #003399;
background-color:#003399;}

.box_curri_illust table td{
text-align:center;}

.box_curri_illust table td.td_img_curri{
padding-top:10px;
padding-bottom:5px;
border:1px solid #003399;}

.box_curri_illust table img{
display:block;
vertical-align:middle;
margin:0 auto;
border:0;}

.curri_illust_dtl .flo-left, .curri_illust_dtl .flo-right{
width:280px;
height:182px;}

.curri_illust_dtl .flo-left{background:#fff url(../images/ja/main_content/training/bg_curri_course_01.gif) repeat-y;}

.curri_illust_dtl .flo-right{background:#fff url(../images/ja/main_content/training/bg_curri_course_02.gif) repeat-y;}

#sp_ctt .box_curri_illust p{
font-size:85%;
line-height:1.3;
margin-bottom:0.5em;
text-align:justify;
text-justify:distribute;}

/* 実技 */
.tbl_data_blue span.txt_pt{background-color:#FFFFCC;}


/* フォーム関連のページ */
.td_request_1 {
	background:#E2F3F9;
	border:#EBF8FC solid 2px;
	padding:3px;
	color:#f00;
	vertical-align:top;
	font-weight:bold;
}
.td_request_1_2 {
	background:#E2F3F9;
	border:#EBF8FC solid 2px;
	padding:3px;
	color:#444;
	vertical-align:top;
	font-weight:bold;
}
.td_request_1_3 {
	background:#E2F3F9;
	border:#EBF8FC solid 2px;
	padding:3px;
	color:#444;
	vertical-align:top;
}
.td_request_1_4 {
	background:#E2F3F9;
	border:#EBF8FC solid 1px;
	padding:1px;
	color:#444;
	vertical-align:top;
}
.td_request_2 {
	border:#EBF8FC solid 2px;
	background:#fff;
	padding:3px;
	color:#444;
	vertical-align:top;
}
.td_request_3 {
	background:#E2F3F9 url(../images/common/bg/table_bg_long.gif) repeat-x;
	border:#EBF8FC solid 2px;
	padding:3px;
	color:#fff;
	vertical-align:top;
	text-align:center;
	font-weight:bold;
}

/*list四角画像 - スクール体験、新着情報 */
ul.shikaku {
	list-style:none;
	padding-left:15px;
}
ul.shikaku li{
	background:url(../images/common/square.gif) no-repeat  left center;
	width:500px;
	padding-left:15px;
	margin-bottom:1.2em;
}


/*list四角画像 - 学校案内/学習環境紹介 */ /* 20090825簡体字・繁体字サイトで使用 */
#sp_ctt ul.ico_square_02 {list-style:none;margin-bottom:2.5em;}
#sp_ctt ul.ico_square_02 li{
background:url(../images/common/square_2.gif) no-repeat left top;
padding-left:15px;}

#enviroment #sp_ctt ul.ico_square_02{margin-left:0;width:400px;}


/*後日"ul.ico_square_02"に統一*/
ul.shikaku_2 {
	list-style:none;
	float:right;
	padding-bottom:5px;
}
ul.shikaku_2 li{
	background:url(../images/common/square_2.gif) no-repeat  left top;
	width:380px;
	padding-left:15px;
}


/*アンダーバー*/
.under_ber {
	width:585px;
	border-bottom:1px dotted #aaa;
	margin-left:15px;
	padding-bottom:10px;
	margin-bottom:20px;
}
.under_ber_2 {
	border-bottom:1px dotted #aaa;
	margin-left:15px;
	padding-bottom:10px;
	margin-bottom:20px;
}

/*=========スクール体験=============*/
div.bg_blue{
	width:550px;
	margin:20px 0 20px 15px;
	padding:15px 15px;
	background:#E3F5FC;
}
.school_img {
	padding-right:30px;
}
.school_web {
	padding-bottom:10px;
}
.school_web_bottom {
	padding-top:15px;
}
.school_table {
	width:350px;
}
.school_table tr {
	height:40px;
}
.tr_border td {
	border-bottom:1px dotted #333;
}
/*プライバシーポリシー*/
.privacy {
	margin-left:30px;
	margin-bottom:1.2em;
}


/*================================================
■7-7：EACH PAGE - 学校案内
================================================*/
/*===== 学院について =====*/
/* 年表・学院概要 */
table.tbl-chronology, table.tbl-school-outline{
width:585px;
border-collapse:collapse;
text-align:center;
background-color:#E3F5FC;
margin:0 5px 3.0em 15px;}

table.tbl-chronology td, table.tbl-school-outline th, table.tbl-school-outline td{
text-align:left;
padding:3px 0px;
vertical-align:top;}

table.tbl-chronology td.yr{
width:12%;
padding-left:20px;}

table.tbl-school-outline th{
width:22%;
text-align:right;
font-weight:normal;
padding-right:15px;}


/*===== アクセス =====*/
#access{}

#access div.box-map{margin:0 30px 3.0em;}
#access div.box-map iframe{border:1px solid #666;}
#access div.access-dtl{text-align:center;font-family:Verdana, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;margin-bottom:3.0em;}

#access div.access-dtl a:link, #access div.access-dtl a:visited, #access div.access-dtl a:active{color:#333;text-decoration:none;}
#access div.access-dtl a:hover{color:#e14e14;text-decoration:underline;}
#access div.access-dtl span.schoolname{font-size:125%;font-weight:bold;display:block;}
#access div.access-dtl span.txt-dtl{font-size:82%;}


/*================================================
■7-8：EACH PAGE - コンセプト/イベント・パーティ
================================================*/
table.tbl-event-photo{
border-collapse:collapse;
border-spacing:0;
margin:0 auto;
margin-bottom:2.0em;}

table.tbl-event-photo td{padding:0 5px 5px 5px;}
table.tbl-event-photo td img{display:block;}


/*================================================
■7-9：EACH PAGE - 問い合わせフォーム
================================================*/
body#form-input{}


body#pg-form-conf, body#pg-form-error, body#pg-form-comp{padding-top:1.5em;}

div.ie-ctr{*text-align:center;*padding-bottom:1px;}

#box-tbl-form{
color:#444;
width:600px;
margin:0 auto 2.5em;
background-color:#E2F3F9;
border:2px solid #D1E0E5;}

#tbl-form{
width:580px;
border-collapse:collapse;
border-spacing:0;
margin:10px auto 30px;}

#tbl-form th, #tbl-form td{
color:#444;
font-weight:normal;
text-align:left;
vertical-align:top;
padding:3px;
border:2px solid #fff;}

#tbl-form th{background-color:#E2F3F9;}

#tbl-form th.main-ttl{
text-align:center;
font-weight:bold;
color:#fff;
background:#E2F3F9 url(../images/common/bg/table_bg_long.gif) repeat-x;}

#tbl-form td{background-color:#fff;border-bottom:#EBF8FC solid 2px;}

#tbl-form td.txt_notice {color:#CC3333;}

body#form-input #tbl-form th{font-weight:bold;}
body#form-input #tbl-form th.th-required{color:#FF0000;}
body#form-input #tbl-form th, body#form-input #tbl-form td{border:2px solid #EBF8FC;}

body#form-input div.box-form-btn{margin:0 auto 2.5em;width:130px;}

body#pg-form-error #tbl-form th, body#pg-form-error #tbl-form td{
text-align:center;}


/*----- 完了ページ -----*/
body#pg-form-comp #box-tbl-form{width:480px;}
#box-thanksmsg{margin:10px 10px 30px;background-color:#fff;padding:10px;}
#box-thanksmsg p{color:#304591;font-size:125%;*font-size:100%;text-align:center;margin-bottom:1.0em;}
#box-thanksmsg p.link{text-align:left;margin-bottom:0;}


/*================================================
■8：印刷用ページ
================================================*/
body#pg-print{margin:15px 5px 5px 5px;}
body#pg-print #container{width:585px;margin:0 auto;background-color:#fff;}
body#pg-print #container #main_content{float:none;width:100%;}
body#pg-print #sp_ctt{}
body#pg-print #sp_ctt h4, body#pg-print #sp_ctt h5, body#pg-print #sp_ctt p, body#pg-print #sp_ctt .tbl_data_blue, body#pg-print #sp_ctt .tbl_data_blue_type2, body#pg-print #sp_ctt .tbl_data_orange{margin-left:0;}
body#pg-print #sp_ctt .btn-close{text-align:center;margin-bottom:1.0em;*display:none;}
body#pg-print #footer{width:100%;text-align:center;}

/*================================================
■9：ヘッダー
================================================*/

div#header {position:relative;z-index:1;}
div#header div#contactItem {position:absolute;right:0;top:25px;z-index:2;}