a { text-decoration: none }
a:hover { color: #0000ff; text-decoration: underline }
A.whats:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A.whats:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A.whats:active {
	COLOR: #000000; TEXT-DECORATION: none
}
A.whats:hover {
	COLOR: #F00; TEXT-DECORATION: underline
}
/* ヘッダー枠 */
#headers{
font-size: 15px;
background-color: #33FF33;
}
body{
overflow-x: hidden; 
overflow-y: hidden; 
}
/* メイン枠 */
#mains{
position:fixed;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow: auto;
height:80%;
width: 100%;
}

#wid{
width: 550px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/* フッター枠 */
#footers{
position:absolute;
background-color: #FFFF33;
}


/* メニュー枠 */
#navi {
z-index:100;
position: relative;
text-align:center;
margin-left:auto;
margin-right:auto;
height:12px;
width: 950px;
}
/*メニュー全体*/
#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

/*メニュー*/
#navi li {
color: #fffff;
float: left;
width: 150px;
margin: 0;
}

/* メニュー（通常時） */
#navi li a {
font-size: 15px;
color: #ffffff;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #99FF33;
width: 150px;
}

/* メニュー（マウスオーバー） */
#navi li a:hover {
color: #666666;
width: 150px;
background-color: #99FF33;
}

/* サブメニュー全体 */
#navi ul.sub {
background: #ffffff;
}
/*サブメニュー*/
#navi ul.sub li {
float: inherit;
}

/*サブメニュー（通常時）*/
#navi ul.sub li a {
color: #ffffff;
font-size: 13px;
font-weight: bold;
padding: 3px 0;
background-color: #FFCC33;
border-top:1px solid #000099;
}

/*サブメニュー（マウスオーバー）*/
#navi ul.sub li a:hover {
width: 150px;
padding: 3px 0;
font-weight: bold;
color: #666666;
background-color: #FFCC33;
border-top:1px solid #000099;
}

/*メニュー*/
#navi ul li.navi_menu ul {
display: none;
}
/*サブメニュー*/
#navi ul li.navi_menu_on ul {
display: block;
}

/*メニュー*/
#navi li.navi_menu{
border:1px solid #ffffff;
}

/*サブメニュー*/
#navi li.navi_menu_on{
border:1px solid #ffffff;
}
