/* CSS Document */
.submenu {
	width: 195px;
	float: left;
}

.submenu .top_bg {
	background-image: url(../image/submenu/submenu_bg_top.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 195px;
}
.submenu .middle_bg {
	background-color: #F4F4F4;
	width: 185px;
	padding: 5px;
	background-image: url(../image/submenu/submenu_bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.firstitem {
	list-style-type: none;
	display: block;
	background-image: url(../image/submenu/firstitem_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 25px;
	margin-top: 5px;
}
.submenu .middle_bg ul {
	list-style-type: none;
	display: block;
	background-image: url(../image/submenu/lastitem_bg.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.submenu .middle_bg li {
	height: 35px;
	width: 185px;
	background-repeat: no-repeat;
}

.submenu .middle_bg .item {
	background-image: url(../image/submenu/item_bg.jpg);
	text-indent: 20px;
	line-height: 35px;
}
.submenu .middle_bg #service_tit {
	background-image: url(../image/submenu/service_title.jpg);
}
.submenu .middle_bg #companyinfo_tit {
	background-image: url(../image/submenu/companyinfo_title.jpg);
}
.submenu .middle_bg #contact_tit {
	background-image: url(../image/submenu/contact_title.jpg);
}




.submenu h3, .submenu h4 {
	text-indent: -9999px;
}
.submenu .middle_bg .banner {
	margin: 5px 0;
}
.submenu h3 a {
	display: block;
	height: 35px;
	width: 185px;
}
h4#mobileSite {
	height:60px;
	background-image: url(../image/submenu/mobile_siteOver.jpg);
}
h4#mobileSite a{
	display:block;
	width:185px;
	height:60px;
	background:url(../image/submenu/mobile_site.jpg) no-repeat;
	}
h4#mobileSite a:hover{
	background:none;
}

h4#affiliate {
	height:60px;
	background-image: url(../image/submenu/affiliate_r.jpg);
}
h4#affiliate a{
	display:block;
	width:185px;
	height:60px;
	background:url(../image/submenu/affiliate.jpg) no-repeat;
	}
h4#affiliate a:hover{
	background:none;
}

h4#weblogic {
	height:60px;
	background-image:url(../image/submenu/weblogic.jpg);
}
h4#weblogic a{
	display:block;
	width:185px;
	height:60px;
	}
	
	
h4#comicbtn {
	height:60px;
	background-image:url(../image/submenu/cominbn_r.jpg);
}
h4#comicbtn a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../image/submenu/cominbn.jpg);
	}
	
h4#comicbtn a:hover{
	background:none;
}
	
h4#customersVoice {
	height:60px;
	background-image:url(../image/submenu/customersVoice_r.jpg);
}
h4#customersVoice a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../image/submenu/customersVoice.jpg);
	}
	
h4#customersVoice a:hover{
	background:none;
}

h4#server {
	height:60px;
	background-image:url(../image/submenu/server_r.jpg);
}
h4#server a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../image/submenu/server.jpg);
	}
	
h4#server a:hover{
	background:none;
}

h4#sample {
	height:60px;
	background-image:url(../image/submenu/sample_r.jpg);
}
h4#sample a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../image/submenu/sample.jpg);
	}
	
h4#sample a:hover{
	background:none;
}

.mailsemitop {
	list-style-type: none;
	display: block;
	background-image: url(../image/submenu/mailseminar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height:35px;
	margin-top: 5px;
}

.mailsemibottom {
	list-style-type: none;
	display: block;
	background-image: url(../image/submenu/lastitem_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 5px;
}

.mailsemi {
background-color:#FFFFFF;
	display:block;
	text-indent:0px;
	height:75px;
	padding:5px 5px 0px 8px;
   border-right: 1px solid  #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin-top:0px;
   margin-bottom:0px;
}

.mailsemi2 {
background-color:#FFFFFF;
	background-image: url(../image/submenu/stepbg.jpg);
	background-repeat: no-repeat;
	background-position:0px 10px;
	display:block;
	text-indent:0px;
	height:40px;
	padding:5px 5px 0px 5px;
   border-right: 1px solid  #CCCCCC;
   border-left: 1px solid #CCCCCC;
}

.mailsemi3 {
background-color:#FFFFFF;
	
	text-indent:0px;
	height:auto;
	padding:0px 5px 0px 5px;
   border-right: 1px solid  #CCCCCC;
   border-left: 1px solid #CCCCCC;
}