/*- Page Structure */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}



/*- Main Menu in Header */

a.widelink { display: block; width: 100%; height: 100%; text-decoration: none; }
a.widelink:hover { background-color: #66cdaa ; color: black; }


/*- スタイルシートでボタン風リンク文字を表示する */

.buttonlink a {

line-height:1.2em;
display:block;
text-align:center;
margin:0px;
text-decoration:none;
border-top:2px solid #96DD67;		/*- 上と左、明るい部分 */
border-left:2px solid #96DD67;
border-right:3px solid #30622F;		/*- 下の右、影の部分 */
border-bottom:3px solid #30622F;
background-color:#6b8e23;		/*- ボタン表面の色 71AA4B→6b8e23 */
color:white;				/*- 通常文字色 */
}

.buttonlink a:hover {
color:#383838;			/*- マウスオーバー時の文字色 383838→red→#383838 */
background-color:#66cdaa;	/*- マウスオーバー時のボタン色 */
}

.buttonlink a:active {

border-top:3px solid #30622F;
border-left:3px solid #30622F;
border-right:2px solid #96DD67;
border-bottom:2px solid #96DD67;
}



.buttonlink2 a {		/*- 該当ページのときの表示 */
line-height:1.2em;
display:block;
text-align:center;
margin:0px;
text-decoration:none;
border-top:2px solid #96DD67;		/*- 上と左、明るい部分 */
border-left:2px solid #96DD67;
border-right:3px solid #30622F;		/*- 下の右、影の部分 */
border-bottom:3px solid #30622F;
background-color:#66cdaa;		/*- ボタン表面の色 */
color:#383838;				/*- 通常文字色 #383838-->red-->#383838 */
}
.buttonlink2 a:hover {
color:#383838;
background-color:#66cdaa;
}
.buttonlink2 a:active {
border-top:3px solid #30622F;
border-left:3px solid #30622F;
border-right:2px solid #96DD67;
border-bottom:2px solid #96DD67;
}



.buttonlink4 a {
line-height:1.2em;
display:block;
text-align:center;
margin:0px;
text-decoration:none;
border-top:2px solid #96DD67;
border-left:2px solid #96DD67;
border-right:3px solid #30622F;
border-bottom:3px solid #30622F;
background-color:#b8860b;	/*- ボタン表面の色 b8860b */
color:white;
}
.buttonlink4 a:hover {
color:#383838;
background-color:#66cdaa;
}
.buttonlink4 a:active {
border-top:3px solid #30622F;
border-left:3px solid #30622F;
border-right:2px solid #96DD67;
border-bottom:2px solid #96DD67;
}





.buttonlink11 a {
line-height:1.2em;
display:block;
text-align:center;
margin:0px;
text-decoration:none;
border-top:2px solid #96DD67;
border-left:2px solid #96DD67;
border-right:3px solid #30622F;
border-bottom:3px solid #30622F;
background-color:#6495ed;	/*- ボタン表面の色 6495ed */
color:white;
}
.buttonlink11 a:hover {
color:#383838;
background-color:#66cdaa;
}
.buttonlink11 a:active {
border-top:3px solid #30622F;
border-left:3px solid #30622F;
border-right:2px solid #96DD67;
border-bottom:2px solid #96DD67;
}


/*- http://www.htmq.com/style/border-top-style.shtml */

.buttonlink12 a {
line-height:1.2em;
display:block;
text-align:center;
margin:0px;
text-decoration:none;
border-style: outset;
background-color:#6495ed;	/*- ボタン表面の色 6495ed */
color:white;
}
.buttonlink12 a:hover {
color:#383838;
background-color:#66cdaa;
}
.buttonlink12 a:active {
border-style: inset;
}