@charset "utf-8";
/*---------------------------------- CSS Information
タイトル：navi.css
作成者  ：Yoshihiro Oishi
概　要  ：ナビゲーションのCSS
製作日  ：2008年12月18日
変更日  ：
------------------------------------------------ */

/*global_navi
--------------------------------------------------------------------*/
#global_navi ul {
	height: 60px;
	width: 800px;
}
#global_navi li {
	display: block;
	float: left;
	height: 60px;
	width: 133px;
	font-size: 88%;
}#global_navi em {
	visibility: hidden;
}
/*0番目のボタン
--------------------------------------------------------------------*/
#global_navi #sn0 a {
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

#global_navi #sn0 a:hover {
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
/*1番目のボタン
--------------------------------------------------------------------*/
#global_navi #sn1 a {
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
#global_navi #sn1 a:hover {
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
/*2番目のボタン
--------------------------------------------------------------------*/
#global_navi #sn2 a {
	display: block;
	height: 60px;
	width: 133px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -133px 0px;
	text-decoration: none;
}
#global_navi #sn2 a:hover {
	display: block;
	height: 60px;
	width: 133px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -133px -60px;
	text-decoration: none;
}
/*3番目のボタン
--------------------------------------------------------------------*/
#global_navi #sn3 a {
	display: block;
	height: 60px;
	width: 133px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -266px 0px;
	text-decoration: none;
}
#global_navi #sn3 a:hover {
	display: block;
	height: 60px;
	width: 133px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -266px -60px;
	text-decoration: none;
}
/*4番目のボタン
--------------------------------------------------------------------*/
#global_navi #sn4 a {
	display: block;
	height: 60px;
	width: 133px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -399px 0px;
	text-decoration: none;
}
#global_navi #sn4 a:hover {
	display: block;
	height: 60px;
	width: 133px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -399px -60px;
	text-decoration: none;
}
/*5番目のボタン
--------------------------------------------------------------------*/
#global_navi #sn5 a {
	display: block;
	height: 60px;
	width: 134px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -533px 0px;
	text-decoration: none;
}
#global_navi #sn5 a:hover {
	display: block;
	height: 60px;
	width: 134px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -533px -60px;
	text-decoration: none;
}
/*6番目のボタン
--------------------------------------------------------------------*/
#global_navi #sn6 a {
	display: block;
	height: 60px;
	width: 134px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -666px 0px;
	text-decoration: none;
}
#global_navi #sn6 a:hover {
	display: block;
	height: 60px;
	width: 134px;
	background-image: url(../img/global_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -666px -60px;
	text-decoration: none;
}
/*sub_navi
--------------------------------------------------------------------*/
#sub_navi ul {
	height: 193px;
	width: 200px;
}
#sub_navi li {
	display: block;
	float: left;
	height: auto;
	width: 200px;
	font-size: 88%;
}
#sub_navi em {
	visibility: hidden;
}

/*sub_navi_title
--------------------------------------------------------------------*/
#sub_navi #sm0 a {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 25px;
	width: 100%;
	text-decoration: none;
}
/*１番目のボタン
--------------------------------------------------------------------*/
#sub_navi #sm1 a {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	display: block;
	height: 28px;
	width: 200px;
	text-decoration: none;
}
#sub_navi #sm1 a:hover {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -200px -25px;
	display: block;
	text-decoration: none;
}
/*2番目のボタン
--------------------------------------------------------------------*/
#sub_navi #sm2 a {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px -53px;
	display: block;
	height: 28px;
	width: 200px;
	text-decoration: none;
}
#sub_navi #sm2 a:hover {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -200px -53px;
	display: block;
	text-decoration: none;
}
/*3番目のボタン
--------------------------------------------------------------------*/
#sub_navi #sm3 a {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px -81px;
	display: block;
	height: 28px;
	width: 200px;
	text-decoration: none;
}
#sub_navi #sm3 a:hover {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -200px -81px;
	display: block;
	text-decoration: none;
}
/*4番目のボタン
--------------------------------------------------------------------*/
#sub_navi #sm4 a {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px -109px;
	display: block;
	height: 28px;
	width: 200px;
	text-decoration: none;
}
#sub_navi #sm4 a:hover {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -200px -109px;
	display: block;
	text-decoration: none;
}
/*5番目のボタン
--------------------------------------------------------------------*/
#sub_navi #sm5 a {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px -137px;
	display: block;
	height: 28px;
	width: 200px;
	text-decoration: none;
}
#sub_navi #sm5 a:hover {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -200px -137px;
	display: block;
	text-decoration: none;
}
/*6番目のボタン
--------------------------------------------------------------------*/
#sub_navi #sm6 a {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: 0px -165px;
	display: block;
	height: 28px;
	width: 200px;
	text-decoration: none;
}
#sub_navi #sm6 a:hover {
	background-image: url(../img/sub_navi_button.jpg);
	background-repeat: no-repeat;
	background-position: -200px -165px;
	display: block;
	text-decoration: none;
}
