/* home */
#home
{
	width: 720px;
	margin-top:    0px;
	margin-right:  auto;
	margin-bottom: 0px;
	margin-left:   auto;
	background-color: #ffffff;
	background-image: url(bg_home.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}


#news
{
	float: left;
	width: 220px;
}
#news p
{
	margin-top:    0px;
	margin-bottom: 0px;
	padding-top:   8px;
	padding-right: 8px;
	padding-left:  8px;
	line-height: 140%;
	font-size: small;
}


#navhome
{
	float: left;
	width: 420px;
	margin-left: 80px;
}
#navhome1
{
	height: 150px;
	margin-left: 20px;
}
#navhome2
{
	height: 150px;
	margin-left: 20px;
}

#menu_corporate_profile,
#menu_catalog,
#menu_recommend,
#menu_recruit,
#menu_contact,
#menu_link
{
	float: left;
}
#menu_corporate_profile p,
#menu_catalog p,
#menu_recommend p,
#menu_recruit p,
#menu_contact p,
#menu_link p
{
	margin-top:    0px;
	margin-bottom: 0px;
	padding-top:   8px;
	padding-right: 8px;
	padding-left:  8px;
	line-height: 140%;
	font-size: small;
	color: #000000;
}
#menu_corporate_profile img,
#menu_catalog img,
#menu_recommend img,
#menu_recruit img,
#menu_contact img,
#menu_link img
{
	border-top:    0px;
	border-right:  0px;
	border-bottom: 0px;
	border-left:   0px;
}
#menu_corporate_profile p
{
	width:  104px;
	height: 120px;
	background-image: url(bg_corporate_profile_home.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#menu_catalog p
{
	width:  104px;
	height: 120px;
	background-image: url(bg_catalog_home.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#menu_recommend p
{
	width:  104px;
	height: 120px;
	background-image: url(bg_recommend_home.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#menu_recruit p
{
	width:  104px;
	height: 120px;
	background-image: url(bg_recruit_home.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#menu_contact p
{
	width:  104px;
	height: 120px;
	background-image: url(bg_contact_home.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#menu_link p
{
	width:  104px;
	height: 120px;
	background-image: url(bg_link_home.gif);
	background-position: top center;
	background-repeat: no-repeat;
}


#footer
{
	clear: both;
	color: #3D6D27;
	font-size: small;
	text-align: center;s
}
#footer address
{
	padding-bottom: 1em;
	font-style: normal;
}






/* page */
#page
{
	width: 720px;
	margin-top:    0px;
	margin-right:  auto;
	margin-bottom: 0px;
	margin-left:   auto;
	background-color: #ffffff;
	font-size: small;
	color: #000000;
}

#nav p
{
	margin-top:    0px;
	margin-bottom: 30px;
	text-align: center;
}
#nav img
{
	border-top:    0px;
	border-right:  0px;
	border-bottom: 0px;
	border-left:   0px;
}

#menu
{
	float: left;
	width: 195px;
}
#menu .now
{
	font-weight: bold;
}
#menu .corporate_profile
{
	height: 347px;
	padding-top:  10px;
	padding-left: 25px;
	background-image: url(../corporate_profile/img/bg_menu.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #ffffff;
}
#menu .corporate_profile a:link
{
	color: #ffffff;
}
#menu .corporate_profile a:visited
{
	color: #ffffff;
}
#menu .corporate_profile a:hover
{
	color: #ffffff;
	text-decoration: none;
}
#menu .corporate_profile a:active
{
	color: #000000;
	text-decoration: none;
}


#menu .catalog
{
	padding-left: 15px;
}
#menu .catalog h5
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#menu .catalog p
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#menu .catalog p img
{
	padding-bottom: 1px;
}



.form
{
	margin-top: 1em;
	margin-right: 10px;
	margin-bottom: 1em;
}
.item,
.form
{
	width: 525px;
	margin-top: 1em;
	margin-bottom: 2em;
}
.item table,
.form table
{
	border-top:  0px solid #ffffff;
	border-right:  0px solid #ffffff;
	border-bottom: 0px solid #73BE59;
	border-left:  0px solid #ffffff;
}
.item caption,
.item dt
{
	margin-top: 20px;
	border-top: 2px dotted #5097A0;
	padding-top: 10px;
	text-align: left;
	font-weight: bold;
	color: #5097A0;
}
.item th,
.form th
{
	border-top:  1px solid #ffffff;
	border-right:  1px solid #ffffff;
	border-bottom: 1px solid #59BEB5;
	border-left:  0px solid #ffffff;
	padding-top: 5px;
	padding-right: 0.5em;
	padding-bottom: 5px;
	padding-left: 0.5em;
	text-align: left;
	color: #ffffff;
	background-color: #59BEB5;
	background-image: url(bg_th.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
.item td,
.form td
{
	border-top:  1px solid #ffffff;
	border-right:  1px solid #ffffff;
	border-bottom: 1px solid #59BEB5;
	border-left:  0px solid #ffffff;
	padding-top: 5px;
	padding-right: 0.5em;
	padding-bottom: 5px;
	padding-left: 0.5em;
	text-align: left;
	background-color: #F4FFFE;
	background-image: none;
}
.item .itemname
{
	width: 23%;
}
.item .shape
{
	width: 10%;
}
.item .packing
{
	width: 25%;
}
.item .maker
{
	width: 15%;
}
.item dd
{
	margin-left: 0em;
	padding-left: 0em;
}


.itemlist dd
{
	margin-left: 0em;
	padding-left: 0em;
}

.items dt
{
	margin-top: 10px;
	font-weight: bold;
	color: #5097A0;
}
.items dd
{
	margin-top: 5px;
	margin-left: 0em;
	padding-left: 0em;
}



#doc
{
	float: left;
	clear: right;
	width: 525px;
}
.abstract
{
	line-height: 140%;
}


h2
{
	margin-top:    0px;
	margin-bottom: 10px;
	line-height: 140%;
	font-size: small;
}
dl,ol,ul,p
{
	margin-top:    0px;
	margin-bottom: 0px;
	line-height: 140%;
	font-size: small;
}
h3
{
	margin-top:    2em;
	margin-bottom: 0px;
	border-top: 0px solid #336699;
	border-right: 0px solid #336699;
	border-bottom: 0px solid #336699;
	border-left: 0px solid #336699;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 8px;
	background-image: url(bg_item_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-size: small;
	color: #448A9E;
}
h4
{
	margin-top:    1em;
	margin-bottom: 0px;
	border-top: 1px solid #CFDFEE;
	border-left: 10px solid #336699;
	padding-top: 3px;
	padding-left: 3px;
	font-size: small;
	font-weight: bold;
	color: #336699;
}


hr
{
	margin-top:    0em;
	margin-bottom: 0px;
	border-top: 1px solid #5FB9D1;
	border-right: 0px solid #336699;
	border-bottom: 1px solid #5FB9D1;
	border-left: 0px solid #336699;
}

dt,dd,li
{
	line-height: 140%;
}

.spec
{
	margin-top:    0px;
	margin-bottom: 0px;
}
.spec th
{
	padding-top:    0.25em;
	padding-right:  1em;
	padding-bottom: 0.25em;
	font-weight: normal;
	text-align: right;
}

address
{
	font-style: normal;
}



/*** recommend ***/
.price
{
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	text-align: right;
}
.offprice
{
	font-size: x-large;
	font-weight: bold;
	color: #ff0000;
}

.goods
{
	border-top: 1px solid #5fb9d1;
	border-right: 1px solid #5fb9d1;
	border-bottom: 1px solid #5fb9d1;
	border-left: 1px solid #5fb9d1;
}
.goodsphoto
{
	float: left;
	width: 210px;
}
.goodsspec
{
	float: left;
	width: 310px;
}
.goodsspec dt
{
	font-weight: bold;
	font-size: large;
}



/* common */
h6
{
	margin-top:    0px;
	margin-bottom: 0px;
	font-size: small;
}


body
{
	margin-top:    0px;
	margin-right:  auto;
	margin-bottom: 0px;
	margin-left:   auto;
	padding-top:    0px;
	padding-right:  auto;
	padding-bottom: 0px;
	padding-left:   auto;
	background-color: #ffffff;
	background-image: url(bg_html.jpg);
	background-position: center center;
	background-repeat: repeat-x;
}



a:link
{
	color: #73BE59;
	text-decoration: underline;
}
a:visited
{
	color: #52933B;
	text-decoration: underline;
}
a:hover
{
	color: #52933B;
	text-decoration: none;
}
a:active
{
	color: #A0BE59;
}

.button
{
	border-top: 1px solid #73BE59;
	border-right: 1px solid #73BE59;
	border-bottom: 1px solid #73BE59;
	border-left: 1px solid #73BE59;
	padding-right: 5px;
	padding-left: 5px;
}


.submit
{
	text-align: center;
}
.nav
{
	clear: both;
}
.navto
{
	clear: both;
	text-align: right;
}
a.upto
{
	padding-left: 15px;
	background-image: url(btn_upto.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
a.goforward
{
	padding-right: 15px;
	background-image: url(btn_goforward.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.content li
{
	list-style-image: url(btn_downto.gif);
	
}



#breadcrumbs p
{
	clear: both;
	margin-top:    2em;
	text-align: left;
	font-size: small;
}


.col2
{
	float: left;
	width: 48%;
	margin-right: 1%;
}

.col3
{
	float: left;
	width: 28%;
	margin-right: 3%;
}


.floatright
{
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}
.floatleft
{
	float: left;
}
.clear,.clfx
{
	clear: both;
}


.column_left
{
	float: left;
	width: 250px;
	margin-right: 20px;
}
.column_right
{
	clear: right;
	width: 250px;
}