
/* side navigation */

#menu .snav {
	position: absolute;
	top: 0;
	left: 0;
	margin: 2px 0 0 0;
	padding: 0px;
	background-color: aqua;
}

#menu .snav a {
	width: 160px;
	height: 40px;
	padding: 8px 0 0 0;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: blue;
	text-decoration: none;
}

#menu .snav a:link, #menu .snav a:visited {
	background-image: url(button02.jpg);
	background-position; 0 0;
}

#menu .snav a:hover {
	color: black;
	background-image: url(button02.jpg);
	background-position: 0 40;
}


/* top or bottom navigation  */

#header .nav {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 2px;
	padding: 0px;
	background-color: red;
}

#header .nav a {
	width: 60px;
	height: 30px;
	padding: 8px 0 0 0;
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#header .nav a:link, #header .nav a:visited {
	background-image: url(button.gif);
	background-position; 0 0;
}

#header .nav a:hover {
	background-image: url(button.gif);
	background-position: 0 32;
}

#header .nav2 {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#header .nav2 a {
	float: left;
	width: 120px;
	height: 40px;
	padding: 10px 0 0 0;
	border-right: 1 solid gray;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: black;
	text-decoration: none;
}

#header .nav2 a:link, #header .nav2 a:visited {
	background-image: url(button02.jpg);
	background-position; 0 0;
}

#header .nav2 a:hover {
	color: white;
	background-image: url(button02.jpg);
	background-position: 0 40;
}

#header .nav3 {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#header .nav3 a {
	float: left;
	width: 133px;
	height: 34px;
	padding: 10px 0 0 40px;
	border-right: 1 solid gray;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: black;
	text-decoration: none;
}

#header .nav3 a:link, #header .nav3 a:visited {
	background-image: url(button03.jpg);
	background-position; 0 0;
}

#header .nav3 a:hover {
	color: aqua;
	background-image: url(button03.jpg);
	background-position: 0 34;
}

#header .nav4 {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#header .nav4 a {
	float: left;
	width: 120px;
	height: 30px;
	padding: 6px 0 0 16px;
	border-right: 1 solid gray;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
}

#header .nav4 a:link, #header .nav4 a:visited {
	background-image: url(button04.jpg);
	background-position; 0 0;
}

#header .nav4 a:hover {
	color: aqua;
	background-image: url(button04.jpg);
	background-position: 0 30;
}

#header .nav5 {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#header .nav5 a {
	float: left;
	width: 122px;
	height: 30px;
	padding: 6px 0 0 6px;
	border-right: 1 solid gray;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
}

#header .nav5 a:link, #header .nav5 a:visited {
	background-image: url(button05.jpg);
	background-position; 0 0;
}

#header .nav5 a:hover {
	color: aqua;
	background-image: url(button05.jpg);
	background-position: 0 30;
}

#header .nav6 {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#header .nav6 a {
	float: left;
	width: 140px;
	height: 30px;
	padding: 6px 0 0 0px;
	border-right: 1 solid gray;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
}

#header .nav6 a:link, #header .nav6 a:visited {
	background-image: url(button06.jpg);
	background-position; 0 0;
}

#header .nav6 a:hover {
	color: aqua;
	background-image: url(button06.jpg);
	background-position: 0 30;
}

/* main content navi */

#main .nav {
	position: absolute;
	top: 0;
	right: 0;
	margin: 2px;
	padding: 0px;
	background-color: red;
}

#main .nav a {
	width: 60px;
	height: 30px;
	padding: 8px 0 0 0;
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#main .nav a:link, #main .nav a:visited {
	background-image: url(button.gif);
	background-position; 0 0;
}

#main .nav a:hover {
	background-image: url(button.gif);
	background-position: 0 32;
}

#main .nav2 {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#main .nav2 a {
	float: left;
	width: 120px;
	height: 40px;
	padding: 10px 0 0 0;
	border-right: 1 solid gray;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: black;
	text-decoration: none;
}

#main .nav2 a:link, #main .nav2 a:visited {
	background-image: url(button02.jpg);
	background-position; 0 0;
}

#main .nav2 a:hover {
	color: white;
	background-image: url(button02.jpg);
	background-position: 0 40;
}

#main .nav3 {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#main .nav3 a {
	float: left;
	width: 133px;
	height: 34px;
	padding: 10px 0 0 40px;
	border-right: 1 solid gray;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: black;
	text-decoration: none;
}

#main .nav3 a:link, #main .nav3 a:visited {
	background-image: url(button03.jpg);
	background-position; 0 0;
}

#main .nav3 a:hover {
	color: aqua;
	background-image: url(button03.jpg);
	background-position: 0 34;
}

/* 横ナビゲーション */
#main .nav4 {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
	background-color: yellow;
}

#main .nav4 a {
	float: left;
	width: 118px;
	height: 30px;
	padding: 6px 0 0 12px;
	border-right: 1 solid gray;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
}

#main .nav4 a:link, #main .nav4 a:visited {
	background-image: url(button04.jpg);
	background-position; 0 0;
}

#main .nav4 a:hover {
	color: aqua;
	background-image: url(button04.jpg);
	background-position: 0 30;
}


#main .nav5 {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
}

#main .nav5 a {
	float: left;
	width: 122px;
	height: 30px;
	padding: 6px 0 0 6px;
	border-right: 1 solid gray;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
}

#main .nav5 a:link, #main .nav5 a:visited {
	background-image: url(button05.jpg);
	background-position; 0 0;
}

#main .nav5 a:hover {
	color: aqua;
	background-image: url(button05.jpg);
	background-position: 0 30;
}

#main .nav6 {
	position: absolute;
	top: 10px; /* coupon のページで使用 030708 */
	right: 12px; /* 印刷用ページ */
	margin: 0px;
	padding: 0px;
}

#main .nav6 a {
	float: left;
	width: 140px;
	height: 30px;
	padding: 6px 0 0 0px;
	border-right: 1 solid gray;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
}

#main .nav6 a:link, #main .nav6 a:visited {
	background-image: url(button06.jpg);
	background-position; 0 0;
}

#main .nav6 a:hover {
	color: aqua;
	background-image: url(button06.jpg);
	background-position: 0 30;
}


