@charset "utf-8";
/* CSS Document */

#header_img{width:100%; background:url(../jpg/bg_prod.jpg) no-repeat 50% 50% #FFF; background-size:cover; overflow:hidden;}
h2{background:url(../gif/bg_h2.gif) repeat-x bottom; margin:15px 0 10px 0; font-size:18px; font-weight:bold; line-height:1.6; padding: 10px 0;}
h2.listh2{width:96%; max-width:1024px; margin:10px auto 15px; line-height:50px; border-bottom:#0096AE 2px solid; background: none; font-size:20px; font-weight:bold;}
h4{border-left:#DDD 4px solid; font-size:18px; font-weight:bold; padding:2px 0 2px 15px; margin:15px 0;}

#products_content{width:96%; max-width:1024px; margin:0 auto;}
#content_box{width: 74%; float: right; margin: 0 0 30px;}
.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;}
.special_content_box{
  border:4px solid #DDD;
  padding:10px 20px;
  margin:30px 0;
}

.features_ul{list-style:none; margin:15px 0 0 0;}
.features_ul li{ font-size:15px; font-weight:bold; color:#00558D; line-height:1.5; background:url(../gif/square.gif) no-repeat 0 9px; padding:3px 0 3px 15px;}

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;}
#title_img{
  width:100%;
  height:160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size:200%;
  text-shadow: 1px 1px 1px #FFF;
  font-weight:bold;
  margin-bottom:30px;
  line-height:1.5;
  box-shadow: 0px 7px 7px -6px rgba(0,0,0,0.3);
}

#title_img span{
  font-size:69%;
}



/*製品を探す*/
#search_products{padding-bottom:20px;}
#search_products>ul{ max-width:1024px; width:96%; margin:40px auto 0; list-style:none; border-bottom:#0096AE 2px solid;}
#search_products>ul>li{display:block; width:24%; float:left; margin:0 0.5%; font-size:16px; font-weight:bold; line-height:60px;}

#search_products>ul>li#search_type>a:link {color:#333; height:60px; display:block; z-index:1; background:url(../png/search_icon_type.png) no-repeat 10px 50% #F1F1F1; background-size:auto 80%; text-decoration:none; padding-left:70px;}
#search_products>ul>li#search_type_active>a,
#search_products>ul>li#search_type>a:hover,
#search_products>ul>li#search_type>a:focus {color:#0096AE; height:60px; display:block; z-index:1; background:url(../png/search_icon_type.png) no-repeat 10px 50% #FFF; background-size:auto 80%; text-decoration:none; padding-left:70px;}

#search_products>ul>li#search_function>a:link {color:#333; height:60px; display:block; z-index:1; background:url(../png/search_icon_function.png) no-repeat 10px 50% #F1F1F1; background-size:auto 80%; text-decoration:none; padding-left:70px;}
#search_products>ul>li#search_function_active>a,
#search_products>ul>li#search_function>a:hover,
#search_products>ul>li#search_function>a:focus {color:#0096AE; height:60px; display:block; z-index:1; background:url(../png/search_icon_function.png) no-repeat 10px 50% #FFF; background-size:auto 80%; text-decoration:none; padding-left:70px;}

#search_products>ul>li#search_usage>a:link {color:#333; height:60px; display:block; z-index:1; background:url(../png/search_icon_usage.png) no-repeat 10px 50% #F1F1F1; background-size:auto 80%; text-decoration:none; padding-left:70px;}
#search_products>ul>li#search_usage_active>a,
#search_products>ul>li#search_usage>a:hover,
#search_products>ul>li#search_usage>a:focus {color:#0096AE; height:60px; display:block; z-index:1; background:url(../png/search_icon_usage.png) no-repeat 10px 50% #FFF; background-size:auto 80%; text-decoration:none; padding-left:70px;}

#search_products>ul>li#search_name>a:link {color:#333; height:60px; display:block; z-index:1; background:url(../png/search_icon_name.png) no-repeat 10px 50% #F1F1F1; background-size:auto 80%; text-decoration:none; padding-left:70px;}
#search_products>ul>li#search_name_active>a,
#search_products>ul>li#search_name>a:hover,
#search_products>ul>li#search_name>a:focus {color:#0096AE; height:60px; display:block; z-index:1; background:url(../png/search_icon_name.png) no-repeat 10px 50% #FFF; background-size:auto 80%; text-decoration:none; padding-left:70px;}

/*タイプ別製品一覧*/
#products_type_list{ max-width:1024px; width:96%; margin:0 auto; padding-bottom:30px;}
#products_type_list>label{display:block; padding:10px; font-size:18px; font-weight:bold; border:#CCC dotted 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#products_type_list>ul{list-style:none; width:102%; margin:10px 0 10px -2%;}
#products_type_list>input[type="checkbox"]{display: none;}
#products_type_list>ul>li{display:block; width:18%; min-height:155px; height:auto; float:left; margin-left:2%;}
#products_type_list>ul>li>a{display:block; padding:0; margin:10px 0; font-size:14px; font-weight:bold; line-height:1.2em;}
#products_type_list>ul>li>a:hover{text-decoration:none;}

/*オイル詳細*/
#detail_list{display: flex; justify-content: space-between; list-style: none;}
#detail_list li{background: linear-gradient(#EEE, #FFF); padding: 0; margin: 0; width: 100%; text-align: center; border-left: 1px solid #EEE; border-right:1px solid #CCC;}
#detail_list li a{display: block; background: linear-gradient(#EEE, #CCC); padding: 0; margin: 0;}
#detail_list li img{ max-width: 100%; height: auto; vertical-align: bottom;}
.select_txt{padding:15px 0 0; font-weight:600; font-size: 14px;}
ul#oil_select{list-style:none; margin:20px 0 50px; display: flex; justify-content: space-between;}
ul#oil_select li{width: 98%; margin: 0 1%; text-align:center; line-height:1.4;}
ul#oil_select li a{border:#0096AE 1px solid; color:#0096AE; font-weight:bold; display:block; text-decoration:none; padding: 10px 0;}
ul#oil_select li a:hover,ul#oil_select li a:focus{opacity: 0.7;}
#straight_side_chains a{padding: 10px; border: 1px solid #CCC; display: block;}
#straight_side_chains p{margin:5px 0 15px;}
#straight_side_chains img{margin: 10px 0 0; max-width: 100%; height: auto;}
.organicgroups{list-style: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; display: flex; justify-content:space-between; flex-wrap: wrap; margin-bottom: 20px;}
.organicgroups li{text-align: center; width:calc(33.33% - 11px); border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 5px;}
.organicgroups li img{max-width: 100%; height: auto;}
#oil_type{background:#EEE; padding:3px 10px; margin:20px 0 30px; font-weight:bold; font-size:15px;}
#oil_type span{font-weight:normal; font-size:13px; display: inline-block;}
.oil_detail_list{list-style: none; margin: 0 0 50px;}
.oil_detail_list li{background: url(../gif/arrow-2.gif) no-repeat left 50%; padding:0 0 0 15px; margin: 3px 0;  width: 45%; display: inline-block;}

/*高機能成形用シリコーンゴム*/
#products_notice_list h3#highfunction{background:#00568E; color: #FFF; padding: 20px 15px; font-size: 24px; margin: 0 0 25px;}
ul#purpose{margin: 40px 0; list-style: none; width: 100%;}
ul#purpose li{width: 45%; float: left; margin: 10px 1.5%; background: url(../png/pdficon.png) no-repeat 10px 50%;}
ul#purpose li a{display: block; border: 2px solid #0096AE; border-radius: 5px; padding:15px 10px 15px 35px; color: #333; background: url(../png/arrow_gray.png) no-repeat 95% 50%;}
ul#purpose li a:hover,ul#purpose li a:focus{text-decoration: none; color:#0096AE;}
#products_notice_list h4.molding{background:#00568E; color: #FFF; padding: 5px 15px; font-size: 15px; margin: 40px 0 5px; border: none;}
ul.molding_download{list-style: none; width: 100%; margin: 0 0 40px;}
ul.molding_download li{border-bottom: 1px dotted #CCC; padding: 10px 0; position: relative;}
ul.molding_download .molding_prod_name{width:calc(100% - 150px);}
ul.molding_download .btn_download{position: absolute; text-align: center; bottom:10px; right:0;}
ul.molding_download .btn_download a{display: block; background: url(../png/pdficon.png) no-repeat 4px 50% #EEE; background-size: 12px auto; padding: 0 8px 0 23px; border: 1px solid #CCC; border-radius: 3px; font-size: 11px; color: #333;}
ul.molding_download .btn_download a:hover,ul.molding_download .btn_download a:focus{text-decoration: none; color:#0096AE;}
#products_notice_list h4.feature{color: #FFF; padding: 5px 15px; font-size: 16px; margin: 40px 0 25px; border: none;}
#products_notice_list h4#feature01{background:#009b80;}
#products_notice_list h4#feature02{background:#009b1a;}
#products_notice_list h4#feature03{background:#c09a00;}
#products_notice_list h4#feature04{background:#e18400;}
#products_notice_list h4#feature05{background:#006fe1;}
#products_notice_list h4#feature06{background:#5639aa;}
#products_notice_list h4#feature07{background:#9b39aa;}
#products_notice_list h4#feature08{background:#c12d61;}
.feature_btn_download{position: relative; margin: 10px 0 20px; padding: 20px 0 30px;}
.feature_btn_download a{position: absolute; right:0; display: block; width: 140px; text-align: center; background: url(../png/pdficon.png)no-repeat 7px 50% #EEE; padding: 5px 0 5px 16px; border: 1px solid #CCC; border-radius: 5px; font-size: 11px; color: #333;}
.feature_btn_download a:hover,.feature_btn_download a:focus{text-decoration: none; color:#0096AE;}


/*機能別・用途別製品一覧*/
#products_list{ max-width:1024px; width:96%; margin:0 auto; padding-bottom:30px;}
#products_list>ul{list-style:none; width:102%; margin:10px 0 10px -2%;}
#products_list>ul>li{display:block; width:18%; height:160px; float:left; margin-left:2%;}
#products_list>ul>li>a{display:block; padding:0; margin:10px 0; font-size:14px; font-weight:bold; line-height:1.2em;}
#products_list>ul>li>a:hover{text-decoration:none;}

.list_img{width:100%; height:87px; overflow:hidden; margin-bottom:5px;}
.list_img img{width:100%; height:auto; transition: .3s ease-in-out;}
a:hover .list_img 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);}

/*注目製品*/
#products_notice_list{ max-width:1024px; width:96%; margin:0 auto; padding-bottom:30px;}
#products_notice_list h3{font-size:16px; font-weight:bold; color:#00558D; line-height:1.5; padding:15px 0 5px 0;}
#notice_title_box{margin:0 0 30px; padding:0 0 10px; background:url(../gif/bg_shadow.gif) repeat-x bottom;}  
h3#notice_pro_title{background-color:#C8E0F2; padding:8px 10px; font-size:20px; font-weight:bold; line-height:1.4; color:#00558D;}
p.notice_pro_name{font-size:14px; font-weight:bold; padding:10px;}
#products_notice_list p.lead{font-weight: bold; font-size: 14px; line-height:1.8;}

.notice_mainimg{float:right; margin:15px 0 15px 25px; text-align: right;}
.notice_mainimg img{max-width: 100%; height: auto;}

.table_scroll{overflow: auto;}
table.notice_properties{
  width:100%;
  border-left:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
  padding:0;
  margin:0;
  border-collapse:collapse;
  border-spacing:0;
}

table.notice_properties th{
  padding:5px;
  text-align:center;
  font-weight:bold;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
  background:#C8E0F2;
}

table.notice_properties td{
  padding:5px;
  vertical-align:middle;
  text-align:center;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
}

table.notice_properties th.notice01{
  background:#F7C8CF;
}

table.notice_properties td.notice02{
  background:#FDEFF5
}

table.notice_properties td.parameter{
  vertical-align:top;
  background-color:#E6F2F9;
}

.notice_properties_chu{
  font-size:12px;
}

table.notice_properties td.parameter p,
.notice_properties_chu p{
  float:left;
  text-align:left;
  margin:0 0 0 0;
  line-height: 1.6;
}

table.notice_properties td.parameter span,
.notice_properties_chu span{
  float:right;
}

table.notice_properties td.v_midd{vertical-align: middle;}
table.notice_properties th img{vertical-align: middle;}

.fig_box{margin:0;}
.fig_box img{ max-width: 100%; height: auto;}
.prpoint{
  background:url(../icon_prpoint.html) no-repeat left top #E3FBEC;
  padding:15px 15px 15px 120px;
  margin:25px 0 0;
}
/*バナー*/
#banner_box{background:#f8f8f8; padding:35px 0 20px; border-top: 1px solid #CCC;}
#banner{max-width:1024px; width:96%; margin:0 auto;}
#banner>ul{max-width:1042px; list-style:none; margin-left:-18px; text-align:center;}
#banner>ul>li{width:190px; height:auto; display:inline-table; text-align:left; margin:0; padding:0 0 15px 1%; font-size:12px; line-height:1.4em;}
#banner>ul>li>a>img{width:190px; height:auto;}

#products_name_list{ max-width:1024px; width:96%; margin:0 auto; padding-bottom:30px;}
dl.products_name{padding:0; margin:0 0 15px; clear:both;}
dl.products_name h2{background:#0096AE; font-size:16px; font-weight:bold; color:#FFF; padding:3px 5px; margin:0;}
dl.products_name dt{background:url(../gif/square.gif) no-repeat 0 67%; padding:10px 0 2px 15px; border-bottom:#DDD 1px solid; color:#666; clear:both;}
dl.products_name dd{background:url(../gif/arrow-2.gif) no-repeat 0 50%; padding:3px 0 3px 15px; margin:0 40px 0 5px; float:left; min-width: 12%;}


/*リンクボックス*/
ul#link_products{list-style:none; margin:30px 0 0;}
ul#link_products li{display:block; float:left; margin:0 20px 0 0; height:32px;}
ul#link_products li a{display:block; padding-left:45px; line-height:32px; font-weight: normal; font-size:16px;}

ul#link_products li#link_catalog a{background:url(../gif/icon_catalog.gif) no-repeat 0 0;}
ul#link_products li#link_faq a{background:url(../gif/icon_faq.gif) no-repeat 0 0;}
ul#link_products li#link_contact a{background:url(../gif/icon_contact.gif) no-repeat 0 0;}
ul#link_products li#link_sample a{background:url(../gif/icon_sample2.gif) no-repeat 0 0;}

/*************** サイドメニュー（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;
}

/*カレント表示*/

ul#id_oil,
ul#id_resin,
ul#id_powder,
ul#id_silane,
ul#id_rtv,
ul#id_rubber,
ul#side_type,
ul#side_function,
ul#side_usage{
  display:none;
}

.products_type a#main_type,
.products_function a#main_function,
.products_usage a#main_usage ,
.products_mane a#main_name,
.support a#main_support,
#aboutus a#main_info,
#news a#main_news,
#contactus a#main_contactus,
#w_silicone a#main_w_silicone{
  display:block;
  color:#FFF;
  text-decoration:none;
  background:#0096AE;
}

.products_type #side_type,
.products_function #side_function,
.products_usage #side_usage,
#side_oil ul#id_oil,
#side_resin ul#id_resin,
#side_powder ul#id_powder,
#side_silane ul#id_silane,
#side_rtv ul#id_rtv,
#side_rubber ul#id_rubber{
  display:block;
}

/*階層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;
}

/*階層3*/

.sidemenu_sub_sub li{
  border-top:none;
  font-size:inherit;
  line-height:1.5;
  background:#EEE;
}

.sidemenu_sub_sub li a{
  background:none;
  width:calc(100% - 20px);
  padding:5px 5px 5px 15px;
  font-weight:normal;
}

.sidemenu_sub_sub li a:hover,
.sidemenu_sub_sub li a:focus{
  background:none;
  width:calc(100% - 20px);
  padding:5px 5px 5px 15px;
  color:#00778C;
}

.sidemenu_sub_sub li a.active{
  background:none;
  width:calc(100% - 20px);
  padding:5px 5px 5px 15px;
  font-weight:bold;
  color:#00778C;
}

@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:last-child{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: 730px; margin: 15px 10px;}

/*製品を探す*/
#search_products{padding-bottom:20px; min-width: 750px;}
#search_products>ul{width:96%; margin:30px auto 0; list-style:none; border-bottom:#0096AE 2px solid;}
#search_products>ul>li{display:block; width:24%; float:left; margin:0 0.5%; font-size:14px; font-weight:bold; line-height:60px;}

#search_products>ul>li#search_type>a:link,
#search_products>ul>li#search_type_active>a,
#search_products>ul>li#search_type>a:hover,
#search_products>ul>li#search_type>a:focus,
#search_products>ul>li#search_function>a:link,
#search_products>ul>li#search_function_active>a,
#search_products>ul>li#search_function>a:hover,
#search_products>ul>li#search_function>a:focus,
#search_products>ul>li#search_usage>a:link,
#search_products>ul>li#search_usage_active>a,
#search_products>ul>li#search_usage>a:hover,
#search_products>ul>li#search_usage>a:focus,
#search_products>ul>li#search_name>a:link,
#search_products>ul>li#search_name_active>a,
#search_products>ul>li#search_name>a:hover,
#search_products>ul>li#search_name>a:focus {background-position:7px 50%; background-size:auto 70%; text-decoration:none; padding-left:50px;}

/*タイプ別製品一覧*/
#products_type_list{width:96%; min-width: 720px; margin:0 auto; padding:0 15px 30px;}
#products_type_list>label{display:block; padding:10px; font-size:18px; font-weight:bold; border:#CCC dotted 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#products_type_list>ul{list-style:none; width:102%; margin:10px 0 10px -2%;}
#products_type_list>input[type="checkbox"]{display: none;}
#products_type_list>ul>li{display:block; width:23%; min-height:143px; height: auto; float:left; margin-left:2%;}
#products_type_list>ul>li>a{display:block; padding:0; margin:10px 0; font-size:12px; font-weight:bold; line-height:1.2em;}
#products_type_list>ul>li>a:hover{text-decoration:none;}

/*機能別・用途別製品一覧*/
#products_list{width:96%; min-width: 720px; margin:0 auto; padding:0 15px 30px;}
#products_list>ul{list-style:none; width:102%; margin:10px 0 10px -2%;}
#products_list>ul>li{display:block; width:23%; height:135px; float:left; margin-left:2%;}
#products_list>ul>li>a{display:block; padding:0; margin:10px 0; font-size:12px; font-weight:bold; line-height:1.2em;}
#products_list>ul>li>a:hover{text-decoration:none;}

.list_img{width:100%; height:auto; max-height:80px; overflow:hidden; margin-bottom:5px;}
.list_img img{width:100%; height:auto; transition:none;}
a:hover .list_img img{transform:none;}

#products_name_list{width:96%; min-width: 720px; margin:0 auto; padding:0 15px 30px;}
#products_notice_list{width:96%; min-width: 720px; margin:0 auto; padding:0 15px 30px;}

/*リンクボックス*/
ul#link_products{list-style:none; margin:25px 0 0;}
ul#link_products li{display:block; float:left; margin:5px 20px 5px 0; height:32px;}
ul#link_products li a{display:block; padding-left:45px; line-height:32px; font-weight: normal; font-size:15px;}

/*バナー*/
#banner_box{min-width: 750px;}

}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
#header_img{height:100px;}
h2.listh2{width:96%; max-width:1024px; margin:15px auto; padding: 10px 0; line-height:1.6; border-bottom:#0096AE 2px solid; background: none; font-size:18px;}
#breadcrumbs{display:none;}
#title_img{
  width:calc(100% - 5px);
  height:80px;
  font-size:130%;
  margin:0 0 20px;
  padding-left:5px;
  line-height:1.5;
}

#title_img span{
  font-size:69%;
}

.flo_l{float:none; margin:10px 0;}
.flo_r{float:none; margin:10px 0;}

table.prod_list{font-size: 12px;}

/*製品を探す*/
#wrap_prod{width:100%; position:relative;}
#sp_bottom{position:absolute; width:100%; height:auto; bottom:0;}

#search_products{width:100%; display:block; background:none; padding-bottom:0; margin:0;}
#search_products>ul{width:100%; margin:0 auto; list-style:none; border:none;}
#search_products>ul>li{display:block; width:50%; height:60px; float:left; font-size:14px; margin:0 -1px 0 0; overflow:hidden; padding:0;}

#search_products>ul>li#search_type>a:link,
#search_products>ul>li#search_type_active>a,
#search_products>ul>li#search_type>a:hover,
#search_products>ul>li#search_type>a:focus,
#search_products>ul>li#search_function>a:link,
#search_products>ul>li#search_function_active>a,
#search_products>ul>li#search_function>a:hover,
#search_products>ul>li#search_function>a:focus,
#search_products>ul>li#search_usage>a:link,
#search_products>ul>li#search_usage_active>a,
#search_products>ul>li#search_usage>a:hover,
#search_products>ul>li#search_usage>a:focus,
#search_products>ul>li#search_name>a:link,
#search_products>ul>li#search_name_active>a,
#search_products>ul>li#search_name>a:hover,
#search_products>ul>li#search_name>a:focus {position:relative; background-position:0 50%; z-index:9999; background-size:auto 80%; text-decoration:none; padding-left:47px; border-top:#777 1px dotted; border-left:#777 1px dotted;}

/*カタログダウンロード*/
#sp_catalog{width:100%; display:block; background:#00568E; padding:15px 0; position:relative; z-index:9999;}
#sp_catalog>p{ width:80%; text-align:center; margin:0 auto; font-size:16px; border:#FFF 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sp_catalog p a{display:block; padding:5px 0; color:#FFF; text-decoration:none;}
#sp_catalog p a:hover, #sp_catalog p a:focus{display:block; padding:5px 0; color:#FFF; background:#206796; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/*タイプ別製品一覧*/
#products_type_list{width:96%; margin:0 auto; position:relative; padding-bottom:200px;}
#products_type_list a {display: block; padding: 10px; text-decoration: none; color: #333; line-height:1;}

#products_type_list>label{display:block; margin:10px 0 0 0; padding:12px; line-height:1; color:#333; background:#FFF; border:#CCC dotted 1px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; cursor:pointer; position:relative;}
#products_type_list>label::after{font-size:18px; font-weight:bold; position:absolute; right:12px; top:8px; color:#555; content: "+";}
#products_type_list>label.open::after{font-size:22px; font-weight:bold; position:absolute; right:12px; top:6px; color:#555; content: "-";}
#products_type_list>input {display: none;}
#products_type_list>ul {width:100%; margin:0; padding:0; background :#f4f4f4; list-style: none;}
#products_type_list>ul>li { margin:0; padding:0; max-height: 0; min-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;}
#products_type_list>ul>li>a{display:block; min-height:30px; height: auto; margin:0; padding:10px 20px 10px 0; font-size:12px; font-weight:normal; background:url(../png/arrow_gray.png) no-repeat 98% 50%;}
#products_type_list>ul>li>a:hover {background:url(../png/arrow_gray.png) no-repeat 99% 50% #FFF;}

#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 {width:100%; float:none; max-height:70px; border-bottom:#CCC dotted 1px; opacity: 1;}

/*オイル詳細*/
#detail_list{display:block; text-align: center; width: 100%;}
#detail_list li{background: linear-gradient(#EEE, #FFF); padding: 0; margin: 0;}
#detail_list li a{display: block; background: linear-gradient(#EEE, #CCC); padding: 0; margin: 0;}
#detail_list li img{vertical-align: bottom;}
.organicgroups li{width:calc(50% - 11px);}
ul#oil_select{margin:10px 0 30px;}
ul#oil_select li{width: 98%; margin: 0 1%; text-align:center; line-height:1.1;}
ul#oil_select li a{border:#0096AE 1px solid; color:#0096AE; font-weight:bold; display:block; text-decoration:none; padding: 5px 0;}
.oil_detail_list{margin: 0 0 30px;}
.oil_detail_list li{width:calc(100% - 20px);}

/*高機能成形用シリコーンゴム*/
#products_notice_list h3#highfunction{padding: 20px 15px; font-size: 16px; margin: 0 0 15px;}
ul#purpose li{width: 94%; float: none; margin: 10px auto; background: url(../png/pdficon.png) no-repeat 5px 50%; background-size: 15px auto;}
ul#purpose li a{font-size: 12px; padding:10px 5px 10px 30px;}
ul.molding_download .molding_prod_name{width:calc(100% - 135px); line-height: 1.4;}
ul.molding_download .btn_download{position: absolute; text-align: center; bottom:13px; right:0;}
ul.molding_download .btn_download a{display: block; background: url(../png/pdficon.png) no-repeat 4px 50% #EEE; background-size: 12px auto; padding: 3px 5px 3px 18px; border: 1px solid #CCC; border-radius: 3px; font-size: 10px; color: #333;}
ul.molding_download .btn_download a:hover,ul.molding_download .btn_download a:focus{text-decoration: none; color:#0096AE;}
#products_notice_list h4.feature{ padding: 5px 10px; font-size: 14px; margin: 30px 0 15px;}

/*機能別・用途別製品一覧*/
#products_list{width:100%; margin:0 auto; position:relative; padding-bottom:184px;}
#products_list a {display: block; padding: 10px; text-decoration: none; color: #333; line-height:1;}
#products_list>ul {width:100%; margin:0; padding:0; background :#f4f4f4; list-style: none;}
#products_list>ul>li {margin:0; padding:0; width:100%; float:none; max-height:50px; border-bottom:#CCC dotted 1px; opacity: 1;}
#products_list>ul>li>a{display:block; height:30px; margin:0; padding:10px 20px 10px 0; font-size:12px; font-weight:normal; background:url(../png/arrow_gray.png) no-repeat 98% 50%;}
#products_list>ul>li>a:hover {background:url(../png/arrow_gray.png) no-repeat 99% 50% #FFF;}

.prodlisth3{font-size:20px; color:#00568E; font-weight:bold; padding:15px 10px;}
.list_img{width:65px; height:auto; float:left; margin:0 10px;}
.list_img img{width:100%; height:auto; transition:none;}
a:hover .list_img img{transform:none;}

/*注目製品*/
h3#notice_pro_title{font-size:16px;}
p.notice_pro_name{font-size:13px;}
#products_notice_list p.lead{font-weight: bold; font-size: 13px; line-height:1.8;}
.notice_properties_chu{font-size:11px; margin-bottom: 10px;}
.notice_mainimg{ float:none; margin:20px auto 0; text-align: center;}

table.notice_properties{
  width:auto;
  min-width: 100%;
  white-space: nowrap;
  font-size: 11px;
}

table.notice_properties th{
  padding:2px;
  white-space: nowrap;
}

table.notice_properties td{
  padding:2px;
}

/*バナー*/
#banner_box{background:#f8f8f8; padding:25px 0 10px;}
#banner{width:94%; margin:0 auto;}
#banner>ul{list-style:none; width:102%; margin-left:-2%;}
#banner>ul>li{width:46%; display:block; float:left; margin:0; padding:0 0 15px 4%; font-size:12px; line-height:1.4em;}
#banner>ul>li>a>img{width:100%; height:auto;}

#products_name_list{width:96%; margin:0 auto; position:relative; padding-bottom:110px;}
dl.products_name dt{background:url(../gif/square.gif) no-repeat 0 15px; padding:8px 0 5px 15px; border-bottom:#DDD 1px solid; color:#666; clear:both;}
dl.products_name dd{background:url(../gif/arrow-2.gif) no-repeat 0 50%; padding:0px 0 0px 15px; margin:0 40px 0 5px; float:left;}

/*リンクボックス*/
ul#link_products{list-style:none; margin:20px 0 0; background: #FFF;}
ul#link_products li{display:block; float:none; margin:0; height:32px; border-bottom: none;}
ul#link_products li a{display:block; padding-left:30px; line-height:32px; font-weight: normal; font-size:14px;}

ul#link_products li#link_catalog a{background:url(../gif/icon_catalog.gif) no-repeat 0 50%; background-size:25px;}
ul#link_products li#link_faq a{background:url(../gif/icon_faq.gif) no-repeat 0 50%; background-size:25px;}
ul#link_products li#link_contact a{background:url(../gif/icon_contact.gif) no-repeat 0 50%; background-size:25px;}
ul#link_products li#link_sample a{background:url(../gif/icon_sample2.gif) no-repeat 0 50%; background-size:25px;}

/*************** サイドメニュー（SP） *********************************/


}
