/* additional classes */
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.fl{float:left;}
.fr{float:right;}
.tal{text-align:left;}
.all{text-align:left;display: inline;}
.alr{text-align:right;display: inline;}
.alc{text-align:center;display: inline;}
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.wrap{overflow:hidden;}
.nopa{padding:0;}
.noma{margin:0;}
.nobg{background:none;}
.nobd{border:none;}
.nofl{float:none;}
.dn{display:none;}
.clear{clear:both;line-height:0;}
.radius {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.radius20 {-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.shadow {-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
.dib{ display: inline-block;}

.clearfix {  *zoom: 1;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}


.white{ color: #FFF;}
.light_gray{ color: #CCC;}
.gray{ color: #666;}
.deep_gray{ color: #333;}
.black{ color: #000;}
.light_blue{ color: #4dc2ff;}
.blue{ color: #0094e2;}
.light_green{ color: #70ea64;}
.green{ color: #3eb033;}
.light_red{ color: #dc3f3f;}
.red{ color: #a40000;}
.light_orange{ color: #f89b5c;}
.orange{ color: #ff6600;}
.light_purple{ color: #9e5cf7;}
.purple{ color: #5f04da;}
.pink_red{color:#ee6c64;}
.light_pink_red{color:#FFB9B5;}
/* end additional classes */



.dealer_page{text-align:center;padding:30px 0 0 0;margin:0 auto;}
.dealer_page img{ vertical-align: bottom;}

.dealer_page a{color:#999;padding:0px 6px;line-height:20px;font-size: 12px;}
.dealer_page a:hover{color:#333;}
.dealer_page a.current{color:#ea3429; font-weight: bold;font-size: 14px;line-height: 18px;}

/* news */
.news_list_present a.listitem{    padding: 5px 10px 10px 10px;
    border-bottom: 1px dotted #E4E4E4;}
.news_list_present a.listitem { background:#F8F8F8;    display: block; }
.news_list_present a.listitem img{ opacity: 0.7; }
.news_list_present a.listitem h4{ color: #EE7900; font-size: 18px !important;line-height: 26px !important;margin: 0px !important; padding:0px !important; }
.news_list_present a.listitem p { margin: 0px !important; padding:0px !important;}
.news_list_present a.listitem p.time{ color: #999; font-size: 13px !important; line-height: 18px !important;}
.news_list_present a.listitem p.info{ color: #333; font-size: 14px !important; line-height: 22px !important; }

.news_list_present a.listitem:hover { background:#0663B9;  }
.news_list_present a.listitem:hover img{ opacity: 1.0; }
.news_list_present a.listitem:hover h4{ color:#FFF; }
.news_list_present a.listitem:hover p.time{ color:#CCC; }
.news_list_present a.listitem:hover p.info{ color:#999; }

 





/* product */

.product_list_present{}
.product_list_present h4{}
.product_list_present .listitem{
  padding: 5px 10px 10px 10px;
  border-bottom: 1px dotted #E4E4E4;}
.product_list_present .listitem .product_list_img{
      width: 200px;
    padding: 5px;
    display: inline-block;text-align: center;
}
.product_list_present .listitem .product_list_img img{width: 180px;}

.product_list_present .listitem .product_list_info{ vertical-align:top;
      width: 480px;
    padding: 5px;
    display: inline-block;
}
.product_list_present .listitem .product_list_info .list_info{}
.product_list_present .listitem .product_list_info .list_info h2{color: #333; font-size: 18px !important; line-height: 26px !important;}
.product_list_present .listitem .product_list_info .list_info p{color: #333; font-size: 14px !important; line-height: 22px !important;}
.product_list_present .listitem .product_list_info .list_button{text-align: right;}
.product_list_present .listitem .product_list_info .list_button a{
    display: inline-block;
    padding: 5px 10px;
    text-align: center;background:#666; color:#CCC;
}
.product_list_present .listitem .product_list_info .list_button a.for_excel{}
.product_list_present .listitem .product_list_info .list_button a.for_pdf{}
.product_list_present .listitem .product_list_info .list_button a.for_content{}

.product_list_present .listitem .product_list_info .list_button a:hover{}
.product_list_present .listitem .product_list_info .list_button a:hover.for_excel{
    background: #008000;
    color: #DAFFDA;
    }
.product_list_present .listitem .product_list_info .list_button a:hover.for_pdf{
background: #A70505;
    color: #FFDBDB;
    }
.product_list_present .listitem .product_list_info .list_button a:hover.for_content{
    background: #2870B6;
    color: #DDEEFF;}











.product_list_present a.listitem{    padding: 5px 10px 10px 10px;
    border-bottom: 1px dotted #E4E4E4;}
.product_list_present a.listitem { background:#F8F8F8;    display: block; }
.product_list_present a.listitem img{ opacity: 0.7; }
.product_list_present a.listitem h4{ color: #EE7900; font-size: 18px !important;line-height: 26px !important;margin: 0px !important; padding:0px !important; }
.product_list_present a.listitem p { margin: 0px !important; padding:0px !important;}
.product_list_present a.listitem p.time{ color: #999; font-size: 13px !important; line-height: 18px !important;}
.product_list_present a.listitem p.info{ color: #333; font-size: 14px !important; line-height: 22px !important; }

.product_list_present a.listitem:hover { background:#0663B9;  }
.product_list_present a.listitem:hover img{ opacity: 1.0; }
.product_list_present a.listitem:hover h4{ color:#FFF; }
.product_list_present a.listitem:hover p.time{ color:#CCC; }
.product_list_present a.listitem:hover p.info{ color:#999; }


/* footer */
ul.foot-menu { padding: 0px; margin: 0;}
ul.foot-menu li{display: inline-block;padding: 0;padding: 0;}
ul.foot-menu li a{ color: #CCC;font-size: 14px;}
ul.foot-menu li a:hover{ color: #3596D6;}
ul.foot-menu li ul{ padding: 0; margin: 0;}
ul.foot-menu li ul li{ display: block;padding: 0;padding: 0; }
ul.foot-menu li ul li a{font-size: 13px;color: #999;}
ul.foot-menu li ul li a:hover{ color: #F29200;}


footer hr{
	  border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(242, 146, 0, 0.75), rgba(0, 0, 0, 0));
}