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

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

	/*CSS2*/
	/*text-shadow: 左右移動距離 上下移動距離 影ぼかし範囲 影色*/
	text-shadow:2px 2px 2px #A0A;
	
	/*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);
	
	/*CSS3*/
	border-radius: 200px; /*CSS3 default*/
	-webkit-border-radius: 200px; /*Safari4.0+,Chrome*/
	-moz-border-radius: 200px; /*mozilla 3.6+*/
	
}
ul.menuSample2 li a:hover {
    background-color:#C00;
	color:#FFF;
}