@charset "euc-jp";
/* CSS head.css*/


/*head area
------------------------------*/
#head {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#head .sab {
	color: #F90;
	padding-left: 10px;
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 10px;
}



/*info navi area
------------------------------*/
#inavi {
	background-image: url(../img/common/inavi_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 900px;
	clear: both;
}

#inavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#inavi li#i01{
  text-indent: -9999px;
  float:left;
  width: 100px;
  margin: 0;
  padding: 0;
  /* リンク点線消す これ以降Mac IE 5には適用されない \*/
  overflow: hidden; 
  /* これ以降Mac IE 5にも適用される */

}

#inavi li{
  text-indent: -9999px;
  float:left;
  width: 200px;
  margin: 0;
  padding: 0;
  /* リンク点線消す これ以降Mac IE 5には適用されない \*/
  overflow: hidden; 
  /* これ以降Mac IE 5にも適用される */

}


#inavi li.home{
  width: 100px;
}

#inavi a{
	display: block;
	width: 100%;
	height: 26px;
	background-image: url(../img/common/inavi.jpg);
	background-repeat: no-repeat;
}

#inavi li a:focus{ /*Firefox*/
/*\*/
	overflow: hidden;
/**/
}
/* オフマウス */
#i01 {
	background-position: 0 0px;
	text-indent: 10000px;
}
#i02 a{background-position: -100px 0;}
#i03 a{background-position: -300px 0;}
#i04 a{background-position: -500px 0;}
#i05 a{background-position: -700px 0;}



/* オンマウス */

#i01 a:hover{background-position: 0 0px;}
#i02 a:hover{background-position: -100px -26px;}
#i03 a:hover{background-position: -300px -26px;}
#i04 a:hover{background-position: -500px -26px;}
#i05 a:hover{background-position: -700px -26px;}





/*g navi area
------------------------------*/
#gnavi {
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 900px;
	clear: both;
}


#gnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#gnavi li{
  text-indent: -9999px;
  float:left;
  width: 200px;
  margin: 0;
  padding: 0;
  /* リンク点線消す これ以降Mac IE 5には適用されない \*/
  overflow: hidden; 
  /* これ以降Mac IE 5にも適用される */
}

#gnavi li#g01{
  text-indent: -9999px;
  float:left;
  width: 100px;
  margin: 0;
  padding: 0;
  /* リンク点線消す これ以降Mac IE 5には適用されない \*/
  overflow: hidden; 
  /* これ以降Mac IE 5にも適用される */
}

#gnavi li.home{
  width: 100px;
}

#gnavi a{
	display: block;
	width: 100%;
	height: 39px;
	background-image: url(../img/common/bg_gnavi.gif);
	background-repeat: no-repeat;
}

#gnavi li a:focus{ /*Firefox*/
/*\*/
	overflow: hidden;
/**/
}

/* オフマウス */

#g01 a{background-position: 0 0px;}
#home #g01 a{background-position: 0 -78px;}

#g02 a{background-position: -100px 0;}
#topics #g02 a{background-position: -100px -78px;}

#g03 a{background-position: -300px 0;}
#event #g03 a{background-position: -300px -78px;}

#g04 a{background-position: -500px 0;}
#shop #g04 a{background-position: -500px  -78px;}

#g05 a{background-position: -700px 0;}
#about #g05 a{background-position: -700px -78px;}




/* オンマウス */

#home #g01 a:hover{background-position: 0 -78px;}
#g01 a:hover{background-position: 0 -39px;}

#g02 a:hover{background-position: -100px -39px;}
#topics #g02 a:hover{background-position: -100px -78px;}

#g03 a:hover{background-position: -300px -39px;}
#event #g03 a:hover{background-position: -300px -78px;}

#g04 a:hover{background-position: -500px -39px;}
#shop #g04 a:hover{background-position: -500px -78px;}

#g05 a:hover{background-position: -700px -39px;}
#about #g05 a:hover{background-position: -700px -78px;}