*{
	padding:0;
	margin:0;
}
body,html{
	height:100%;
}
body{
	margin:0 auto;
	background:#e9e9e9;
	font-size:12px;
	font-family:ËÎÌå;
}
img{
	border:0;
}
#wrap{
	margin:0 auto;
	background:white;
	width:780px;
	height:100%;
	min-height:100%;
}
#logo{
	padding:27px 0 20px 22px;
	display:block;
	background:url(../images/logo.gif) 27px 22px no-repeat ;
	height:34px;
}
#logo span{
	
}
#show_area{
	height:283px;
	position:relative;
}
#banner{
	background:url(../images/banner_01.jpg) left top no-repeat ;
	height:283px;
}
#homeHead{
	position:absolute;
	left:212px;
	top:122px;
}
a:link,a:active,a:visited {
	color:black;
	text-decoration:none;
}
a:hover {
	color:red;
	text-decoration:underline;
}



/*====================
 navigation Setting
======================*/
.navshadeTopnav {
	display: block; 
	left: 0px; 
	width: 183px;
	position: absolute; 
	height: 30px;
	filter: alpha(opacity=23); 
	background-color: gray;
	z-index: 2;
}
.topnav1 {
	top: 1px;
}
.topnav2 {
	top: 32px;
}
.topnav3 {
	top: 63px;
}
.topnav4 {
	top: 94px;
}
.topnav5{
	top: 125px;
}
.topnav6{
	top: 156px;
}
.navshade {
	display: none;
	position: absolute; 
	top: 1px;
	left: 227px;
	width: 145px; 
	height: 283px;
	filter: alpha(opacity=20);
	background-color: white;
	z-index: 2;
}
#navshade1 {
	left: 184px;
}
#navshade2 {
	left: 330px;
}
#navshade3 {
	display: none;
	position: absolute; 
	top: 0px;
	left: 476px; 
	width: 304px; 
	height: 283px;
	filter: alpha(opacity=40); 
	background-color: white;
	z-index: 2;
}
.navshadeSimple {
	display: none; 
	position: absolute; 
	left: 227px; 
	top: 1px;
	width: 151px; 
	height: 438px;
	background: url(images/chessboard.gif) repeat;
	z-index: 2;
}
#navshadeSimple1 {
	left: 224px;
}
#navshadeSimple2 {
	left: 376px;
}
#navshadeSimple3 {
	background: url(images/chessboard.gif) repeat;
	display: none;
	position: absolute; 
	top: 1px; 
	left: 528px; 
	width: 310px; 
	height: 438px;
}
#nav{
	width:183px;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	/*border:1px solid red;*/
}
div.topnav {
	z-index:40;
	display:block; 
	background: url(../images/arrow-white.gif) 165px 11px no-repeat;
	overflow:hidden; 
	cursor:pointer;
	color:white; 
	padding:9px 0 7px 0;
	padding-left:20px;
	width:163px;
	position:absolute;
	margin-top:1px;
	/*background-color:yellow;*/
}
div.noarrow {
	background-image: none;
}
div.subnav {
	z-index:40;
	display:none;
	filter: alpha(opacity=80); 
	moz-opacity: .80;
	background: white url(../images/arrow-gray.gif) 125px 11px no-repeat ;
	width: 125px;
	cursor: pointer; 
	color: black; 
	padding:9px 0 7px 0;
	padding-left:20px; 
	position: absolute; 
}
.subnav1 {
	left:184px;
	top:1px;
}
.subnav2 {
	left: 330px;
}
div.subnav2_1 {
	padding-left:10px; 
	left: 330px;
}
.toppos1 {
	top: 1px;
}
.toppos2 {
	top:32px;
}
.toppos3{
	top:63px;
}
.toppos4{
	top:94px;
}
.toppos5{
	top:125px;
}
.toppos6{
	top:156px;
}
.toppos7{
	top:187px;
}
.toppos8{
	top:218px;
}
.toppos9{
	top:249px;
}
#topnav1 {
	top: 0px;
}
#topnav2 {
	top: 31px;
}
#topnav3 {
	top: 62px;
}
#topnav4 {
	top: 93px;
}
#topnav5{
	top: 124px;
}
#topnav6{
	top: 155px;
}

/*=================
thubm info setting
===================*/
.info {
	padding:5px; 
	display: none; 
	overflow: hidden; 
	position: relative; 
	left: 481px;
	top: 5px;
	width: 284px; 
	height: 263px;
	background-color: #fff;
	z-index:5;
}
.info P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 16px; PADDING-TOP: 0px; POSITION: relative; TOP: -4px;
}
.infoImage img {
	position: absolute; 
	z-index:3; 
	left:16px;
	top:16px;
}
#productLogo {
	position: absolute; 
	left:200px;
	top: 145px; 
}
.infoHeadline {
	font-weight:bold;
	font-size:14px;
	overflow: hidden; 
	position: absolute;
	left: 16px; 
	top: 145px; 
	width: 263px; 
}
.infoType {
	font-family: Arial;
	overflow: hidden; 
	position: relative;
	top:138px;
	left:16px;
}
.infoType ul{
	list-style:none;
	padding:0;
	margin:0;
}
.infoType ul li a{
	background: white url(../images/arrow-black.gif) left 4px no-repeat ;
	padding-left:10px;
	text-decoration:none;
	color:black;
}
.infoType ul li a:hover{
	background: white url(../images/arrow-red.gif) left 4px no-repeat ;
	text-decoration:underline;
	color:red;
}
.infoType ul.pos2{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:80px;
}
.infoMore {
	position: absolute;
	left: 16px; 
	top: 236px; 
	width:263px;
	height: 20px;
	padding-top: 10px; 
	border-top: rgb(204,204,204) 1px dashed; 
}





#productLogokimber {
	position: absolute; 
	left:115px;
	top: 175px; 
}
.infoHeadline {
	font-weight:bold;
	font-size:14px;
	overflow: hidden; 
	position: absolute;
	left: 16px; 
	top: 145px; 
	width: 263px; 
}
.infoType {
	font-family: Arial;
	overflow: hidden; 
	position: relative;
	top:138px;
	left:16px;
}
.infoType ul{
	list-style:none;
	padding:0;
	margin:0;
}
.infoType ul li a{
	background: white url(../images/arrow-black.gif) left 4px no-repeat ;
	padding-left:10px;
	text-decoration:none;
	color:black;
}
.infoType ul li a:hover{
	background: white url(../images/arrow-red.gif) left 4px no-repeat ;
	text-decoration:underline;
	color:red;
}
.infoType ul.pos2{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:80px;
}
.infoType ul.pos3{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:160px;
}
.infoMore {
	position: absolute;
	left: 16px; 
	top: 236px; 
	width:263px;
	height: 20px;
	padding-top: 10px; 
	border-top: rgb(204,204,204) 1px dashed; 
}


#productLogoventure {
	position: absolute; 
	left:180px;
	top: 145px; 
}
.infoHeadline {
	font-weight:bold;
	font-size:14px;
	overflow: hidden; 
	position: absolute;
	left: 16px; 
	top: 145px; 
	width: 263px; 
}
.infoType {
	font-family: Arial;
	overflow: hidden; 
	position: relative;
	top:138px;
	left:16px;
}
.infoType ul{
	list-style:none;
	padding:0;
	margin:0;
}
.infoType ul li a{
	background: white url(../images/arrow-black.gif) left 4px no-repeat ;
	padding-left:10px;
	text-decoration:none;
	color:black;
}
.infoType ul li a:hover{
	background: white url(../images/arrow-red.gif) left 4px no-repeat ;
	text-decoration:underline;
	color:red;
}
.infoType ul.pos2{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:80px;
}
.infoType ul.pos3{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:160px;
}
.infoMore {
	position: absolute;
	left: 16px; 
	top: 236px; 
	width:263px;
	height: 20px;
	padding-top: 10px; 
	border-top: rgb(204,204,204) 1px dashed; 
}


#productLogokimber {
	position: absolute; 
	left:115px;
	top: 175px; 
}
.infoHeadline {
	font-weight:bold;
	font-size:14px;
	overflow: hidden; 
	position: absolute;
	left: 16px; 
	top: 145px; 
	width: 263px; 
}
.infoType {
	font-family: Arial;
	overflow: hidden; 
	position: relative;
	top:138px;
	left:16px;
}
.infoType ul{
	list-style:none;
	padding:0;
	margin:0;
}
.infoType ul li a{
	background: white url(../images/arrow-black.gif) left 4px no-repeat ;
	padding-left:10px;
	text-decoration:none;
	color:black;
}
.infoType ul li a:hover{
	background: white url(../images/arrow-red.gif) left 4px no-repeat ;
	text-decoration:underline;
	color:red;
}
.infoType ul.pos2{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:80px;
}
.infoType ul.pos3{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:160px;
}
.infoMore {
	position: absolute;
	left: 16px; 
	top: 236px; 
	width:263px;
	height: 20px;
	padding-top: 10px; 
	border-top: rgb(204,204,204) 1px dashed; 
}


#productLogooracle {
	position: absolute; 
	left:120px;
	top: 145px; 
}
.infoHeadline {
	font-weight:bold;
	font-size:14px;
	overflow: hidden; 
	position: absolute;
	left: 16px; 
	top: 145px; 
	width: 263px; 
}
.infoType {
	font-family: Arial;
	overflow: hidden; 
	position: relative;
	top:138px;
	left:16px;
}
.infoType ul{
	list-style:none;
	padding:0;
	margin:0;
}
.infoType ul li a{
	background: white url(../images/arrow-black.gif) left 4px no-repeat ;
	padding-left:10px;
	text-decoration:none;
	color:black;
}
.infoType ul li a:hover{
	background: white url(../images/arrow-red.gif) left 4px no-repeat ;
	text-decoration:underline;
	color:red;
}
.infoType ul.pos2{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:80px;
}
.infoType ul.pos3{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:160px;
}
.infoMore {
	position: absolute;
	left: 16px; 
	top: 236px; 
	width:263px;
	height: 20px;
	padding-top: 10px; 
	border-top: rgb(204,204,204) 1px dashed; 
}

#productLogopass {
	position: absolute; 
	left:160px;
	top: 145px; 
}
.infoHeadline {
	font-weight:bold;
	font-size:14px;
	overflow: hidden; 
	position: absolute;
	left: 16px; 
	top: 145px; 
	width: 263px; 
}
.infoType {
	font-family: Arial;
	overflow: hidden; 
	position: relative;
	top:138px;
	left:16px;
}
.infoType ul{
	list-style:none;
	padding:0;
	margin:0;
}
.infoType ul li a{
	background: white url(../images/arrow-black.gif) left 4px no-repeat ;
	padding-left:10px;
	text-decoration:none;
	color:black;
}
.infoType ul li a:hover{
	background: white url(../images/arrow-red.gif) left 4px no-repeat ;
	text-decoration:underline;
	color:red;
}
.infoType ul.pos2{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:80px;
}
.infoType ul.pos3{
	position:absolute;
	left:0;
	top:0;
	list-style:none;
	padding-left:160px;
}
.infoMore {
	position: absolute;
	left: 16px; 
	top: 236px; 
	width:263px;
	height: 20px;
	padding-top: 10px; 
	border-top: rgb(204,204,204) 1px dashed; 
}



#side_content{
	height:130px;
	background:url(../images/catalog_title.gif) 183px 17px no-repeat ;
	padding:42px 0 10px 183px;
	position:relative;
}
#p1 a ,#p2 a ,#p3 a  {
	position:absolute;
	border:#dbdbdb 1px solid;
	left:373px;
	top:42px;
}
#p1 a{
	left:182px;
	margin:0;
}
#p3 a{
	left:564px;
}
#p1 a:hover, #p2 a:hover, #p3 a:hover{
	border:#536b77 1px solid;
}
#p1 a:hover {
	z-index:2;
}
#p2 a:hover {
	z-index:3;
}
#p3 a:hover {
	z-index:4;
}
.clear{
	clear:both;
}


/***********************************
      °æȨÐÅÏ¢ 
************************************/
.footer{
	margin-top:40px;
	width:100%;
	background:url(../images/footer_separate_line.jpg) center top no-repeat;
}
.footer p{
	text-align:center; 
	line-height:1.5em;
	padding:20px 0;
	padding-bottom:40px;
}