#newstab{
/*	background: url("news-tab-bg.gif") no-repeat left top;	*/
	height: auto;
	overflow: visible;
	width: 570px;
}

#newstab ul {
	display: block;
	margin:0;
	padding:0;
	height: 40px;
	width: 570px;
}

#newstab li{
	display:block;
	float:left;
	font-size: 92%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	height: 40px;
	text-align: center;
	width: 135px;
}

#newstab .select_green {
	background: url("news-tab.gif") no-repeat left top;
}

#newstab .select_lime {
	background: url("news-tab2.gif") no-repeat left top;
}

#newstab .select_orange {
	background: url("news-tab3.gif") no-repeat left top;
}

#newstab .select_green .li_green,
#newstab .select_lime .li_lime,
#newstab .select_orange .li_orange {
	font-weight: bold;
}

#newstab li a{
	color: #000000;
	display: block;
	height: 25px;
	padding-top: 15px;
	text-align: center;
	width: 140px;
}

/************************************
 横幅が570px以下の時は、表示を変更
************************************/
@media only screen and (max-width: 570px) {
	#newstab{
/*		background-image: none;	*/
		width: 100%;
	}

	#newstab ul {
		background-image: none;
		height: auto;
		width: 100%;
	}

	#newstab li {
		height: auto;
		width: 33.3%;
	}

	#newstab li a{
		height: auto;
		width: auto;
		margin: 0;
		padding: 5px 0;
		text-shadow: 1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF;
		border: 1px solid #AAAAAA;
		background-color: #FFF2CC;
		background: -moz-linear-gradient( top, #FFFFFF, #FFFFD0 );	/* Mozilla */
		background: -webkit-gradient( linear, left top, left bottom, from(#FFFFFF), to(#FFFFD0) );	/* Webkit */
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	#newstab .select_green .li_green a,
	#newstab .select_lime .li_lime a ,
	#newstab .select_orange .li_orange a {
		background: none;
		text-decoration: none;
		border-bottom: 1px solid #FFFFFF;
	}

}