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

#contents {background:#eceef2;padding:50px 0;}
#contents #column_right {width:360px;float:right;margin-bottom:50px;}

#gnav #gnav00 {background-position:0 -52px;}
#glnav .glnav01 a {background-image:url(../img/btn_header01_on.png);background-repeat:none;}

/*共通*/
.floatL,
.floatLspR {float:left;}
.floatR {float:right;}
.pcno {display:none;}
.underdot {padding-bottom:20px; margin-bottom:20px; background:url(../img/dotline.gif) bottom left repeat-x;}
.mb10pc {margin-bottom:10px;}
.mb15pc {margin-bottom:15px;}
.btout {width:100%;height:100%;display:block;white-space:nowrap;}

/*mainmenu-190212*/
#mainmenu {width:980px;margin:auto;font-family:"游ゴシック Bold", "Yu Gothic Bold", YuGothic Bold, "游ゴシック", "Yu Gothic";padding:40px 0 50px 0;}
#mainmenu .group_service {width:340px;background:#fecdd2;display:block;float:left;margin-right:35px;border-radius:7px;padding:25px 30px 38px 30px;box-sizing:border-box;}
#mainmenu .group_steps {width:340px;background:#c8b9b4;display:block;float:left;margin-right:35px;border-radius:7px;padding:25px 30px 40px 30px;box-sizing:border-box;}
#mainmenu .group_helps {width:230px;background:#98f4c6;display:block;float:left;border-radius:7px;padding:25px 30px 47px 30px;box-sizing: border-box;}
#mainmenu h2 {color:#4d342f;text-align:center;font-size:18px;font-weight:800;margin-bottom:20px;}
#mainmenu h2 img {margin-bottom:3px;}

#mainmenu .group_service ul li,
#mainmenu .group_steps ul li {margin-bottom:15px;}

#mainmenu .group_service ul li:nth-child(1) {width:280px;height:55px;display:block;float:left;}
#mainmenu .group_service ul li:nth-child(1) a {width:280px;height:55px;line-height:55px;display:block;box-sizing:border-box;text-decoration:none;}
#mainmenu .group_service ul li:nth-child(2),
#mainmenu .group_service ul li:nth-child(4) {width:131px;height:80px;display:block;float:left;margin-right:14px;}
#mainmenu .group_service ul li:nth-child(3),
#mainmenu .group_service ul li:nth-child(5) {width:131px;height:80px;display:block;float:left;}
#mainmenu .group_service ul li:nth-child(n+2) a {width:131px;height:80px;display:block;box-sizing:border-box;text-align:center;text-decoration:none;}
#mainmenu .group_service ul li:nth-child(4) a {font-size:11px;line-height:1.3;text-decoration:none;}

#mainmenu .group_steps h2 {margin-bottom:25px;}
#mainmenu .group_steps ul li:nth-child(1),
#mainmenu .group_steps ul li:nth-child(3),
#mainmenu .group_steps ul li:nth-child(5) {width:131px;height:71px;display:block;float:left;margin-right:14px;}
#mainmenu .group_steps ul li:nth-child(2),
#mainmenu .group_steps ul li:nth-child(4),
#mainmenu .group_steps ul li:nth-child(6) {width:131px;height:71px;display:block;float:left;}
#mainmenu .group_steps ul li a {width:131px;height:71px;display:block;box-sizing:border-box;text-align:center;}
#mainmenu .group_steps ul li:nth-child(1) a {font-size:11px;}

#mainmenu .group_helps h2 {margin-bottom:25px;}
#mainmenu .group_helps ul li:nth-child(1),
#mainmenu .group_helps ul li:nth-child(2) {width:156px;height:44px;display:block;margin-bottom:8px;}
#mainmenu .group_helps ul li:nth-child(n+3) {width:100%;height:23px;display:block;margin-bottom:7px;}

#mainmenu .group_helps ul li:nth-child(1) a,
#mainmenu .group_helps ul li:nth-child(2) a {width:100%;height:44px;display:block;box-sizing:border-box;color:#4d342f;text-decoration:none;}
#mainmenu .group_helps ul li:nth-child(1) a img,
#mainmenu .group_helps ul li:nth-child(2) a img {width:100%;}

/*後で削除
#mainmenu .group_helps ul li:nth-child(n+3) {width:100%;height:25px;display:block;margin-bottom:7px;}
#mainmenu .group_helps ul li:nth-child(n+3) a {width:100%;height:25px;line-height:25px;display:block;background:#4d342f;border-radius:4px;box-sizing:border-box;color:#fff;text-decoration:none;font-size:11px;font-weight:700;padding:0 10px;}
#mainmenu .group_helps ul li:nth-child(n+3) a:hover {background:#fff;color:#4d342f;}
.arrow {position:relative;}
.group_helps .arrow:after {position:absolute;top:36%;right:6px;content: '';background-image: url(../img/ico-arrow.png) ;background-repeat:no-repeat;background-size:contain;width:8px;height:8px;}
.group_helps .arrow:hover:after {filter: brightness(20%);-webkit-filter: brightness(20%);-moz-filter: brightness(20%);-ms-filter: brightness(20%);}
*/

#spimage {display:none;}

/*トピックス＆重要なお知らせ*/
#info {font-family:"游ゴシック Bold", "Yu Gothic Bold", YuGothic Bold, "游ゴシック", "Yu Gothic";font-weight:600;padding-bottom:20px;}

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

#info01 {float:left; width:465px;background:#fff;border:3px solid #005ea4;box-sizing:border-box;border-radius:10px;padding:15px;}
#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;}
#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:84px; margin-right:1px;}
#info01 ul.tab-list > li.tab02 {width:86px; margin-right:1px;}
#info01 ul.tab-list > li.tab03 {width:84px; margin-right:1px;}
#info01 ul.tab-list > li.tab04 {width:84px; margin-right:1px;}
#info01 ul.tab-list > li.tab05 {width:84px;}

#info01 ul.tab-list > li > a {display:block;max-width:100%;max-height:100%;text-align:center;text-decoration:none;font-size:11px;color:#fff;font-weight:bold;}
#info01 ul.tab-list > li:nth-child(2) > a {font-size:10px;letter-spacing:-1px;}
#info01 ul.tab-list > li > a > span {display:block;margin-top:3px;}
#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:#005ea4; }
#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:425px;height:190px;overflow-y:scroll;} 
#info01 .tab-box .list li {padding:10px 0;margin:0;border-bottom:2px dotted #ddd;background:none;}
#info01 .tab-box .list li:after {float:none; content: "";clear: both;height: 0;display: block;visibility: hidden;}
#info01 .tab-box .list .day {font-size:80%;display:inline-block;margin-right:4px;}
#info01 .tab-box .list h3 {border:none;margin:0;padding:0;}
#info01 .tab-box .list h3 a{color:#2d2d2d;text-decoration:none;font-size:79%;font-weight:600;line-height:1.3;}
#info01 .tab-box .list h3 a:hover{color:#005ea4;text-decoration:underline;}
#info01 .tab-box .list :after {display:none;}

#info01 .tab-box .list h3 a.icon {font-size:10px;color:#fff;}
#info01 .icon {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;}/*その他*/

#info02 {float:right; width:465px;background:#fff7e6;border:3px solid #005ea4;box-sizing:border-box;border-radius:10px;padding:15px 15px 35px 15px;}
#info02 h2.news {font-size:23px;color:#005ea4;font-weight:800;margin:10px 0 15px 0;text-align:center;}
#info02 .box {width:425px;height:240px;overflow-y:scroll;} 
#info02 .day {font-size:80%;display:inline-block;margin-right:4px;}
#info02 .box h3 {border:none;margin:0;padding:0;}
#info02 .box h3:after {display:none;}
#info02 .box h3 a {color:#2d2d2d;text-decoration:none;font-size:79%;font-weight:600;line-height:1.3;}
#info02 .box h3 a:hover{color:#005ea4;text-decoration:underline;}
#info02 .box li {padding:10px 0;margin:0;border-bottom:2px dotted #ddd;background:none;}
#info02 .box li:nth-child(1) {border-top:2px dotted #ddd;background:none;}
#info02 .subInner {display:inline;}

#info_btn {text-align:right;padding-top:10px;}
#info_btn .btn_rss {display:inline-block;background:#ffd000;color:#005ea4;text-decoration:none;font-size:12px;padding:1px 12px;margin-right:10px;border-radius:2px;}
#info_btn .btn_rss:hover {background:#fff600;}
#info_btn .btn_topicslist {display:inline-block;background:#fff;border:2px solid #005ea4;color:#005ea4;text-decoration:none;font-size:11px;padding:0 20px;border-radius:2px;box-sizing:border-box;}
#info_btn .btn_topicslist:hover {background:#e5e5e5;}
#rss_top {display:inline-block;}

/*フッターボタン*/
#options {padding:40px 0;font-family:"游ゴシック Bold", "Yu Gothic Bold", YuGothic Bold, "游ゴシック", "Yu Gothic";}
#options ul li {width:174px;height:100px;display:block;float:left;margin-right:20px;}
#options ul li:nth-child(5) {width:200px;margin-right:0;}
#options ul li a {width:173px;height:100px;display:block;text-decoration:none;}
#options ul li:nth-child(5) a {background:none;border:none;width:auto;height:auto;padding:0;}
#options .btn-spjob {display:none;}


/*Webサービス【2019年3月廃止】*/
.containerBlue {background:#edf5fa;padding:50px 0;}

#web_serviceL {float:left; width:450px; border:5px solid #94c5ef;}
#web_serviceL .web_service {height:305px; padding:20px 20px 0 20px; border:5px solid #fff;background:url(../../img/top_web_back.gif);text-align:center; }
#web_serviceL h2 img {width:400px;margin-bottom:20px;}
#web_serviceL .loginBt img {width:400px; margin-bottom:10px;}
#web_serviceL p {width:400px;text-align:left;margin:auto;}
#web_serviceL .floatL img,
#web_serviceL .floatR img {width:186px;border:2px solid #4e83bf; margin-top:15px;}
#web_serviceL .normalBtn img {width:396px;border:2px solid #4e83bf;}

#web_serviceR {float:right; width:460px;}
#web_serviceR img {width:460px;}


/*保険をご検討中の方へ【2019年3月廃止】*/
#consideration {padding:50px 0; text-align:center;}
#consideration h2 {padding-bottom:15px; margin-bottom:20px; border-bottom:5px solid #005fa5;}
#consideration h2 img {width:485px;}
#considerationL {float:left; width:620px;}
#considerationR {float:right; width:340px;}

/*ご利用中の方へ【2019年3月廃止】*/
.containerGreen {background:#e4f0e2;padding:50px 0; margin-bottom:50px;}
#procedure {text-align:center;}
#procedure h2 {padding-bottom:15px; margin-bottom:20px; border-bottom:5px solid #4b8d41;}
#procedure h2 img {width:485px;}

/*お役立ちコンテンツ【2019年3月廃止】*/
#serve {text-align:center; margin-bottom:100px;}
#serve h2 {padding-bottom:15px; margin-bottom:20px; border-bottom:5px solid #005fa5;}
#serve h2 img {width:485px;}
#serve .serve01 img {width:230px;}
#serve .serve01 {padding-bottom:20px; margin-bottom:20px; background:url(../img/dotline.gif) bottom left repeat-x;}
#serve .serve01 .floatL,
#serve .serve01 .floatLspR {margin-right:20px;}
#serve .serve01 .floatR:after,
#serve .serve01:after {float:none; content: "";clear: both;height: 0;display: block;visibility: hidden;}

#serve .serve02 {background:#eff0f1; padding:20px 20px 14px 20px; margin-bottom:20px;}
#serve .serve02 img {width:226px;}
#serve .serve02 .floatL,
#serve .serve02 .floatLspR {margin:0 12px 6px 0;}
#serve .serve02 .floatR:after,
#serve .serve02:after {float:none; content: "";clear: both;height: 0;display: block;visibility: hidden;}

#serve .serve03 img {width:310px;}
#serve .serve03 .floatL {margin-right:25px;}
#serve .serve03 .floatR:after,
#serve .serve03:after {float:none; content: "";clear: both;height: 0;display: block;visibility: hidden;}

/*メインイメージ【2019年3月廃止】*/
#top_menu .container {padding:40px 0 24px 0;}
#top_menu #slideblock{width:100%; position: relative; overflow: hidden; height: 61px; margin-top:-61px;}
#top_menu #slideBk {position:absolute; left:50%; margin:-10px 0 0 -792.5px; z-index:90;}

/*メインイメージ-bxslider pager【2019年3月廃止】*/
.bx-controls {position:relative;}
.bx-pager {margin:0 auto;}
.bx-default-pager {position:absolute;top:-50px;right:0px;bottom:0px;left:0px;z-index:92;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;background:#bcc7d8;background:#fff;margin-bottom:10px;}
.bxslider li a {display:block;width:100%;height:451px;text-align:center;overflow:hidden;position:relative;}
.bxslider li a img {position:absolute;top:50%;left:50%;margin:-225.5px 0 0 -792.5px;}

.bx-wrapper .bx-prev { position: absolute; z-index:92; bottom: 200px; left: 20px;  width:30px; height:100px; text-indent: -9999px; background: url('../img/prev.png') no-repeat;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {background-position: 0 0;}
.bx-wrapper .bx-next {position: absolute; z-index:92; bottom: 200px; right: 20px; width:30px; height:100px; text-indent: -9999px; background: url('../img/next.png') no-repeat 0 0;}













/*英語版*/
.en #gnav #gnav00 {background-position:0 -52px;}
.en #contents #info {width:597px;float:left;}

.en #info {position:relative;font-size:.95em;font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.en #info #info_archive {width:134px;height:25px;background-position:0 0;position:absolute;top:0;right:0;}
.en #info #info_archive,.en #info .topics {background-image:url(../img/en/top_image.png);background-repeat:no-repeat;}
.en #info #info_archive {background-position:-314px -341px;width:150px;}

.en #info .topics {width:86px;height:20px;background-position:-143px 0;margin-bottom:15px;}
.en #info .topics {background:url(../img/en/top_image.png) no-repeat -314px -368px;width:77px;}

.en #border {border-bottom:solid 2px #ccc;margin-bottom:17px;} 
.en #tab {width:100%;position:relative;margin-bottom:10px;}
.en #tab > li {height:31px;border:solid 1px #004DA1;float:left;background:url(../img/tab_back.jpg) repeat-x left bottom;}
.en #tab > li > a {display:block;width:100%;height:100%;text-align:center;text-decoration:none;color:#333;font-size:.9em;}
.en #tab > li > a > span {display:block;margin-top:5px;}
.en #tab > li > ul {position:absolute;top:33px;left:0;width:597px;display:none;background:#FFF;overflow-y:scroll;}
.en #tab > li.active > ul {display:block;}
.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:10px 0 10px;border-bottom:solid 1px #CCC;background:none;width:100%;}
.en #tender li {padding:0;}
.en .day {margin-bottom:.8em;width:9em;float:left;font-weight:normal;font-size:1em;clear:both;}
.en #tab .list h3,
.en #tender li h3 {margin:0;font-weight:normal;clear:none;border:none;padding:0;float:left;width:75%;}
.en #tab .list h3 a,
.en #tender li h3 a{color:#004a9c;font-size:.9em;}
.en #tab .list h3 a:hover,
.en #tender li h3 a:hover{color:#eb6114;}
.en #tab .list h3:after,.en #tender li h3:after {display:none;}
.en #tender .day {margin-left:15px;}
.en #tender li {border:none;}
.en #tab li .list {display:none;}
.en #tab li.active .list {display:block;}
.en #tab .list li,
.en #tab .list li:before,
.en #tab .list li:after,
.en #tender li,
.en #tender li:before,
.en #tender li:after {content:"";display:table;}
.en #tab .list li:after,
.en #tender li:after {clear:both;}
.en #tab .list li,
.en #tender li {zoom:1;}

.en #rss_top p {margin:0;}
.en #rss_top p a {float:right;margin-right:20px;}
.en #rss_top p a:first-child {float:left;}





.en #column_right .banner {width:360px;height:177px;background:url(../../img/right_banner.jpg) no-repeat left top;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,0.4);overflow:hidden;}
.en #column_right .banner img {display:block;width:100%;hright:auto;}
	
.en #banner {background:#eee;padding:37px 0 40px;clear:both;border-top:solid 1px #ddd;}
.en #banner li {float:left;}
.en #banner li a img {display:block;width:100%;height:auto;}

.en .banner02 {margin-bottom:18px;}
.en .banner02 li {width:312px;height:130px;border-radius:3px;overflow:hidden;margin-left:22px;}
.en .banner02 li:first-child {margin-left:0;}
.en .banner02 li a img {display:block;width:100%;height:auto;}


/*topics*/
.en #tab.cover > li > a {padding-top:5px;}
.en #tab.cover > li > ul,
.en #tab.cover.ja > li > ul{width:99.6%;border:none;height:700px;overflow:scroll;}
.en #tab.cover > li > ul > li,
.en #tab.cover.ja > li > ul > li {width:80%;font-weight:normal;font-size:.8em;margin:1em 0;}
.en #tab.cover li h3,
.en #tab.cover.ja li h3 {margin:0;padding:0;border-bottom:0;font-weight:normal;}
.en #tab.cover li h3:after,
.en #tab.cover.ja li h3:after {display:none;}
.en #tab.cover > li > ul > li div {font-weight:bold;margin-bottom:0.5em;width:11em;}

.en .contact {padding-left:1em;text-align:left;margin:0 auto;}

.en #tab.cover.cover.ja ul li a.icon {color:#fff;border-radius: 3px;color: #fff;display: inline-block;font-size: 0.9em;margin-left: 8px; padding: 2px 5px;text-decoration: none;}
.en #tab.cover.cover.ja > li > ul {display:none;}
.en #tab.cover.cover.ja > li.active > ul {display:block;}
.en #tab.cover.cover.ja > li > a {padding:.5em 0;}

.en #tab.cover.ja #tabList h4 {font-size:1.3em;}
.en #tab.cover.ja #tabList li {font-size:1.2em;margin-top:.5em;}
.en #tab.cover.ja #tabList li a {text-decoration:none;}
.en #tab.cover.ja #tabList li:first-child {margin-top:0;}