@charset "utf-8";

@import "reset.css";

/* Common */

.bor{border:1px solid red;}
.bor02{border:1px solid blue;}
.bor03{border:1px solid black;}
.vat{vertical-align:top;}
.none{display:none;}
.fl{float:left;}
.fr{float:right;}
.ml2{margin-left:2px;}
.wid60{width:60px;}
.wid70{width:70px;}
.wid75{width:75px;}
.wid80{width:90px;}
.wid110{width:110px;}
.wid115{width:115px;}
.wid125{width:125px;}
.widp20{width:20%;}
.widp33{width:33%;}
.widp34{width:34%;}
.widp65{width:65%;}
.widp75{width:75%;}
.widp85{width:85%;}
.ofh{overflow:hidden;}

.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mr20{margin-right:25px;}
.mb5{margin-bottom:5px;}

.pt5{padding-top:5px;}
.pt7{padding-top:7px;}
.pt10{padding-top:10px;}
.pl10{padding-left:10px;}
.pl12{padding-left:12px;}
.pl15{padding-left:15px;}
.pr7{padding-right:7px;}

.t_blue{color:#2d5690;}
.t_white{color:#ffffff;}
.t_sky{color:#6dcff6;}
.t_gray{color:#8a8a8a;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.taj{ text-align:justify;}
.gray{background:#f5f5f5;}


legend, caption{ position:absolute; left:-999999in}


.p_listBox li{line-height:1.6;}

body {scrollbar-face-color: #e0e0e0;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: none;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-darkshadow-color: none;}


.openapiBox{width:850px; height:850px; overflow:hidden;}
.openapiBox .leftBox{width:200px; height:100%; background:#364157; float:left; overflow-x:hidden; overflow-y:auto;}
.openapiBox .leftBox .logo{text-align:center; padding-top:10px;}
.openapiBox .leftBox .visual{width:180px; height:160px;}
.main_menu li{border-bottom:1px solid #465064; height:68px;} 
.main_menu li a{ display:block; font-size:13px; padding-left:14px; }

.main_menu .icon01{background: url(../images/icon_menu01_off.png) right 19px no-repeat; height:40px; padding-top:28px; color:#868d9a;}
.main_menu .icon01_on{background: url(../images/icon_menu01_on.png) right 19px no-repeat; height:40px; padding-top:28px; color:#262626;}

.main_menu .icon02{background: url(../images/icon_menu02_off.png) right 19px no-repeat; height:40px; padding-top:28px; color:#868d9a;}
.main_menu .icon02_on{background: url(../images/icon_menu02_on.png) right 19px no-repeat; height:40px; padding-top:28px; color:#262626;}

.main_menu .icon03{background: url(../images/icon_menu03_off.png) right 19px no-repeat; height:40px; padding-top:28px; color:#868d9a;}
.main_menu .icon03_on{background: url(../images/icon_menu03_on.png) right 19px no-repeat; height:40px; padding-top:28px; color:#262626;}

.main_menu .icon04{background: url(../images/icon_menu04_off.png) right 19px no-repeat; height:40px; padding-top:28px; color:#868d9a;}
.main_menu .icon04_on{background: url(../images/icon_menu04_on.png) right 19px no-repeat; height:40px; padding-top:28px; color:#262626;}

.main_menu .sub_menu{height:20px; padding-top:6px; padding-left: 24px; color:#868d9a;}
.main_menu .sub_menu_on{height:20px; padding-top:6px; padding-left: 24px; color:#ffbf08;}



.main_menu .icon05{background: url(../images/icon_menu05_off.png) right 19px no-repeat; height:40px; padding-top:28px; color:#868d9a;}
.main_menu .icon05_on{background: url(../images/icon_menu05_on.png) right 19px no-repeat; height:40px; padding-top:28px; color:#262626;}

.main_menu .icon06{background: url(../images/icon_menu06_off.png) right 19px no-repeat; height:40px; padding-top:28px; color:#868d9a;}
.main_menu .icon06_on{background: url(../images/icon_menu06_on.png) right 19px no-repeat; height:40px; padding-top:28px; color:#262626;}

.main_menu .icon07{background: url(../images/icon_menu07_off.png) right 19px no-repeat; height:40px; padding-top:28px; color:#868d9a;}
.main_menu .icon07_on{background:  url(../images/icon_menu07_on.png) right 19px no-repeat; height:40px; padding-top:28px; color:#262626; /*border-right:3px solid #364157;*/}

.menu_on{background: #ffbf08 url(../images/bg_menu_on.png) right top no-repeat; /*display:inline-block;*/ height:70px; width:200px; }

.contentBox{/*background: url(../images/bg_shadow.png) left top repeat-y;*/ height:100%; float:left;}
.shadow{background: url(../images/bg_shadow.png) left top repeat-y;height:850px; position:absolute; z-index:22; width:7px;}


.contentBox .subVisual{background: url(../images/bg_sub.gif) left top; width:663px; height:120px;}
.wordsBox{background: url(../images/img_sub.png) right 10px no-repeat; padding-top:25px; padding-left:20px; height:120px;}
.wordsBox h2{font-size:21px; color:#ffffff;}
.wordsBox p{font-size:13px; color:#bfd3e6; padding-top:8px;}
/*.contentInner{width:663px; height:730px; overflow-y:auto; overflow-x:hidden; min-height:730px; max-height:730px;} */
.contentInner{width:663px; height:100%; overflow-y:auto; overflow-x:hidden; min-height:730px; max-height:730px;} 
.contentInner .pageTop{width:663px; height:15px; }
.contentInner .emptySpace{width:100%; height:40px; }
.contentInner .emptySpace10{width:100%; height:10px; }
.contentInner .emptySpace14{width:100%; height:14px; }
.contentInner .emptySpace16{width:100%; height:16px; }
.contentInner .emptySpace18{width:100%; height:18px; }
.contentInner .emptySpace20{width:100%; height:20px; }
.contentInner .emptySpace22{width:100%; height:22px; }
.contentInner .emptySpace30{width:100%; height:30px; }
.contentInner .pageBody{width:663px; padding:8px 32px 42px 20px; box-sizing:border-box;}
.contentInner .pageBody .ti{font-size:17px; background: url(../images/bullet.png) 5px 2px no-repeat;  padding-left:27px; padding-bottom:3px; padding-bottom:3px; color:#2e2e2e; border-bottom:1px solid #6492c6;}
.contentInner .pageBody .ti02{font-size:14px; background: url(../images/icon_result.png) 5px 2px no-repeat; height:24px; padding-left:32px; padding-bottom:0px; padding-top:5px; color:#2e2e2e; border-bottom:1px solid #bdbdbd;}
.contentInner .pageBody .s_ti{font-size:12px; padding-top:10px; padding-left:5px; color:#2e2e2e;}
.contentInner .pageBody .s_ti02{font-size:13px; padding-top:7px; padding-left:5px; color:#676b73; padding-bottom:5px;}
.contentInner .pageBody .ss_ti{font-size:14px; padding-top:7px; padding-left:7px; color:#4b72a3;}
.contentInner .pageBody .p_words{font-size:12px; padding-top:9px; padding-left:7px; text-align:justify; padding-right:7px;}
.contentInner .pageBody .p_words_big{font-size:14px; padding-top:7px; padding-left:7px; text-align:justify; padding-right:7px;}
.contentInner .pageBody .img_picBox{padding-left:7px; padding-right:7px; text-align:center; margin-top:10px;}
.contentInner .pageBody .img_pic{background:#edf0f7; padding-top:10px; padding-bottom:10px; }
.editorBox{border-radius: 4px; background:#d7e5e8; padding-left:3px; padding-right:3px; padding-bottom:3px; margin:10px 7px;}
.editorInner{background:#ffffff; padding:10px;}

.img_picBox .img_pic div img {max-width:510px; height:auto; }



.contentInner .pageBottom{width:663px; height:15px; }

.tableBox{margin:10px 7px 0 7px;}
.openapi_table{width:100%; border-top:1px solid #5b6672}
.openapi_table th{ background:#8292a2; padding-top:5px; padding-bottom:6px; color:#ffffff;}
.openapi_table th.r_line{border-right:1px solid #95a2b0;}
.openapi_table td{ border-bottom:1px solid #d3d3d3; padding-top:5px; padding-bottom:5px; padding-left:15px;}
.openapi_table td.r_line{border-right:1px solid #d3d3d3;}
.openapi_table td.gBg{ background:#f5f5f5; }









.listboxarea {overflow:hidden; width:100%; }
.listboxarea > ul.listtype > li { position:relative; width:178px; height:95px; border-radius:5px; border:1px solid #c6c6c6; float:left; margin-bottom:20px; box-shadow:4px 4px #e9e9e9; }
.listboxarea ul.listtype li .listtitle { width:178px; height:20px; font-weight:bold; font-size:14px;  letter-spacing:-0.1em; margin-top:10px; margin-bottom:10px; text-align:center; padding-right:4px; }
.listboxarea ul.listtype li .listtitle a:hover { color:#009b90; text-decoration:underline !important; }	
.listboxarea ul.listtype li .fileinfo { position:relative; width:176px; margin:0 auto; padding:10px 0px 0px 3px; border-top:1px solid #d2d2d2; }
.listboxarea ul.listtype li .fileinfo2 { position:relative; width:176px; margin:0 auto; padding:10px 0px 0px 3px; border-top:1px solid #0080c8; }
.listbtn01 { width:52px; padding:8px; font-size:13px; color:#fff; background-color:#4E77A3; border-radius:5px; border:1px solid #4E77A3; text-align:center; margin-left: 5px;}
.listbtn02 { width:52px; padding:8px; font-size:13px; color:#fff; background-color:#5555c5; border-radius:5px; border:1px solid #43439d; text-align:center; }
.listbtn03 { width:52px; padding:8px; font-size:13px; color:#fff; background-color:#268183; border-radius:5px; border:1px solid #268183; text-align:center; }

.marr-19 { margin-right:19px !important; }




.empty_class {}