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

#header_img{width:100%; background:url(../jpg/bg_support.jpg) no-repeat 50% 37% #000; background-size:100%; overflow:hidden;}


/* pc */
/*ここにpc用スタイルを記述*/
#header_img{height:250px;}
h2.listh2{width:96%; max-width:1024px; margin:15px auto; line-height:60px; border-bottom:#0096AE 2px solid; font-size:20px; font-weight:bold;}

.sdstds_content{max-width:1024px; width:96%; margin:0 auto;}
#agreement_button_area{width: 100%; text-align: right; margin-bottom: 15px;}
.sdstds_dialog_noshow{display: none;}
.sdstds_dialog_show{max-width:1024px; width:96%; margin:0 auto; display: block;}
h3{  background:url(../gif/bg_h2.gif) repeat-x bottom; padding:10px 5px; margin:15px 0 5px 0; font-size:139%; font-weight:bold;}
.btn_download_sdstds_l{display:block; width:230px; height:40px; margin:15px 0; cursor: pointer;}
.btn_download_sdstds_l a{display:block; width:114px; height:40px; margin:12px auto; padding-left:40px; color:#333; background:url(../gif/btn_dl_l.gif) no-repeat; line-height:40px;}

.btn_download_sdstds_l_disabled{display:block; width:230px; height:40px; margin:15px 0; cursor: default;}
.btn_download_sdstds_l_disabled a{display:block; width:114px; height:40px; margin:12px auto; padding-left:40px; color:#333; background:url(../gif/btn_dl_l.gif) no-repeat; line-height:40px; opacity:0.7; pointer-events:none;}

#sdstds_search_form_list{ max-width:900px; width:100%; margin:0 auto; padding-bottom:10px;}
#sdstds_search_form_list>h4{width:100%; margin:12px auto 6px auto;}
#sdstds_search_form_list>ul{list-style:none; width:100%; margin:0 0 20px;}
#sdstds_search_form_list>ul>li{width:100%; height:auto;}
#sdstds_search_form_list>ul>li>input, select{box-sizing:border-box; width:98%; height:auto; display:block; padding:4px 8px; margin:auto auto 24px auto}
#sdstds_search_form_list>ul>li>button{box-sizing:border-box; width:230px; height:auto; display:block; padding:4px 0; margin:24px auto}

.sdstds_list td.pdf_icon img {cursor: pointer;}

#sds_download_popup{border-width: 1px; border-color: #000; margin: auto; padding: 1em; border-style: solid;}
#sds_download_popup>ul{list-style:none; width:100%; margin:0;}
#sds_download_popup>ul>li{width:100%; margin:0;  display: block;}
#sds_download_popup>ul>li>label{box-sizing:border-box; width:35%; height:auto; display:inline-block; padding:4px; margin:12px auto}
#sds_download_popup>ul>li>select{box-sizing:border-box; width:60%; height:auto; display:inline-block; padding:4px; margin:12px auto}
#sds_download_popup>ul>li>p{box-sizing:border-box; width:100%; height:auto; display:inline-block; padding:4px; margin:12px auto}
#sds_download_popup>button>img.download_popup{cursor: pointer;}

#tds_download_popup{border-width: 1px; border-color: #000; margin: auto; padding: 1em; border-style: solid; margin-left: 0px;}
#tds_download_popup>ul{list-style:none; width:100%; margin:0;}
#tds_download_popup>ul>li{width:100%; margin:0;  display: block;}
#tds_download_popup>label{box-sizing:border-box; width:35%; height:auto; display:inline-block; padding:4px; margin:12px auto}
#tds_download_popup>ul>li>select{box-sizing:border-box; width:60%; height:auto; display:inline-block; padding:4px; margin:12px auto}
#tds_download_popup>ul>li>p{box-sizing:border-box; width:100%; height:auto; display:inline-block; padding:4px; margin:12px auto}
#tds_download_popup>button>img.download_popup{cursor: pointer;}

input::placeholder {
  color: black;
}

/* IE */
input:-ms-input-placeholder {
  color: black;
}

/* Edge */
input::-ms-input-placeholder {
  color: black;
}

button.closePopup{display:block; margin: 0 0 0 auto;border: 0;}
.modal_bg{
    background: rgba(0,0,0, 0.05);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.modal_bg_trans{
    background: rgba(0,0,0, 0);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #FFF;
  height: auto;
  overflow: hidden;
  z-index: 9999;
}

#dialog {
    display:none;
}
#dialogBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.05;
}
#dialogContent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #dddddd;
    text-align: center;
    border: solid 1px;
}

#agreement_text{box-sizing:border-box; width:100%; height:auto; display:inline-block; padding:4px; margin:12px auto}

#anchorbtn_box{width: 100%; padding: 15px 0; height: 30px; background-color: rgba(255,255,255,0.9);}
ul#anchorbtn{width: 1024px; margin: 0 auto;}
ul#anchorbtn li{display: inline-block; margin-right: 8px; line-height: 20px; padding: 0 0 0 18px; background: url(../arrow.html) no-repeat 0 50%;}
/* ---------------  fixed  --------------- */
.fixed{position: fixed; top: 0px; z-index: 9; box-shadow: 1px 1px 2px #999;}

/* tablet  */
@media print, screen and (min-width: 641px) and (max-width: 1023px) {
/*ここにtablet用スタイルを記述*/
#support div#support_img{height:220px;}

/*タイプ別製品一覧*/
#sdstds_search_form_list{width:96%; margin:0 auto; padding-bottom:30px;}
#sdstds_search_form_list>label{display:block; padding:4px 8px; font-size:14px; font-weight:bold; border:#CCC dotted 1px; background: #0096AE; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sdstds_search_form_list>ul{list-style:none; width:100%; margin:0 0 15px;}
#sdstds_search_form_list>input[type="checkbox"]{display: none;}
#sdstds_search_form_list>ul>li{ width:100%; height:auto;}
#sdstds_search_form_list>ul>li>a{display:block; padding:7px 0 7px 30px; margin:0; font-size:13px; line-height:1.5em; background: url(../png/pdficon.png) no-repeat 5px 9px; border-bottom: 1px dotted #CCC;}
#sdstds_search_form_list>ul>li>a:hover{text-decoration:none; background:url(../png/pdficon.png) no-repeat 5px 9px #F4F4F4;}

#anchorbtn_box{padding: 5px 0 20px; height: 30px; background-color: rgba(255,255,255,0.9);}
ul#anchorbtn{width:96%; margin: 0 auto;}
ul#anchorbtn li{font-size: 12px; margin-right: 6px; line-height: 14px; padding: 0 0 0 20px;}

}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
h2.listh2{width:96%; margin:15px auto; line-height:40px; border-bottom:#0096AE 2px solid; font-size:18px; font-weight:bold;}

#header_img{height:200px;}
#breadcrumbs{display:none;}

.btn_download_sdstds_l{display:block; width:154px; height:33px; margin:15px 0;}
.btn_download_sdstds_l a{display:block; width:114px; height:33px; padding-left:35px; color:#333; background:url(../gif/btn_dl_l.gif) no-repeat; line-height:33px; background-size: 130px;}

/*タイプ別製品一覧*/
#sdstds_search_form_list{width:96%; margin:0 auto; position:relative; padding-bottom:30px;}
#sdstds_search_form_list a {display: block; padding: 10px; text-decoration: none; line-height:1;}

#sdstds_search_form_list>label{display:block; margin:10px 0 0 0; padding:12px; line-height:1; color:#FFF; background: #0096AE; border:#CCC dotted 1px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; cursor:pointer; position:relative;}
#sdstds_search_form_list>label::after{font-size:18px; font-weight:bold; position:absolute; right:12px; top:8px; color:#FFF; content: "+";}
#sdstds_search_form_list>label.open::after{font-size:22px; font-weight:bold; position:absolute; right:12px; top:6px; color:#FFF; content: "-";}
#sdstds_search_form_list>input {display: none;}
#sdstds_search_form_list>ul {width:100%; margin:0; padding:0; list-style: none;}
#sdstds_search_form_list>ul>li{ margin:0; padding:0; max-height: 0; overflow-y: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#sdstds_search_form_list>ul>li>a{display:block; margin:0; padding:10px 0 10px 30px; font-size:12px; background: url(../png/pdficon.png) no-repeat 5px 11px; border-bottom: none;}
#sdstds_search_form_list>ul>li>a:hover { background: url(../png/pdficon.png) no-repeat 5px 11px;}
#sdstds_search_form_list>ul>li.sub_category{background: #EEE; padding: 0;}

#menu_type01:checked ~ #links01 li,
#menu_type02:checked ~ #links02 li, 
#menu_type03:checked ~ #links03 li, 
#menu_type04:checked ~ #links04 li, 
#menu_type05:checked ~ #links05 li, 
#menu_type06:checked ~ #links06 li, 
#menu_type07:checked ~ #links07 li, 
#menu_type08:checked ~ #links08 li, 
#menu_type09:checked ~ #links09 li {width:100%; float:none; max-height:250px; border-bottom:#CCC dotted 1px; opacity: 1;}

#anchorbtn_box{display: none;}
.anchorlink{display:none;}

}