@charset "utf-8";

/*
	Site Name: MODx 日本語支援サイト
	Description: CSS filter
	Date: 2008/09/28
	Author: MODx 日本語支援サイト
*/



/* ===== Universal Reset ===== */

/*　メニュー
---------------------------------- */

#menu_nav { padding: 0 0 0 90px ;list-style: none;
			width: 950px;
			height: 35px;
			background: url(../../images/earth/m-back.gif) no-repeat;
}

#menu_nav li { list-style: none; float: left; text-align: center;}
#menu_nav li a { text-indent: -999999px; overflow: hidden; display: block; width: 107px; height: 35px; } 

#menu01 { background: url(../../images/earth/menu2.gif); background-position: -42px 0;margin-right: 5px;}
#menu01:hover { background: url(../../images/earth/menu2.gif) -42px -35px; }
#menu01.active { background: url(../../images/earth/menu2.gif) -42px -35px; } 

#menu02 { background: url(../../images/earth/menu2.gif); background-position: -148px 0;margin-right: 5px;}
#menu02:hover { background: url(../../images/earth/menu2.gif) -148px -35px; }
#menu02.active { background: url(../../images/earth/menu2.gif) -148px -35px; } 

#menu03 { background: url(../../images/earth/menu2.gif); background-position: -254px 0;margin-right: 5px;}
#menu03:hover { background: url(../../images/earth/menu2.gif) -254px -35px; }
#menu03.active { background: url(../../images/earth/menu2.gif) -254px -35px; } 

#menu04 { background: url(../../images/earth/menu2.gif); background-position: -360px 0;margin-right: 5px;}
#menu04:hover { background: url(../../images/earth/menu2.gif) -360px -35px; }
#menu04.active { background: url(../../images/earth/menu2.gif) -360px -35px; } 

#menu05 { background: url(../../images/earth/menu2.gif); background-position: -464px 0;margin-right: 5px;}
#menu05:hover { background: url(../../images/earth/menu2.gif) -464px -35px; }
#menu05.active { background: url(../../images/earth/menu2.gif) -464px -35px; } 

#menu06 { background: url(../../images/earth/menu2.gif); background-position: -570px 0;margin-right: 5px;}
#menu06:hover { background: url(../../images/earth/menu2.gif) -570px -35px; }
#menu06.active { background: url(../../images/earth/menu2.gif) -570px -35px; } 

#menu07 { background: url(../../images/earth/menu2.gif); background-position: -676px 0;margin-right: 5px;}
#menu07:hover { background: url(../../images/earth/menu2.gif) -676px -35px; }
#menu07.active { background: url(../../images/earth/menu2.gif) -676px -35px; } 

#menu08 { background: url(../../images/earth/menu2.gif); background-position: -783px 0; }
#menu08:hover { background: url(../../images/earth/menu2.gif) -783px -35px; }
#menu08.active { background: url(../../images/earth/menu2.gif) -791px -35px; } 



/* ------------------------------------------------------------------------------------------------------ */




/*　二千人委員会　#main_nav
---------------------------------- */

#main_nav { list-style: none; margin: 0; padding: 0;
			width: 730px;
			height: 40px;
			background: url(../../images/earth/2000/menu-2000-back.gif) no-repeat; 
			display: block;
}

/* ACCESSIBLE ROLL OVERS */
#main_nav li { list-style: none; float: left; padding: 0 3px 0 0;}
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 40px; } 

#note { background: url(../../images/earth/2000/2000-m1.gif); width: 99px; }
#note:hover { background: url(../../images/earth/2000/2000-m1.gif) -99px 0; }
#note.active { background: url(../../images/earth/2000/2000-m1.gif) -198px 0; } 

#about { background: url(../../images/earth/2000/2000-m2.gif); width: 134px; }
#about:hover { background: url(../../images/earth/2000/2000-m2.gif) -134px 0; }
#about.active { background: url(../../images/earth/2000/2000-m2.gif) -268px 0; } 

#tomo { background: url(../../images/earth/2000/2000-m3.gif); width: 108px; }
#tomo:hover { background: url(../../images/earth/2000/2000-m3.gif) -108px 0; }
#tomo.active { background: url(../../images/earth/2000/2000-m3.gif) -216px 0; } 

#member { background: url(../../images/earth/2000/2000-m4.gif); width: 108px; }
#member:hover { background: url(../../images/earth/2000/2000-m4.gif) -108px 0; }
#member.active { background: url(../../images/earth/2000/2000-m4.gif) -216px 0; } 

#payment { background: url(../../images/earth/2000/2000-m5.gif); width: 108px; }
#payment:hover { background: url(../../images/earth/2000/2000-m5.gif) -108px 0; }
#payment.active { background: url(../../images/earth/2000/2000-m5.gif) -216px 0; } 

#contact { background: url(../../images/earth/2000/2000-m5.gif); width: 108px; }
#contact:hover { background: url(../../images/earth/2000/2000-m5.gif) -108px 0; }
#contact.active { background: url(../../images/earth/2000/2000-m1.gif) -216px 0; }

#kiri { background: url(../../images/earth/2000/2000-m6.gif); width: 108px; }
#kiri:hover { background: url(../../images/earth/2000/2000-m6.gif) -108px 0; }
#kiri.active { background: url(../../images/earth/2000/2000-m6.gif) -216px 0; }


/*　入会部分　#member_nav
---------------------------------- */

#member_info { list-style: none; margin: 0; padding: 0; display: block;}

/* ACCESSIBLE ROLL OVERS */
#member_info li { list-style: none; padding: 0 0px 0 0;}
#member_info li a { text-indent: -999999px; overflow: hidden; display: block; height: 36px; } 

#member-info { background: url(../../images/earth/2000/note-icon.gif); width: 450px; }
#member-info:hover { background: url(../../images/earth/2000/note-icon.gif) 0px -36px; }
#member-info.active { background: url(../../images/earth/2000/note-icon.gif) 0px -36px; } 

/*　入会部分　#member_nav
---------------------------------- */

#member_nav { list-style: none; margin: 0; padding: 0; display: block;}

/* ACCESSIBLE ROLL OVERS */
#member_nav li { list-style: none; padding: 0 0px 0 0;}
#member_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 36px; } 

#member-in { background: url(../../images/earth/2000/2000-member.gif); width: 218px; }
#member-in:hover { background: url(../../images/earth/2000/2000-member.gif) -218px 0; }
#member-in.active { background: url(../../images/earth/2000/2000-member.gif) -218px 0; } 



/*　サイドメニュー部分
---------------------------------- */
#side_b a {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../images/earth/2000/2000-menu.gif) no-repeat;
	display: block;
	width: 400px;
	height: 30px;
	outline: none;
	margin: 15px 5px; 
}

a#side_b01  { background-position: 0 0; 
				 text-indent: -9999px;}
a#side_b02  { background-position: 0px -30px; 
				 text-indent: -9999px;}
a#side_b03  { background-position: 0px -60px; 
				 text-indent: -9999px;}
a#side_b04  { background-position: 0px -90px; 
				 text-indent: -9999px;}

a#side_b01:hover { background-position: -400px 0; }
a#side_b02:hover { background-position: -400px -30px; }
a#side_b03:hover { background-position: -400px -60px; }
a#side_b04:hover { background-position: -400px -90px; }


#side_c a {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../images/earth/2000/2000-menu2.gif) no-repeat;
	display: block;
	width: 400px;
	height: 30px;
	outline: none;
	margin: 15px 5px; 
}

a#side_c01  { background-position: 0 0; 
				 text-indent: -9999px;}
a#side_c02  { background-position: 0px -30px; 
				 text-indent: -9999px;}
a#side_c03  { background-position: 0px -60px; 
				 text-indent: -9999px;}
a#side_c04  { background-position: 0px -90px; 
				 text-indent: -9999px;}

a#side_c01:hover { background-position: -400px 0; }
a#side_c02:hover { background-position: -400px -30px; }
a#side_c03:hover { background-position: -400px -60px; }
a#side_c04:hover { background-position: -400px -90px; }



/*　二千人委員会　委員就任　#note_nav
---------------------------------- */

#note_nav { list-style: none;
			text-align: center;
			width: 450px;
			height: 36px;
			background: url(../../images/earth/2000/note-icon.gif) no-repeat center; 
			display: block;

}

/* ACCESSIBLE ROLL OVERS */
#note_nav li { list-style: none; padding: 0 3px 0 0;}
#note_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 36px; } 

#note { background: url(../../images/earth/2000/note-icon.gif); width: 450px; }
#note:hover { background: url(../../images/earth/2000/note-icon.gif) 0px -36px; }
#note.active { background: url(../../images/earth/2000/note-icon.gif) 0px -36px; } 


/*　トップサイドメニュー　#main_nav
---------------------------------- */

#topside_nav { list-style: none; margin: 0; padding: 0;
			width: 167px;
			display: block;
}

/* ACCESSIBLE ROLL OVERS */
#topside_nav li { list-style: none; float: left; padding: 0 3px 0 0;}
#topside_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 24px; } 

#project { background: url(../../images/earth/sidemenu-1.gif); width: 167px; }
#project:hover { background: url(../../images/earth/sidemenu-1.gif) -167px 0; }
#project.active { background: url(../../images/earth/sidemenu-1.gif) -167px 0; } 

#weekend { background: url(../../images/earth/sidemenu-2.gif); width: 167px; }
#weekend:hover { background: url(../../images/earth/sidemenu-2.gif) -167px 0; }
#weekend.active { background: url(../../images/sidemenu-2.gif) -167px 0; } 

#jiei { background: url(../../images/earth/sidemenu-3.gif); width: 167px; }
#jiei:hover { background: url(../../images/earth/sidemenu-3.gif) -167px 0; }
#jiei.active { background: url(../../images/earth/sidemenu-3.gif) -167px 0; }