/*
    Document   : ms
    Created on : 2014/03/24, 14:54:46
    Author     : mizoguchi
    Description:
        Purpose of the stylesheet follows.
*/


#msFooter {

    margin:10px;
    margin-left:auto;
    width:50px;
    height:40px;
    color:#0000ff;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:medium;
    font-family:sans-serif;
    line-height:normal;
    text-align: right;
    text-decoration: underline;

}

/* 相対位置配備 */
.msHeder {
    margin:10px;
    width:100%;
    height:40px;
    color:#0000ff;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:medium;
    line-height:normal;
    font-family:sans-serif;

}

.msHederLink {
    margin:10px;
    float:right;
    text-decoration: underline;

}
.msHederClear {
    clear:both;
}

/* 絶対位置配備 */
#msHederDiv {

    margin:10px;
    width:1000px;
    height:40px;
    color:#0000ff;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:medium;
    line-height:normal;
    font-family:sans-serif;

}

#msHederTop {
    position: absolute;
    top: 10px;
    left: 700px;
    text-align: right;
    text-decoration: underline;

}

#msHederTopAdm {
    position: absolute;
    top: 10px;
    left: 780px;
    text-align: right;
    text-decoration: underline;

}

#msHederMy {
    position: absolute;
    top: 10px;
    left: 840px;
    text-align: right;
    text-decoration: underline;

}
#msHederLogout {
    position: absolute;
    top: 10px;
    left: 940px;
    text-align: right;
    text-decoration: underline;
    right:405px;

}
#msFooterDiv {

    margin:10px;
    width:1000px;
    height:40px;
    color:#0000ff;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:medium;
    line-height:normal;
    font-family:sans-serif;

}
#msFooterTop {
    position: absolute;
    top: 10px;
    left: 700px;
    text-align: center;
    text-decoration: underline;

}




/*
div.msFooter {
    margin-left:auto;
    margin:10px;
    width:1000px;
    height:60px;
    color:#0000ff;
    background-color:#ffffff;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:medium;
    line-height:normal;
    font-family:sans-serif;
}
a.msFooter {
    margin-left:auto;
    margin:10px;
    width:50px;
    height:50px;
    color:#0000ff;
    text-align: right;
    text-decoration: underline;
    background-color:#ffffff;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:medium;
    line-height:normal;
    font-family:sans-serif;
}

*/

/**** add-2016/11/25 ****/
.tab001 {
    margin-right: 20px;
}

/**** add-2016/04/26 ****/
.clearfix::after, .section::after, .list-info-01 li::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#mainContents {
    padding: 10px 15px 15px 14px;
    width: 741px;
}

* {
    color: #333;
    line-height: 140%;
    margin: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: baseline;
}

#loginbox {
    margin-left: auto !important;
    margin-right: auto !important;
}

#miniContents {
    float: left;
    padding-bottom: 30px;
    width: 350px;
}

#subContents {
    float: left;
    width: 415px;
    margin-left: 110px;
    margin-top: -5px;
}
#subContents2 {
    float: none;
    width: 350px;
    margin-left: 920px;
    margin-top: -5px;
}

#miniContents #niftyLogin {
    background: rgba(0, 0, 0, 0) url("/service/images/pc/login_bg.gif") repeat-y scroll 0 0;
    margin-bottom: 15px;
    overflow: hidden;
    width: 350px;
}

#miniContents #niftyLogin .inner {
    background: rgba(0, 0, 0, 0) url("/service/images/pc/login_bghead.gif") no-repeat scroll 0 0;
    padding: 14px 0 0;
}

#miniContents #niftyLogin h1 {
    border-bottom: 1px solid #adb7c0;
    font-size: 1.44em;
    font-weight: bold;
    margin: 0 20px 10px;
    padding: 0 0 5px;
}

#miniContents #niftyLogin h1 span {
    border-left: 4px solid #e18359;
    padding: 0 0 0 6px;
}

#miniContents #niftyLogin form {
    background: rgba(0, 0, 0, 0) url("/service/images/pc/login_bg.gif") no-repeat scroll -350px 100%;
    display: block;
    padding: 0 20px 16px;
}

#miniContents #niftyLogin dl.user {
    margin: 10px 0;
}

#miniContents #niftyLogin dl.user dt {
    font-size: 1.05em;
}

#miniContents #niftyLogin dl.user dd {
    margin-bottom: 6px;
}

#miniContents #niftyLogin dl.user dd input {
    padding: 2px;
    width: 250px;
}

#miniContents #niftyLogin .btnlogin {
    margin-bottom: 15px;
    text-align: center;
}

#miniContents #niftyLogin .moreInfo {
    border-top: 1px solid #b3c0cd;
    padding: 12px 0 0;
}

#subContents #forFirst {
    background: #f2f8fd none repeat scroll 0 0;
    border: 1px solid #d9e2e9;
    margin: 5px 30px 0 -60px;
    padding: 12px;
}

#subContents #forFirst h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 5px;
}

#subContents #forFirst h2 span {
    border-left: 4px solid #e18359;
    padding: 0 0 0 6px;
}

#subContents2 #forSecond {
    background: #f2f8fd none repeat scroll 0 0;
    border: 1px solid #d9e2e9;
    margin: 5px 30px 0 -60px;
    padding: 12px;
}

#subContents2 #forSecond h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 5px;
}

#subContents2 #forSecond h2 span {
    border-left: 4px solid #e18359;
    padding: 0 0 0 6px;
}

#mainContents ul, #mainContents ol, #mainContents dl {
    margin-bottom: 1em;
}

.li-dot-01 li, li .li-dot-01 li {
    background: rgba(0, 0, 0, 0) url("/service/images/pc/blt_dot_01.gif") no-repeat scroll 0 0.5em;
    margin-bottom: 5px;
    margin-left: 2px;
    padding-left: 12px;
}

/**** add-2016/04/27 ****/                                                                                       
.box-02 {
    border: 1px solid #f00;
}
.box-01, .box-02 {
    margin-bottom: 0.5em;
    padding: 10px;
}
.em-01, .em-02 {
    color: #f00;
}
.em-00, .em-01 {
    font-weight: bold;
}
#ttl-02 {
    border-left: 5px solid #2177ab;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-left: 5px;
}

#block {
    padding: 20px;
    border: #356E8A dashed 1px;
    background: #fff;
    margin-top: 1.5em;
    margin-bottom: 1em;
}


/** **************************************** **/

body { margin: 0px; padding: 0px; word-break: normal; word-wrap: break-word; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin: 0px; padding: 0px; font-size: 100%; font-style: normal; font-weight: normal; }
em, address { font-style: normal; }
strong { font-weight: bold; }
ul, ol, dl, dt, dd { margin: 0px; padding: 0px; list-style-type: none; }
img { vertical-align: bottom; }
a img { border: 0px none; }
hr { display: none; }
.sidenaviBox02 span, .sidenaviBox02 span:active, .sidenaviBox02 span:visited, a:link, a:active, a:visited { color: rgb(0, 122, 207); text-decoration: none; }
.sidenaviBox02 span:hover, a:hover { color: rgb(117, 209, 18); text-decoration: underline; }
table { border: 0px none; border-collapse: collapse; border-spacing: 0px; }
th, td, caption { padding: 0px; text-align: left; word-break: normal; }

body { color: rgb(51, 51, 51); font-size: 100.01%; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; text-align: center; line-height: 1.6; word-wrap: break-word; border-top: 2px solid rgb(0, 57, 94); }
#container { font-size: 80%; background-color: rgb(255, 255, 255); }
.lower-main .inner, #contentsBtm .inner, #gnavi .gnavi-inner, #footer .footNavigation, #footer .nifty { width: 950px; margin: 0px auto; text-align: left; }
.contentsInner { width: 956px; margin: -22px auto 10px; background: transparent url('/service/images/pc/top_contents_bg.png') no-repeat scroll 0px 0px; text-align: left; }
#header { width: 920px; margin: 10px auto; }
#headLogo { width: 570px; text-align: left; float: left; line-height: 1; }
#headLogo .cloudLogo { margin-top: 4px; margin-right: 15px; float: left; }
#headLogo #tagline { width: 410px; margin-top: 10px ! important; float: left; }
#headInfo { width: 350px; text-align: right; float: left; }
#headInfo ul { margin-bottom: 8px; line-height: 1; }
#headInfo li { display: inline; margin-left: 10px; padding-left: 6px; font-size: 80%; background: transparent url('/service/images/pc/arrow01.gif') no-repeat scroll left center; }
#gnavi { background-color: rgb(53, 110, 138); border-bottom: 1px solid rgb(40, 40, 40); position: relative; z-index: 1; }
#gnavi ul { width: 720px; position: relative; }
#gnavi li { float: left; }
#gnavi a { display: block; padding: 12px 15px; color: rgb(255, 255, 255); }
#gnavi a:hover { background-color: #235169; text-decoration: none; }
.lower-main { padding-top: 38px; min-height: 116px; background: rgb(5, 57, 140) url('bg_top_sky.jpg') no-repeat scroll 50% 0px; }
.lower-main h2 { margin: 0px 10px 35px; height: 42px; background: transparent none no-repeat scroll 0px 0px; }
.lower-main h2 span { display: none; }
.lower-main h2.noimg::before { content: "NIFTY Cloud"; display: block; font-size: 50%; font-weight: normal; }
.footpath { padding-left: 23px; padding-bottom: 22px; background: transparent url('/service/images/pc/pankuzu_home.gif') no-repeat scroll 10px 0px; font-size: 80%; color: rgb(255, 255, 255); }
.footpath strong { margin: 0px 0.3em; font-weight: normal; }
.footpath a:link, .footpath a:active, .footpath a:visited { margin: 0px 0.3em; color: rgb(113, 195, 252); }
#contents { background: transparent url('/service/images/pc/bg1.gif') repeat-x scroll 0px 22px; }
#mainContents { width: 660px; }
.columnWide #mainContents { width: 900px; margin: 25px 25px 0px 30px; float: left; }
#contentsBtm { background-color: rgb(235, 235, 235); max-height: 30px; }
#contentsBtm .inner { position: relative; }
.resolution { padding-bottom: 6px; }
.pgTopLink { bottom: 0px; right: 0px; position: absolute; }
#footer { padding: 24px 0px 12px; background: rgb(47, 47, 47) url('/service/images/pc/foot_bg.gif') repeat-x scroll 0px -2px; color: rgb(255, 255, 255); }
#footer a:link, #footer a:active, #footer a:visited { color: rgb(255, 255, 255); }
#footer a:hover { color: rgb(117, 209, 18); }
#footer #gotop_img { width: 220px; float: left; }
#footer #ftr_recruit { width: 510px; font-size: 90%; text-align: center; float: left; }
#footer #ftr_recruit a { text-decoration: underline; color: rgb(255, 255, 255); }
#footer address { text-align: right; float: right; }
#footer address a:link, #footer address a:active, #footer address a:visited { text-decoration: underline; }
#footer address a:hover { text-decoration: none; color: rgb(255, 255, 255); }
#footer .copyright { font-size: 85%; color: #fff; }

.skipNav { display: none; }
.pgh-01, .list-d01, .list-r01, .list-r02, .list-a01, .list-a02, .list-n01, .list-n02, .list-i01, .box-p01, .box-p02, .box-l01, .box-l02, .cd-01, .box-flow, .tbl-01, .tbl-02, .tbl-03, .tbl-rel, .tbl-simp-01 { margin-bottom: 1em ! important; }
.section, .section-num { margin-bottom: 2em ! important; }
:first-child + html .lay-2clm-01 .inner, :first-child + html .lay-2clm-02 .inner, :first-child + html .lay-2clm-03 .inner, :first-child + html .lay-3clm-01 .inner, :first-child + html .lay-4clm-01 .inner, :first-child + html .lay-4clm-02 .inner { margin-right: 1.5%; }
.ttl-01 { min-height: 35px; padding-top: 5px; margin-bottom: 1em; background: rgb(51, 51, 51) url('/service/images/pc/ptn4_title01.gif') no-repeat scroll left top; }
.ttl-01 span { display: block; padding: 5px 10px 10px; background: transparent url('/service/images/pc/ptn4_title01_foot.gif') no-repeat scroll left bottom; }
.ttl-01 span span { padding: 0px 0px 0px 5px; background: transparent none repeat scroll 0% 0%; border-left: 4px solid rgb(40, 148, 210); font-size: 125%; font-weight: bold; color: rgb(255, 255, 255); }
.columnWide .ttl-01 { background: rgb(51, 51, 51) url('/service/images/pc/ptn4_title01w.gif') no-repeat scroll left top; }
.columnWide .ttl-01 span { background: transparent url('/service/images/pc/ptn4_title01_footw.gif') no-repeat scroll left bottom; }
.columnWide .ttl-01 span span { background: transparent none repeat scroll 0% 0%; }
:first-child + html .link-pdf-01 a, :first-child + html .link-out-01 a, :first-child + html .pgh-img-01, :first-child + html .pgh-img-02, :first-child + html .pgh-new, :first-child + html .pgh-ss { background: transparent none repeat scroll 0% 0% ! important; }
/* .tbl-01 */
.tbl-01 { width:80%; border:1px solid #e3e3e3; border-bottom:none; border-right:none; }
.tbl-01 th,
.tbl-01 td { padding:6px 8px; border-right:1px solid #e3e3e3; }
.tbl-01 th,
.tbl-01 .even,
.tbl-01 tfoot td  { background:url("/service/images/pc/service_table_th1_bg.gif") 0 100% repeat-x #f2f2f2; } 
.tbl-03 td        { background:url("/service/images/pc/service_table_td_bg.gif") 0 100% repeat-x; }
.tbl-03 .price    { background:#e7e7e7 url("/service/images/pc/service_table_th2_bg.gif") 0 100% repeat-x; }
/* IE6-box内ではみ出し対策 */
.box-p01 .tbl-01, .box-p02 .tbl-01, .box-l01 .tbl-01, .box-l02 .tbl-01 { _width:96% !important; }
/* .tbl-03 */
.tbl-03 { width:80%; border:1px solid #e3e3e3; border-bottom:none; border-right:none; }
.tbl-03 th,
.tbl-03 td { padding:6px 8px; border-right:1px solid #e3e3e3; }
.tbl-03 th,
.tbl-03 .even,
.tbl-03 tfoot td  { background:url("/service/images/pc/service_table_th1_bg.gif") 0 100% repeat-x #f2f2f2; }
.tbl-03 td        { background:url("/service/images/pc/service_table_td_bg.gif") 0 100% repeat-x; }
.tbl-03 .price    { background:#e7e7e7 url("/service/images/pc/service_table_th2_bg.gif") 0 100% repeat-x; }
/* IE6-box内ではみ出し対策 */
.box-p01 .tbl-03, .box-p02 .tbl-03, .box-l01 .tbl-03, .box-l02 .tbl-03 { _width:96% !important; }
#container, .section, .read, .pkg, .ttl-07, .lay-2clm-01, .lay-3clm-01, .list-a02, .list-i01, .list-2clm-i01, .list-3clm-i01, .list-4clm-i01, .list-5clm-i01, #newsPage .paging {  }
#container::after, .section::after, .read::after, .pkg::after, .ttl-07::after, .lay-2clm-01::after, .lay-3clm-01::after, .list-a02::after, .list-i01::after, .list-2clm-i01::after, .list-3clm-i01::after, .list-4clm-i01::after, .list-5clm-i01::after, #newsPage .paging::after { display: block; clear: both; height: 0px; visibility: hidden; content: "."; font-size: 0px; }

body { display: table; overflow: scroll; width: 100%; }
.contentsInner { width: 90%; overflow: hidden; }
.columnWide #mainContents { width: 100%; margin: 0px; }
.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: 0px auto 18px; padding: 0px 10px; border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-radius: 3px; }
#gnavi ul { width: 89%; position: relative; }
#gnavi li { float: left; font-size: 96%;}
#gnavi a { display: block; padding: 10px 15px; color: rgb(255, 255, 255); height: 20px;}
#gnavi a:hover { background-color: #235169; text-decoration: none; }
#gnavi .gnav-sub-doc { display: none; margin-top: 0px; background-color: rgb(68, 68, 68); position: absolute; }
#gnavi .gnav-sub-doc ul { width: inherit; box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2); }
#gnavi .gnav-sub-doc li { border-top: 1px solid rgb(79, 79, 79); border-bottom: 1px solid rgb(64, 64, 64); float: none; }
#gnavi .gnav-sub-doc a:hover { background-color: rgb(204, 204, 204); color: rgb(51, 51, 51); text-decoration: none; }
.lower-main { min-height: 15px; margin: 0px; padding: 0px; background: transparent none repeat scroll 0% 0%; }
#supportPage .lower-main h2 { float: right; width: 150px; height: 13px; background: transparent url('/service/images/pc/h2_support.gif') no-repeat scroll 0px 0px; }
.footpath { width: 937px; margin-top: 9px; padding: 0px 0px 5px 23px; background: transparent url('/service/images/pc/pankuzu_home_api.gif') no-repeat scroll 10px 0px; font-size: 80%; color: rgb(51, 51, 51); }
.footpath a:link, .footpath a:active, .footpath a:visited { margin: 0px 0.3em; color: rgb(0, 122, 207); }
.footpath a:hover { color: rgb(45, 139, 255); }
#contents { background: transparent none repeat scroll 0% 0%; }
.contentsInner { margin: 0px auto 10px; background: transparent none repeat scroll 0% 0%; }
#contentsBtm .resolution { display: none; }
#footer #ftr_recruit { width: 710px; }
.ttl-01, .ttl-01 > span, .columnWide .ttl-01, .columnWide .ttl-01 > span { background-image: none; border-radius: 3px; }
.tbl-01 td, .tbl-01 th { padding: 8px; font-size: 90%; line-height: 1.2; }
.tbl-03 td, .tbl-03 th { padding: 8px; font-size: 90%; line-height: 1.2; }
.firebugResetStyles { z-index: 2147483646 ! important; top: 0px ! important; left: 0px ! important; display: block ! important; border: 0px none ! important; margin: 0px ! important; padding: 0px ! important; outline: 0px none ! important; min-width: 0px ! important; max-width: none ! important; min-height: 0px ! important; max-height: none ! important; position: fixed ! important; transform: rotate(0deg) ! important; transform-origin: 50% 50% 0px ! important; border-radius: 0px ! important; box-shadow: none ! important; background: transparent none repeat scroll 0% 0% ! important; pointer-events: none ! important; white-space: normal ! important; }
style.firebugResetStyles { display: none ! important; }
.firebugResetStyles::before, .firebugResetStyles::after { content: "" ! important; }


/* エラーページ */
div.err-main {
    color:#000000;
    font-size:100%;
    background-color: #ffffff;
    text-align:center;
    margin:60px;
}

#err-messages{
    font-weight:bold;
    font-size:117%;
}

#err-sub-messages{
    padding-bottom:30px;
}

p.err-messages{
    margin:0px 15px;
    font-size:95%;
}

/* csp対応 */
table#soft_name_table {
    width:800px;
}

input#login_submit {
    text-align:center;
}

/* SSO警告表示対応 */
.em-03, .em-05 { font-weight:bold; }
.em-03, .em-04, .em-05 { color:#f00; }
.em-03 { font-size:125%; background: url("/service/images/pc/ssoalert_logo.png") no-repeat 0px 0; background-size: 30px auto; padding: 3px 0 0 25px;}
.em-04 { font-size:100%; }
.em-05 { font-size:100%; }
.box-03 {
    border: 1px solid #f00;
    margin-bottom: 0.5em;
    padding: 10px;
    width: 840px;
}

/* MFA */
ol#otpExplain {
    padding: 0px; list-style-type: decimal;
    margin-left: 22px;
}

.box-04 {
    border: 1px solid #f00;
    margin-bottom: 0.5em;
    margin-right: 20px;
    padding: 10px;
}