@charset "utf-8";
/* CSS Document */

#topimg{
	margin:0 0 5px 0;
}
#logo{
	width:245px;
	float:left;
	text-align:right;
}

#slidewrap{
	width:700px;
	position:relative;
	float:left;
}
/* slideshow area */
#slideshow img { position:absolute; top:0; left:0; z-index:8;dislpay:none; }
#slideshow img.active { z-index:10;display:block; }
#slideshow img.last-active { z-index:9;display:block; }

#slideshow{
	z-index:1;
	height:280px;
}


#pager{
	position:absolute;
	top:275px;
	right:3px;
	z-index:11;
}
#pager ul li{
	width:20px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../../img/pager.png) 0 bottom no-repeat;
	float:left;
}
#pager ul li a{
	display:block;
	width:15px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../../img/pager.png) 0 0 no-repeat;
}
#pager ul li a:link, #pager ul li a:visited{
	background:url(../../img/pager.png) 0 0 no-repeat;
}
#pager ul li a:hover, #pager ul li a:active{
	background:none;
}
#pager ul li.active a:link, #pager ul li.active a:visited{
	background:none;
}

.topmain{
	margin:20px 0 0 0;
}


ul.topbtnlist li{
	padding:10px 0 0 0;
}



.topmain h2{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:none !important;
	line-height:1 !important;
	font-size:12px !important;
}


#topcontents{
	width:230px;
	float:left;
}
#topproducts{
	width:710px;
	float:right;
}
#topproducts h2{
	margin:0 !important;
	padding:9px 0 5px 5px !important;
}


.boxs1 li{
	width:240px;
	background:url(../img/bg_box1_btm.png) 0 bottom no-repeat;
	padding:0 0 5px 0;
	float:left;
}
.boxs1 li .box{
	width:230px;
	background:url(../img/bg_box1_top.png) 0 0 no-repeat;
	padding:5px 0 0 0;
}
.boxs1 li a{
	display:block;
	background:url(../img/bg_box1_mdl.png) 0 0 repeat-y;
	padding:10px 15px;
}
.boxs1 li .wrap{
	display:block;
	background:url(../img/bg_box1_mdl.png) 0 0 repeat-y;
	padding:10px 15px;
}
.boxs1 li a.in{
	display:inline;
	background:none;
	padding:0;
	line-height:1.6;
}
.boxs1 li a.in:link, .boxs1 li a.in:visited{
	text-decoration:underline !important;
}
.boxs1 li a.in:hover, .boxs1 li a.in:active{
	text-decoration:none !important;
}
.boxs1 li .pht{
	padding:9px 0 15px 0;
}
.boxs1 li a:link, .boxs1 li a:visited{
	text-decoration:none !important;
	color:#666666;
}
.boxs1 li a:hover, .boxs1 li a:active{
	text-decoration:none !important;
	color:#666666;
}
.boxs1 li .txt{
	min-height:37px;
	line-height:1.6;
	padding:0 0 10px 0;
}
* html .boxs1 li .txt{
	height:37px;
	cursor:pointer;
}

#pickup h2{
	padding:0 0 0 5px !important;
}
#pickup ul li .img{
	width:200px;
	height:104px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#pickup ul li a:link .img, #pickup ul li a:visited .img{
	background-position:0 0;
}
#pickup ul li a:hover .img, #pickup ul li a:active .img{
	background-position:0 -104px;
}
#pickup ul li#pick1 .img{
	background-image:url(../../img/img_pickup01.jpg);
}
#pickup ul li#pick2 .img{
	background-image:url(../../img/img_pickup02.jpg);
}
#pickup ul li#pick3 .img{
	background-image:url(../../img/img_pickup03.jpg);
}
#pickup ul li#pick4 .img{
	background-image:url(../../img/img_pickup04.jpg);
}

.boxs1 li .sttl{
	padding:20px 0 15px 0;
}



/* topnews */
#topnews{
	width:710px;
	float:left;
}
#topnews .box2top{
	padding:20px 0 0 0 !important;
	background:url(../../img/bg_tab.png) 0 0 no-repeat;
}

/* topcontact */
#topcontact{
	width:230px;
	float:right;
	line-height:1.6;
}
#topcontact h2{
	padding:0 0 6px 0 !important;
}
#topcontact ul li{
	padding:8px 0 0 0;
}

.pdfArea{
	padding:10px 5px 0 5px;
	color:#999999;
}
.pdfArea a{
	color:#999999;
}

.newsttl{
	position:relative;
	padding:0 15px 0 15px;
	height:50px;
}
.newsttl .rss{
	position:absolute;
	top:1px;
	right:17px;
}
.newsttl .rss a{
	display:block;
	width:76px;
	height:21px;
	background-image:url(../../img/btn_rss.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.newsttl .rss a:link, .newsttl .rss a:visited{
	background-position:0 0;
}
.newsttl .rss a:hover, .newsttl .rss a:active{
	background-position:0 -21px;
}

.newscontents{
	display:none;
}
#topnews .active{
	display:block;
}

#tab{
	position:absolute;
	bottom:0;
	left:114px;
}
#tab ul{
	margin:0;
}
#tab ul li{
	margin:0 15px 0 0;
	float:left;
}
#tab ul li a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	width:152px;
	height:38px;
}
#tab ul li#tab1 a{
	background-image:url(../../img/tab1.png);
}
#tab ul li#tab2 a{
	background-image:url(../../img/tab2.png);
}
#tab ul li#tab3 a{
	background-image:url(../../img/tab3.png);
}
#tab ul li a:link, #tab ul li a:visited{
	background-position:0 0;
}
#tab ul li a:hover, #tab ul li a:active{
	background-position:0 -38px;
}
#tab ul li a.active:link, #tab ul li a.active:visited{
	background-position:0 -76px;
}

#btncontact a{
	display:block;
	width:202px;
	height:52px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../../img/btn_contact02.png);
	text-indent:-9999px;
	overflow:hidden;
}
#btncontact a:link,#btncontact a:visited{
	background-position:0 0;
}
#btncontact a:hover,#btncontact a:active{
	background-position:0 -52px;
}

/*----------------------*/
#topimg{
	min-height:1%;
}
#topimg:after{
/* for modern browser */ 
	content: "";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
} 

* html #topimg{/* for IE */ 
/*\*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
}

body*#topimg:after{
	content: ".";
}

/*----------------------*/
.topmain{
	min-height:1%;
}
.topmain:after{
/* for modern browser */ 
	content: "";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
} 

* html .topmain{/* for IE */ 
/*\*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
}

body*.topmain:after{
	content: ".";
}
/*----------------------*/
#tab ul{
	min-height:1%;
}
#tab ul:after{
/* for modern browser */ 
	content: "";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
} 

* html #tab ul{/* for IE */ 
/*\*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
}

body*#tab ul:after{
	content: ".";
}



.form1{
	width: 82px;
	margin-top: 1px;
}
.select1{
	width: 82px;
	font-size: 0.5rem;
	height: 21px;
	border: 1px solid #ccc;
}