@charset "UTF-8";
html { overflow-y:scroll; }
body { background:#fff url(../img/he_blue_line.gif) repeat-x top left; color:#222222; padding-top:10px;}
.clear { clear:both }
/*▼リンク▼*/
a { outline-style:none; }
a:link { color: #2c74cc; text-decoration: underline; }
a:visited { color: #2c74cc; }
a:hover { color: #48b7db; text-decoration:none; }
/*▼ふりがな＋言語 押した状態▼*/
body.kana01 .kana li.item01 a img,
body.kana02 .kana li.item02 a img,
body.language01 .language li.item01 a img,
body.language02 .language li.item02 a img,
body.language03 .language li.item03 a img,
body.language04 .language li.item04 a img { visibility: hidden;}
/* 1.all
====================================================================================================================================== */
#all { text-align:center; }
/* 2.container
====================================================================================================================================== */
#container { width:920px; margin:auto; text-align:left; }
/* 3.header
====================================================================================================================================== */
#header { position: relative; zoom:1;}
#header p.logo { }
#header h1.site_title { position:absolute; top:11px; left:122px; }
/*▼ふりがな▼*/
#header ul.kana { position:absolute; top:7px; left:464px; background:url(../img/he_kana_bg.gif) no-repeat center center; padding:10px 10px 10px 10px; zoom:1; }
#header ul.kana li { float:left; display:inline; }
#header ul.kana li a { display:block; }
#header ul.kana li.item01 { background:url(../img/he_kana_on_se.gif) no-repeat; }
#header ul.kana li.item02 { background:url(../img/he_kana_off_se.gif) no-repeat; }
/*▼言語▼*/
#header ul.language { position:absolute; top:7px; right:0px; background:url(../img/he_language_bg.gif) no-repeat center center; padding:10px 6px 10px 6px; zoom:1; }
#header ul.language li { float:left; display:inline; }
#header ul.language li a { display:block; }
#header ul.language li.item01{ background:url(../img/he_language_japanese_se.gif) no-repeat; }
#header ul.language li.item02{ background:url(../img/he_language_english_se.gif) no-repeat; }
#header ul.language li.item03{ background:url(../img/he_language_chinese_se.gif) no-repeat; }
#header ul.language li.item04{ background:url(../img/he_language_tagalog_se.gif) no-repeat; }
/*▼ヘッダーメニュー▼*/
#header ul.menu { position:absolute; top:61px; left:124px; zoom:1; }
#header ul.menu li { float:left; display:inline; }
/*▼検索▼*/
#header .search { width:200px; }
#header .search .bg { width:160px; background:url(../img/he_search_bg.gif) no-repeat center right; position:absolute; top:60px; left:720px; zoom:1; font-size:12px; overflow:hidden;}
#header .search .bg #text { height:22px; line-height: 1.5; border: none; outline: none; background: none; color:#555555; padding:0 5px;}
#header .search #btn{ position:absolute; top:60px; left:880px; zoom:1; }
* html #header .search #text { margin-top:-2px; }/*◀IE6ハック*/
/* 4.main_visual
====================================================================================================================================== */
#main_visual { margin-bottom:20px; }
/* 5.content
====================================================================================================================================== */
#content { width:700px; float:left; margin-bottom:40px; }
#content table tr td img { margin-right:10px; }
/*▼新着情報▼*/
.new_box { margin:0 0 10px; }
.new_box p { text-align:right; font-size:1.3em; margin-top:10px; color:#999; }
.new_box p a:link{ color:#ff4AA4; }
.new_box p a:visited { color:#ff4AA4; }
.new_box p a:hover { color: #48b7db; }
.new_box table { width:700px; margin-left:1px; font-size:100%; }
.new_box table tr.bg { background-color:#f6f6f6; }
.new_box table tr th { width:9em; text-align:left; font-weight:normal; font-size:1.4em; line-height:1.5; padding:5px 0 0 5px; color:#484848; vertical-align:top; border-bottom:1px #ddd solid; }
.new_box table tr td { text-align:left; font-weight:normal; font-size:1.4em; line-height:1.5; vertical-align:top; border-bottom:1px #ddd solid; }
.new_box table tr td a{ text-decoration:none; display:block; width:100%; padding:5px 0;}
.new_box table tr td a:link{ color:#36b794; }
.new_box table tr td a:visited { color:#36b794; }
.new_box table tr td a:hover { color: #48b7db; }
/*▼イベント情報▼*/
.events_box { margin:0 0 10px; }
.events_box p { text-align:right; font-size:1.3em; margin-top:10px; color:#999; }
.events_box p a:link{ color:#ff4AA4; }
.events_box p a:visited { color:#ff4AA4; }
.events_box p a:hover { color: #48b7db; }
.events_box table { width:700px; margin-left:1px; font-size:100%; }
.events_box table tr.bg { background-color:#f6f6f6; }
.events_box table tr th { width:9em; text-align:left; font-weight:normal; font-size:1.4em; line-height:1.5; padding:5px 0 0 5px; color:#484848; vertical-align:top; border-bottom:1px #ddd solid;}
.events_box table tr td { text-align:left; font-weight:normal; font-size:1.4em; line-height:1.5; vertical-align:top; border-bottom:1px #ddd solid; }
.events_box table tr td a{ text-decoration:none; display:block; width:100%; padding:5px 0;}
.events_box table tr td a:link{ color:#36b794; }
.events_box table tr td a:visited { color:#36b794; }
.events_box table tr td a:hover { color: #48b7db; }
/*▼事業一覧▼*/
.we_do_box { line-height:1.5; }
.we_do_box span { font-size:0.8em; color:#555; }
.we_do_box h2 { margin-bottom:5px; }
.we_do_box .bg01 { background-color:#f6f6f6; width:344px; margin-bottom:10px; padding:4px 0; }
.we_do_box .bg02 { background:url(../img/co_menu_bg02.gif) repeat-y; width:700px; min-height:115px; }
.we_do_box .bg03 { background:url(../img/co_menu_bg03.gif) no-repeat bottom left; width:700px; min-height:115px; position:relative; zoom:1; }
.we_do_box .we_do_box_in01 { margin-bottom:2px; }
.we_do_box .we_do_box_in01 .btn_l { position:absolute; bottom:10px; left:252px; }
.we_do_box .we_do_box_in01 .btn_r { position:absolute; bottom:10px; right:10px; }
.we_do_box .we_do_box_in01 h3 { margin:0 0 0 10px; font-size:1.5em; line-height:1.5; background:url(../img/co_ic_blue.gif) no-repeat left center; padding-left:17px; color:#294061; }
.we_do_box .we_do_box_in02 { width:auto; }
.we_do_box .we_do_box_in02 p { font-size:1.3em; float:left; width:215px; margin-bottom:20px; }
.we_do_box .we_do_box_in02 .photo_bg { width:104px; height:79px; margin:0 10px 0 7px; background-color:#fff; float:left; display:inline; }
.we_do_box .we_do_box_in02 .photo_bg img { padding:1px; border:solid #9e9c9c 1px; background-color:#fff; }
.we_do_box .we_do_box_l { width:344px; float:left; display:inline; margin-left:3px; padding-bottom:10px;}
.we_do_box .we_do_box_r { width:344px; float:right; display:inline; margin-right:3px; padding-bottom:10px;}
/*▽英語ページ専用▽*/
.we_do_box .we_do_box_in01 .btn_l_en{ position:absolute; bottom:10px; left:278px; }
/*▽中国ページ専用▽*/
.we_do_box .we_do_box_in01 .btn_l_zh{ position:absolute; bottom:10px; left:233px; }
/*▼情報提供フォーム▼*/
.we_do_box .co_form_box { overflow:hidden; width:700px; margin-top:20px; }
.we_do_box .co_form_box h3 { margin:0 0 0 10px; font-size:1.5em; line-height:1.5; background:url(../img/co_ic_blue.gif) no-repeat left center;
color:#294061; padding:7px 0 7px 17px; }
.we_do_box .co_form_box .co_bg01 { background:url(../img/co_bg_form01.gif) no-repeat left top; width:700px; }
.we_do_box .co_form_box .co_bg02 { background:url(../img/co_bg_form02.gif) no-repeat left bottom; width:700px; padding-bottom:7px; }
.we_do_box .co_form_box .co_bg03 { background:url(../img/co_bg_form03.gif) repeat-y; width:700px; }
.we_do_box .co_form_box img.plus01 { margin:0 0 0 10px;}
.we_do_box .co_form_box img.plus02 { margin:0 0 0 5px; }
/* 6.sideber
====================================================================================================================================== */
#sideber { width:200px; float:right; margin-bottom:20px; overflow:hidden; }
#sideber img { margin-bottom:10px; }
#sideber img.plus01 { margin-bottom:4px; }
#sideber img.plus02 { margin-bottom:5px; }
#sideber img.plus03 { margin-bottom:0; vertical-align: text-bottom; }
/*▼オススメ図書情報▼*/
#sideber .tosyo_box { background:url(../img/si_bnr_tosyo02.gif) no-repeat bottom left; margin-bottom:10px; line-height:1.3; padding-bottom:8px; color: #303; }
#sideber .tosyo_box .tosyo_box_in01 { float:left; display:inline; width:72px; border:1px #a5abd1 solid; margin:0 6px 5px; }
#sideber .tosyo_box .tosyo_box_in01 img{ margin:0; padding:1px; background-color:#FFF; vertical-align:bottom; }
#sideber .tosyo_box .tosyo_box_in02{ margin:4px 10px; }
#sideber .tosyo_box .tosyo_box_in02 h5{ font-size:1.3em; margin-bottom:5px; color:#0f477e; }
#sideber .tosyo_box .tosyo_box_in02 p{ font-size:1.1em; margin-bottom:5px; color:#363739; }
#sideber .tosyo_box .tosyo_box_in02 p.plus01{ text-align:right; text-decoration:none; margin:0; padding:0; vertical-align: bottom; }
#sideber .tosyo_box .tosyo_box_in02 p.plus01 img{ margin-bottom:2px; }
#sideber .tosyo_box a { text-decoration:none; }
/*▼医療通訳ボランティア派遣制度▼*/
#sideber .volunteer_box { text-align:center; background:url(../img/si_bnr_volunteer03.gif) no-repeat bottom left; margin-bottom:10px; }
/*▼国際交流コーディネーター ブログ▼*/
#sideber .blog_box { font-size:1.2em; background:url(../img/si_bnr_blog02.gif) no-repeat bottom left; margin-bottom:10px; }
#sideber .blog_box ul.english_blog { width:180px; padding-bottom:10px; border-bottom:solid #e0e0e0 5px; list-style:none; margin:0 10px 10px; }
#sideber .blog_box ul.chinese_blog { width:180px; padding-bottom:16px; list-style:none; margin:0 10px 10px; }
#sideber .blog_box li { line-height:1.3; }
#sideber .blog_box li.plus01 a { font-size:1.2em; margin-bottom:10px; display:block; background:url(../img/si_menu_icon.gif) no-repeat 5px center ; width:163px; margin:2px 0 2px 0; padding:5px 0px 5px 17px; }
#sideber .blog_box li.plus01 a:hover { color:#48b7db; background:url(../img/si_menu_icon_over.gif) no-repeat 5px center;}
#sideber .blog_box li.plus02 a { display:block; text-decoration:none; color:#222222; }
#sideber .blog_box li.plus02 a:hover { color: #48b7db;}
#sideber .blog_box img { margin:0 0 5px 0; height:62px !important; }
/* 7.footer
====================================================================================================================================== */
#footer { clear:both; text-align:center; }
#footer .footer_bg_x {background:url(../img/fo_bg.gif) repeat-x top left; }
/*▼フッターメニュー▼*/
#footer ul.footer_menu { margin: 0 auto 5px; width:920px; }
#footer ul.footer_menu li { float:left; display: inline; padding: 0 10px 0 ; border-left: 1px solid #d2d2d2; font-size: 1.3em; line-height: 1.3; white-space: nowrap; }
#footer ul.footer_menu li.plus01 { margin-left:0; padding-left:0; border-left:none; }
#footer ul.footer_menu li.plus02 { float:right; margin-left:0; padding-left:0; border-left:none; color: #999; }
#footer ul.footer_menu li a { text-decoration:none; }
#footer ul.footer_menu li a:hover { text-decoration: underline; }
/*▼住所連絡先▼*/
#footer .footer_box { width:920px; margin:0 auto; text-align:left; padding:10px 0 20px; }
* html #footer .footer_box { margin-bottom:-20px; }/*◀IE6ハック*/
*:first-child+html #footer .footer_box { margin-bottom:-20px; }/*◀IE7ハック*/
#footer .footer_box h3 { margin:0 0 7px 0; font-size:1.4em; line-height:1; color:#294061; width:225px; }
#footer .footer_box h3 a{ background:url(../img/all_icon_blue.gif) no-repeat left center; text-decoration:none; padding:3px 3px 3px 12px; display: inline-block; }
#footer .footer_box h3 a:hover{ background:url(../img/all_icon_blue_over.gif) no-repeat left center; }
#footer .footer_box p { font-size:1.2em; }
#footer .footer_box p.site_title { font-size:2em; margin:0 0 20px; color:#294061; padding-top:10px; }
#footer .footer_box p.site_title span{ font-size:0.7em }
#footer .footer_box .footer_box_in { width:301px; float:left; display:inline; }
#footer .footer_box .footer_box_in img{ float:right; display:inline; }
#footer .footer_box .plus01{ margin-left:8px; }
#footer .footer_box .plus02{ float:right; display:inline; }
#footer .footer_box .footer_box_in p { line-height:1.3; }
#footer .footer_box .footer_box_in .footer_box_bg01{ background:url(../img/fo_bg_address01.gif) no-repeat top left; }
#footer .footer_box .footer_box_in .footer_box_bg02{ background:url(../img/fo_bg_address02.gif) repeat-y; }
#footer .footer_box .footer_box_in .footer_box_bg03{ background:url(../img/fo_bg_address03.gif) no-repeat bottom left; padding:10px; }
/*▼コピーライト▼*/
#footer address { font-size:1.2em; line-height:1.3; color:#FFF; text-align:center; margin:0; padding:0; }
#footer .address_box { background:url(../img/fo_blue_line.gif) repeat-x top left; padding:10px 0; }
#footer .address_box_in { margin:0 auto; width:920px; }
/* 8.追加
====================================================================================================================================== */
#content #updated { text-align:right; margin-bottom:4px;}
#content .border01 { padding:20px 0 0; }
/*▼コニュニティボランティア▼*/
dl#co_commu_box { zoom:1; float:left; }
dl#co_commu_box img { vertical-align:bottom; }
dl#co_commu_box dt {}
dl#co_commu_box dd { float:left; display:inline; }
/*▽中ページ用▽*/
dl#commu_box { width:200px; background:url(../img/si_commu_bg.gif) no-repeat bottom; font-size:1.2em; line-height:1.3; margin-bottom:10px; padding-bottom:8px; }
dl#commu_box img { margin-bottom:0; }
dl#commu_box dl { padding-bottom:5px; }
dl#commu_box dt { }
dl#commu_box dd { margin-left:5px; }
dl#commu_box dd a{ color:#5153a4; display:block; background:url(../img/si_commu_icon.gif) no-repeat 15px center ; margin:2px 0 2px 0;text-decoration:none; padding:3px 5px 3px 30px; }
dl#commu_box dd a:hover { color:#6669f0; background:url(../img/si_commu_icon_over.gif) no-repeat 15px center ; }
/*▼医療ボランティア▼*/
dl#co_volunteer_box { zoom:1; float:right; }
dl#co_volunteer_box img { vertical-align:bottom; }
dl#co_volunteer_box dt {}
dl#co_volunteer_box dd { float:left; display:inline; }
/*20140212追加*/
.co_commu_box_wrap { zoom:1; background:url(../img/bg_commu_f.gif) no-repeat left bottom; margin:10px 5px 22px; border-radius:10px; }
.co_commu_box_wrap p { margin:0 12px 10px; zoom:1; }
.co_commu_box_wrap h2 { background:url(../img/bg_commu_h.gif) no-repeat; margin:0; padding:12px 12px 0; }
.co_commu_box_wrap .list { display:block; margin-bottom:5px; }
dl#co_commu_box { margin:0 0 12px 12px; }
dl#co_volunteer_box { margin:0 12px 12px 0; }
/*▼新着情報▼*/
.box_3column { text-align:left; margin-bottom:30px; }
.box_3column * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
#ex-box, .box_3xolumn {background-color:#fff;width:700px; font-size:0;text-align:center; overflow:hidden; }
#ex-box:after, .box_3xolumn:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; }
.box_3xolumn { text-align:left; margin-bottom:30px; overflow:hidden; }
.excerpt{ float:left; margin:0 11px;padding:10px 0;width:210px;display:inline-block;border-bottom:1px dotted #ddd;font-size:14px;text-align:left;vertical-align:top;line-height:1.3; zoom:1;}
.excerpt .photo_bg{ display:block; padding:0 0 10px;}
.excerpt .date{margin:0 0 5px;}
.newmark{margin:0 0 0 5px ;}
/*▼タブ▼*/
.hide { display:none; }
.tab li, .tab_content li { list-style:none; }
.new_box { overflow:hidden; }
.tab { margin-right:-10px; overflow:hidden; }
.tab ul { border-bottom:solid 4px #276abd; overflow:hidden; }
.tab li { float:left; margin-right:10px; }
.tab a { display:block; background:url(../img/tab_news.png) no-repeat; width:225px; height:32px; text-indent:100%; white-space:nowrap; overflow:hidden; }
.tab li.item02 a { background-image:url(../img/tab_event.png); }
.tab a:hover, .tab li.select a { background-position:left bottom; }
.tab_content li { }
#content .btn_2column { margin-top:-15px; margin-bottom:20px; text-align:right; font-size:0; overflow:hidden; }
.btn_2column a { display:inline-block; background:url(../img/btn_news_zaidan.png) no-repeat; width:167px; height:22px; margin-left:15px; text-indent:100%; white-space:nowrap; overflow:hidden; }
.btn_2column a.btn_news_event { background-image:url(../img/btn_news_event.png); width:127px; }
.btn_2column a:hover { background-position:left bottom; }
/*▼大きなお知らせ▼*/
#big_news_box { position:relative; background:#fef5e5; border:solid 4px #e86700; margin-bottom:1.6em; padding:1em; color:#382e2b; font-size:18px; text-align:center; line-height:2.1; border-radius:12px; text-shadow:0 0 5px #fff; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#big_news_box {
text-shadow:
#fff 1px 1px 5px, #fff -1px 1px 5px,
#fff 1px -1px 5px, #fff -1px -1px 5px;
}
#big_news_box h2 { font-weight:bold; }
#big_news_box:before { content:""; display:block; position:absolute; left:-18px; top:-18px; width:68px; height:68px; background:url(../img/icon_point_news.png); background-size:100% auto; }
#big_news_box:before {
animation: 1.2s ease-in-out infinite;
transform-origin: middle center;
transform: rotate(0deg);
animation-name: animation01;
}
@keyframes animation01 {
0% {
top:-22px;
}
50% {
top:-16px;
}
100%{
top:-22px;
}
}
#big_news_box .orange { color:#e04c00; }