@charset "shift_jis";


/* ------------------------------------------------
   API・ヘルプ 共通CSS
------------------------------------------------ */

/* レイアウト調整 */

body { -webkit-text-size-adjust:100%; display:table; overflow:scroll; width:100%; }

.contentsInner { width:90%; overflow:hidden; }
.column2L #mainContents   { width:100%; margin:0 -230px 0 0 !important; float:right;  }
.column2L #mainContents .mainContents-inner { margin-right:230px; }
.column2L #subContents    { width:210px; margin:0 20px 0 0; }
.column2L #subContents li li { font-size:90%; }
.columnWide #mainContents { width:100%; margin:0 0 0 0; }

.lower-main .inner, .contentsInner, #contentsBtm .inner,
#footer .footNavigation, #footNavigation #footInfo, #footer .nifty { width:90%; }

#header      { width:90%; margin:10px auto; }
#headLogo    { width:90%; }
#headInfo    { width:10%; }
#headInfo li { display:block; margin-bottom:5px; text-align:left; }
#header h1   { float:left; width:50% !important; margin-top:22px; }

#gnavi { width:89%; margin:0 auto 18px; padding:0 10px;
  border-bottom:1px solid #000; border-right:1px solid #000;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

#gnavi ul { width:100%; _width:87%; position:relative; }
#gnavi a       { display:block; padding:10px 15px; color:#fff; }
#gnavi a:hover { background-color:#bbb; color:#222; text-decoration:none; }

#gnavi .big_menu {
    display: none;
    width: 1040px;
    margin: 0;
    background-color:#444;
    position:absolute;
    box-shadow:1px 3px 3px rgba(0,0,0,0.2); /*CSS3*/
     -moz-box-shadow:1px 3px 3px rgba(0,0,0,0.2); /*Firefox用*/
     -webkit-box-shadow:1px 3px 3px rgba(0,0,0,0.2); /*Google Chrome, Safari用*/
}

#gnavi #gnaviMenu .big_menu .service_list {
    display: inline-block;
}

#gnavi #gnaviMenu .big_menu .service_list li {
    width: 260px;
    text-align: left;
}

#gnavi .big_menu .service_list > li > a {
    background-color:#444;
    color:#ddd;
    font-weight: bold;
    text-decoration:none;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
}

#gnavi .big_menu .service_list > li > .line {
    width: 215px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    padding-top: 110px;
    margin-left: 20px;
    margin-bottom: 10px;
}

#gnavi .big_menu .doc_type_list > li {
    height: 25px;
    font-size: 80%;
}

#gnavi .big_menu .doc_type_list > li > a {
    padding-top: 2.5px;
    padding-right: 7.5px;
    padding-bottom: 2.5px;
    padding-left: 20px;
}

#gnavi .big_menu .service_list > li:hover > a {
    background-color:#ddd;
    color:#333;
    text-decoration:none;
}

#gnavi .big_menu .doc_type_list > li:hover > a {
    background-color:#ddd;
    color:#333;
    text-decoration:none;
}

.lower-main        { min-height:15px; _height:14px; margin:0; padding:0; background:none; }

#docPage .lower-main h2     { float:right; width:150px; height:13px; background:url("../files/images/h2_doc.gif") 0 0 no-repeat; }
#svcPage .lower-main h2     { float:right; width:150px; height:13px; background:url("../files/images/h2_doc.gif") 0 0 no-repeat; }
#specPage .lower-main h2    { float:right; width:165px; height:13px; background:url("../images/spec/h2_spec.gif") 0 0 no-repeat; }
#guidePage .lower-main h2   { float:right; width:200px; height:13px; background:url("../images/guide/h2_guide.gif") 0 0 no-repeat; }
#faqPage .lower-main h2     { float:right; width:150px; height:13px; background:url("../images/faq/h2_faq.gif") 0 0 no-repeat; }
#supportPage .lower-main h2 { float:right; width:150px; height:13px; background:url("../images/h2_support.gif") 0 0 no-repeat; }
#helpPage .lower-main h2    { float:right; width:150px; height:13px; background:url("../images/h2_help.gif") 0 0 no-repeat; }
#apiPage .lower-main h2     { float:right; width:131px; height:12px; background:url("../api/images/h2_api.gif") 0 0 no-repeat; }

.footpath { width:937px; margin-top:9px; padding:0 0 5px 23px; background:url("../api/images/pankuzu_home_api.gif") 10px 0 no-repeat; font-size:80%; color:#333; }

.footpath a:link,
.footpath a:active,
.footpath a:visited { margin:0 .3em; color:#007acf; }
.footpath a:hover   { color:#2D8BFF; }

#contents      { background:none; }
.contentsInner { margin:0 auto 10px; background:none; }

#footNavigation .largeinner { width:88%;}

#contentsBtm .resolution { display:none; }
#footer #ftr_recruit { width:710px; }


/* mod 調整 */
.ttl-01, .ttl-01 > span,
.columnWide .ttl-01, .columnWide .ttl-01 > span { background-image:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.ttl-02, .ttl-02 > span,
.columnWide .ttl-02, .columnWide .ttl-02 > span { background-image:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.tbl-01 td, .tbl-01 th { padding:8px; font-size:90%; line-height:1.2; }

/* ヘルプ・FAQ内検索 */
#searchFAQ input,
#searchHelp input      { float:left; }
#searchFAQ #searchbox2,
#searchHelp #searchbox2 { width:110px; margin-right:5px; height:16px; _height:25px; padding:4px 0 4px 4px; border:1px solid #dbdbdb; }

/* FAQ内検索（本文中） */
#searchFAQm input { float:left; }
#searchFAQm p     { float:left; font-weight:bold; margin:2px .5em 0 0; }
#searchFAQm #searchbox3 { width:300px; margin-right:5px; height:16px; _height:25px; padding:4px 0 4px 4px; border:1px solid #dbdbdb; }


/* 20161007追加テキストエリア */
.space_pre {
	white-space:pre;
}
.border_box01 {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin: 1px 2px;
    padding: 0 5px;
	display:inline-block;
    white-space: nowrap;
}
.border_box02 {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #333;
    margin: 0 3px;
    padding: 0 3px;
}

/* 2020 Added for content footer */
.box-p02 {
    width: 90%;
    margin: 0 auto;
}
.box-p02 ul li {
    text-align: left;
}