@charset "UTF-8";

/* -------------------------------------------------------------------
■TNVN design.css
since 2008/08/14 Made by TNVN
------------------------------------------------------------------- */

/*  ─────────────────────────────────
■ 共通
─────────────────────────────────  */
body {
    background           : url(/images/bg_body_gray2.png) repeat;
}

div#container {
    background           : #FFFFFF;
    border               : #666666 solid;
    border-width         : 0 1px 0 1px;
}

/* アンカ */
a {
    color                : #0848B5;
    text-decoration      : none;
}

a:link {
    text-decoration      : underline;
}

div.banner h2 a:link {
    text-decoration      : none;
}

a:link:hover {
    text-decoration      : underline;
}

a:link:active {
    text-decoration      : underline;
}

a:visited {
    text-decoration      : none;
}

a:visited:hover {
    text-decoration      : underline;
}

a:visited:active {
    text-decoration      : underline;
}

/* ─────────────────────────────────
■ ヘッダ
────────────────────────────────── */
div#header {
    border               : #0848B5 solid;
    border-width         : 5px 0 0 0;
    padding              : 10px;
    background           : #FFFFFF;
}

/* ヘッダ アンカ */
div#header h1 a {
    text-decoration      : none;
}

/* ─────────────────────────────────
■ グローバルナビ
────────────────────────────────── */
div#navi {
    clear                : left;
    float                : left;
    width                : 780px;
    background           : #80C8FF url(/images/bg_navi.gif) 0 75% repeat;
    border-bottom        : 1px solid #49A9FF;
    overflow             : hidden;
}
div#navi ul {
    clear                : left;
    float                : left;
    list-style           : none;
    margin               : 0;
    padding              : 0;
    position             : relative;
    left                 : 50%;
    text-align           : center;
}
div#navi ul li {
    display              : block;
    float                : left;
    list-style           : none;
    margin               : 0;
    padding              : 0;
    position             : relative;
    right                : 50%;
    font-size            : .9em;
}
div#navi ul li.first {
    border-left          : 1px solid #49A9FF;
}
div#navi ul li.last {
    border-right         : 1px solid #99D8FF;
}
div#navi ul li a {
    display              : block;
    margin               : 0;
    padding              : .2em .8em;
    color                : #000;
    text-decoration      : none;
    border-left          : 1px solid #99D8FF;
    border-right         : 1px solid #49A9FF;
    line-height          : 1.3em;
}
div#navi ul li.active a {
    background           : url(/images/bg_navi.gif) 0 25% repeat;
    font-weight          : bold;
}
div#navi ul li a:hover {
    background           : url(/images/bg_navi.gif) 0 25% repeat;
}
/*
div#navi ul li a span {
    display              : block;
}
*/

/* ─────────────────────────────────
■ コンテンツ
────────────────────────────────── */
div#contents {
    background           : #FFFFFF;
    line-height          : 170%;
    overflow             : hidden;
}

div#contents h1 {
    position             : relative;
    margin               : .5em 0 1em -10px;
    padding              : 0 10px;
    background           : url(/images/bg_h1.gif) no-repeat scroll 0 0;
    height               : 96px;
    width                : 730px;
    line-height          : 96px;
    overflow             : hidden;
    color                : #FFFFFF;
    font-size            : 2em;
}

div#contents h1 span.title_en {
    position             : absolute;
    bottom               : 0;
    line-height          : 1.4em;
    font-size            : .7em;
    color                : #AAAAAA;
}

div#contents h1 div.pad,
div#contents h2 div.pad, {
    margin               : 0;
    padding              : 0;
}

div#contents h2 {
    position             : relative;
    margin               : 1em 0 1em -10px;
    padding              : 0 10px;
    background           : url(/images/bg_h2.gif) no-repeat scroll 0 0;
    height               : 37px;
    width                : 730px;
    font-size            : 1.3em;
    line-height          : 37px;
    overflow             : hidden;
    clear                : both;
}

body#inquiry div#contents h2 {
    position             : relative;
    margin               : 1em 0 1em -10px;
    padding              : 0 10px;
    background           : #EEEEEE;
    border               : solid;
    border-width         : 3px 1px 1px 1px;
    border-color         : #2C7AC3 #CCCCCC #CCCCCC #CCCCCC;
    width                : 730px;
    height               : auto;
    font-size            : 1.3em;
    line-height          : 37px;
    overflow             : visible;
    clear                : both;
}

div#contents p {
    margin               : .5em 0;
}

div#contents ol {
    margin               : 0 10px 0 30px;
}

/* -------------------------------------------------------------------
■ TNVN概要（トップページ）
------------------------------------------------------------------- */
div#main p#info{
    color                : #333333;
    font-size            : .8em;
    line-height          : 140%;
}

/* -------------------------------------------------------------------
■ お知らせ・情報（トップページ）
------------------------------------------------------------------- */
div#main div#information {
    margin               : 1em 0;
}

div#main div#information h2 {
    margin               : 0 0 0 -10px;
    padding              : 0 10px;
    background           : url(/images/bg_main.gif) no-repeat scroll 0 0;
    height               : 37px;
    width                : 510px;
    font-size            : 1.3em;
    line-height          : 37px;
    overflow             : hidden;
}

div#main div#information dl {
    margin               : 0 0 0 -10px;
    border               : solid #DDDDDD;
    border-width         : 0 1px 1px 1px;
    width                : 508px;
    padding              : 10px;
}

div#main div#information dl dd {
    line-height          : 140%;
    margin               : -1.4em 0 0.4em 10em;
    border               : dotted #CCCCCC;
    border-width         : 0 0 1px 0;
}

/* -------------------------------------------------------------------
■ お知らせ・情報
------------------------------------------------------------------- */
body#whats-new div#contents ul {
    margin-left          : 1em;
}

/* -------------------------------------------------------------------
■ トピック
------------------------------------------------------------------- */
div#main div.topic {
    padding              : 1em 0;
}

div#main div.topic dl {
    padding              : 10px 0;
}

div#main div.topic dl dt{
    font-weight          : bold;
    width                : 90px;
}

div#main div.topic dl dd {
    line-height          : 140%;
    margin               : -1.4em 0 0.4em 100px;
    border               : dotted #CCCCCC;
    border-width         : 0 0 1px 0;
}

/*  ------------------------------------------------------------------
■ バナー（サブコンテンツ）
------------------------------------------------------------------- */
div#sub-contents div.banner {
    margin               : 0 0 2em 0;
}

div#sub-contents div.banner h2 {
    margin               : 0;
    padding              : 3px 10px;
/*
    padding              : 0 10px;
    background           : url(/images/bg_side.gif) no-repeat scroll 0 0;
*/
    background           : #EEEEEE;
    border               : solid;
    border-width         : 3px 1px 1px 1px;
    border-color         : #2C7AC3 #CCCCCC #CCCCCC #CCCCCC;
/*
    height               : 37px;
*/
    height               : auto;
/*
    width                : 180px;
*/
    width                : 178px;
    font-size            : 100%;
    line-height          : 1.2em;
/*
    line-height          : 37px;
    overflow             : hidden;
*/
}

div#sub-contents div.banner div.banner-content {
    border               : solid #DDDDDD;
    border-width         : 0 1px 1px 1px;
    padding              : 10px;
}

/*  ------------------------------------------------------------------
■ ニュースレター
------------------------------------------------------------------- */
div.article {
    margin               : 0 0 1em 0;
}

div.article div.thumb {
    float                : left;
    border               : 1px solid #999999;
    margin               : 0 20px 0 0;
}

div.article div.toc {
    float                : left;
    width                : 560px;
}

/*  ------------------------------------------------------------------
■ ボランティア日本語教室ガイド
------------------------------------------------------------------- */
div#guide {
    border               : 1px solid #FFFFFF;
}

div#guide div#guide-form {
    margin               : 1em 0 1em -10px;
    padding              : 10px;
    border               : 1px solid #0848B5;
    background           : #EEEEEE;
}

div#guide div#status {
    float                : left;
}

div#guide div#page_link {
    text-align           : right;
    float                : right;
}

div#guide table {
    margin               : 1em 0 1em -10px;
    padding              : 10px;
    border               : solid 1px #999999;
    border-collapse      : collapse;
    clear                : both;
}
div#guide th, div#guide td {
    padding              : 2px 4px 2px 10px;
    border               : solid 1px;
    line-height          : 1.4em;
}
div#guide th {
    background           : #EEEEEE;
}
div#guide td.data {
    font-size            : .9em;
}
div#guide strong {
    font-weight          : normal;
}
div#guide strong.high1 {
    background-color     : #FFFF99
}
div#guide strong.high2 {
    background-color     : #CCFFFF;
}
div#guide strong.high3 {
    background-color     : #CCFF99;
}
div#guide strong.high4 {
    background-color     : #FFCC99;
}
div#guide tr.focus {
    background-color     : #FFDFFF;
}

div#map {
    position             : relative;
    margin               : 1em 0 1em -10px;
    border               : 1px solid #666666;
    width                : 565px;
}

div#data div#japanese,
div#data div#english,
div#data div#inquiry {
    border               : 1px solid #FFFFFF;
}

input#fs-search-keyword {
    float                : left;
    width                : 20em;
}

div#fs-refine-container {
    float                : left;
    margin               : 0 .5em;
}

div#fs-search-submit {
    float                : left;
}

div.classdata p {
    margin               : 0 !important;
    font-size            : small;
    line-height          : 120% !important;
}

/*  ------------------------------------------------------------------
■ リンク
------------------------------------------------------------------- */
body#link dd {
    margin               : 0 0 1em 2em;
}

/*  ------------------------------------------------------------------
■ イベント掲示板
------------------------------------------------------------------- */
body#bbs ul {
    margin               : 0 0 2em 2em;
}
body#bbs div#navi ul {
    margin               : 0;
}

body#bbs div.board {
    background           : transparent url(/images/bg_colk_middle.png) repeat-y scroll left top;
    width                : 750px;
    margin               : 0 0 0 -10px;
}

body#bbs div.board div.pad {
    margin               : 0;
    padding              : 35px 50px 0px 50px;
    background           : transparent url(/images/bg_colk_top.png) no-repeat scroll left top;
}

body#bbs div.board div.event {
    background           : url(/images/bg_paper.png) repeat-y scroll left top;
    width                : 650px;
    margin               : 0 0 1em 0;
}

body#bbs div.board div.event div.pad {
    margin               : 0;
    padding              : 10px 20px;
    background           : none;
}

body#bbs div.board div.event h3 {
    border               : dotted #999999;
    border-width         : 0 0 1px 0;
}

body#bbs div.board div.event div.name {
    float                : left;
}

body#bbs div.board div.event div.date {
    float                : right;
}

body#bbs div.board div.event div.comment {
    clear                : both;
    padding-top          : 1em;
}

body#bbs div.board div.board_foot {
    background           : transparent url(/images/bg_colk_bottom.png) no-repeat scroll left top;
    width                : 750px;
    height               : 25px;
}

input#comment-preview,
input#comment-submit {
    width                : 4em;
    height               : 2em;
}
input#comment-cancel {
    width                : 7em;
    height               : 2em;
}

span.comment-desc {
    font-size            : .8em;
    color                : #666666;
    line-height          : 100%;
}


/*  ------------------------------------------------------------------
■ お問合せ
------------------------------------------------------------------- */
div.mailbody {
    margin               : 1em -10px;
    padding              : 10px;
    border               : solid 1px #000000;
}

div.mailbody dl dd {
    line-height          : 140%;
    margin               : -1.4em 0 0.4em 10em;
    border               : dotted #CCCCCC;
    border-width         : 0 0 1px 0;
}

p.mailform_credit {
    font-size            : .8em;
    text-align           : right;
    color                : #999999;
}

div.comments-open-content li {
    clear                : both;
    padding              : 0 10px 10px 0;
    list-style           : none;
}

div.comments-open-content li input,
div.comments-open-content li textarea {
    float                : left;
    width                : 30em;
}

div.comments-open-content li input.checkbox {
    width                : 1em;
}

div.comments-open-content label {
    float                : left;
    width                : 10em;
    text-align           : right;
    padding-right        : 10px;
}

p#mail-form-footer,
div#comments-open-footer {
    clear                : both;
    text-align           : center;
    padding              : 1em;
}

div.comments-open-content div.error {
	border               : 1px #D44 solid;
	background           : #FEE;
	padding              : 10px;
}

/*  ------------------------------------------------------------------
■ サイトマップ
------------------------------------------------------------------- */
ul.sitemap {
   margin                : 0 0 0 10px;
}

/*  ─────────────────────────────────
■ フッタ
─────────────────────────────────  */
div#footer {
    background           : #0848B5;
    color                : #FFFFFF;
    text-align           : center;
}

/* フッタ アンカ */
div#footer a {
    color                : #FFFFFF;
    text-decoration      : none;
}

div#footer a:link {
    text-decoration      : none;
}

div#footer a:link:hover {
    text-decoration      : underline;
}

div#footer a:link:active {
    text-decoration      : underline;
}

div#footer a:visited {
    text-decoration      : none;
}

div#footer a:visited:hover {
    text-decoration      : underline;
}

div#footer a:visited:active {
    text-decoration      : underline;
}

 {
    float                : left;
    width                : 30em;
}

div.comments-open-content label {
    float                : left;
    width                : 10em;
    text-align           : right;
}