@charset "Shift_JIS";

p#toppage {
	font-size: 1px;
	margin: 0px;
}


p#toppage a {
	background-image: url(../images/GIFs/navi_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	height: 12px;
	width: 47px;
	position: absolute;
	left: 382px;
	top: 35px;
	padding: 0px;
	font-size: 1px;
}

p#toppage a:hover {
	background-image: url(../images/GIFs/navi_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 12px;
}

#nav-non{
	position: absolute;
	width: 730px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	left: 22px;
	top: 60px;
	display: none;
}

#nav{
	position: absolute;
	width: 730px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	left: 22px;
	top: 60px;
}

#nav2{
	position: absolute;
	width: 396px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	left: 370px;
	top: 28px;
}

#nav ul{margin:0px;padding:0px}

#nav li{display:block;float:left}

#nav li{padding-left:0;background:none}

#nav ul li a{
	display:block;
	text-indent:-9999px;
	float:left;
	border-bottom:0;
	margin: 0px;
	padding: 0px;
}

#nav2 ul{margin:0px;padding:0px}

#nav2 li{
	display:block;
	float:left;
	padding-left:0;
	background:none;
	height: 12px;
	font-size: 1px;
}

#nav2 ul li a{
	display:block;
	text-indent:-9999px;
	float:left;
	border-bottom:0;
	margin: 0px;
	padding: 0px;
	height: 12px;
}

#nav li.navi001 a{
	width:120px;
	height: 22px;
	background-image: url(../images/GIFs/navi01a.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* --------about--------- */

#nav li.navi002 a{
	width:120px;
	background-image: url(../images/GIFs/navi02a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
}

/* --------about2--------- */

#nav li.navi_a a{
	width:193px;
	background-image: url(../images/navi/navi_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
}

#nav li.navi_a a:hover {
	width:193px;
	background-image: url(../images/navi/navi_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
}

/* --------about2--------- */

#nav li.navi_b a{
	width:193px;
	background-image: url(../images/navi/navi_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
}

#nav li.navi_b a:hover {
	width:193px;
	background-image: url(../images/navi/navi_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
}

#nav li.navi003 a{
	width:120px;
	background-image: url(../images/GIFs/navi03a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	margin-left: 0px;
}

#nav li.navi004 a{
	width:120px;
	background-image: url(../images/GIFs/navi04a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	margin-left: 0px;
}

#nav li.navi005 a{
	width:125px;
	background-image: url(../images/GIFs/navi05a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	margin-left: 0px;
}

#nav li.navi006 a{
	width:125px;
	background-image: url(../images/GIFs/navi06a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	margin-left: 0px;
}

ul#navigation li.navi001 a:hover,
ul#navigation li.navi002 a:hover,  
ul#navigation li.navi003 a:hover, 
ul#navigation li.navi004 a:hover, 
ul#navigation li.navi005 a:hover, 
ul#navigation li.navi006 a:hover { background-position: center left; text-decoration: none ! important;}

ul#navigation.top li.navi001 a { background-position: left bottom; text-decoration: none ! important;}
ul#navigation.product li.navi002 a { background-position: left bottom; text-decoration: none ! important;}
ul#navigation.shoplist li.navi003 a { background-position: left bottom; text-decoration: none ! important;}
ul#navigation.qa li.navi005 a { background-position: left bottom; text-decoration: none ! important;}
ul#navigation.press li.navi006 a { background-position: left bottom; text-decoration: none ! important;}


/*
#nav2 ul#navigation2 li.navi_contact a {
	width:99px;
	height: 12px;
	background-image: url(../images/navi/navi_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav2 ul#navigation2 li.navi_sitemap a {
	width:84px;
	height: 12px;
	background-image: url(../images/navi/navi_sitemap.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav2 ul#navigation2 li.navi_contact a:hover, 
#nav2 ul#navigation2 li.navi_sitemap a:hover { background-position: left bottom; height: 12px; text-decoration: none ! important;}
*/

#nav2 ul#navigation2 li.navi_number a {
	width:369px;
	height: 23px;
	background-image: url(../images/GIFs/navi_number.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav2 ul#navigation2 li.navi_number a:hover { background-position: left bottom; height: 23px; text-decoration: none ! important;}

/*
ul#navigation.aboutp li.navi002 a { background-position: left bottom; text-decoration: none ! important;}
ul#navigation.about2p li.navi_a a { background-position: left bottom; text-decoration: none ! important;}
ul#navigation.about3p li.navi_b a { background-position: left bottom; text-decoration: none ! important;}
*/

/* --------ここで位置決め--------- */

#nav ul#navigation li{
	margin: 0px;
}

#nav2 ul#navigation2 li{
	margin: 0px;
}

/* --------ここで絶対配置--------- */

#nav ul.submenu {
	text-align:left;
	visibility: hidden;
	width: 194px;
	z-index: 1000;
	position: absolute;
	top: 22px;
	left: 136px;
	margin: 0px;
	padding: 0px;
}

#nav ul.submenu2 {
	text-align:left;
	visibility: hidden;
	width: 60px;
	z-index: 1000;
	background-color: #2A7F00;
	background-image: url(../img/liFirstChild.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 1px solid #000000;
	position: absolute;
	top: 13px;
	left: 70px;
}

#nav ul.submenu3 {
	text-align:left;
	visibility: hidden;
	width: 60px;
	z-index: 1000;
	background-color: #2A7F00;
	background-image: url(../img/liFirstChild.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 1px solid #000000;
	position: absolute;
	top: 13px;
	left: 140px;
}

#nav li:hover ul.submenu, #nav li.over ul.submenu {
	visibility: visible;
	width: 194px;
}
#nav li:hover ul.submenu2, #nav li.over ul.submenu2,
#nav li:hover ul.submenu3, #nav li.over ul.submenu3 { visibility: visible; }

#nav ul.submenu li,
#nav ul.submenu2 li,
#nav ul.submenu3 li {
	display: block;
	padding: 0;
	background-image: url(../images/fukidashi_in.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	width: 194px;
}

#nav ul.submenu li.first-navi,
#nav ul.submenu2 li.first-navi,
#nav ul.submenu3 li.first-navi {
	width: 194px;
	padding: 0px;
}

#nav ul.submenu li.last-navi,
#nav ul.submenu2 li.last-navi,
#nav ul.submenu3 li.last-navi {
	width: 194px;
	padding-bottom: 5px;
}

#nav ul.submenu li a,
#nav ul.submenu2 li a,
#nav ul.submenu3 li a {
	width: 194px;
}

/* --------about--------- */

#nav ul.submenu li.first-navi a {
	float:none;
	font-weight:normal;
	letter-spacing:normal;
	display: block;
	width: 194px;
	height: 22px;
	text-transform: none;
	line-height:1.2em;
	text-decoration: none;
	color: #214B00;
	text-indent: -9999px;
	font-size: 90%;
	background-image: url(../images/navi/navi_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}

#nav ul.submenu li.first-navi a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(../images/navi/navi_a.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 194px;
}

#nav ul.submenu li.last-navi a {
	float:none;
	font-weight:normal;
	letter-spacing:normal;
	display: block;
	width: 194px;
	height: 22px;
	text-transform: none;
	line-height:1.2em;
	text-decoration: none;
	color: #214B00;
	text-indent: -9999px;
	font-size: 90%;
	background-image: url(../images/navi/navi_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}

#nav ul.submenu li.last-navi a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(../images/navi/navi_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 194px;
}

/* --------about2--------- */

#nav ul.submenu li.first2-navi a {
	float:none;
	font-weight:normal;
	letter-spacing:normal;
	display: block;
	width: 194px;
	height: 22px;
	text-transform: none;
	line-height:1.2em;
	text-decoration: none;
	color: #214B00;
	text-indent: -9999px;
	font-size: 90%;
	background-image: url(../images/navi/navi_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}

#nav ul.submenu li.first2-navi a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(../images/navi/navi_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 194px;
}

#nav ul.submenu li.last2-navi a {
	float:none;
	font-weight:normal;
	letter-spacing:normal;
	display: block;
	width: 194px;
	height: 22px;
	text-transform: none;
	line-height:1.2em;
	text-decoration: none;
	color: #214B00;
	text-indent: -9999px;
	font-size: 90%;
	background-image: url(../images/navi/navi002.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}

#nav ul.submenu li.last2-navi a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(../images/navi/navi002.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 194px;
}

/* --------about3--------- */

#nav ul.submenu li.first3-navi a {
	float:none;
	font-weight:normal;
	letter-spacing:normal;
	display: block;
	width: 194px;
	height: 22px;
	text-transform: none;
	line-height:1.2em;
	text-decoration: none;
	color: #214B00;
	text-indent: -9999px;
	font-size: 90%;
	background-image: url(../images/navi/navi002.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}

#nav ul.submenu li.first3-navi a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(../images/navi/navi002.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 194px;
}

#nav ul.submenu li.last3-navi a {
	float:none;
	font-weight:normal;
	letter-spacing:normal;
	display: block;
	width: 194px;
	height: 22px;
	text-transform: none;
	line-height:1.2em;
	text-decoration: none;
	color: #214B00;
	text-indent: -9999px;
	font-size: 90%;
	background-image: url(../images/navi/navi_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}

#nav ul.submenu li.last3-navi a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(../images/navi/navi_a.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 194px;
}