/* CSS Document */
ul {
	width:722px;
	height:38px;
	position:absolute;
	background-repeat: no-repeat;
	background-image: url(btn/btn.gif);
	}
ul a{
    text-indent:-9999px;
	}
	
	
ul li.off01,ul li.on01,ul li.off01 a,ul li.on01 a{
	width:103px;
	height:38px;
	margin:0px;
	padding:0px;
	display: block;
	}
ul li.off02,ul li.on02,ul li.off02 a,ul li.on02 a{
	width:103px;
	height:38px;
	margin:0px;
	padding:0px;
	display: block;
	}
ul li.off03,ul li.on03,ul li.off03 a,ul li.on03 a{
	width:103px;
	height:38px;
	margin:0px;
	padding:0px;
	display: block;
	}	
ul li.off04,ul li.on04,ul li.off04 a,ul li.on04 a{
	width:103px;
	height:38px;
	margin:0px;
	padding:0px;
	display: block;
	}	
ul li.off05,ul li.on05,ul li.off05 a,ul li.on05 a{
	width:103px;
	height:38px;
	margin:0px;
	padding:0px;
	display: block;
	}
ul li.off06,ul li.on06,ul li.off06 a,ul li.on06 a,ul li.on06 a:link,ul li.on06 a:visited{
	width:103px;
	height:38px;
	margin:0px;
	padding:0px;
	display: block;
	background-image: url(btn/btn_6.gif);
	background-position:0 0px;
	background-repeat: no-repeat;
	}	
ul li.off07,ul li.on07,ul li.off07 a,ul li.on07 a{
	width:104px;
	height:38px;
	margin:0px;
	padding:0px;
	display: block;
	}
	
ul li.off01,ul li.on01{
	position: absolute;
	left: 0px;
	top: 0px;
		   }
ul li.off02,ul li.on02{
	position: absolute;
	left: 103px;
	top: 0px;
		   }
ul li.off03,ul li.on03{
	position: absolute;
	left: 206px;
	top: 0px;
		   }
ul li.off04,ul li.on04{
	position: absolute;
	left: 309px;
	top: 0px;
		   }
ul li.off05,ul li.on05{
	position: absolute;
	left: 412px;
	top: 0px;
		   }
ul li.off06,ul li.on06{
	position: absolute;
	left: 515px;
	top: 0px;
		   }
ul li.off07,ul li.on07{
	position: absolute;
	left: 618px;
	top: 0px;
		   }


/*-- onのとき --*/
ul li.on01{
	background-image: url(btn/btn_1.gif);
	background-position:0 -38px;
	background-repeat: no-repeat;
	overflow: visible;
	 }
ul li.on02{
	background-image: url(btn/btn_2.gif);
	background-position:0 -38px;
	background-repeat: no-repeat;
	overflow: visible;
	 }
ul li.on03{
	background-image: url(btn/btn_3.gif);
	background-position:0 -38px;
	background-repeat: no-repeat;
	overflow: visible;
	 }
ul li.on04{
	background-image: url(btn/btn_4.gif);
	background-position:0 -38px;
	background-repeat: no-repeat;
	overflow: visible;
	 }
ul li.on05{
	background-image: url(btn/btn_5.gif);
	background-position:0 -38px;
	background-repeat: no-repeat;
	overflow: visible;
	 }
ul li.on06 a:hover{
	background-image: url(btn/btn_6.gif);
	background-position:0 -38px;
	background-repeat: no-repeat;
	overflow: visible;
	 }
ul li.on07{
	background-image: url(btn/btn_7.gif);
	background-position:0 -38px;
	background-repeat: no-repeat;
	overflow: visible;
	 }






/*-- offのとき --*/
ul li.off01{
	background-image: url(btn/btn_1.gif);
	background-position:0 0px;
	background-repeat: no-repeat;
    overflow:hidden;
	 }
ul li.off02{
	background-image: url(btn/btn_2.gif);
	background-position:0 0px;
	background-repeat: no-repeat;
     overflow:hidden;
	 }
ul li.off03{
	background-image: url(btn/btn_3.gif);
	background-position:0 0px;
	background-repeat: no-repeat;
     overflow:hidden;
	 }
ul li.off04{
	background-image: url(btn/btn_4.gif);
	background-position:0 0px;
	background-repeat: no-repeat;
     overflow:hidden;
	 }
ul li.off05{
	background-image: url(btn/btn_5.gif);
	background-position:0 0px;
	background-repeat: no-repeat;
     overflow:hidden;
	 }
ul li.off07{
	background-image: url(btn/btn_7.gif);
	background-position:0 0px;
	background-repeat: no-repeat;
     overflow:hidden;
	 }



on01 ol li{
	list-style-type: none;
	display: block;
	position: absolute;
}
/*-- 01Asiasについて --*/
ul li.off01 ol,ul li.on01 ol{
	width:292px;
	height:23px;
	background-image: url(btn/a.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	background-repeat: repeat;
	left: 0px;
	top: 38px;
	 }

li #a01,li #a01 a{
      width:72px;
	  height:23px;
	  }
li #a02,li #a02 a{
      width:58px;
	  height:23px;
	  }
li #a03,li #a03 a{
      width:81px;
	  height:23px;
	  }
li #a04,li #a04 a{
      width:81px;
	  height:23px;
	  }
li #a01{
	position: absolute;
	left: 0px;
	top: 0px;
}	  
li #a02{
	position: absolute;
	left: 72px;
	top: 0px;
}
li #a03{
	position: absolute;
	left: 130px;
	top: 0px;
}
li #a04{
	position: absolute;
	left: 211px;
	top: 0px;
}				  
	  
/*-- 02インフォメーション --*/
ul li.off02 ol,ul li.on02 ol{
     width:317px;
	 height:23px;
	background-image: url(btn/b.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	background-repeat: repeat;
	left: 0px;
	top: 38px;
	 }
li #b01,li #b01 a{
      width:55px;
	  height:23px;
	  }
li #b02,li #b02 a{
      width:69px;
	  height:23px;
	  }
li #b03,li #b03 a{
      width:64px;
	  height:23px;
	  }
li #b04,li #b04 a{
      width:129px;
	  height:23px;
	  }
li #b01{
	position: absolute;
	left: 0px;
	top: 0px;
}	  
li #b02{
	position: absolute;
	left: 55px;
	top: 0px;
}
li #b03{
	position: absolute;
	left: 124px;
	top: 0px;
}	 
li #b04{
	position: absolute;
	left: 188px;
	top: 0px;
}	 
	 
/*-- 03 コースメニュー --*/
ul li.off03 ol,ul li.on03 ol{
     width:722px;
	 height:23px;
	background-image: url(btn/c.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	background-repeat: repeat;
	left: -206px;
	top: 38px;
	 }

li #c01,li #c01 a{
      width:109px;
	  height:23px;
	  }
li #c02,li #c02 a{
      width:89px;
	  height:23px;
	  }
li #c03,li #c03 a{
      width:136px;
	  height:23px;
	  }
li #c04,li #c04 a{
      width:63px;
	  height:23px;
	  }
li #c05,li #c05 a{
      width:115px;
	  height:23px;
	  }
li #c06,li #c06 a{
      width:106px;
	  height:23px;
	  }
li #c07,li #c07 a{
      width:104px;
	  height:23px;
	  }
	  
li #c01{
	position: absolute;
	left: 0px;
	top: 0px;
}	  
li #c02{
	position: absolute;
	left: 109px;
	top: 0px;
}
li #c03{
	position: absolute;
	left: 198px;
	top: 0px;
}
li #c04{
	position: absolute;
	left: 334px;
	top: 0px;
}	
li #c05{
	position: absolute;
	left: 397px;
	top: 0px;
}
li #c06{
	position: absolute;
	left: 512px;
	top: 0px;
}
li #c07{
	position: absolute;
	left: 618px;
	top: 0px;
}


	 
/*-- 04 セラピスト --*/
ul li.off04 ol,ul li.on04 ol{
     width:207px;
	 height:23px;
	background-image: url(btn/d.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	background-repeat: repeat;
	left: 0px;
	top: 38px;
	 }
li #d01,li #d01 a{
      width:94px;
	  height:23px;
	  }
li #d02,li #d02 a{
      width:62px;
	  height:23px;
	  }
li #d03,li #d03 a{
      width:51px;
	  height:23px;
	  }

li #d01{
	position: absolute;
	left: 0px;
	top: 0px;
}	  
li #d02{
	position: absolute;
	left: 94px;
	top: 0px;
}
li #d03{
	position: absolute;
	left: 156px;
	top: 0px;
}	 
	

 
/*-- 05 アクセス --*/
ul li.off05 ol,ul li.on05 ol{
     width:151px;
	 height:23px;
	background-image: url(btn/e.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	background-repeat: repeat;
	left: 0px;
	top: 38px;
	 }
	 
li #e01,li #e01 a{
      width:81px;
	  height:23px;
	  }
li #e02,li #e02 a{
      width:70px;
	  height:23px;
	  }
li #e01{
	position: absolute;
	left: 0px;
	top: 0px;
}	  
li #e02{
	position: absolute;
	left: 81px;
	top: 0px;
}
	 
	 

/*-- 07 お問合せ --*/
ul li.off07 ol,ul li.on07 ol{
     width:130px;
	 height:23px;
	background-image: url(btn/f.gif);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	background-repeat: repeat;
	left: -26px;
	top: 38px;
	 }
li #f01,li #f01 a{
      width:57px;
	  height:23px;
	  }
li #f02,li #f02 a{
      width:73px;
	  height:23px;
	  }
li #f01{
	position: absolute;
	left: 0px;
	top: 0px;
}	  
li #f02{
	position: absolute;
	left: 57px;
	top: 0px;
}