@charset "utf-8";


		h3.top_java {
			margin: 0;	
			padding: 8px 0 0 0;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
		}
 
		div#feature_list {
			width: 648px;
			height: 280px;
			overflow: hidden;
			position: relative;
			border: 1px solid #D9D9D9;
			margin: 0 0 10px 0;
		}
 
		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}
 
		ul#tabs {
			left: 0;
			z-index: 2;
			width: 262px;
			height: 280px;
		}
 
		ul#tabs li {
			font-size: 12px;
			height: 70px;
			
		}
		
		ul#tabs li img {
			padding: 0px;
			border: none;
			float: left;
			margin: 0px 10px 0 0;
			
		}
 
		ul#tabs li a {
			color: #000;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}
 
		ul#tabs li a:hover {
			text-decoration: underline;
		}
 
		ul#tabs li a.current {
			background:  url('../img/feature-tab-current.png') no-repeat;
			color: #000;
		}
		
		ul#tabs li a.current span {
			color: #FFF;
		}
 
		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
 
		ul#output {
			right: 0;
			width: 418px;
			height: 280px;
			position: relative;
		}
 
		ul#output li {
			position: absolute;
			width: 418px;
			height: 280px;
		}
 
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 1px 10px 0px 11px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: url(../img/out_shousai.png) no-repeat;
			line-height: 28px;
		}
		
		ul#output li a:hover {
			background: url(../img/out_shousai_hover.png) no-repeat;
		}