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

html{
    overflow-y:scroll;
}

body{
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    color:#333;
    font-size:16px;
    line-height:1.65em;
    height:100%;
    /*background:#000;*/
    background:#fff0f8;
    line-break:normal;

    /*min-width:980px;*/
    overflow-x:hidden;
}

a:link,
a:visited,
a:active{
    color:#C00;
    text-decoration:underline;
}
a:hover{
    color:#333;
    text-decoration:none;
}


#container{
    width:100%;
    height:100%;
    /*background:url(../../img/cp201612/NEC_top.jpg) no-repeat center top;*/
    overflow-x:hidden;
}

.wrapper{
    margin:0 auto;
    max-width:960px;
    width:100%;
    position:relative;
    text-align:left;
    /*background:url(../../img/cp201612/NEC_bg_gold.jpg) repeat-y left top;*/
}



.clear{
    clear:both;
}

/* clearfix 設定
-------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}


.clearfix {
    min-height: 1px;
    clear: both;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#alertmessage {
    color: #d40000;
    font-weight: bold;
    margin-top: 20px;
}

hr{
    border-width: 1px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    color:#CCC; /* 線色 */
    height: 1px; /* 高さ */
    /*padding-bottom:1px;*/
    clear:both;
}

#page-top{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:10000;
    width:60px;
    height:60px;
    background:#1B4CA9 url(../images/pagetop.png) 9px 17px no-repeat;
    text-indent:-9999px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(border-radius.htc);/*for IE*/
    font-size:0;
    line-height:0;
    cursor: pointer;
}
#page-top a{
    display:block;
    /*width:60px;
    height:60px;*/
}


header{
    max-width:960px;
    height:auto;
    max-height:1816px;
    position:relative;
}
header #entry_btn{
    width:100%;
    position:absolute;
/*    top:68.5%;*/
    top:79.5%;
    left:0px;
    text-align:center;
}
header #entry_btn img{
    max-width:700px;
    width:76%;
    height:auto;
}
@media \0screen { header #entry_btn img{ width: auto; margin: 10px auto 10px auto; } }
header img.spc{
    width:100%;
    max-width:960px;
    height:auto;
}
img.main_image{
    position:absolute;
    max-width:200%;
    height:auto;
    left:-50%;
}


#navi{
    position:relative;
}
.tab{
    background:#3D9FE3;
    width:100%;
    border-bottom:1px solid #3D9FE3;
}
.tab li{
    float:left;
    height:90px;
    cursor:pointer;
    /*max-width:160px;*/
    background:#FC6;
    width:16.66%;
    /*width: 14.2%;*/
    height:90px;
    /*border:1px solid #C60;*/
    text-align:center;
    vertical-align:middle;
    font-size:15px;
    font-weight:bold;
    display:table;
    border-right:none;
    border-bottom:none;

    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9e6da', endColorstr = '#eebb96');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9e6da', endColorstr = '#eebb96')";
    background-image: -moz-linear-gradient(top, #f9e6da, #eebb96);
    background-image: -ms-linear-gradient(top, #f9e6da, #eebb96);
    background-image: -o-linear-gradient(top, #f9e6da, #eebb96);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f9e6da), to(#eebb96));
    background-image: -webkit-linear-gradient(top, #f9e6da, #eebb96);
    background-image: linear-gradient(top, #f9e6da, #eebb96);
    */
    background:url(../images/tab_bg1.png) no-repeat left top;
}

.tab li#navi6{
    width:16.7%;
}
/*.tab li#navi3 span{
    font-size: 13px;
}*/

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
  .tab li#navi6{
        width: 16.6%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .tab li#navi6{
        width: 17.1%;
    }
}

@-moz-document url-prefix(https://necpc-camp.com/) {
    .tab li#navi6{
        width: 16.6%;
    }
}
@media all and (-ms-high-contrast:none){
    .tab li#navi6{
        width: 16.6%;
    }
}
.tab li span,
.tab li a{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size:15px;
    font-weight:bold;
}
.tab li a{
    text-decoration:none;
}
.tab li span.navi6textsmall,
.tab li a.navi6textsmall{
    display:inline-block;;
    font-size:11px;
}
.tab li.select{
    cursor:default;
    color:#FFF;

    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#df4606', endColorstr = '#eb956b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#df4606', endColorstr = '#eb956b')";
    background-image: -moz-linear-gradient(top, #df4606, #eb956b);
    background-image: -ms-linear-gradient(top, #df4606, #eb956b);
    background-image: -o-linear-gradient(top, #df4606, #eb956b);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#df4606), to(#eb956b));
    background-image: -webkit-linear-gradient(top, #df4606, #eb956b);
    background-image: linear-gradient(top, #df4606, #eb956b);
    */
    background:url(../images/tab_bg2.png) no-repeat left top;
}

.content {
}
.content li{}
.hide {display:none;}

.tab a,
.tab a:link,
.tab a:visited,
.tab a:active{
    color:#000;
}


/*
.tab li#navi1{
        background:url(../../img/cp201612/navi1.png) no-repeat center;
}
.tab li#navi2{
        background:url(../../img/cp201612/navi2.png) no-repeat center;
}
.tab li#navi3{
        background:url(../../img/cp201612/navi3.png) no-repeat center;
}
.tab li#navi4{
        background:url(../../img/cp201612/navi4.png) no-repeat center;
}
.tab li#navi5{
        background:url(../../img/cp201612/navi5.png) no-repeat center;
}
.tab li#navi1.select{
        background:url(../../img/cp201612/navi1_sel.png) no-repeat center;
}
.tab li#navi2.select{
        background:url(../../img/cp201612/navi2_sel.png) no-repeat center;
}
.tab li#navi3.select{
        background:url(../../img/cp201612/navi3_sel.png) no-repeat center;
}
.tab li#navi4.select{
        background:url(../../img/cp201612/navi4_sel.png) no-repeat center;
}
.tab li#navi5.select{
        background:url(../../img/cp201612/navi5_sel.png) no-repeat center;
}
*/

.pre_load{
    display:none;
}

.page{
    background:#FFF;
    padding:20px 20px 3em;
    min-height:500px;
}

.page_inquiry{
}
.head_dl_btn{
    margin:0 0 2em;
    text-align:right;
}

img.sec_img{
    max-width:600px;
    width:100%;
    height:auto;
}

.qa_btn { background: #ec6700; display: block; width: 30%; color: #fff !important; text-decoration: none !important; padding: 12px 0; text-align: center; margin: 15px auto 0;}
@media screen and (max-width: 640px) { .qa_btn { width: 40%;} }

@media \0screen { img.sec_img{ width: auto; margin: 20px auto 20px auto; } }
.head_dl_btn img{
    max-width:408px;
    width:100%;
    height:auto;
}
@media \0screen { .head_dl_btn img{ width: auto; } }
.web-entry_btn{
    max-width:520px;
    width:100%;
    height:auto;
}
@media \0screen { .web-entry_btn{ width: auto; } }

.office365{
    max-width:630px;
    width:100%;
    height:auto;
    padding: 1% 0 0 0;
}
@media \0screen { .office365{ width: auto; } }

/*
h2{
        background:url(../../img/cp201612/title_bg.png) no-repeat left bottom;
        height:50px;
        width:100%;
        font-size:26px;
        padding:12px 0 0 26px;
}
h2 span{
        font-size:18px;
}
*/
h2{
    background:url(../images/NEC_title_bg.png) no-repeat left bottom;
    background-size: cover;
    min-height:25px;
    /*width:100%;*/
    font-size:150%;
    line-height:1em;
    padding:0.4em 0 0.4em 2.3em;
    margin:2em 0 0;
    /*width:300px;*/
}

@-moz-document url-prefix(){
    h2{
        background-size: cover;
        width:100%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    h2{
        background-size: cover;
        width:100%;
    }
}

h2.h-150{
    background:url(../../img/cp201612/title_bg_long.png) no-repeat left bottom;
}
@media \0screen { h2{ padding:0.4em 0 0.4em 20px !important; margin:2em 0 0 !important; } }
h2 span{
    font-size:0.8em;
}

.sec{
    text-align:center;
    margin:0 3em;
}
p{
    text-align:center;
    margin:2em 0 2em;
}
div.inner{
    margin:2em 20px 3em;
    min-height:100px;
}

ul.kiyaku{
    margin:2em 5px;
    text-align:left;
    padding-left:1em;
    text-indent:-1em;
    font-size:0.9em;
    line-height:1.8em;
}
ul.kiyaku li span{
    color:#f08300;
}

ul.comment {
    width: 70%;
    margin: 0 auto;
    text-align:left;
    padding-left:1em;
    text-indent:-1em;
    font-size:0.9em;
    line-height:1.8em;
}
ul.comment li span {
    color:#f08300;
}

.text-d3 {
    color:#00479d;
    font-weight: bold;
}

.enter_btn{
    width:100%;
    padding:0 0 100px;
    text-align:center;
}

.product{
    position:relative;
}
.product table{
    width:100%;
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
    margin:2.5em 0;
}
.product table th,
.product table td{
    border:1px solid #CCC;
    /*width:50%;*/
    width:33%;
    padding:1em;
    border-top:none;
    border-right:none;
}
.product table th{
    font-weight:bold;
    background:#e7e7e7;
}
.product table th.shipping{
    font-weight:bold;
    background-color: #c0c0c0;
}
.product table .t2{
    text-align:right;
}

.product_text{
    margin:1em;
    text-align:left;
}
.nec-direct_btn{
    text-align:center;
}
.nec-direct_btn img{
    max-width:400px;
    width:75%;
    height:auto;
}
@media \0screen { .nec-direct_btn img{ width: auto; } }

.product-text-small {
    font-size: 0.8em;
}

#p3_1{
    position:relative;
    /*background:url(../../img/cp201612/NEC_NEC_p03_c2.png) center top no-repeat;*/
    width:100%;
    max-height: 2200px;
    margin:2em 0 2em;
    text-align:center;
}

#p3_1 #entry_btn2{
    width:100%;
    position:absolute;
    left:0;
    top:15.7%;
    text-align:center;
}
#p3_1 #entry_btn2 img{
    max-width:440px;
    width:75%;
    height:auto;
}

#p3_2{
    position:relative;
    /*background:url(../../img/cp201612/NEC_NEC_p03_c2.png) center top no-repeat;*/
    width:100%;
    max-height: 1260px;
    margin:2em 0 2em;
    text-align:center;
}

#p3_2 #netmile_btn{
    width:100%;
    position:absolute;
    left:0;
    top:54%;
    text-align:center;
}
#p3_2 #netmile_btn img{
    max-width:500px;
    width:82%;
    height:auto;
}
@media \0screen { #p3_1 #entry_btn2 img{ width: auto; margin: 10px auto 10px auto; } }
#p3_1 .dl_btn{
    width:100%;
    position:absolute;
    left:0;
    top:45%;
    text-align:center;
}
#p3_1 .dl_btn img{
    width:65%;
    max-width:408px;
}
@media \0screen { #p3_1 .dl_btn img{ width: auto; margin: 10px auto 10px auto; } }

#qanda_index{
    padding:3em 20px 0;
}
#qanda_index a{
    text-decoration:none;
    color:#333;
}
#qanda_index a:hover{
    color:#C00;
    text-decoration:underline;
}
#qanda_index dt{
    font-weight:bold;
    padding-bottom:8px;
    text-indent:-3em;
    padding-left:3em;
    line-height:1.4em;
}
#qanda_index dt span{
    color:#f08300;
}

#qanda{
    padding:2em 20px 0;
}
dl#qanda > dt{
    background:#E5E5E6;/* url(../../img/cp201612/qanda_q_bg.png) repeat-y left top;*/
    padding:5px 5px 5px 0;
    font-weight:bold;

    text-indent:-4em;
    padding-left:4em;
    line-height:1.4em;
}
dl#qanda > dt span{
    color:#FFF;
    padding:5px 0.4em;
    margin-right:0.8em;
    background:#f08300;
}
dl#qanda > dd{
    padding:1em 0 3.5em;
}
dl#qanda > dd a img{
    margin-top:5px;
}
dl#qanda > dd a{
    /*color:#C00;*/
}

dl#qanda > dd > dl dd{
    text-indent:-1.5em;
    padding-left:1.5em;
    padding-bottom:0.5em;
}

#qanda p.q17{
    width:100%;
    text-align:center;
    padding:10px 0;
}
#qanda .q17_btn{
    width:100%;
    text-align:center;
    font-size:0;
    line-height:0;
}
#qanda .q17_btn .btn1{
    padding:0 5px;
    text-align:center;
}
#qanda .q17_btn .btn2{
    padding:0 5px;
    text-align:center;
}

.contact_btn{
    text-align:center;
    margin:3em 0;
}
.contact_btn img{
    width:90%;
    max-width:450px;
    height:auto;
}

.error_message{
    color: #FF0000;
    font-weight: bold;
    text-align: left;
}

footer {
    margin:0 auto;
    max-width:960px;
    position:relative;
    background:#FFF;
}
#footer_text{
    text-align:left;
    font-size:0.8em;
    line-height:1.6em;
    color:#555;
    padding:1em 40px;
}
#copyright{
    text-align:center;
    font-size:0.8em;
    color:#555;
    padding:1.5em 0;
}

@media screen and (max-width: 975px) {
    .tab li#navi6{
         width: 16.7%;
    }
}

@media screen and (max-width: 960px) {
    .tab li span {
        font-size:11px !important;
    }
}

@media screen and (max-width: 640px) {
    /* 表示領域が640px以下の場合に適用するスタイル */
    .pc{display:none;}
    .sp{display:block;}

    body{
        font-size:11px;
    }
    .tab li{
        width:33.3%;
        height:60px;
    }
    .tab li span {
        font-size:11px !important;
        line-height:1.2em;
    }
    .tab li#navi3{
        width:33.4%;
    }
/*    .tab li#navi5{
        width:33.3%;
    }*/
    .tab li#navi6{
        width:33.4%;
        /*background:url(../../img/cp201612/tab_bg_long1.jpg) repeat-x left top;*/
    }

    #qanda_index,
    #qanda{
        padding:30px 0 0;
    }

    h2.h-150{
        font-size: 1.1em;
    }
    li h2{
        padding:0.4em 0 0.4em 2.5em;
    }
    li h2.longtext{
        font-size: 150%;
        background-size: cover;
        padding:0.4em 0 0.4em 2.5em;
    }
    /*ul.kiyaku{
        font-size:11px;
    }*/
    .page{
        padding:20px 5px 3em;
        min-height:300px;
    }
    .page_inquiry{
    }
    .head_dl_btn{
        text-align:center;
    }
    .head_dl_btn img,
    #qanda img.pdf_btn{
        width:80%;
        height:auto;
    }

    #page-top{
        right:10px;
        bottom:10px;
        width:30px;
        height:30px;
        background:#1B4CA9 url(../images/pagetop.png) 8px 10px no-repeat;
        background-size:50%;
        text-indent:-9999px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    footer{
        font-size:0.9em;
    }
    #footer_text{
        padding:0 10px;
    }
}

@media screen and (max-width: 380px) {
    h2,
    li h2.longtext,
    li h2 {
        font-size: 110%;
        padding: 0.4em 0 0.4em 3em
    }

    .sec{
        text-align:center;
        margin:0 0.2em;
    }
    ul.comment {
        width: 90%;
    }
}
@media screen and (min-width: 640px) {
    /* 表示領域が800px以上の場合に適用するスタイル */
    .pc{display:block;}
    .sp{display:none;}
}
span.imagenotes {
       font-size:12px;
       color:#c0c0c0;
}
@media screen and (max-width: 640px) {
    span.imagenotes {
        font-size:8px;
    }
}