/*gradationMenu*/
ul.menuSample1:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

ul.menuSample1 {margin:0; padding:0;}
ul.menuSample1 li {
	float:left;
	list-style:none;
	border-top:1px solid #A0A;
	border-bottom:1px solid #A0A;
	border-right:1px solid #A0A;
	text-align:center;
}
ul.menuSample1 li:first-child {
	border-left:1px solid #A0A;
}
ul.menuSample1 li a {
	display:block; width:100px; height:2em; padding-top:0.5em; line-height:1.3em; font-weight:bold;
    background-color:#A0A; /*Operaはグラデを使えないのでベタをひき不透明グラデをかける*/

	/*CSS2*/
	/*text-shadow: 左右移動距離 上下移動距離 影ぼかし範囲 影色*/
	text-shadow:2px 2px 2px #666;
	
	/*CSS3*//*並記NG*/
	/*Safari4.0+,Chrome*/
	/*-webkit-gradient(linear,開始位置,終了位置,color-stop(色を追加する位置,追加する色));*/
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(40%,rgba(255,255,255,.4)),color-stop(100%,#FFF));
	/*mozilla 3.6+*/
	/*-moz-linear-gradient(向き, 開始色 開始位置, 終了色)*/
	/*rgba(R,G,B,アルファ)*//*top↓,bottom↑,left→,right←*/
    background-image:-moz-linear-gradient(bottom, rgba(255,255,255,.4) 40%, #FFF);
}
ul.menuSample1 li a:hover {
    background-color:#C00;
	color:#FFF;
}