@charset "utf-8";

/*------------------------------------------------------------------------------------
                                      navi_Grand 
-------------------------------------------------------------------------------------- */
#navi {
	width: 860px;
	height:56px;
	margin:0;
	padding:0;
	position:relative;
}
#navi ul {
	padding: 0;
	margin:0;
}
#navi ul li {
	width: 123px;
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-9999px;
}
#navi ul li a {
	display:block;
	width: 123px;
	height:56px;
	margin:0;	
}

/****全体位置の決定****/
#navi div#menu{
	width:123px;
	height:56px;
	margin:0px;
	position: relative;
	} 
#navi div#menu02{
    width:123px;
	height:56px;
	margin:0px;
  font-size:14px;
	position: absolute;
	top:-0px;
	left:123px;
	}
#navi div#menu02A{
    width:123px;
	height:56px;
	margin:0px;
    font-size:14px;
	position: absolute;
	top:-0px;
	left:246px;
	}

#navi div#menu03{
    width:123px;
	height:56px;
	margin:0px;
    font-size:14px;
	position: absolute;
	top:-0px;
	left:369px;
	}

#navi div#menu03A{
    width:123px;
	height:56px;
	margin:0px;
    font-size:14px;
	position: absolute;
	top:-0px;
	left:492px;
	}

#navi div#menu04{
    width:123px;
		height:56px;
	  margin:0px;
    font-size:14px;
		position: absolute;
		top:-0px;
		left:615px;
	}
#navi div#menu05{
    width:123px;
		height:56px;
	  margin:0px;
    font-size:14px;
		position: absolute;
		top:-0px;
		left:738px;
	}

/****メインメニュー用スタイル****/
#navi ul.main{
    width:123px;
		height:56px;
		margin:0;
		padding:0;
	list-style:none;
	}
#navi ul li{
	width:123px;
	height:56px;
	margin:0;
	padding:0;
	}
#navi ol.sub{
	width:123px;
	height:41px;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	top:-82px;
	}
#navi ol.sub02{
	width:123px;
	height:41px;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	top:-82px;
	}
#navi ol.sub03{
	width:123px;
	height:41px;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	top:-123px;
	}
#navi ol.sub li,
#navi ol.sub02 li,
#navi ol.sub03 li,
#navi ol.sub04 li,
#navi ol.sub05 li{
	width:123px;
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-9999px;
	}
#navi ol.sub03 li{
	width:123px;
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-9999px;
	}
#navi li a{
	display:block;
	width:123px;
	height:41px;
	}	
	
#navi ul li#b a{background:url(../images/navi.png) -0px  -302px no-repeat; height:56px;}
#navi ol.sub li#b01 a{background:url(../images/navi.png) 0 -123px no-repeat; height:41px;}
#navi ol.sub li#b02 a{background:url(../images/navi.png) 0 -123px no-repeat;}
#navi ol.sub li#b03 a{background:url(../images/navi.png) 0 -205px no-repeat;}

#navi ul li#b a:hover,
#navi ul li#b.act a{background:url(../images/navi.png) -0px  -246px no-repeat; height:56px;}
#navi ol.sub li#b01 a:hover{background:url(../images/navi.png) 0 -82px no-repeat;}
#navi ol.sub li#b02 a:hover{background:url(../images/navi.png) 0 -82px no-repeat;}
#navi ol.sub li#b03 a:hover{background:url(../images/navi.png) 0 -164px no-repeat;}

/*
#navi ul li#b a{background:url(../images/navi.png) -0px  -220px no-repeat; height:35px;}
#navi ol.sub li#b01 a{background:url(../images/navi.png) 0 -93px no-repeat; height:31px;}
#navi ol.sub li#b02 a{background:url(../images/navi.png) 0 -93px no-repeat;}
#navi ol.sub li#b03 a{background:url(../images/navi.png) 0 -155px no-repeat;}

#navi ul li#b a:hover,
#navi ul li#b.act a{background:url(../images/navi.png) -0px  -185px no-repeat; height:35px;}
#navi ol.sub li#b01 a:hover{background:url(../images/navi.png) 0 -62px no-repeat;}
#navi ol.sub li#b02 a:hover{background:url(../images/navi.png) 0 -62px no-repeat;}
#navi ol.sub li#b03 a:hover{background:url(../images/navi.png) 0 -124px no-repeat;}
*/

#navi ul li#s a{background:url(../images/navi.png) -123px -302px no-repeat; height:56px;}
#navi ol.sub02 li#s01 a{background:url(../images/navi.png) -123px -123px no-repeat; height:41px;}
#navi ol.sub02 li#s02 a{background:url(../images/navi.png) -123px -205px no-repeat;}


#navi ul li#s a:hover,
#navi ul li#s.act a{background:url(../images/navi.png) -123px -246px no-repeat; height:56px;}
#navi ol.sub02 li#s01 a:hover{background:url(../images/navi.png) -123px -82px no-repeat;}
#navi ol.sub02 li#s02 a:hover{background:url(../images/navi.png) -123px -164px no-repeat;}

/*
#navi ul li#s a{background:url(../images/navi.png) -104px -220px no-repeat; height:35px;}
#navi ol.sub02 li#s01 a{background:url(../images/navi.png) -104px -31px no-repeat;}
#navi ol.sub02 li#s02 a{background:url(../images/navi.png) -104px -93px no-repeat;}
#navi ol.sub02 li#s03 a{background:url(../images/navi.png) -104px -155px no-repeat;}

#navi ul li#s a:hover,
#navi ul li#s.act a{background:url(../images/navi.png) -104px -185px no-repeat; height:35px;}
#navi ol.sub02 li#s01 a:hover{background:url(../images/navi.png) -104px 0px no-repeat;}
#navi ol.sub02 li#s02 a:hover{background:url(../images/navi.png) -104px -62px no-repeat;}
#navi ol.sub02 li#s03 a:hover{background:url(../images/navi.png) -104px -124px no-repeat;}
*/

#navi ul li#o a{background:url(../images/navi.png) -246px -302px no-repeat; height:56px; width:123px;}
#navi ul li#o a:hover,
#navi ul li#o.act a{background:url(../images/navi.png) -246px -246px no-repeat; height:56px; width:123px;}

#navi ul li#c a{background:url(../images/navi.png) -369px -302px no-repeat; height:56px; width:123px;}
#navi ul li#c a:hover,
#navi ul li#c.act a{background:url(../images/navi.png) -369px -246px no-repeat; height:56px; width:123px;}

#navi ul li#i a{background:url(../images/navi.png) -492px -302px no-repeat; height:56px; width:123px;}
#navi ul li#i a:hover,
#navi ul li#i.act a{background:url(../images/navi.png) -492px -246px no-repeat; height:56px; width:123px;}
/*
#navi ul li#c a{background:url(../images/navi.png) -208px -220px no-repeat; height:34px;; width:104px;}
#navi ol.sub03 li#c01 a{background:url(../images/navi.png) -208px -31px no-repeat;; width:105px;}
#navi ol.sub03 li#c02 a{background:url(../images/navi.png) -208px -93px no-repeat;; width:105px;}
#navi ol.sub03 li#c03 a{background:url(../images/navi.png) -208px -155px no-repeat;; width:104px;}

#navi ul li#c a:hover,
#navi ul li#c.act a{background:url(../images/navi.png) -208px -185px no-repeat; height:34px; width:104px;}
#navi ol.sub03 li#c01 a:hover{background:url(../images/navi.png) -208px -0px no-repeat; width:104px;}
#navi ol.sub03 li#c02 a:hover{background:url(../images/navi.png) -208px -62px no-repeat; width:104px;}
#navi ol.sub03 li#c03 a:hover{background:url(../images/navi.png) -208px -124px no-repeat; width:104px;}

*/
#navi ul li#m a{ background:url(../images/navi.png) -615px -302px no-repeat; height:56px; width:123px;}
#navi ul li#m a:hover,
#navi ul li#m.act a{ background:url(../images/navi.png) -615px -246px no-repeat;}

#navi ul li#sb a{background:url(../images/navi.png) -738px -302px no-repeat; height:56px; width:123px;}
#navi ul li#sb a:hover,
#navi ul li#sb.act a{ background:url(../images/navi.png) -738px -246px no-repeat;}


/*------------------------------------------------------------------------------------
                                      navi_Locl 
-------------------------------------------------------------------------------------- */
#navi_local ul{
	margin:0;
	padding:0px 0 0 0;
	text-align:right;
}
#navi_local ul li{
	clear:both;
	margin: 0;
	padding:0;
	font-size:0px;
}
#navi_local ul li#navi_L01{
	width:33px;
	height:30px;
	position: absolute;
	top:30px;
	right:100px;
	text-indent:-9999px;
}
#navi_local ul li#navi_L02{
	width:44px;
	height:33px;
	position: absolute;
	top:30px;
	right:30px;
	text-indent:-9999px;
}
#navi_local ul li a {
	display:block;
	height:33px;
}

#navi_local ul li#navi_L01 a{ background:url(../images/navi._L01.jpg)  0 -30px no-repeat;}
#navi_local ul li#navi_L01 a:hover,
#navi_local ul li#navi_L01.act a{ background:url(../images/navi._L01.jpg) 0 0 no-repeat;}
#navi_local ul li#navi_L02 a{ background:url(../images/navi_L02.jpg) 0 -30px no-repeat;}
#navi_local ul li#navi_L02 a:hover,
#navi_local ul li#navi_L02.act a{ background:url(../images/navi_L02.jpg) 0 -0 no-repeat;}


/*------------------------------------------------------------------------------------
                                      TOP_globale 
-------------------------------------------------------------------------------------- */

body#top #header .headerImg #navi_top ul li{
	text-indent:-9999px;
	}
body#top #header .headerImg #navi_top ul li#navi_top01{
	position:absolute;
	left:22px;
	top:322px;
	background:url(../images/navi_top.png) 0 0 no-repeat;
	}
body#top #header .headerImg #navi_top ul li#navi_top02{
	position:absolute;
	left:170px;
	top:322px;
	}
body#top #header .headerImg #navi_top ul li#navi_top03{
	position:absolute;
	left:320px;
	top:322px;
	}

body#top #header .headerImg #navi_top ul li#navi_top01 a{
	display: block;
	width:147px;
	height:73px;
	background:url(../images/navi_top.png) 0 0 no-repeat;
	}
body#top #header .headerImg #navi_top ul li#navi_top02 a{
	display: block;
	width:150px;
	height:73px;
	background:url(../images/navi_top.png) -147px 0 no-repeat;
	}
body#top #header .headerImg #navi_top ul li#navi_top03 a{
	display: block;
	width:71px;
	height:73px;
	background:url(../images/navi_top.png) -300px 0 no-repeat;
	}
body#top #header .headerImg #navi_top ul li#navi_top01 a:hover{
	background:url(../images/navi_top.png) 0 -73px no-repeat;
	}
body#top #header .headerImg #navi_top ul li#navi_top02 a:hover{
	background:url(../images/navi_top.png) -147px -73px no-repeat;
	}
body#top #header .headerImg #navi_top ul li#navi_top03 a:hover{
	background:url(../images/navi_top.png) -300px -73px no-repeat;
	}

/*------------------------------------------------------------------------------------
                                      TOP_globale 
-------------------------------------------------------------------------------------- */

#navi_topG{
	margin:20px 0 0 0;
	padding:0;
	position: relative;
	height:100px;
	}
#navi_topG ul{
	padding: 0;
	margin:0;
}
#navi_topG ul li {
	width: 87px;
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-9999px;
}
#navi_topG ul li a {
	display:block;
	width: 87px;
	height:90px;
	margin:0;
}


#navi_top01 a{ background:url(../images/navi_Gtop.jpg) 0 -90px; position:absolute; top:0; left:0px}
#navi_top02 a{
	background:url(../images/navi_Gtop.jpg) -87px -90px;
	position:absolute;
	top:-1px;
	left:82px;
}
#navi_top03 a{ background:url(../images/navi_Gtop.jpg) -174px -90px; position:absolute; top:0; left:174px;}
#navi_top04 a{ background:url(../images/navi_Gtop.jpg) -261px -90px; position:absolute; top:0; left:261px;}
#navi_top05 a{ background:url(../images/navi_Gtop.jpg) -348px -90px; position:absolute; top:0; left:348px;}
#navi_top06 a{ background:url(../images/navi_Gtop.jpg) -435px -90px; position:absolute; top:0; left:435px;}
#navi_top07 a{ background:url(../images/navi_Gtop.jpg) -522px -90px; position:absolute; top:0; left:522px;}


#navi_top01 a:hover{ background:url(../images/navi_Gtop.jpg) 0 0; position:absolute; top:0;}
#navi_top02 a:hover{ background:url(../images/navi_Gtop.jpg) -87px 0; position:absolute; top:0; left:87px;}
#navi_top03 a:hover{ background:url(../images/navi_Gtop.jpg) -174px 0; position:absolute; top:0; left:174px;}
#navi_top04 a:hover{ background:url(../images/navi_Gtop.jpg) -261px 0; position:absolute; top:0; left:261px;}
#navi_top05 a:hover{ background:url(../images/navi_Gtop.jpg) -348px 0; position:absolute; top:0; left:348px;}
#navi_top06 a:hover{ background:url(../images/navi_Gtop.jpg) -435px 0; position:absolute; top:0; left:435px;}
#navi_top07 a:hover{ background:url(../images/navi_Gtop.jpg) -522px 0; position:absolute; top:0; left:522px;}