@charset "UTF-8";

/* メニュー、透明の斜線画像を配置、テキストは画面外に飛ばす */
#menu {
	text-indent: -9999px;
	width: 180px;
    　　margin: 0px 0px 0px 0px;
        padding: 0px 0px 15px 0px;
 	}


#menu ul {
	list-style-type: none;
	width: 180px;
	margin: 0px;
	padding: 0px;
    }


#menu li {
}	





/* メニュー 1（TOP） */
#menu .menu1 {
	background-image: url(../img/menu/menu1.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
       }
	
	
#menu .menu1-on {
	background-image: url(../img/menu/menu1-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu1 a {
	display: block;
	width: 180px;
        height: 30px;
        }

#menu .menu1 a:hover,
#menu .menu1 a:focus, 
#menu .menu1 a:active {
	display: block;
	background-image: url(../img/menu/menu1-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 30px;
        }





/* メニュー 2（トピックス） */
#menu .menu2 {
	background-image: url(../img/menu/menu2.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
	}

#menu .menu2-on {
	background-image: url(../img/menu/menu2-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu2 a {
	display: block;
	width: 180px;
        height: 40px;
        }

#menu .menu2 a:hover,
#menu .menu2 a:focus, 
#menu .menu2 a:active {
	display: block;
	background-image: url(../img/menu/menu2-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 40px;
        }







/* メニュー 3（事業報告） */
#menu .menu3 {
	background-image: url(../img/menu/menu3.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
	}

#menu .menu3-on {
	background-image: url(../img/menu/menu3-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu3 a {
	display: block;
	width: 180px;
        height: 40px;
        }

#menu .menu3 a:hover,
#menu .menu3 a:focus, 
#menu .menu3 a:active {
	display: block;
	background-image: url(../img/menu/menu3-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 40px;
        }


	
	
/* メニュー 4（クラブ紹介（概要）） */
#menu .menu4 {
	background-image: url(../img/menu/menu4.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
	}
	
#menu .menu4-on {
	background-image: url(../img/menu/menu4-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu4 a {
	display: block;
	width: 180px;
        height: 30px;
        }

#menu .menu4 a:hover,
#menu .menu4 a:focus, 
#menu .menu4 a:active {
	display: block;
	background-image: url(../img/menu/menu4-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 30px;
        }

	
/* メニュー 5（歴史） */
#menu .menu5 {
	background-image: url(../img/menu/menu5.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
	}

#menu .menu5-on {
	background-image: url(../img/menu/menu5-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu5 a {
	display: block;
	width: 180px;
        height: 30px;
        }

#menu .menu5 a:hover,
#menu .menu5 a:focus, 
#menu .menu5 a:active {
	display: block;
	background-image: url(../img/menu/menu5-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 30px;
        }

	
/* メニュー 6（会長ご挨拶） */
#menu .menu6 {
	background-image: url(../img/menu/menu6.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
	}

#menu .menu6-on {
	background-image: url(../img/menu/menu6-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu6 a {
	display: block;
	width: 180px;
        height: 30px;
        }

#menu .menu6 a:hover,
#menu .menu6 a:focus, 
#menu .menu6 a:active {
	display: block;
	background-image: url(../img/menu/menu6-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 30px;
        }


	
/* メニュー 7（役員構成） */
#menu .menu7 {
	background-image: url(../img/menu/menu7.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
	}

#menu .menu7-on {
	background-image: url(../img/menu/menu7-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu7 a {
	display: block;
	width: 180px;
        height: 30px;
        }

#menu .menu7 a:hover,
#menu .menu7 a:focus, 
#menu .menu7 a:active {
	display: block;
	background-image: url(../img/menu/menu7-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 30px;
        }


	
/* メニュー 8（行事予定） */
#menu .menu8 {
	background-image: url(../img/menu/menu8.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
        }

#menu .menu8-on {
	background-image: url(../img/menu/menu8-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	
	
#menu .menu8 a {
	display: block;
	width: 180px;
        height: 30px;
        }

#menu .menu8 a:hover,
#menu .menu8 a:focus, 
#menu .menu8 a:active {
	display: block;
	background-image: url(../img/menu/menu8-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 30px;
        }	
	
	
/* メニュー 9（リンク集） */
#menu .menu9 {
	background-image: url(../img/menu/menu9.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
        border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #246d44;
	}

#menu .menu9-on {
	background-image: url(../img/menu/menu9-on.png);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669933;
	}	

#menu .menu9 a {
	display: block;
	width: 180px;
        height: 30px;
        }

#menu .menu9 a:hover,
#menu .menu9 a:focus, 
#menu .menu9 a:active {
	display: block;
	background-image: url(../img/menu/menu9-over.png);
	background-repeat: no-repeat;
	width: 180px;
        height: 30px;
       }



/* メニュー 10（嵯峨野路フォトギャラリー） */
#menu .menu10 {
	background-image: url(../img/menu/saganoji-photo.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 51px;
	margin: 10px 0px 0px 0px; 
	}

#menu .menu10 a {
	display: block;
	width: 180px;
        height: 51px;
        }

#menu .menu10 a:hover,
#menu .menu10 a:focus, 
#menu .menu10 a:active {
	display: block;
	background-image: url(../img/menu/saganoji-photo-on.jpg);
	background-repeat: no-repeat;
	width: 180px;
        height: 51px;
        }




/* メニュー 11（rss） */
#menu .menu11 {
	background-image: url(../img/menu/rss.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 180px;
        height: 46px;
	}

#menu .menu11 a {
	display: block;
	width: 180px;
        height: 46px;
        }

#menu .menu11 a:hover,
#menu .menu11 a:focus, 
#menu .menu11 a:active {
	display: block;
	background-image: url(../img/menu/rss-on.jpg);
	background-repeat: no-repeat;
	width: 180px;
        height: 46px;
        }