@charset "utf-8";
/* CSS Document */

#slider {min-height:138px;}
#spimage {margin-bottom:20px;}

/*共通*/
.floatL {float:left;}
.floatR,
.floatLspR {float:right;}
.spno {display:none;}
.underdot {padding-bottom:20px; margin-bottom:20px; background:url(../img/dotline.gif) bottom left repeat-x;}
.both {clear: both;}

/*非表示*/
#mainmenu {display:none;}


/*トピックス＆重要なお知らせ*/
#info {font-size:.95em;margin-bottom:7%;}
#info:after {content: "";clear: both;height: 0;display: block;visibility: hidden;}

pkg { /zoom: 1; } /* lte ie7 */
.pkg:after{content: '';display: block;clear: both;}

#info01 {font-size:.95em;background:#fff;border:3px solid #005ea4;box-sizing:border-box;border-radius:10px;padding:15px;margin-bottom:20px;}
/* #info01 .topics {display:none;} */
#info01 h2.topics {font-size:23px;color:#005ea4;font-weight:800;margin:10px 0 15px 0;text-align:center;}

#info01 .tab  {width:100%;margin-bottom:5px;font-size:.9em;}
#info01 .tab p { margin-bottom: 1.5em; }

#info01 ul.tab-list {margin-bottom:2px;}
#info01 ul.tab-list > li {float: left; height:26px; background:#d2d2d2;text-align:center;border-radius:7px 7px 0 0 / 7px 7px 0 0;}
#info01 ul.tab-list > li.tab01 {width:17.5%; margin-right:0.5%;}
#info01 ul.tab-list > li.tab02 {width:32%; margin-right:0.5%;letter-spacing:-1px;}
#info01 ul.tab-list > li.tab03 {width:17.5%; margin-right:0.5%;}
#info01 ul.tab-list > li.tab04 {width:17.5%; margin-right:0.5%;}
#info01 ul.tab-list > li.tab05 {width:13.5%;}
#info01 ul.tab-list > li > a {display:block;max-width:100%;max-height:100%;text-align:center;text-decoration:none;font-size:1.0em;color:#fff;font-weight:800;text-decoration:none;}
#info01 ul.tab-list > li > a > span {display:block;margin-top:8px;}
#info01 ul.tab-list > li.active > ul {display:block;}
#info01 ul.tab-list > li:hover,
#info01 ul.tab-list > li.active,
#info01 ul.tab-list > li.selected {background:url(../img/title_back_new.gif) repeat-x; }
#info01 ul.tab-list > li a,
#info01 ul.tab-list > li:hover a,
#info01 ul.tab-list > li.active a{color:#fff;}

#info01 .tab-box {width:91%;padding:4%;text-align:center;line-height:1.8;}

#info01 .tab-box .list li:nth-child(n+2) {display:none;}

#info01 .tab-box .list li {background:none; margin:0 auto; padding:0; text-align:center;}
#info01 .tab-box .list .day {font-size:13px;}
#info01 .tab-box .list h3 {font-weight:600;margin:0;padding:0;}
#info01 .tab-box .list h3 a{color:#2d2d2d;text-decoration:none;font-size:13px;font-weight:600;line-height:1.3;background:none;}
#info01 .tab-box .list h3 a:hover{color:#005ea4;text-decoration:underline;}
#info01 .tab-box .list li a {text-indent:0;}

#info01 .icon {width:auto;display:inline-block;height:15px;line-height:15px;border-radius:3px;padding:0 5px;color:#fff;margin-left:2px;font-size:10px;text-decoration:none;}
#info01 .icon:hover {color:#fff;opacity:.8;}

#info01 .icon.ins01 {background:#81C77C;}/*輸出*/
#info01 .icon.ins02 {background:#C78D8E;}/*融資*/
#info01 .icon.ins03 {background:#5D7DD4;}/*投資*/
#info01 .icon.ins04 {background:#B993C8;}/*その他*/
#info01 .icon.sec01 {background:#933A3B;}/*石油・ガス*/
#info01 .icon.sec02 {background:#A48DCB;}/*鉱物*/
#info01 .icon.sec03 {background:#97CC93;}/*電力*/
#info01 .icon.sec04 {background:#6F1A77;}/*インフラ*/
#info01 .icon.sec05 {background:#E13537;}/*船舶*/
#info01 .icon.sec06 {background:#B3AC72;}/*その他*/
/* 2018.05 New topics*/
#info01 .icon.Nins01 {background:#81C77C;}/*輸出*/
#info01 .icon.Nins02 {background:#C78D8E;}/*融資*/
#info01 .icon.Nins03 {background:#5D7DD4;}/*投資*/
#info01 .icon.Nins04 {background:#A9A9A9;}/*その他*/
#info01 .icon.Nsec01 {background:#933A3B;}/*石油・ガス*/
#info01 .icon.Nsec02 {background:#A48DCB;}/*鉱物資源*/
#info01 .icon.Nsec03 {background:#97CC93;}/*電力*/
#info01 .icon.Nsec04 {background:#6F1A77;}/*インフラ*/
#info01 .icon.Nsec05 {background:#5391C5;}/*航空機・船舶*/
#info01 .icon.Nsec06 {background:#666666;}/*機械・設備*/
#info01 .icon.Nsec07 {background:#6B8E23;}/*農業・食料*/
#info01 .icon.Nsec08 {background:#B3AC72;}/*その他*/

#info_btn {text-align:center;}
#info_btn a {width:auto;}
#info_btn .btn_rss {display:inline-block;background:#ffd000;color:#005ea4;text-decoration:none;font-size:12px;padding:2px 12px;font-weight:800;margin-right:10px;border-radius:2px;}
#info_btn .btn_topicslist {display:inline-block;background:#fff;border:2px solid #005ea4;color:#005ea4;text-decoration:none;font-size:12px;font-weight:800;padding:0 20px;border-radius:2px;box-sizing:border-box;}
#rss_top {display:inline-block;}

#info02 {background:#fff7e6;border:3px solid #005ea4;box-sizing:border-box;border-radius:10px;padding:15px 15px 15px 15px;}
#info02 h2.news {font-size:23px;color:#005ea4;font-weight:800;margin:10px 0 15px 0;text-align:center;}
#info02 .box {width:91%;padding:0 4%;} 
#info02 .box::-webkit-scrollbar {background:#bfbfbf;width:10px;}
#info02 .box::-webkit-scrollbar-thumb {background:#7f7f7f;}
#info02 .day {font-size:13px;}
#info02 .box h3 {margin:0;}
#info02 .box h3 a {color:#2d2d2d;text-decoration:none;font-size:13px;font-weight:600;line-height:1.3;}
#info02 .box h3 a:hover{color:#005ea4;text-decoration:underline;}
#info02 .box h3:after {display:none;}
#info02 .box h3 a {text-decoration:none;}

#info02 .box li {padding:10px 0;margin:0;border-top:2px dotted #ddd;background:none;text-align:center;line-height:1.8;}
#info02 .box li:nth-child(n+2) {display:none;}

/*フッターボタン*/
#options {margin-bottom:20px;font-family:"游ゴシック Bold", "Yu Gothic Bold", YuGothic Bold, "游ゴシック", "Yu Gothic";}
#options ul li {width:48%;display:block;float:left;margin-right:4%;margin-bottom:2%;}
#options ul li a {width:100%;display:block;text-decoration:none;}
#options ul li a img {width:100%;}
#options ul li:nth-child(even) {margin-right:0;}
#options ul li:nth-child(5) {display:none;}
#options .btn-spjob {margin-bottom:15px;}
#options .btn-spjob img {width:100%;}

/* Accodion
------------------------------------------------------------------*/
/* 使わない
#info02 .subInner {display:none;}
#info02 h2 span{cursor:pointer;margin:0;padding:0;}
#info02 h2 {width:100%;display:block;background: url(../../img/home-bt_accordopen.jpg) no-repeat left top;background-size:contain;}
#info02 h2.active,#info02 h2.ov {margin:20px 0 1px 0;}
#info02 h2.active {background: url(../../img/home-bt_accordclose.jpg) no-repeat left top;background-size:contain;}
*/

/*Webサービス*/
.containerBlue {background:#edf5fa; padding:7% 0;}
#web_serviceL {border:5px solid #94c5ef;; margin-bottom:5%;}
#web_serviceL .web_service {padding:5%; border:5px solid #fff;background:url(../../img/top_web_back.gif);text-align:center; }
#web_serviceL h2 img {width:485px;margin-bottom:3%;}
#web_serviceL .loginBt img {width:400px; margin-bottom:10px;}
#web_serviceL p {text-align:left;margin:auto;}
#web_serviceL .floatL,
#web_serviceL .floatR {width:48%;}
#web_serviceL .floatL img,
#web_serviceL .floatR img {max-width:100%;border:2px solid #4e83bf; margin-top:5%;}
#web_serviceR img {max-width:100%;margin-bottom:1.0%;}
#web_serviceL .normalBtn img {max-width:100%;border:2px solid #4e83bf; margin-top:2%;}



/*保険をご検討中の方へ*/
#consideration {text-align:center; padding:7% 0;}
#consideration h2 {padding-bottom:3%; margin-bottom:3%; border-bottom:5px solid #005fa5;}
#consideration {max-width:100%;}
#considerationL img,
#considerationR img {margin-bottom:1.0%;}




/*ご利用中の方へ*/
.containerGreen {background:#e4f0e2; padding:7% 0;}
#procedure {text-align:center;}
#procedure h2 {padding-bottom:3%; margin-bottom:3%; border-bottom:5px solid #4b8d41;}
#procedure h2 img {max-width:100%;}
#procedure .floatL,
#procedure .floatR {float:none; margin-bottom:1.0%;}




/*お役立ちコンテンツ*/
#serve {text-align:center; margin-bottom:10%; padding:7% 0;}
#serve h2 {padding-bottom:3%; margin-bottom:3%; border-bottom:5px solid #005fa5;}
#serve h2 img {max-width:100%;}

#serve .serve01 {margin-bottom:5%; padding-bottom:3%; background:url(../img/dotline.gif) bottom left repeat-x;}
#serve .serve01 img {max-width:100%;}
#serve .serve01 .floatL,
#serve .serve01 .floatLspR,
#serve .serve01 .floatR {width:48.5%; margin-bottom:1.5%;}
#serve .serve01 .floatR:after,
#serve .serve01:after {float:none; content: "";clear: both;height: 0;display: block;visibility: hidden;}

#serve .serve02 {background:#eff0f1; padding:3.5%; margin-bottom:5%;}
#serve .serve02 img {max-width:100%;}
#serve .serve02 .floatL,
#serve .serve02 .floatLspR,
#serve .serve02 .floatR {width:48.5%; margin-bottom:1.5%;}
#serve .serve02 .floatR:after,
#serve .serve02:after {float:none; content: "";clear: both;height: 0;display: block;visibility: hidden;}

#serve .serve03 img {max-width:100%;}
#serve .serve03 .floatL,
#serve .serve04 .floatR {float:none; margin-bottom:1.5%;}
#serve .serve03 .floatR:after,
#serve .serve03:after {float:none; content: "";clear: both;height: 0;display: block;visibility: hidden;}


/*メインイメージ*/
#top_menu .container {padding:40px 0 24px 0;}
#top_menu #slideblock{display:none;}

/*メインイメージ-bxslider pager*/
.bx-controls {position:relative;}
.bx-pager {margin:0 auto;}
.bx-default-pager {position:absolute;top:-35px;right:0px;bottom:0px;left:0px;z-index:52;margin:auto auto;}
.bx-pager-item {width:15px;height:15px;float:left;margin-left:5px;}
.bx-pager-item a {display:block;width:100%;height:100%;white-space:nowrap;text-indent:120%;overflow:hidden;background:url(../img/pager_new.png) no-repeat 0 0;}
.bx-pager-item a:hover,
.bx-pager-item a.active {background-position:0 -15px;}

.bx-viewport {width:100%;overflow:hidden;margin-bottom:10px;}
.bxslider li a {display:block;width:150%;text-align:center;overflow:hidden;position:relative; margin-left:-25%;}


.bx-wrapper .bx-prev { position: absolute; z-index:52; bottom:0; left:2px; margin-bottom:19%;  width:15px; height:50px; text-indent: -9999px; background: url('../img/prev.png') no-repeat;background-size:contain;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {background-position: 0 0;}
.bx-wrapper .bx-next {position: absolute; z-index:52; bottom:0; right:2px; margin-bottom:19%; width:15px; height:50px; text-indent: -9999px; background: url('../img/next.png') no-repeat 0 0;background-size:contain;}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{display:none;}
















/*英語版*/
.en .bxslider {width:100%;overflow:hidden;margin-bottom:10px;}

.en #info {position:relative;font-size:.8em;float:none;padding:15px 0;}
.en #info_archive {display:none;}
.en #info .topics {border-left:solid 5px #004191; margin-bottom:15px;line-height:1em;font-size:1.5em;padding-left:10px;}

.en #tab:before,.en #tab:after,.en #tender:before,.en #tender:after {content:"";display:table;}
.en #tab:after,.en #tender:after {clear:both;}
.en #tab {width:100%;position:relative;}
.en #tab > li {width:20%;float:left;background:url(../img/tab_back.jpg) repeat-x left bottom;}
.en #tab > li > a {display:block;width:auto;height:47px;text-align:center;text-decoration:none;color:#333;border:solid 1px #004DA1;}
.en #tab > li > a > span {display:inline-block;padding-top:9px;width:4em;}
.en #tab > li.tab01 > a > span,
.en #tab > li.tab03 > a > span {padding-top:16px;}
.en #tab > li > ul {position:absolute;height:329px;left:0;border-top:solid 3px #004DA1;display:none;background:#FFF;overflow-y:scroll;border-bottom:solid 1px #ccc;width:100%;}
.en #tab > li > ul::-webkit-scrollbar {background:#bfbfbf;width:10px;}
.en #tab > li > ul::-webkit-scrollbar-thumb {background:#7f7f7f;}
.en #tab > li:hover,
.en #tab > li.active {background:#004DA1;font-weight:bold;}
.en #tab > li:hover a,
.en #tab > li.active a{color:#fff;}
.en #tab .list li,.en #tender li {padding:20px 0 15px;border-bottom:solid 1px #CCC;width:100%;}
.en .day {font-weight:bold;margin-bottom:.8em;width:11em;}
.en #tab .list h3,#tender h3 {margin:0;font-weight:normal;clear:both;}
.en #tab .list h3 a,#tender h3 a {color:#333;}
.en #tab li.active .list {display:block;}
.en #tab .onlySP {display:inline-block;} 

.en #column_right {float:none;}

.en #banner {padding-bottom:15px;width:100%;}
.en .banner02 li {width:100%;height:auto;margin-bottom:15px;}
.en .banner02 li a {display:block;width:100%;height:100%;}
.en .banner02 li a img {display:block;width:100%;height:auto;}

.en #tab .list li { background:none;}

.en #tab > li {width:25%;}
.en #tab > li > a > span {width:auto;}
.en #tab > li.tab01 > a > span,
.en #tab > li.tab02 > a > span {padding-top:10px;}
.en #tab > li.tab03 > a > span{padding-top:5px;}
.en #tab > li.tab04 > a > span,
.en #tab > li.tab05 > a > span {padding-top:2px;}

.en .banner_e01,.en .banner_e02 {margin-bottom:15px;}
.en .green_list li .longName {height:auto;padding:1em 5%;text-indent:0;width:90%;}
.en .sliver_list li .longName {height:auto;padding:1em 5%;text-indent:0;width:90%;}

.en #main table.officers td{vertical-align:top;}
.en #main table.officers td table td {border:none;}
.en #main table.officers td table:before {display:none;}

.en .box_image.flash {padding:.5em;}
.en .box_image.flash p {text-align:left;width:auto;float:none;padding:0;margin:0 0 20px 0;}

.en #tab > li.active > ul {display:block;}
.en #tab > li > a {font-size:.9em;padding-top:5px;height:40px;}
.en #tab > li > a.line3 {font-size:.8em;}
.en #tab > li > ul > li {font-weight:normal;margin-bottom:5px;}
.en #tab > li  h3 {padding:0;margin:0;font-weight:normal;border:none;}
.en #tab > li  h3:after {display:none;}
.en #tab > li:hover h3 a, #tab > li.active h3 a {color:#000;}