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

#header_img{width:100%; background:url(../jpg/bg_support.jpg) no-repeat 50% 50% #FFF; background-size:cover; overflow:hidden;}
.center{text-align:center;}
.right{text-align:right;}
.flo_l{float:left; margin-right:15px;}
.flo_r{float:right; margin-left:15px;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
ul.style_disc{margin:5px 0 5px 0; list-style:none;}
ul.style_disc li{ background:url(../gif/square.gif) no-repeat 0 10px; padding:4px 0 4px 15px; line-height:1.4;}
.size11px{font-size: 11px;}


table.prod_list{
  width:100%;
  border-left:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
  padding:0;
  margin:0;
  border-collapse:collapse;
  border-spacing:0;
  line-height: 1.5em;
}

table.prod_list th{
  padding:5px;
  text-align:center;
  font-weight:bold;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
  background:#F5F5F5;
}

table.prod_list td{
  padding:5px;
  vertical-align:top;
  text-align:left;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
}

.td_bg_sub{background:#FCFCFC;}


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

/*登録*/
#login_box{max-width:974px; width:90%; margin:30px auto 0; padding:15px 25px; border:#CCC 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#login_box>p{width:51%; float:left;}
#login_box>p span{font-size:18px; font-weight:bold;}
#login_box>ul{list-style:none;}
#login_box>ul>li{float:left; width:195px; overflow:hidden;}
#login_box>ul>li#reg_btn{margin:25px 20px 0 2.7%;}
#login_box>ul>li#change_btn{margin:25px 0 0;}

/*サポートリスト*/
#support_list{width:96%; max-width:1024px; margin:40px auto 0;}
#support_list>ul{list-style:none; width:100%; display: flex; flex-wrap:wrap;}
#support_list>ul>li{display:block; position: relative; width:30.33%; margin: 0 1.5% 20px; /* height:270px;*/ padding-bottom: 70px;}
#support_list>ul>li a{color:#333;}
#support_list>ul>li a:hover, #support_list>ul>li a:focus{color:#666; text-decoration:none;}
#support_list ul li img{width:90px; height:90px; float:left; border-radius:100%; border: 1px solid #0096AE; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
#support_list ul li a:hover img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform: scale(1.1,1.1);}
.support_link_box{padding:0 0 10px 105px; min-height:130px;}
a .support_link_box>h3{font-size:16px; font-weight:bold; padding:0 0 20px; color:#0096AE;}
a .support_link_box>h3.support_login{padding:0 0 20px; background:url(../png/icon_login_s.png) no-repeat left 87%;}
a:hover .support_link_box>h3, a:focus .support_link_box>h3{color:#2EA9BA;}
#support_list>ul>li a .btn_style{position:absolute; left: 10%; bottom:40px; display:block; width:80%; text-align:center; background:#0096AE; padding:5px 0; border-radius: 5px; color:#FFF;}
#support_list>ul>li a:hover .btn_style, #support_list>ul>li a:focus .btn_style{background:#2EA9BA; color:#FFF;}

#support_content{width:96%; max-width:1024px; margin:0 auto;}
#content_box{width: 74%; float: right; margin: 0 0 30px;}
.boder_box{
  border:#00568E 1px solid;
  padding:10px;
  text-align:center;
  font-weight:bold;
}
.special_content_box{
  border:4px solid #DDD;
  padding:10px 20px;
  margin:37px 0 0;
}
.special_content_box h3{
  border-left:4px solid #00568E;
  padding:0px 10px;
  margin:0 0 10px;
  font-size:16px;
  line-height:1.3;
  color:#00558D;
  font-weight: bold;
}
.contact_area{
  color:#00568E;
  background-color:#D6E4ED;
  border-left:4px #00568E solid;
  padding:3px 10px;
  font-weight:bold;
  margin:15px 0 10px;
}

#area_chu{
  color:#00568E;
  background-color:#D6E4ED;
  padding:10px;
  margin:20px 0;
}
table.contact_table{
  width:100%;
  margin:0 0 15px;
}

table.contact_table th,
table.contact_table td{
  vertical-align:top;
  padding:5px 15px 5px 5px;
  border-bottom:#999 dotted 1px;
}

table.contact_table th{
  background:#EEE;
  width: 30%;
}

table.contact_table th.bd_none{
  border-bottom:none;
}

table.contact_table td.telfax{white-space: nowrap;width: 27%}

.map_w500{
  width:500px;
  margin:0 auto;
}

/******************** QA **************************/
h3.qa_category{border-bottom:#0096AE 1px solid; padding:10px 5px; margin:20px 0; font-size:18px; font-weight:bold;}
ul.faq_list{width:100%; list-style:none; margin:0; overflow:hidden;}
ul.faq_list li{display:block; width:calc(50% - 30px); background:url(../gif/arrow-2.gif) no-repeat 0 10px; margin-right: 15px; padding:5px 0 5px 15px; line-height:1.4; float:left; overflow:hidden;}

h2#faq_title{background:url(../bg_qa_title.html) no-repeat 5px 50% #D6EEF2; font-weight: bold; font-size: 15px; padding:10px 0 10px 40px; margin:0 0 15px;}
ul#faq_list{list-style:none;}
ul#faq_list li{ padding:10px 0 0 0; line-height:1.4; text-indent: -2em; margin-left: 2em;}

dl.faq_content{ border:4px solid #DDD; margin:30px 0 0 0; padding:15px;}
dl.faq_content dt{background:url(../icon_q.html) no-repeat 0 0; padding:4px 0 15px 40px; font-weight:bold;}
dl.faq_content dd{ background:url(../icon_a.html) no-repeat 0 0; padding:5px 0 0 40px; min-height:25px;}
dl.faq_content dd p{ margin-bottom: 10px;}
dl.faq_content dd img{margin: 10px 0 0;}
.preview_qa{text-align: right; margin: 10px 0 0;}
.link_box{border:1px solid #CCC; margin-top:40px;}
.link_box p.link_title{padding:5px; background:#F5F5F5; font-weight:bold;}
.link_box ul{ margin:10px; list-style:none;}
.link_box ul li{background:url(../gif/link_arrow.gif) no-repeat 0 8px; padding:5px 0 0 20px; line-height:1.35;}
.flo_img_large{float: right; margin-left: 15px;}
.icon_graph{background: url(../icon_graph.html) no-repeat left 50%; padding: 2px 0 2px 63px;}



/******************** Silicone News **************************/
#news_img{
  float:left;
  width:215px;
}

#news_index_box{
  margin:0 0 0 235px;  
}

h5.news_header{
  font-size:116%;
  font-weight:bold;
  color:#FFF;
  background:#B2B2B2;
  margin:10px 0 0 0;  
  padding:2px 10px;
}

.news_txt{
  margin:10px;
}

.news_btn_box{margin: 20px 0;}

.news_btn{float:left; width: 33%;}
.news_btn img{width:95%; height: auto;}
.news_bun_txt{margin: 20px 0 0;}
.adobe_box{margin: 30px 0 0; text-align: left;}
.size_s{font-size: 90%; line-height: 1em;}

/*************** サイドメニュー（PC） *********************************/

/*階層1*/

#sidemenu_box{
  width:23%;
  margin:0 3% 30px 0;
  padding:0;
  float:left;
}

.sidemenu,
.sidemenu_sub,
.sidemenu_sub_sub{
  list-style:none;
}

.sidemenu{
  padding-bottom:10px;
  background:url(../gif/bg_shadow.gif) repeat-x bottom;
}

li.main{
  font-size:14px;
  font-weight:bold;
  border-top:1px solid #DDD;
  border-left:1px solid #DDD;
  border-right:1px solid #DDD;
}

li.main a{
  display:block;
  width:94%;
  padding:7px 3%;
  color:#333;
}

li.main a:hover,
li.main a:focus{
  display:block;
  width:94%;
  padding:7px 3%;
  color:#FFF;
  text-decoration:none;
  background:#0096AE;
}

/*カレント表示*/

#contact a#main_contactus,
#support a#main_support{
  display:block;
  width:94%;
  padding:7px 3%;
  color:#FFF;
  text-decoration:none;
  background:#0096AE;
}

/*階層2*/

.sidemenu_sub li{
  border-top:1px solid #DDD;
  font-size:12px;
  line-height:1.5;
}

.sidemenu_sub li a{
  background:url(../gif/arrow_blue.gif) no-repeat 5px 13px;
  display:block;
  width:88%;
  padding:7px 3% 7px 9%;
  font-weight:normal;
}

.sidemenu_sub li a:hover,
.sidemenu_sub li a:focus{
  background:url(../gif/arrow_blue.gif) no-repeat 5px 13px;
  display:block;
  width:88%;
  padding:7px 3% 7px 9%;
  font-weight:normal;
  color:#00778C;
}

.sidemenu_sub li a.active{
  background:url(../gif/arrow_blue.gif) no-repeat 5px 13px;
  display:block;
  width:88%;
  padding:7px 3% 7px 9%;
  font-weight:bold;
  color:#00778C;
}

/*************** SDS（PC） *********************************/

.sds_box{max-width:800px; width:80%; margin:30px auto 30px; padding:30px; border:#CCC 1px solid; border-radius: 5px;}
.sds_head{font-size: 16px; font-weight: bold; margin-bottom: 15px;}
ul.sds_note{margin:0 0 0px 40px;}
ul.sds_note li{padding: 3px 0;}

.sds_btn_style a{clear:both; display:block; width:60%; max-width:500px; margin:50px auto 80px; text-align:center; background:#0096AE; padding:10px 0; border-radius: 5px; color:#FFF;}
.sds_btn_style a:hover, .sds_btn_style a:focus{text-decoration: none;background:#2EA9BA; color:#FFF;}







@media screen and (max-width: 768px) {
/*ここにスマホ用スタイルを記述*/

#content_box{width: 100%; float:none;}
.special_content_box{margin:15px 0 0;}
.special_content_box h3{font-size:14px;}

/*************** サイドメニュー（SP） *********************************/

#sidemenu_box{
  width:100%;
  margin:0;
  padding:0;
  float:none;
}

.sidemenu,
.sidemenu_sub,
.sidemenu_sub_sub{
  list-style:none;
}

.sidemenu{
  padding-bottom:10px;
  background:none;
}

li.main{border-bottom:1px solid #DDD;}

.sidemenu_sub li a{
  width:94%;
  padding:7px 0 7px 20px;
}

.sidemenu_sub li a:hover,
.sidemenu_sub li a:focus{
  width:94%;
  padding:7px 0 7px 20px;
}

.sidemenu_sub li a.active{
  width:94%;
  padding:7px 0 7px 20px;
}


}

 
/* tablet  */
@media print, screen and (min-width: 641px) and (max-width: 1023px) {
/*ここにtablet用スタイルを記述*/
#header_img{min-width: 750px;}
h2.listh2{min-width: 720px; margin:15px;}

/*登録*/
#login_box{width:96%; min-width: 720px; margin-left: 15px; margin-right: 15px; padding:0;}
#login_box>p{width:auto; padding:15px 25px 0; float:none;}
#login_box>ul{width:410px; margin:0 auto;}
#login_box>ul>li{display:inline; width:195px; overflow:hidden;}
#login_box>ul>li#reg_btn{margin:10px 20px 10px 0;}
#login_box>ul>li#change_btn{margin:10px 0;}

/*サポートリスト*/
#support_list{width:90%; min-width: 700px; padding: 0 25px; margin:40px auto 0;}
#support_list>ul{list-style:none; width:105%; margin:0 0 0 -5%;}
#support_list>ul>li{display:block; width:45%; height:auto; float:left; margin:0 0 25px 5%;}
#support_list ul li img{width:70px; height:70px; float:left; border-radius:100%; border: 1px solid #0096AE; -webkit-transition:none; transition:none;}
#support_list ul li a:hover img{transform:none;}
.support_link_box{padding:0 0 10px 85px; min-height:130px;}

}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
ol{ margin:5px 0 5px 20px;}

h2.listh2{width:96%; margin:15px auto; line-height:40px; border-bottom:#0096AE 2px solid; font-size:18px; font-weight:bold;}

.lead{font-size:12px;}
#header_img{height:100px;}
#breadcrumbs{display:none;}

#content_box{width: 100%; float:none;}
.special_content_box{margin:15px 0 0;}
.special_content_box h3{font-size:14px;}

table.contact_table th,
table.contact_table td{
  vertical-align:top;
  padding:5px 15px 5px 5px;
  border-bottom:#999 dotted 1px;
  display: block;
}

table.contact_table th{
  background:#EEE;
  width:auto;
}

table.contact_table th.bd_none{
  border-bottom:none;
}

table.contact_table td.telfax{white-space: nowrap;width:auto;}
table.contact_table .t_none{display: none;}

.map_w500{
  width:96%;
  margin:0 auto;
}

.map_w500 img{width:100%; height: auto; max-width: 500px; text-align: center;}


/*登録*/
#login_box{width:100%; margin:10px 0 0; padding:0; background:#EEE; border:none; border-radius:0;}
#login_box>p{width:auto; padding:15px 15px 0; float:none;}
#login_box>p span{font-size:15px; font-weight:bold;}
#login_box>ul{width:90%; margin:0 auto;}
#login_box>ul>li{display:inline; width:47.9%; overflow:hidden;}
#login_box>ul>li img{width:100%; height:auto;}
#login_box>ul>li#reg_btn{margin:10px 10px 10px 0;}
#login_box>ul>li#change_btn{margin:10px 0;}

/*サポートリスト*/
#support_list{width:96%; margin:30px auto 0;}
#support_list>ul{list-style:none; width:100%; margin:0 0 15px;}
#support_list>ul>li{display:block; width:100%; height:auto; float:none; margin:0 0 10px; padding:0 0 70px;}
#support_list ul li img{width:50px; height:50px; float:left; margin-bottom:10px; border-radius:100%; border: 1px solid #0096AE; -webkit-transition:none; transition:none;}
#support_list ul li a:hover img{transform:none;}
.support_link_box{padding:0 0 10px 60px; min-height:inherit;}
a .support_link_box>h3{font-size:14px; font-weight:bold; padding:0 0 5px; color:#0096AE;}
a .support_link_box>h3.support_login{padding:0 0 5px; background:url(../png/icon_login_s.png) no-repeat right 5px;}
a .btn_style{display:block; width:100%; text-align:center; background:#0096AE; padding:5px 0; border-radius: 5px; margin:0; color:#FFF;}
a:hover .btn_style, a:focus .btn_style{background:#2EA9BA; color:#FFF;}

/******************** QA **************************/
h3.qa_category{padding:10px 5px; margin:0 0 15px; font-size:16px;}
ul.faq_list{width:96%; list-style:none; margin:0 auto 20px; overflow:hidden;}
ul.faq_list li{display:block; width:inherit; margin-right:0; padding:5px 0 5px 15px; float:none;}

h2#faq_title{background-size: 20px; padding:10px 0 10px 30px; margin:0 0 15px;}
dl.faq_content dt{background-size: 24px; padding:0 0 15px 30px;}
dl.faq_content dd{background-size: 24px; padding:0 0 0 30px;}
dl.faq_content dd img{width: 100%; height: auto;}

.link_box{margin-top:20px;}
.flo_img_large{float:none; text-align: center; margin:0 0 10px 0;}
dl.faq_content dd .flo_img_large img{width: inherit; height: auto; max-width: 100%;}
.icon_graph{background: url(../icon_graph.html) no-repeat left 50%; background-size: 40px; padding: 0 0 0 43px;}

.iframe{overflow:auto; -webkit-overflow-scrolling:auto;}

/******************** Silicone News **************************/
#news_img{
  float:none;
  text-align: center;
  width:100%;
}

#news_index_box{margin:0;}

#news_pdf_downloads{text-align: center;}

h5.news_header{
  font-size:116%;
  font-weight:bold;
  color:#FFF;
  background:#B2B2B2;
  margin:10px 0 0 0;  
  padding:2px 10px;
}

.news_txt{
  margin:10px;
}

.news_btn,.news_btn_box{float: none; width: 90%; margin: 10px auto;}
.news_btn{float: none; margin: 10px auto;}
.news_btn img,.news_btn_box img{width: 100%; height: auto;}

/*************** SDS（SP） *********************************/

.sds_box{width:80%; margin:20px auto 30px; padding:15px;}
.sds_head{font-size: 14px; margin-bottom: 15px;}
ul.sds_note{margin:0 0 20px 20px;}

.sds_btn_style a{clear:both; display:block; width:60%; margin:10px auto 50px; text-align:center; background:#0096AE; padding:10px 0; border-radius: 5px; color:#FFF;}
.sds_btn_style a:hover, .sds_btn_style a:focus{text-decoration: none;background:#2EA9BA; color:#FFF;}


}