@charset "utf-8";
/*====================================================================================
■01.Banner
■02.TOP PAGE 
====================================================================================*/
/*====================================================================================
■01.Banner
====================================================================================*/
.banner_full { clear:both; background-image:url(../images/bg-bn.png); height:346px; padding:1px 0; border-top:1px solid #FFF; border-bottom:1px solid #FFF; }
.banner { background-image:url(../images/bg-banner.png); height:306px; width:996px; margin:13px auto 0; padding:5px; }
#bannerpager { text-align:center; }
#bannerpager span { background-image: url(../images/banner_pager.png); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 6px; margin: 11px 3px 0; text-indent: -9999px; width: 6px; cursor:pointer; }
#bannerpager span.cycle-pager-active { background-image:url(../images/banner_pager_active.png); }
/*====================================================================================
■02.TOP PAGE 
====================================================================================*/
#product { border-top:2px solid #418233; border-bottom:2px solid #418233; background-image:url(../common_img/bg-sty1.png); padding-bottom:29px; }
#product h2 { text-align:center; height:32px; position:relative; z-index:10; }

#product .btn{ background: #fff; width:235px; height:68px; border: solid 1px #ddd; padding:2px;}
#product .btn:hover{ opacity: 0.6;}
#product .btn dt{ float:left; font-weight: bold; width:165px;}
#product .btn p{ margin-top:20px; color:#545454;}

/*#product .btn dt .color_01{ border-left: 8px solid #d9448b; height: 58px; padding: 5px; text-align: center;}
#product .btn dt .color_02{ border-left: 8px solid #bd3ed8; height: 58px; padding: 5px; text-align: center;}
#product .btn dt .color_03{ border-left: 8px solid #5248da; height: 58px; padding: 5px; text-align: center;}
#product .btn dt .color_04{ border-left: 8px solid #43b7d9; height: 58px; padding: 5px; text-align: center;}
#product .btn dt .color_05{ border-left: 8px solid #4ac033; height: 58px; padding: 5px; text-align: center;}
#product .btn dt .color_06{ border-left: 8px solid #abd83f; height: 58px; padding: 5px; text-align: center;}
*/

#product .btn dd{ float:right;}
#product .btn dd img{ border: 1px solid #ddd;}


.product_ul2 { margin:0 -10px 13px; }
.product_ul2 li { float:left; width:490px; margin:0 10px; }
.product_ul2 li img { display:block; margin-bottom:3px; }
.product_ul4 { margin:0 -10px; clear:both;}
.product_ul4 li { float:left; width:235px; margin:0 10px; }
.product_ul4 li img { display:block; margin-bottom:3px; }
.main_top_left { margin-top: 30px; float:left; width:700px; margin-bottom: 83px;}
.aboutwork { background-image: url(../images/aboutword-img.jpg); background-position: right top; background-repeat: no-repeat; min-height: 265px; margin-left: 18px; margin-bottom:30px; padding-top:13px;}
.aboutwork h3 { margin-bottom:10px; }
.aboutwork p { width: 440px; margin-bottom:7px; }
.aboutwork_ul { margin-top: 0; padding-left: 2px; }
.aboutwork_ul li { float: left; margin-right: 20px; }
.top_news_tt { position:relative; }
.top_news_rt { height: 100%; line-height: 56px; padding-right: 15px; position: absolute; right: 0; top: 0; }
.top_news_rt a { display: inline-block; margin-left:5px; overflow:inherit;}
.top_news_rt a.top_news_rta { padding-left:10px; background-image:url(../common_img/arr-r.png); background-repeat:no-repeat; background-position:left center; text-decoration:none; }
.top_news_rt a.top_news_rta:hover { text-decoration:underline; }
.top_news_rt a img { vertical-align:middle; }
.top_news_box { padding: 20px 10px 20px 20px; }
.top_news_box ul { max-height: 178px; overflow: auto; }
.top_news_box ul li { border-bottom: 1px dashed #cdcdcd; margin-bottom: 11px; margin-top: 10px; padding-bottom: 11px; overflow:hidden;}
.top_news_box ul li span { float: left; width: 95px; font-weight:bold;}
.top_news_box ul li a { display: block; float: left; overflow: hidden; text-decoration: none; width: 530px; }
.top_news_box ul li a:hover { text-decoration:underline; }