@charset "UTF-8";
ac
/* ヘッダー
----------------- */
#header				{ margin: 0; padding: 0px; width: 758px; height: 105px; text-align:center;}
#header-logo		{ float: left; margin: 0px; padding: 0px; width: 210px; height: 105px; }
#header-navi		{ float: right; margin: 0px; padding: 0px; width: 548px; height: 105px; background: url(../images/navi-bg.gif) no-repeat;}
#header-navi.home	{ background: url(../images/navi-bg-home.gif) no-repeat;}

/* メインナビ
----------------- */

#main-navi			{ margin: 30px 0 0 0; width: 548px; height: 36px; color: #FFFFFF;}
#main-navi ul		{ margin: 0;  list-style-type: none; }
#main-navi li		{ margin: 0; padding: 0; display:block; float:left; top: 60px; left: 210px; height: 36px; text-indent: -9999px;}
 
#main-navi li#navi_about	{ left: 276px; width: 120px; height: 36px; background: url(../images/btn-about-off.gif) no-repeat; }
#main-navi li#navi_blog		{ left: 396px; width: 120px; height: 36px; background: url(../images/btn-blog-off.gif) no-repeat; }
#main-navi li#navi_projects	{ left: 516px; width: 120px; height: 36px; background: url(../images/btn-projects-off.gif) no-repeat; }
#main-navi li#navi_members	{ left: 636px; width: 120px; height: 36px; background: url(../images/btn-members-off.gif) no-repeat; }
#main-navi li a			{ text-decoration: none; /* ■Firefox等で線が表示されないようにする */ display: block; height: 36px;}

#main-navi li#navi_about.on		{ left: 276px; width: 120px; height: 36px; background: url(../images/btn-about-on.gif) no-repeat; }
#main-navi li#navi_blog.on		{ left: 396px; width: 120px; height: 36px; background: url(../images/btn-blog-on.gif) no-repeat; }
#main-navi li#navi_projects.on	{ left: 516px; width: 120px; height: 36px; background: url(../images/btn-projects-on.gif) no-repeat; }
#main-navi li#navi_members.on	{ left: 636px; width: 120px; height: 36px; background: url(../images/btn-members-on.gif) no-repeat; }

#main-navi li#navi_about	a:hover	{ background: url(../images/btn-about-on.gif) no-repeat;}
#main-navi li#navi_blog		a:hover	{ background: url(../images/btn-blog-on.gif) no-repeat;}
#main-navi li#navi_projects	a:hover	{ background: url(../images/btn-projects-on.gif) no-repeat;}
#main-navi li#navi_members	a:hover	{ background: url(../images/btn-members-on.gif) no-repeat;}

a .main-navi-link { height:36px;}

/* サブナビ
----------------- */

#sub-navi				{ margin:17px 0 0 0; width: 548px; height: 22px;}
#sub-navi ul		{ margin: 0; list-style-type: none; }
#sub-navi li			{ margin: 0; padding: 0;  display:block; float:left; top: 113px; left: 210px; height: 22px; text-indent: -9999px; }
#sub-navi li#navi_home		{ left: 276px; width: 120px; height:22px; background: url(../images/btn-home-off.gif) no-repeat; }
#sub-navi li#navi_contact	{ left: 516px; width: 120px; height:22px; background: url(../images/btn-contact-off.gif) no-repeat; }
#sub-navi li#navi_links		{ left: 636px; width: 120px; height:22px; background: url(../images/btn-links-off.gif) no-repeat; }
#sub-navi li a			{ text-decoration: none; /* ■Firefox等で線が表示されないようにする */ display: block; height: 22px; }

#sub-navi li#navi_home.on	{ left: 276px; width: 120px; height:22px; background: url(../images/btn-home-on.gif) no-repeat; }
#sub-navi li#navi_contact.on	{ left: 516px; width: 120px; height:22px; background: url(../images/btn-contact-on.gif) no-repeat; }
#sub-navi li#navi_links.on	{ left: 636px; width: 120px; height:22px; background: url(../images/btn-links-on.gif) no-repeat; }

#sub-navi li#navi_home		a:hover	{ background: url(../images/btn-home-on.gif) no-repeat; }
#sub-navi li#navi_contact	a:hover { background: url(../images/btn-contact-on.gif) no-repeat; }
#sub-navi li#navi_links		a:hover	{ background: url(../images/btn-links-on.gif) no-repeat; }

.sub-navi-link{ height:22px;}