@charset "utf-8";
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, p, a, address, em, img, small, strong, dl, dt, dd, ol, ul, li, table, tr, th, td, article, aside, figure, footer, header, nav, section, time { margin: 0; padding: 0; outline: 0; border: 0; background: transparent; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
article, aside, figure, footer, header, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
/* default */
html { overflow-x: hidden; overflow-y: scroll; height: 100%; background: #fff; }
body { width: 960px; margin: 0 auto; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15); box-shadow: 0 0 20px rgba(0,0,0,0.15); background: #fff; color: #222; font: 14px/1.7 Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; }
p, table { margin-bottom: .7em; }
address, em, strong, th { font-style: normal; }
em { font-weight: 700; }
th, td { padding: .2em .35em; vertical-align: middle; }
th { font-weight: 400; text-align: center; white-space: nowrap; }
a:link { color: #1a0dab; text-decoration: none; }
a:visited { color: #609; }
a:hover { text-decoration: underline; }
/* ヘッダー */
header { width: 960px; height: 60px; }
header h1 { float: left; width: 458px; height: 37px; margin-top: 15px; margin-left: 20px; background: url(../img/common/logo.jpg) no-repeat; text-indent: -9998px; }
header h1 a { display: block; height: 37px; }
#hnav { float: left; width: 560px; height: 23px; margin-top: 63px; margin-left: 20px; }
#hnav ul li { float: left; padding-right: 5px; }
#hnav ul li img { vertical-align: middle; }
/* ナビゲーション */
nav { width: 960px; height: 55px; }
nav li, nav li a { display: block; list-style: none; float: left; text-indent: -9998px; }
#nav-01 { float: left; width: 201px; height: 55px; background: url(../img/common/gnav.jpg) 0 -55px no-repeat; }
#nav-02 { float: left; width: 193px; height: 55px; background: url(../img/common/gnav.jpg) -201px -55px no-repeat; }
#nav-03 { float: left; width: 124px; height: 55px; background: url(../img/common/gnav.jpg) -394px -55px no-repeat; }
#nav-04 { float: left; width: 266px; height: 55px; background: url(../img/common/gnav.jpg) -518px -55px no-repeat; }
#nav-05 { float: left; width: 176px; height: 55px; background: url(../img/common/gnav.jpg) -784px -55px no-repeat; }
#nav-01 a { float: left; width: 201px; height: 55px; background: url(../img/common/gnav.jpg) no-repeat; }
#nav-02 a { float: left; width: 193px; height: 55px; background: url(../img/common/gnav.jpg) -201px 0 no-repeat; }
#nav-03 a { float: left; width: 124px; height: 55px; background: url(../img/common/gnav.jpg) -394px 0 no-repeat; }
#nav-04 a { float: left; width: 266px; height: 55px; background: url(../img/common/gnav.jpg) -518px 0 no-repeat; }
#nav-05 a { float: left; width: 176px; height: 55px; background: url(../img/common/gnav.jpg) -784px 0 no-repeat; }
#nav-01 a:hover { float: left; width: 201px; height: 55px; background: url(../img/common/gnav.jpg) 0 -55px no-repeat; }
#nav-02 a:hover { float: left; width: 193px; height: 55px; background: url(../img/common/gnav.jpg) -201px -55px no-repeat; }
#nav-03 a:hover { float: left; width: 124px; height: 55px; background: url(../img/common/gnav.jpg) -394px -55px no-repeat; }
#nav-04 a:hover { float: left; width: 266px; height: 55px; background: url(../img/common/gnav.jpg) -518px -55px no-repeat; }
#nav-05 a:hover { float: left; width: 176px; height: 55px; background: url(../img/common/gnav.jpg) -784px -55px no-repeat; }
/* 記事 */
article { clear: left; float: left; width: 700px; margin: 20px; }
article a[href^="http"] { padding-right: 17px; background: url(../img/common/icon-external.png) right 3px no-repeat; }
article a[href$=".pdf"] { padding-right: 17px; background: url(../img/common/icon-pdf.png) right 2px no-repeat; }
article a[href$=".doc"] { padding-right: 17px; background: url(../img/common/icon-doc.png) right 2px no-repeat; }
article a[href$=".xls"] { padding-right: 17px; background: url(../img/common/icon-xls.png) right 2px no-repeat; }
article a[href^="mailto:"] { padding-right: 17px; background: url(../img/common/icon-mail.png) right 2px no-repeat; }
/* 記事内セクション */
section { overflow: hidden; clear: both; width: 660px; margin: 20px 0; padding: 20px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15); box-shadow: 0 0 20px rgba(0,0,0,0.15); background: #fff8f8; }
.report-area { overflow: hidden; width: 620px; margin: 20px 0; padding: 20px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15); box-shadow: 0 0 20px rgba(0,0,0,0.15); background: #fffffc; }
/* 見出し */
h2 { width: 700px; height: 50px; text-indent: -9998px; }
h3 { position: relative; margin-bottom: 20px; padding-left: 35px; border-bottom: 2px solid #9e6f6f; font-weight: 400; font-size: 20px; }
h3:before { position: absolute; top: 11px; left: 0; width: 16px; height: 16px; border: 2px solid #9e6f6f; content: ""; }
h3:after { position: absolute; top: 3px; left: 9px; width: 13px; height: 13px; border: 2px solid #c19898; content: ""; }
h4 { margin-bottom: 20px; padding: 10px 20px; background: #9e5f5f; color: #fffffc; font-weight: 700; font-size: 16px; text-shadow:1px 1px 2px #333; }
/* ホームページ (新着情報) */
#mainv { width: 960px; height: 280px; background: url(../img/common/mainv.jpg); text-indent: -9998px; } /* ホーム画像 */
#news h2 { background: url(../img/common/ttl-news.jpg) no-repeat; }
#news dl { margin: .7em 1em 0; }
#news dt { display: block; float: left; clear: both; padding: .35em 0; }
#news dd { padding: .35em 0 .35em 85px; border-bottom: 1px dotted #ccc; }
#news dd:last-child { border-bottom: none; }
#news time { display: inline-block; width: 85px; font-size: 12px; }
/* 諸行事一覧 */
#event h2 { background: url(../img/common/ttl-event.jpg) no-repeat; }
#event table { margin-bottom: 30px; }
#event tbody th { width: 200px; white-space: normal; }
#event td:last-child { width: 240px; }
/* イベント報告 */
#event-report h2 { background: url(../img/common/ttl-event-report.jpg) no-repeat; }
#event-report ul { padding-bottom: 10px; }
#event-report .list-dec li { list-style-type: decimal; margin-left: 20px; }
/* 留学報告 [日本人寄稿] */
#experience-report h2 { background: url(../img/common/ttl-experience-report.jpg) no-repeat; }
/* 議会要項等 */
#guideline h2 { background: url(../img/common/ttl-guideline.jpg) no-repeat; }
#guideline section { background: #fffffc; }
#guideline dd { margin: 0 20px; }
/* 留学生からのメッセージ */
#message h2 { background: url(../img/common/ttl-message.jpg) no-repeat; }
/* 総会・運営委員会だより */
#newsletter h2 { background: url(../img/common/ttl-newsletter.jpg) no-repeat; }
#newsletter ul { padding-bottom: 10px; }
/* 留学生受入れの現状 */
#status h2 { background: url(../img/common/ttl-status.jpg) no-repeat; }
#status ul { padding: 20px 1em 0; }
#status li { padding-bottom: .7em; padding-left: 18px; background: url(../img/common/icon-red.jpg) left 6px no-repeat; }
/* サイドナビゲーション */
aside { float: left; width: 200px; height: 145px; margin: 20px 20px 20px 0; line-height: 1; }
a img.btn-hover { opacity: 1.0; }
a:hover img.btn-hover { opacity: .8; }
/* フッター */
footer { position: relative; clear: left; padding: 20px; background: #f2f2f2; text-align: center; }
#copyright { color: #666; font-size: 11px; text-align: center; }
#page-top { display: inline-block; position: absolute; top: -31px; /*数値は画像の高さ＋1px*/ right: 75px; }
#page-top a:link { display:block; width: 90px; height: 32px; background: url(../img/common/page-top-off.png); text-indent:-9998px; }
#page-top a:hover { display:block; width: 90px; height: 32px; background: url(../img/common/page-top-on.png); text-indent:-9998px; }
/* 汎用 */
.file-info { margin-left: 5px; color: #999; font-size: 12px; } /* ファイルタイプ・サイズ用のSPAN */
#anchor-link { padding: 15px 10px 5px; } /* 横並びアンカーリンク (ul) */
#anchor-link li { float: left; /*IE7対策追加*/ margin: 0 10px; padding-bottom: 10px; padding-left: 15px; background: url(../img/common/icon-red.jpg) left 4px no-repeat; font-size: 12px; white-space: nowrap; }
.go-top { clear: both; float: right; margin-bottom: 20px; padding-left: 17px; background: url(../img/common/icon-go-top.png) left 2px no-repeat; font-size: 12px; }
.tbl-border th { padding: 8px 15px; border-left: 1px solid #9d4646; border-top: 1px solid #9d4646; border-bottom: 1px solid #9d4646; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,70,70,0.7)), color-stop(50%,rgba(157,70,70,0.9))); background: -webkit-linear-gradient(top, rgba(157,70,70,0.7) 0%,rgba(157,70,70,0.9) 50%); background: linear-gradient(to bottom, rgba(157,70,70,0.7) 0%,rgba(157,70,70,0.9) 50%); color: #fffffc; font-weight: 400; line-height: 120%; white-space: nowrap; }
.tbl-border th:last-child { border-right:1px solid #9d4646; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.3),0px 1px 1px rgba(255,255,255,0.3) inset; box-shadow: 2px 2px 1px rgba(0,0,0,0.3),0px 1px 1px rgba(255,255,255,0.3) inset; }
.tbl-border tbody th { background: #f3e4e4; color: #4d4a4a; }
.tbl-border td { padding: 8px 15px; border-bottom: 1px solid #be6b6b; border-left: 1px solid #be6b6b; }
.tbl-border td:last-child { border-right: 1px solid #be6b6b; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.3); box-shadow: 2px 2px 1px rgba(0,0,0,0.3); }
.tbl-border tr { background: #fffffc; }
.tbl-border tr:last-child td { -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.3); box-shadow: 2px 2px 1px rgba(0,0,0,0.3); }
.tbl-width-660 { width: 660px; }
.list-disc li { list-style-type: disc; margin-left: 20px; }
.txt-right { float: right; }
.txt-center { text-align: center; }
.img-right { float: right; margin-left: 20px; }
.img-left { float: left; margin-right: 20px; }