@charset "UTF-8";
.nav-page-02 li{
margin-right:30px;
padding-left:18px;
margin-bottom:8px;
background:url("/products/common/images/v2/icn_arrow_06.gif") no-repeat 0 0.3em;
font-weight:bold;
}
.nav-btn-01 li a span{ background-image:none;}
.lyt-tbl-02-column .td33{
    width: 33.3%; background-color:#faffe6}
.nav-btn-01 li:last-child{ margin-left:0; float:right;}
.nav-btn-01 li{ margin-right:0}
.img_hover:hover {
    outline: 0;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}
.nav-bnr-01{margin-top:30px;}
.nav-bnr-01 li{ float:left; }
.nav-bnr-01 li:last-child{ margin-left:17px;}
.lyt-tbl-02-column .cell-td-02{ background-color:#faffe6}
.lyt-tbl-02-column .cell-th-block{ background-color:#E5F3FE;}
.ks{background-color:#faffe6!important;}
.ta{background-color:#eeeeee!important;}

.auto_table{ width:100%; margin-top:20px; display:block}
.auto_table table{ width:100%;}
.auto_table table ,.auto_table td,.auto_table th {border: 1px solid #cccccc;border-collapse: collapse;}
.auto_table td, .auto_table th {padding: 8px;width: 30px;height: 25px;}
.auto_table th {background: #eeeeee;width:33.333%; text-align:center; font-weight:bold}
.auto_table .even {background: #fbf8f0;}
.auto_table .odd {background: #fefcf9;}
.sp_table{ display:none}

@media screen and (max-width: 960px){
.nav-btn-01 li{ margin-bottom:20px; float:none}
.nav-btn-01 li:last-child{ margin-left:15px; float:none}
.nav-btn-01{width:100%!important}
.nav-bnr-01 li{ float:none; text-align:center; margin-bottom:20px;}
.nav-bnr-01 li:last-child{ margin-left:0;}
    
}
@media screen and (max-width: 767px){
   .nav-bnr-01 li img{ width:100%; height:auto;} 
   .img img{ width:100%}
   .hdg-l2-01-container, .hdg-l2-02-container{ margin:0}
   .spl10{ padding-left:10px;}
   .nav-local .products-nav ul li dl dt{ text-align:left; background-color:#ffffff!important; padding:10px 0; border-bottom:1px dashed #cccccc; padding-left:10px;}
   .nav-local .products-nav ul li dl dt#pr-inf{font-weight: normal !important;font-size: .8125rem !important; color:#000;}
   .nav-local .products-nav ul li dl dd{ background-image:none; background-color:#ffffff!important; border-bottom:1px solid #ccc; padding:8px 0}
   .nav-local .products-nav ul li dl dd:last-child{ border-bottom:none;}
   .nav-local .products-nav ul li dl dd a{ text-align:left;}
   .nav-local ul li dl dd a{ padding-left:20px}
   .nav-local ul li dl dd{ float:none;}
.auto_table{display:none}
.sp_table{ display:block}
.sp_table .ttl{ background:#ffffff; border:1px solid #014fa2; color:#014fa2; font-size:1.2rem; padding:4px 30px; border-radius:5px; position:relative; margin-bottom:5px}
.active .ttl{background:#014fa2; color:#ffffff; font-size:1.2rem; padding:4px 30px; border-radius:5px; position:relative}
.sp_table .ttl:after{ content:" "; background-image: url(../images/v3/arrow.png); position:absolute; left:5px; top:7px; width:21px; height:21px;}
.active .ttl:after{ content:" "; background-image: url(../images/v3/arrow_active.png); position:absolute; left:5px; top:7px; width:21px; height:21px;}
.acc{display:none;}
.active .acc{display:block; padding-bottom:20px}
.sp_table h4{ margin:10px 0;}
   
}