*BODY{
margin:0px;
padding:0px;
text-align:center;
}
.outer
	{
width:600px;
background-color: #ffffff;
padding:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#Menu {
height: 20px;
/*メニューの高さ*/
}
#Menu UL {
margin: 0;
padding :0;
list-style-type : none;
/*リストスタイルはなしにする*/
}
#Menu LI {
display : inline;
margin:0;
float:left;
/*フロートを左に指定してボタンを横並びにする*/
}
#Menu A {
display: block;
/*ブロックにして各ボタン全体をリンクエリアにする*/
text-decoration:none;
border-top:1px solid #69c;
/*上線の幅（細）とカラー（薄）*/
border-right:2px solid #369;
/*右線の幅（太）とカラー（濃）*/
border-bottom:2px solid #369;
/*下線の幅（太）とカラー（濃）*/
border-left:1px solid #69c;
/*左線の幅（細）とカラー（薄）*/
text-align:center;
/*文字をボタンの中央にする*/
width: 90px;
/*各ボタンの幅*/
padding-top: 4px;
/*文字上部余白*/
padding-bottom: 2px;
/*文字下部余白*/
font-size: 1.0em;
/*文字サイズ*/
font-weight: normal;
background: #ffffff;
/*ボタン背景色*/
color: #000000;
/*文字色*/
}
#Menu A:HOVER {
/*ここからマウスオーバー時の設定*/
display:block;
text-decoration:underline;
border-top:2px solid #369;
/*上線の幅（太）とカラー（濃）*/
border-right:1px solid #69c;
/*右線の幅（細）とカラー（薄）*/
border-bottom:1px solid #69c;
/*下線の幅（細）とカラー（薄）*/
border-left:2px solid #369;
/*左線の幅（太）とカラー（濃）*/
text-align:center;
font-weight: normal;
background: #336699;
/*マウスオーバー時の背景色*/
color: yellow;
}
A:HOVER{
color : red;
text-decoration : underline;
background:#ccffcc;
}
A{
text-decoration : none;
}