﻿@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../images/bg.gif) repeat-x top;
	font-size:12px;
	/* font-family : "ＭＳ Ｐゴシック",Arial,Verdana, Lucida,  Helvetica, sans-serif; */
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;

	line-height:18px;
	color:#000000;
}
input,textarea{
	/* font-family : "ＭＳ Ｐゴシック",Arial,Verdana, Lucida,  Helvetica, sans-serif; */
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;

	font-size:12px;
}
img{border:0;}
td,th{ padding:3px;}
.clear{
	clear:both;
	height:1px;
}
div{
	margin:0;
	padding:0;
	}
p{
	margin:8px 5px;
	}
a:link,a:visited{
	color:#000000;
	text-decoration:none;
} 
a:hover {
	color:#FF0000;
	text-decoration:none;

}
#mainwrap{
	width:948px;
	margin:0 auto;
	background:url(../images/mainbk.gif);
	}

.header{
	width:900px;
	height:auto;
	padding:12px 24px 0 24px;
}

.logo{
	width:160px;
	padding:0 0 0 14px;
	margin:0;
	float:left;
}

.header ul{
	margin:0;
	padding:0;
	width:178px;
	float:right;
	list-style:none;
}

.topbtn{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
}

.header ul li a{
	list-style:none;
}

.top_menu{
	width:645px;
	height:39px;
	float:right;
	margin:11px 0 0 0;
}

.top_menu ul{
	list-style:none;
	width:623px;
	height:39px;
	padding:0 0 0 22px;
	background:url(../images/menu_bg.gif);
}

.top_menu ul li {float:left; height:32px;}
.top_menu ul li a{height:32px;  text-indent:-9000px;}
.top_menu ul li a:hover{ background-position:center bottom;}
.top_menu a {display: block;}
.menu01 a {width:94px;background:url(../images/menu_index.gif) no-repeat center top;}
.menu02 a {width:110px;background:url(../images/menu_company.gif) no-repeat center top;}
.menu03 a {width:114px;background:url(../images/menu_product.gif) no-repeat center top;}
.menu04 a {width:146px;background:url(../images/menu_support.gif) no-repeat center top;}	
.menu05 a {width:134px;background:url(../images/menu_contact.gif) no-repeat center top;}

.flash{
	margin:0 auto;
	padding:11px 0 0 0;
	width:900px;
}

#content{
	width:900px;
	margin:0;
	padding:8px 24px;
}

.content_left{
	width:598px;
	margin:0;
	float:left;
}

.product_menu{
	width:596px;
	border-left:#ddd 1px solid;
}

.left_title{
	width:596px;
}

.menu_link{ list-style:none; clear:both; margin:0; padding:0; background-color:#FFFFFF;}
.menu_link li{ list-style:none; margin:0; width:149px; height:86px; float:left;background-color:#FFFFFF;}
.menu_link li a{ display:block; background:url(../images/menu_bg02.gif);height:86px;}
.menu_link li a:hover{  background:url(../images/menu_bg01.gif);}

#new_product{
	width:596px;
	float:left;
	margin:13px 0 0 0;
	border:#ddd 1px solid;
}
#new_product_box{
	width:596px;
	padding-bottom:10px;
	}
#new_product_box ul{
	margin:0px;
	padding:0px;
	margin:0 10px 10px 0;
	list-style:none;
	}
#new_product_box ul li{
	margin:0px;
	padding:0px;
	margin-top:10px;
	list-style:none;
	width:283px;
	float:left;
	margin-left:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
	}
#new_product_box ul li .boer_pic{
	width:68px;
	float:left;
	border:1px solid #999999;
	}
#new_product_box ul li .txt{
	width:203px;
	float:left;
	line-height:16px;
	padding:0 5px;
	}

.content_right{
	width:293px;
	float:right;
}

.search{
	width:285px;
	height:22px;
	padding:17px 4px 16px 4px;
	background:url(../images/Search_bg.jpg) no-repeat;
	float:left;
}
.search p{
	width:78px;
	height:15px;
	margin:0 3px 0 0;
	padding:4px 1px 2px 0;
	font-size:14px;
	float:left;
	letter-spacing:-1px;
}
.search span{
	width:48px;
	height:20px;
	padding:0;
	margin:0 1px 0 0;
	float:right;
}

.search_input{
	width:136px;
	height:14px;
	border:#999999 1px solid;
	background:url(/images/search.gif) center;
	margin:0 0 1px 0;
	padding:2px 5px;
	float:left;
}

.btn1{
	width:144px;
	height:51px;
	margin:11px 0 0 0;
	float:left;
}

.btn2{
	width:139px;
	height:51px;
	padding:0 0 0 5px;
	margin:11px 0 0 0;
	float:left;
}

.btn{
	width:285px;
	margin:6px 0 0 0;
	float:left;
}

.news{
	width:293px;
	float:left;
	margin:13px 0 0 0;
}

.newstitle{
	width:293px;
	height:48px;
	float:left;
}

.news ul{
	list-style:none;
	width:293px;
	float:left;
	padding:0;
	margin:0;
	background:url(../images/news_bg.gif) repeat-y;
	border-bottom:#ddd 1px solid;
}

.news ul li{
	list-style:none;
	width:266px;
	padding:0 0 0 7px;
	margin:8px 10px;
	background:url(../images/coin.gif) top left no-repeat;
}

.news span{
	margin:0 5px 0 0;
	padding:0;
	font-weight:bolder;
}

#newlist{
	width:676px;
	}
#newlist ul{
	margin:0;
	padding:0;
	padding-top:10px;
	list-style:none;
	}
#newlist ul li{
	line-height:30px;
	border-bottom:1px solid #CCCCCC;
	}
#footer{
	width:900px;
	height:48px;
	margin:0;
	padding:12px 24px 0;
}
#top{
	width:900px;
	text-align:right;
	margin:0;
	padding:0px 24px 0;}

#footer p{
	margin:15px 10px 0 0;
	padding:0;
	float:left;
	line-height:1.4em;
}

#footer span{
	padding:15px 0 0 0;
	margin:0;
	float:right;
	line-height:1.4em;
}

/******common end*****/

/******product.htm begin*****/

#content_product{
	width:948px;
	margin:0;
	padding:0;
	min-height:460px;	
	height:auto !important;
	height:460px;
	overflow:visible;
}

.left_product{
	width:210px;
	padding:0 0 0 24px;
	display:inline;
	float:left;
}
.breadcrumb{
	padding:5px 0 5px 25px;
	}
#nav_menu{
	width:210px;
	margin-bottom:17px;
}
#nav_menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	background:#f9fbfd;
	font-size:13px;
	border:1px solid #999999;
}

#nav_menu ul li{
	width:200px;
	margin:0 auto;
	list-style:none;
	line-height:30px;
	border-bottom:1px solid #999999;
	text-indent:3px;
}

#nav_menu ul .end{
	border-bottom:none;
}

#nav_menu ul #ulonline{
	background:#c7d3ff;
}
#nav_menu ul li ul{
	width:200px;
	border:none;
	list-style:none;
	margin:0px;
	padding:0px;
	background:#f9fbfd;
	font-size:12px;
	border-top:1px solid #999999;

}

#nav_menu ul li ul li{
	width:185px;
	list-style:none;
	line-height:25px;
	border-bottom:1px dotted #999999;
	padding-left:15px;
}
#nav_menu ul li ul #lionline{
	background:#c7d3ff;
}
#nav_menu ul li ul .end{
	border-bottom:none;
}

.nav_search{
	width:210px;
	height:67px;
	background:url(../images/nav_searchbg.gif) no-repeat;
}

.nav_search p{
	width:78px;
	height:15px;
	margin:0;
	padding:10px 0 0 7px;
	font-size:14px;
	letter-spacing:-1px;
	float:left;
}
.nav_search span{
	width:48px;
	height:20px;
	padding:10px 0 0 0;
	margin:0 1px 0 0;
	float:left;
}

.nav_search_input{
	width:120px;
	height:14px;
	border:#999999 1px solid;
	background:url(../images/search.gif) center;
	margin:10px;
	padding:2px 5px;
	float:left;
}

.nav_btn{
	width:210px;
	margin:15px 0 0 0;
}

.right_product{
	width:676px;
	display:inline;
	padding:0 22px 0 0;
	float:right;
}

.product_img{
	width:676px;
}

.title{
	width:666px;
	margin:13px 0 0 0;
	height:35px;
	padding-left:10px;
	line-height:35px;
	font-weight:bold;
	font-size:14px;
	background:url(../images/title.jpg) center bottom no-repeat;
}
.down{ width:460px;
	padding:10px 0 0 0;}
.category{
	width:671px;
	padding:10px 0 0 0;
}

.category h3 {
	font-size:14px;
	width:164px;
	margin:5px;
	font-weight:normal;
}

.left{float:left;}
.right {float:right;}

.category div.right{
	width:450px;
}

.category div.right ul{
	margin:0;
	padding:0;
	width:450px;
}

.category div.right ul li{
	background:transparent url(../images/icon_product_list.gif) no-repeat scroll 1px 6px;
	display:inline;
	float:left;
	padding:0 0 0 13px;
	width:191px;
	line-height:20px;
}

.right_product h2{
	width:671px;
	height:20px;
	font-size:14px;
	padding:10px 0 0 5px;
	margin:0;
	font-weight:bold;
	border-bottom:solid 3px #999999;
	float:left;
}

.right_product h3{
	width:671px;
	height:20px;
	font-size:12px;
	padding:5px 0 0 5px;
	margin:0;
	margin-bottom:5px;
	font-weight:bold;
	border-bottom:solid 1px #999999;
	float:left;
	background:#f9f9f9;
}

.sub_p{
	width:676px;
	margin:10px 0 5px 0;
	}
	
.sub_p ul{
	list-style:none;
	padding:0;
	margin:0;
	width:676px;
	}
.sub_p ul li{
	width:210px;
	padding:0px;
	margin:0 auto;
	padding-right:15px;
	padding-bottom:14px;
	list-style:none;
	float:left;
	}
.div_ul_li_title{
	width:210px;
	color:#000000;
	margin-bottom:5px;
	border-bottom:1px dotted #CCCCCC;
	}
.information_box{
	width:210px;
	}
.information_img{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	*display: block;
	*font-size: 71px;
	*font-family:Arial;
	width:83px;
	height:83px;
	border:1px solid #999999;
}
.information_img img{
	vertical-align:middle;
}
.information_text{
	float:right;
	width:118px;
	margin:-85px 0 0 7px;
}

.information_name{
	background:transparent url(../images/icon_product_list.gif) no-repeat scroll 1px 6px;
	width:71px;
	float:left;
	padding:0 0 0 10px;
	margin:3px 0 0 3px;
}

.box_01_left{
	width:278px;
	float:left;
	margin:0;
}

.box_01_right{
	width:278px;
	float:left;
	margin:0 0 0 50px;
}

.box_01_img{
	width:180px;
	margin:0 5px;
	float:left;
}

#box_01_text{
	width:460px;
	margin:0 0 0 15px;
	float:left;
}
#box_01_text table {
	width: 460px;
	border-top: 1px solid #aeaccb;
	border-bottom: 1px solid #aeaccb;
}
#box_01_text table th {
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
}
#box_01_text table td {
	border-bottom: 1px solid #e5e5e5;
}
#box_01_text table .last-child,
#box_01_text table .last-child{
	border: none;
}

.box_01_text ul{
	padding:0;
	margin:10px 0;
}

.box_01_text ul li{
	list-style:none;
	background:transparent url(../images/icon_product_list.gif) no-repeat scroll 1px 6px;
	padding:0 0 0 10px;
}

.sub_box{
	width:676px;
	margin:15px 0;
}
.sub_box ul{
	width:676px;
	list-style:none;
	margin:0px;
	padding:0px;
	}
.sub_box ul li{
	list-style:none;
	width:320px;
	padding-left:9px;
	float:left;
	line-height:22px;
	}
.support_list{
	width:676px;
	margin:15px 0;
}
#code{
	width:676px;
	}
.box_01_company{
	width:676px;
	margin:15px 0 0 0;
	padding:0;
}

.box_01_company_img{
	width:180px;
	margin:0;
	float:left;
}

.box_01_company_text{
	width:481px;
	margin:0 0 0 15px;
	float:left;
}

#contact_us{
	width:676px;
	margin:15px 0;
}

#contact_us table {
	width: 674px;
	border-top: 1px solid #aeaccb;
	border-bottom: 1px solid #aeaccb;
}
#contact_us table th {
	width: 20%;
	border-bottom: 1px solid #e5e5e5;
}
#contact_us table td {
	border-bottom: 1px solid #e5e5e5;
}
#contact_us table .last-child,
#contact_us table .last-child{
	border: none;
}

.user_title{
	width:656px;
	height:33px;
	padding:20px 0 0 20px;
	font-size:14px;
	font-weight:bold;
	background:url(../login/images/user_title.jpg) no-repeat;

	}
.user_box{
	width:674px;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	}

#small_sub_box{
	width:550px;
	margin:0 auto;
	}

#usercenter{
	width:900px;
	margin:0 auto;
	}

#usercenter .title{
	width:900px;
	height:31px;
	padding:10px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	background:url(../usercenter/images/top_title.jpg) no-repeat;
	}
#usercenter .usercenter_box{
	width:878px;
	padding:10px;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	}
#usercenter table {
	text-align:left;
	width: 878px;
	border-top: 1px solid #aeaccb;
	border-bottom: 1px solid #aeaccb;
}
#usercenter table th {
	border-bottom: 1px solid #e5e5e5;
}
#usercenter table td {
	border-bottom: 1px solid #e5e5e5;
}
#usercenter table .last-child,
#usercenter table .last-child{
	border: none;
}
.center_search{
	width:878px;
	float:left;
	}
.center_search_left{
	width:670px;
	float:left;
	padding:5px;
	border:2px solid #CCCCCC;
	}
.center_search_right{
	float:left;
	width:50px;
	padding-left:20px;
	padding-top:5px;
	}
#contact_list{
	width:676px;
	margin:15px 0;
}

#contact_list ul{
	padding:0px;
	margin:0px;
	list-style:none;
	}
#contact_list ul li{
	width:676px;
	list-style:none;
	float:left;
	padding-bottom:5px;
	margin-top:10px;
	border-bottom:1px dotted #999999;
	}
#contact_list ul li .c_logo{
	width:175px;
	list-style:none;
	float:left;
	}
#contact_list ul li .c_l_txt{
	float:left;
	padding-left:15px;
	width:486px;
	list-style:none;
	float:left;
	}
.factorytitle{
	height:20px;
	font-size:12px;
	padding:10px 0 0 5px;
	margin:0;
	font-weight:bold;
	border-bottom:solid 2px #999999;
	}
.lankutitle{
	height:10px;
	font-size:0px;
	padding:10px 0 0 5px;
	margin:0;
	font-weight:bold;
	border-bottom:solid 1px #999999;
	}
