/* ************************ top page ***************************
**************************************************************** */

#parsonalcare_search_list_box{
  border-bottom:3px solid #0096AE;
}

ul#parsonalcare_search_list{
  list-style:none;
  margin:20px 20px 0;
}

ul#parsonalcare_search_list li{
  display:block;
  width:160px;
  float:left;
  background:#DDD;
  margin-right:15px;
  text-align:center;
  line-height:30px;
  font-weight:bold;
  font-size:116%;
}

ul#parsonalcare_search_list li a{
  display:block;
  width:160px;
  background:#DDD;
  line-height:30px;
}

ul#parsonalcare_search_list li a:hover,
ul#parsonalcare_search_list li a:focus,
#pc_function ul#parsonalcare_search_list li#pc01 a,
#pc_hyoji ul#parsonalcare_search_list li#pc02 a,
#pc_inci ul#parsonalcare_search_list li#pc03 a{
  background:#0096AE;
  color:#FFF;
  text-decoration:none;
}

#pc_search_box{
  border-right:3px solid #0096AE;
  border-left:3px solid #0096AE;
  border-bottom:3px solid #0096AE;
  padding:15px;
}

ul#pc_list{
  list-style:none;
}

ul#pc_list li{
  display:block;
  width:200px;
  margin-right:15px;
  background:url(../gif/arrow-2.gif) no-repeat 0 12px;
  padding:5px 0 5px 15px;
  float:left;
}

table.prod_list{
  margin-bottom:15px;
}

.tr_pro2{
  background:#F0F7FB;
}

h4.pc_type{
  background:#00568E;
  font-size:100%;
  font-weight:bold;
  color:#FFF;
  border-left:none;
  margin:15px 0 10px;
}

h5.pc_type_sub{
  background:#0092F2;
  font-size:93%;
  font-weight:bold;
  color:#FFF;
  border-left:none;
  margin:15px 0 10px;
  padding:2px 15px;
}

.tds{
  list-style:none;
}

.tds li{
  background:url(../gif/arrow_blue.gif) no-repeat 4px 50%;
  padding:5px 0 5px 18px;
  line-height:18px;
  border-bottom:1px dotted #CCC;
}

.tds li.tds_category{
  background:none #00568E;
  font-family:Tahoma, Geneva, sans-serif;
  color:#FFF;
  font-weight:bold;
  font-size:116%;
  margin:10px 0 0;
  padding:3px 5px;
  line-height:18px;
  border-bottom:none;
}

ul.pc_products{list-style: none; font-size: 16px; margin: 20px 0 20px;}
ul.pc_products li.li01{display: block; width: 325px; line-height: 55px; float: left; margin-right: 25px; text-align: center;}
ul.pc_products li.li02{display: block; width: 325px; line-height: 55px; float: left; text-align: center; margin-right: 0px; margin-left: 0px;}
ul.pc_products li a{display: block; width: 325px; line-height: 55px; background: #0096AE; transition: 0.3s; border-radius: 5px; color: #FFF;}
ul.pc_products li a:hover, ul.pc_products li a:focus{background: #0EADC7; transition: 0.3s; border-radius: 5px;}

/*20200127*/
.application_examples{list-style: none; margin: 20px 0 10px;}
.application_examples li{width:330px; border-radius: 5px; margin:5px 0;}
.application_examples li a{display: block; padding: 5px; background: #4b94ba; transition: 0.3s; border-radius: 5px; color: #FFF; font-size: 14px;}
.application_examples li a:hover,.application_examples li a:focus{background: #4cacde; transition: 0.3s; border-radius: 5px;}
.application_examples li img{vertical-align: middle; margin-right: 10px; border-radius: 5px;}
li.application_examples_l{float: left;}
li.application_examples_r{float: right;}

h3.application{border: none; border-bottom: 2px solid #4b94ba; font-size: 35px; font-weight: bold; color: #878787;}
.effects{border-spacing: 5px; width: 100%;}
.effects th, .effects td{padding:5px 10px; border-bottom: 1px solid #CCC; vertical-align: middle;}
.effects th{width: 30%;}
.Fluids{background: #e5e8f5;}
.Dispersants{background: #fce7e3;}
.Emulsifying{background: #f7ebda;}
.Gels{background: #eef5df;}
.Film{background: #fdede1;}
.Waxes{background: #efe5ef;}
.Powders{background: #e6f2fb;}
.UV{background: #e7f4ef;}

.effects ul li {
    list-style-type: none;
    position: relative;
    padding-left: 0.8em;
    }

.effects ul li:before {
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: 0;
    top: 0.6em;
    content: "";
    }

.effects ul.ul_fluids li:before {background: #718cc7;}
.effects ul.ul_dispersants li:before {background: #ec6d74;}
.effects ul.ul_emulsifying li:before {background: #d29942;}
.effects ul.ul_gels li:before {background: #9cca48;}
.effects ul.ul_film li:before {background: #f39a63;}
.effects ul.ul_waxes li:before {background: #b177a5;}
.effects ul.ul_powders li:before {background: #5eb7e8;}
.effects ul.ul_UV li:before {background:#63c0ab;}