@charset "utf-8";


/***************body****************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	background:#275585;
	}
a{
	text-decoration:none;
	}	
/***************bg****************/
.bg{
	width:960px;
	margin:0 auto;
	}
	
/***************top****************/
.top{
	margin-top:36px;
	background:url(../images/top_bg.gif) no-repeat;
	height:85px;
	position:relative;
}
.top_logo{
	position:absolute;
	top:25px;
	left:25px;
	}
.main_navi{
	position:absolute;
	top:27px;
	right:40px;
	}
.main_navi li{
	float:left;
	}
.main_navi li a{
	display:block;
	height:38px;
	text-indent:-9999px;
	}
.main_navi li.home a{
	background:url(../images/main_navi_bg.gif) no-repeat 0 0;
	width:88px;	
	}
.main_navi li.home a:hover{
	background:url(../images/main_navi_bg.gif) no-repeat 0 -38px;
	}
.main_navi li.company a{
	background:url(../images/main_navi_bg.gif) no-repeat -88px 0;
	width:114px;	
	}
.main_navi li.company a:hover{
	background:url(../images/main_navi_bg.gif) no-repeat -88px -38px;
	}
.main_navi li.news a{
	background:url(../images/main_navi_bg.gif) no-repeat -201px 0;
	width:115px;	
	}
.main_navi li.news a:hover{
	background:url(../images/main_navi_bg.gif) no-repeat -201px -38px;
	}
.main_navi li.prod a{
	background:url(../images/main_navi_bg.gif) no-repeat -315px 0;
	width:123px;	
	}
.main_navi li.prod a:hover{
	background:url(../images/main_navi_bg.gif) no-repeat -315px -38px;
	}
.main_navi li.inq a{
	background:url(../images/main_navi_bg.gif) no-repeat -437px 0;
	width:117px;	
	}
.main_navi li.inq a:hover{
	background:url(../images/main_navi_bg.gif) no-repeat -437px -38px;
	}
.main_navi li.contact a{
	background:url(../images/main_navi_bg.gif) no-repeat -553px 0;
	width:103px;	
	}
.main_navi li.contact a:hover{
	background:url(../images/main_navi_bg.gif) no-repeat -553px -38px;
	}
/***************bg_main****************/
.bg_main{
	background:url(../images/bg_main_bg.gif) repeat-y left #FFF;
	}
/***************left****************/
.left{
	width:230px;
	float:left;
	}
/***************main****************/
.main{
	position:relative;
	color:#4c6579;
	width:730px;
	float:right;
	}
.main a{
	color:#4c6579;
	}
.main a:hover{
	color:#ff9301;
	}
/***************copyright****************/
.copyright{
	clear:both;
	color:#6fa8d6;
	background:url(../images/copyright_bg.gif) repeat-x;
	height:86px;
	}
.copyinfo{
	padding:6px 20px;
	}
.copyinfo a{
	color:#6fa8d6;
	}
.copyinfo a:hover{
	color:white;
	}
.logo_copy{
	float:right;
	margin-top:12px;
	}
/***************side column****************/
h3.cata_title{
	background:url(../images/catalog_title_bg.gif) no-repeat;
	height:33px;
	text-indent:-9999px;
	}
.menu{
	color:#4c6579;
	margin-top:20px;
	}
.menu a{
	color:#4c6579;	
	}
.menu a:hover{
	text-decoration:underline;
	}
.menu li{
	background:url(../images/catalog_title_arrow.gif) no-repeat 15px 13px;
	padding:5px 0 5px 22px;
	border-bottom:1px dotted #fff;
	}
/***************index layout****************/
.swf_temp{
	background:url(../images/swf_temp.jpg) no-repeat;
	height:242px;
	}
.swf_temp_02{
	background:url(../images/swf_temp_02.jpg) no-repeat;
	height:165px;
	}
h3.index_title{
	background:url(../images/index_title_bg.gif) no-repeat;
	height:33px;
	text-indent:-9999px;
	}
h3.hot_title{
	background:url(../images/hot_title_bg.gif) no-repeat;
	height:43px;
	text-indent:-9999px;
	}
.about_column{
	background:url(../images/about_column_bg.gif) no-repeat 0 5px;
	margin-right:20px;
	float:left;
	width:200px;
	padding-left:150px;

	}
.news_column{
	float:right;
	width:300px;
	}
.news_item a{
	display:block;
	width:225px;
	float:left;
	color:#4c6579;
	}
.news_item a:hover{
	color:#ff9301;
	}
	
/***************page layout****************/
.breadbar{
	position:absolute;
	top:-38px;
	left:12px;
	color:white;
	}
.breadbar a{
	color:white;
	}
.breadbar div.head{
	float:left;
	width:14px;
	height:28px;
	background:url(../images/breadbar_head_bg.gif) no-repeat;
	}
.breadbar div.body{
	float:left;
	height:28px;
	line-height:28px;
	background:#2c354a;
	}
.breadbar div.foot{
	float:left;
	width:14px;
	height:28px;
	background:url(../images/breadbar_foot_bg.gif) no-repeat;
	}
h3.hint_title{
	background:url(../images/title_bg.gif) no-repeat;
	height:33px;
	text-indent:50px;
	font-weight:bold;
	}
.column_info{
	padding:20px;
	}
	
/***************news list layout****************/	

.td_bg01{
	width:85%;
	padding:5px 5px 5px 0;
	border-bottom:1px solid #e2e2e2;
	}
.td_bg01 h2{
	font-size:12px;
	font-weight:bold;
	}
.td_bg02{
	width:15%;
	padding:5px;
	border-bottom:1px solid #e2e2e2;
	text-align:right;
	}
.td_bg03{
	padding:15px 0px;	
	}
a.btn_back{
	text-indent:-9999px;
	display:block;
	width:110px;
	height:27px;
	background:url(../images/ico_backlist.gif) no-repeat;
	}
a.btn_back:hover{
	background:url(../images/ico_backlist.gif) no-repeat 0 -27px;
	}	
/***************product list layout****************/	

.pro{ text-align:center; float:left; margin:5px;font-size:11px; width:23.2%; line-height:18px;}

.prolist_description{ text-align:left;}
.prolist_description img { display:block; margin:0 auto; width:auto;}


.product_bar{
	margin-bottom:20px;
	}
.pro_descriptionimg{
	width:310px;
	float:right;
	text-align:right;
	}
.pro_description{
	float:left;
	width:380px;

	}
.pro_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name02{
	font-weight:bold;
	padding:5px 0;
	border-bottom:1px dotted #e2e2e2;
	margin-bottom:10px;
	}

.pro_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:30px;}
.back{ margin-top:30px; text-align:center; clear:both;}
.inquiry_but{ margin-top:0px;}

/************inquiry layout*****************/
.common_table{
	width:100%;
	}
.inquiry_td_01{
	vertical-align:top;
	padding:5px 5px 5px 0;
	border-bottom:1px solid #e2e2e2;
	}
.inquiry_td_02{
	padding:20px 0;
	}
	
/***************contact layout*********************/
input.contact_key{
	width:95%;
	color:#999;
	padding-left:5px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #d3d3d3;
	}
input.contact_key_03{
	width:100px;
	color:#999;
	padding-left:5px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #d3d3d3;
	}
textarea.contact_key_02{
	width:95%;
	color:#999;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #d3d3d3;
	}
.cont_td_01{
	padding:5px;
	width:13%;
	text-align:left;	
	}
.cont_td_02{
	padding:5px;
	width:87%;
	}