@charset "UTF-8";
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  BJTビジネス日本語能力テストとは ｜ about
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  BJTビジネス日本語能力テストとは ｜ about/index.html
-------------------------------------------------------------*/
/* 入国審査背景 */
#dataSection { padding-right:180px; min-height:125px; background:url(/bjt/about/images/about_pic_earth.jpg) no-repeat right bottom; }

/* BJT活用3種 */
#conjugation .box { float:left; width:218px; margin-left:15px; padding:10px 0 0 0; }
#conjugation .wrapper { padding:0 15px 15px 15px; }
#conjugation .example { background:#ffffff; margin-top:10px; padding:8px; }
#conjugation .example p { margin-top:0; }
#conjugation .example ul { margin:0 0 10px 0; }
#conjugation .example ul li { background:url(/bjt/about/images/about_pic_list.gif) no-repeat left 0.5em; padding-left:10px; list-style:none; }
#conjugation #enterprize { background:#f2eee6; }
#conjugation #university { background:#f9eadc; }
#conjugation #jpSchool { background:#f0edf1; }
#conjugation #enterprize .example p { color:#7e883f; }
#conjugation #university .example p { color:#b86056; }
#conjugation #jpSchool .example p { color:#876891; }

/*------------------------------------------------------------
  レベルガイド ｜ about/levelguide.html
-------------------------------------------------------------*/
#levelguideInner { margin-top:30px; }
#levelguideInner p#levelguideImg { float:left; width:164px; }
#levelguideInner ul#levelguideList { float:left; width:485px; margin-left:25px; }
#levelguideInner ul#levelguideList > li { list-style:none; border-top:1px solid #ad0008; margin-top:15px; padding-top:15px; }
#levelguideInner ul#levelguideList > li:first-child { margin-top:0; }
#levelguideInner ul#levelguideList li h3 { margin:0; border:none; padding:0; position:relative; }
#levelguideInner ul#levelguideList li h3 span { position:absolute; right:0; top:-5px; display:block; border:1px solid #d30619; font-size:78%; font-weight:normal; padding:2px 0; color:#d30619; text-align:center; width:100px; }
#levelguideInner ul#levelguideList li p.txtLgCaption { color:#682f78; font-weight:bold; }
#levelguideInner ul#levelguideList li ul { margin:5px 0 0; }
#levelguideInner ul#levelguideList li ul li { line-height:1.1em; list-style:none; background:url(/bjt/about/images/about_levelguide_bg_icon.gif) left 0.1em no-repeat; padding-left:15px; }

/*------------------------------------------------------------
  受験者による自己評価 ｜ about/evaluation.html
-------------------------------------------------------------*/

/* 評価カラー */
table.reportResult .reportColor01 { color:#E00012; }
table.reportResult .reportColor02 { color:#B86056; }
table.reportResult .reportColor03 { color:#7E883F; }
table.reportResult .col01 { width:230px; }
table.reportResult .col02,
table.reportResult .col03,
table.reportResult .col04,
table.reportResult .col05,
table.reportResult .col06,
table.reportResult .col07 { width:75px; }

/* 評価カラー02 */
#selfEvaluationInner { width:600px; margin:10px auto 0; }
#selfEvaluationInner p { margin:0; font-size:108%; }
#selfEvaluationInner table { margin-top:0; }
#selfEvaluationInner table tr:first-child th { padding:0; }
#selfEvaluationInner table tr:first-child td { padding:0; }
#selfEvaluationInner table th { width:173px; text-align:center; }
#selfEvaluationInner table td { width:70px; text-align:center; }
table.reportResult02 { margin-top:20px; }
table.reportResult02 .reportColor01 { background-color:#ea4149; }
table.reportResult02 .reportColor02 { background-color:#ef675b; }
table.reportResult02 .reportColor03 { background-color:#f89c65; }
table.reportResult02 .reportColor04 { background-color:#fdbe64; }
table.reportResult02 .reportColor05 { background-color:#fec365; }
table.reportResult02 .reportColor06 { background-color:#fbc885; }
table.reportResult02 .reportColor07 { background-color:#fde1a4; }
table.reportResult02 .reportColor08 { background-color:#fefcbc; }
table.reportResult02 tr.averageRow { background-color:#ccbfd0; }
table.reportResult02 tr.averageRow th { background-color:#ccbfd0; text-align:center; }
table.reportResult02 tr.averageRow td { color:#000000; }
table.reportResult02 th { text-align:left; }
table.reportResult02 th.col01 { background-color:#ffffff; text-align:center; }
table.reportResult02 td { text-align:center; color:#000000; }
table.reportResult02 .col01 { width:173px; }
table.reportResult02 .col02,
table.reportResult02 .col03,
table.reportResult02 .col04,
table.reportResult02 .col05,
table.reportResult02 .col06,
table.reportResult02 .col07 { width:70px; text-align:center; background-color:#ffffff; }
table.reportResult02.averageTable { margin-top:20px; }
table.reportResult02.averageTable tr { background-color:#b999ad; }
table.reportResult02.averageTable tr th { background-color:#b999ad; width:167px; text-align:center; }
table.reportResult02.averageTable tr td { width:70px; color:#000000; }
table.reportResult02.averageTable02 { margin-top:40px; border:solid 2px #ffffff; outline:solid 1px #999999; }
table.reportResult02.averageTable02 tr { background-color:#a88099; color:#ffffff; }
table.reportResult02.averageTable02 tr th { background-color:#a88099; color:#ffffff; width:167px; text-align:center; font-size:124%; }
table.reportResult02.averageTable02 tr td { width:70px; color:#ffffff; font-size:124%; }
table.reportResult02 th,
table.reportResult02 td { border:1px solid #dddddd; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  申込方法(国内) ｜ interior
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  個人申込 ｜ interior/personal.html
-------------------------------------------------------------*/
/* 見出しアイコン */
span.applyIcon { display:block; min-height:2em; line-height:2.3; padding-left:38px; }
span.iconInternet { background:url(/bjt/interior/images/interior_personal_icon_internet.gif) no-repeat left top; }
span.iconConveni { background:url(/bjt/interior/images/interior_personal_icon_conveni.gif) no-repeat left top; }
span.iconBookstore { background:url(/bjt/interior/images/interior_personal_icon_bookstore.gif) no-repeat left top; }

/*------------------------------------------------------------
  団体申込 ｜ interior/group.html
-------------------------------------------------------------*/
/* 申込方法3種 */
#applyList .box { float:left; width:218px; padding:10px 0 0 0; background:#f9ecdf; }
#applyList .wrapper { padding:0 15px 15px 15px; }
#applyList .formLink { border-top:1px solid #666666; border-bottom:1px solid #666666; padding:10px 0; }
#applyList .formLink a span { text-decoration:underline; }
#applyList .formLink a:hover span { text-decoration:none; }
#applyList .detail { min-height:7em; }

/*------------------------------------------------------------
  取扱書店一覧 ｜ interior/personal/booksotre.html
-------------------------------------------------------------*/
/* 地方テーブル */
table.region .col01 { width:40px; }
table.region .col02 { width:55px; }
table.region .col03 { width:175px; }
table.region .col04 { width:60px; }
table.region .col05 { width:185px; }
table.region .col06 { width:80px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  申込方法(海外) ｜ overseas
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  各国の試験センター ｜ overseas/index.html
-------------------------------------------------------------*/
/* 試験センターテーブル */
table.centerPlace .col01 { width:55px; }
table.centerPlace .col02 { width:150px; }
table.centerPlace .col03 { width:135px; }
table.centerPlace .col04 { width:70px; }
table.centerPlace .col05 { width:70px; }
table.centerPlace .col06 { width:70px; }
table.centerPlace .col07 { width:65px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  Voice ｜ voice
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  一覧 ｜ voice/index.html
-------------------------------------------------------------*/
/* カテゴリリスト */
.voiceArea { margin:0 0 0 17px; }
.voiceArea .voiceItem { display:inline; float:left; width:142px; margin:15px 10px 30px; }
.voiceArea .voiceItem p { margin:0 0 5px; line-height:1.2; }
.voiceList { border-right:2px solid #c2002e; margin-right:10px; padding-top:2px; padding-right:10px; font-weight:bold; position:relative; top:2px; }
.noticeAreaWhite span.planeBtn a { margin-top:0; }

/* カテゴリナビ */
.voiceNavi { text-align:left; margin:0 auto; width:100%; }
.voiceNavi .pagerNavi { margin:20px 0; }

/* ページャー */
.pagerNavi .voicePager { width:430px; margin:5px auto 0; text-align:center; }
.pagerNavi .voicePager .pagerBtn { display:inline-block; margin:5px 2px 0; padding:0; border:#cccccc solid 1px; }
.pagerNavi .voicePager .pagerBtn a { padding:5px 8px; display:inline-block; color:#000000; text-decoration:none; }
.pagerNavi .voicePager .pagerBtn a:hover { background-color:#f4e3e3; }
.pagerNavi .voicePager .pagerCurrent { background-color:#f4e3e3; }

/*------------------------------------------------------------
  記事 ｜ voice/----/detail.html
-------------------------------------------------------------*/
/* 記事詳細 */
p.voicePic { float:left; margin:0 20px 20px 0; }
.voiceName { border-bottom:1px solid #cccccc; margin:0 0 10px 170px; padding:0 0 10px; }
.voiceExtra { margin-bottom:5px; }
.voiceDetail { margin-top:10px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  サンプル問題 ｜ sample
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* カテゴリリスト */
.sampleQuestion { margin:30px 0 0; }
.sampleQuestion ul { list-style-type:none; margin:0; }
.sampleQuestion ul li { border-bottom:1px dotted #cccccc; padding:5px 0 5px 25px; font-size:13px; }
.sampleQuestion ul li.q01 { background:url(/bjt/sample/images/sample_pic_list01.gif) no-repeat left 5px; }
.sampleQuestion ul li.q02 { background:url(/bjt/sample/images/sample_pic_list02.gif) no-repeat left 5px; }
.sampleQuestion ul li.q03 { background:url(/bjt/sample/images/sample_pic_list03.gif) no-repeat left 5px; }
.sampleQuestion ul li.q04 { background:url(/bjt/sample/images/sample_pic_list04.gif) no-repeat left 5px; }
.sampleQuestion .iframeInner { float:left; width:320px; }
.sampleQuestion .iframeInner .iframeBox { position:relative; padding-bottom:53.05%; padding-top:30px; height:0; overflow:hidden; }
.sampleQuestion .iframeInner .iframeBox iframe { width:100%; height:100%; position:absolute; top:0; left:0; }
.sampleAnswerArea { width:600px; padding:10px; }
p.sampleAnswer { margin:0 0 20px 10px; font-size:13px; padding:5px 0 0 38px; min-height:18px; }
p.ans01 { background:url(/bjt/sample/images/sample_pic_list01.gif) no-repeat 13px 5px; }
p.ans02 { background:url(/bjt/sample/images/sample_pic_list02.gif) no-repeat 13px 5px; }
p.ans03 { background:url(/bjt/sample/images/sample_pic_list03.gif) no-repeat 13px 5px; }
p.ans04 { background:url(/bjt/sample/images/sample_pic_list04.gif) no-repeat 13px 5px; }
p.sampleAnswer img { vertical-align:bottom; margin-right:10px; }
.sampleQuestionImage { margin:30px 0 0; text-align:center; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  実施結果・成績証明書再発行 ｜ pastdata
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  成績証明書の再発行 ｜ pastdata/certificate.html
-------------------------------------------------------------*/
/* 四角リスト（オレンジ） */
ul.pastList li { padding:0 0 0 13px; list-style:none; background:url(/bjt/pastdata/images/pastdata_pic_square.gif) no-repeat left 0.45em; }
.atCommentArea { display:block; width:380px; padding:10px; border:1px solid #c2002e; color:#c2002e; }
body.fontLarge .atCommentArea { width:480px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  資料のダウンロードと請求 ｜ brochure
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  資料のダウンロードと請求 ｜ brochure/index.html
-------------------------------------------------------------*/
/* ダウンロード3種 */
#brochure .box { float:left; width:218px; padding:10px 0 0 0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  各種調査結果 ｜ survey_reports
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  各種調査結果 ｜ survey_reports/index.html
-------------------------------------------------------------*/
/* 調査結果レポート一覧 */
.reportList { border-bottom:1px dotted #999999; padding:10px 0; }
.reportList .detail { float:right; width:600px; padding:40px 0 0; }
.reportList .pic { float:left; width:80px; }
.reportList p { margin-top:0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  お知らせ ｜ topics
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 一覧 */
dl.topics_list { width:100%; overflow:hidden; }
dl.topics_list dt { float:left; font-weight:normal; color:#222222; vertical-align:top; }
dl.topics_list dt span.topicsDate { padding:0 0 0 20px; background:url(/bjt/common/images/link_plane_arrow.gif) no-repeat scroll left 0.15em transparent; }
dl.topics_list dd { padding:0 0 10px 9em; border-bottom:1px dotted #cccccc; }

/* 詳細 */
.topics_detail_icon { margin:0 7px; }
.topics_date { position:absolute; top:30px; right:19px; text-align:right; width:200px; height:20px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  FAQ／お問い合わせ ｜ faq
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
dl.faqList { overflow:hidden; margin-top:0; }
dl.faqList dt { background:url(/bjt/common/images/link_plane_arrow.gif) no-repeat scroll left 11px; border-bottom:1px dotted #999999; padding:7px 0 5px 20px; color:#333333; margin:0; }
dl.faqList dt.active { background:url(/bjt/common/images/link_plane_arrow_open.gif) no-repeat scroll left 11px; }
dl.faqList dd { margin:0 0 5px; padding-left:20px; }
dl.faqList dd .faqAnswer { margin-top:5px; }
dl.faqList dd .faqClose { margin:10px 0 30px; text-align:right; }
dl.faqList dd .faqClose span.planeBtn a { background-image:url(/bjt/common/images/link_plane_arrow_close.gif); }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  お知らせ ｜ topics
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 一覧 */
dl.topics_list { width:100%; overflow:hidden; padding-top:2px; }
dl.topics_list dt { float:left; font-weight:normal; color:#222222; vertical-align:top; margin-right:10px; }
dl.topics_list dt span.topicsDate { padding:10px 0 0 20px; background:url(/bjt/common/images/link_plane_arrow.gif) no-repeat scroll left 1.1em transparent; display:block; position:relative; }
dl.topics_list dt span.topicsDate img { position:absolute; right:-8.5em; top:12px; }
dl.topics_list dd { padding:10px 0 10px 9em; border-bottom:1px dotted #cccccc; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  CBT受験について ｜ about/cbt.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cbtArea p		{ margin-top:5px; line-height:1.4em; }
#cbtArea .fLeft	{ width:340px; }
#cbtArea p#cbtAttention	{ font-size:85%; margin-top:10px; }
#cbtArea #aboutCbtInner	{ margin-top:30px; }
#cbtArea #aboutCbtInner ul	{ margin:0; }
#cbtArea #aboutCbtInner ul li	{ list-style:none; }
#cbtArea #aboutCbtInner > ul > li	{ float:left; width:340px; margin:0 0 0 20px; }
#cbtArea #aboutCbtInner > ul > li:first-child	{ margin:0; }
#cbtArea #aboutCbtInner ul li dl	{ margin:0; }
#cbtArea #aboutCbtInner ul li dl dt	{ background:#cc2925; color:#ffffff; text-align:center; padding:10px 0 9px; font-size:124%; font-weight:normal; }
#cbtArea #aboutCbtInner ul li dl dd	{ background:#f7f5ed; padding:3px 25px 15px; }
#cbtArea #aboutCbtInner ul li dl dd ul li	{ border-top:solid 1px #d4d4d4; padding-top:10px; padding-left:1em; text-indent:-1em; }
#cbtArea #aboutCbtInner ul li dl dd ul li:first-child		{ border:none; }
#cbtArea #aboutCbtInner ul li dl dd ul li span.f11		{ display:inline-block; margin-left:1em; }
#cbtArea #aboutCbtInner ul#cbtBtnList	{ text-align:center; margin-top:25px; }
#cbtArea #aboutCbtInner ul#cbtBtnList li	{ width:auto; float:none; display:inline-block; margin-left:10px; }
#cbtArea #aboutCbtInner ul#cbtBtnList li:first-child { margin:0; }
#cbtArea #aboutCbtInner ul#cbtBtnList li span	{ display:block; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 個人申込・団体申込共通 ｜ /personal/index.html・/group/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#applicationArea		{ line-height:1.4em; }
#applicationArea.descArea		{ margin-top:20px; }
#applicationArea .icon_www		{ display:inline; }
#applicationArea h4		{ border:none; background:#c2002e; color:#ffffff; font-size:100%; font-weight:normal; padding:5px 10px 3px; margin-top:45px; }
#applicationArea h5		{ margin-top:30px; background:url(/bjt/common/images/doubleline.gif) no-repeat left bottom; font-size:100%; padding-bottom:4px; }
#applicationArea ul li		{ list-style:none; }
#applicationArea ol.applicationStepDetail	{ padding:0; margin:0; }
#applicationArea ol.applicationStepDetail > li	 { background:url(/bjt/common/images/tenline.gif) repeat-x left bottom; padding:20px 0 15px; list-style:none; }
#applicationArea ol.applicationStepDetail li dl { margin:0; }
#applicationArea ol.applicationStepDetail li dl dt { padding-left:3em; color:#c2002e; font-size:108%; }
#applicationArea ol.applicationStepDetail li dl dt span { margin-left:-3.4em; background:#c2002e; color:#ffffff; display:inline-block; width:2.2em; text-align:center; font-weight:normal; margin-right:5px; padding:4px 0 0; font-size:86%; }
#applicationArea ol.applicationStepDetail.voucher li dl dt span { background:#e98937; }
#applicationArea ol.applicationStepDetail.group li dl dt span { background:#37b0d1; }
#applicationArea ol.applicationStepDetail.summary li dl dt span { background:#7dba52; }
#applicationArea ol.applicationStepDetail li dl dd	{ margin-top:10px; }
#applicationArea ol.applicationStepDetail li dl dd p	{ margin:0; }
#applicationArea ol.applicationStepDetail li dl dd span.stepNum { margin-left:3px; background:#c2002e; color:#ffffff; display:inline-block; width:2.2em; text-align:center; font-weight:normal; margin-right:3px; padding:4px 0 0; font-size:86%; text-indent:0; }
#applicationArea ol.applicationStepDetail.group li dl dd span.stepNum { background:#37b0d1; }
#applicationArea ol.applicationStepDetail.summary li dl dd span.stepNum { background:#7dba52; }
#applicationArea ol.applicationStepDetail.group li dl dd span.stepNum.voucher { background:#e98937; }
#applicationArea ol.applicationStepDetail.summary li dl dd span.stepNum.voucher { background:#e98937; }
#applicationArea ol.applicationStepDetail.gLogin li dl dd span.stepNum.voucher { background:#ff0000; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 個人申込 ｜ /personal/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#applicationArea ul#personalStepList { margin:25px auto 0; width:580px; }
#applicationArea ul#personalStepList li { float:left; margin:0 0 0 7px; padding-left:12px; background:url(/bjt/common/images/common_bg_listmark06_pc.gif) no-repeat left 30px; }
#applicationArea ul#personalStepList li:first-child	{ margin:0; padding:0; background:none; }
#applicationArea ul.applyVietnam { margin:0; padding:0; }
#applicationArea dl.applyVietnam dt { margin-top:15px; font-weight:bold; color:#222222; }
#applicationArea dl.applyVietnam dd table { margin-top:5px; }
#applicationArea dl.applyVietnam dd table th { width:70px; font-weight:normal; }
body.fontLarge #applicationArea dl.applyVietnam dd table th { width:90px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 団体申込 ｜ /group/index.html
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#applicationArea h3#voucherTitle,
#applicationArea h3#groupTitle,
#applicationArea h3#summaryTitle	{ margin-left:0; }
#applicationArea ul#groupCateList	{ margin:10px 0 0; }
#applicationArea ul#groupCateList li	{ margin-top:15px; padding-left:1em; text-indent:-1em; }
#applicationArea ul#groupCateList li span		{ display:block; }
#applicationArea ul.groupStepList { margin:25px auto 0; width:580px; }
#applicationArea ul.groupStepList li { float:left; margin:0 0 0 5px; padding-left:15px; background:url(/bjt/common/images/common_bg_listmark06_pc.gif) no-repeat left 40px; }
#applicationArea ul.groupStepList li:first-child	{ margin:0; padding:0; background:none; }
#applicationArea p.groupPagetop		{ text-align:right; margin-top:20px; }
#applicationArea ol.applicationStepDetail li ul { margin:15px 0 0; }
#applicationArea ol.applicationStepDetail li ul li { margin-top:15px; padding-left:1em; text-indent:-1em; }
#applicationArea ol.applicationStepDetail li ul li em	{ font-weight:bold; }