@charset "utf-8";
/* CSS Document */

body#top{
	background:url(../img/bg_top.jpg) repeat top center;/**/
}

#wrapper{}


#container{}

.pagetop a{background:url(../img/btn_pagetop.png) no-repeat top left; width:29px; height:37px; display:block; text-indent:-9999px; margin:0 0 30px 971px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------headArea*/
#headArea{background:url(../img/bg_navl.png) no-repeat center 40px; height:240px;}
#headArea #headBlock{width:1000px; margin:0 auto;}
#headArea #headBlock #logoAccessArea{}
#headArea #headBlock #logoAccessArea h1 a{display:block; float:left; background:url(../img/logo.png) no-repeat top left; width:242px; height:58px; text-indent:-9999px; margin:10px 0 0 0;}
#headArea #headBlock #logoAccessArea ul{display:block; float:right; }
#headArea #headBlock #logoAccessArea ul li{text-indent:-9999px;}
#headArea #headBlock #logoAccessArea ul li.openTime{background:url(../img/hd_txt_01.png) no-repeat top left; width:211px; height:36px; margin:10px 5px 0 0;}
#headArea #headBlock #logoAccessArea ul li.accessLength{background:url(../img/hd_txt_02.png) no-repeat top left; width:163px; height:31px; margin:-13px 5px 0 0;}

#headArea #headBlock #navArea{ clear:both; margin:39px 0 0 0;}
#headArea #headBlock #navArea ul{ text-align:center; margin:0 0 0 2px;} 
#headArea #headBlock #navArea ul li{  } 
#headArea #headBlock #navArea ul li a{ display:block; float:left;}
	
#headArea #headBlock #navArea ul li.navHome a{ background:url(../img/nav_home.png) no-repeat top left; width:57px; height:36px; text-indent:-9999px; overflow:hidden; margin-right:82px;}
#headArea #headBlock #navArea ul li.navHome a:hover{ background:url(../img/nav_home.png) no-repeat left -36px;}
#headArea #headBlock #navArea ul li.navHomeNow a{ background:url(../img/nav_home.png) no-repeat left -36px; width:57px; height:36px; text-indent:-9999px; overflow:hidden; margin-right:82px;}


#headArea #headBlock #navArea ul li.navIntro a{ background:url(../img/nav_intro.png) no-repeat top left; width:124px; height:36px; text-indent:-9999px; overflow:hidden;margin-right:82px;} 
#headArea #headBlock #navArea ul li.navIntro a:hover{ background:url(../img/nav_intro.png) no-repeat left -36px; } 
#headArea #headBlock #navArea ul li.navIntroNow a{ background:url(../img/nav_intro.png) no-repeat left -36px; width:124px; height:36px; text-indent:-9999px; overflow:hidden;margin-right:82px;}

#headArea #headBlock #navArea ul li.navMenu a{ background:url(../img/nav_menu.png) no-repeat top left; width:133px; height:36px; text-indent:-9999px;margin-right:82px;}
#headArea #headBlock #navArea ul li.navMenu a:hover{ background:url(../img/nav_menu.png) no-repeat left -36px;} 
#headArea #headBlock #navArea ul li.navMenuNow a{ background:url(../img/nav_menu.png) no-repeat left -36px;width:133px; height:36px; text-indent:-9999px;margin-right:82px;}

#headArea #headBlock #navArea ul li.navReservation a{ background:url(../img/nav_reserve.png) no-repeat top left; width:117px; height:36px; text-indent:-9999px;margin-right:82px;} 
#headArea #headBlock #navArea ul li.navReservation a:hover{ background:url(../img/nav_reserve.png) no-repeat left -36px;}
#headArea #headBlock #navArea ul li.navReservationNow a{ background:url(../img/nav_reserve.png) no-repeat left -36px; width:117px; height:36px; text-indent:-9999px;margin-right:82px;} 

#headArea #headBlock #navArea ul li.navBlog a{ background:url(../img/nav_blog.png) no-repeat top left; width:92px; height:36px; text-indent:-9999px;margin-right:82px;} 
#headArea #headBlock #navArea ul li.navBlog a:hover{ background:url(../img/nav_blog.png) no-repeat left -36px;}
#headArea #headBlock #navArea ul li.navBlogNow a{ background:url(../img/nav_blog.png) no-repeat left -36px; width:92px; height:36px; text-indent:-9999px;margin-right:82px;}

#headArea #headBlock #navArea ul li.navAccess a{ background:url(../img/nav_access.png) no-repeat top left; width:64px; height:36px; text-indent:-9999px;} 
#headArea #headBlock #navArea ul li.navAccess a:hover{ background:url(../img/nav_access.png) no-repeat left -36px; } 
#headArea #headBlock #navArea ul li.navAccessNow a{ background:url(../img/nav_access.png) no-repeat left -36px; width:64px; height:36px; text-indent:-9999px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------contentArea*/
#contentArea{width:1000px; margin:0 auto;}
#contentArea #topPage{ margin:-50px 0 0 75px; font-size:0px; line-height:0px; position:relative; height:585px;}
#contentArea #topPage ul li{ position:absolute; top:0; left:0;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------footArea*/

#footArea{width:1000px; margin:0 auto; text-indent:-9999px; font-size:0px; line-height:0px; clear:both;}
#footArea #footNavArea{margin:0 auto 10px; width:488px;}
#footArea #footNavArea ul{}
#footArea #footNavArea ul li{float:left; margin:0 15px;}
#footArea #footNavArea ul li.footNavIntro a{background:url(../img/foot_nav_intro.gif) no-repeat top left; width:79px; height:14px; display:block;}
#footArea #footNavArea ul li.footNavMenu a{background:url(../img/foot_nav_menu.gif) no-repeat top left; width:85px; height:14px; display:block;}
#footArea #footNavArea ul li.footNavReservation a{background:url(../img/foot_nav_reservation.gif) no-repeat top left; width:74px; height:14px; display:block;}
#footArea #footNavArea ul li.footNavBlog a{background:url(../img/foot_nav_blog.gif) no-repeat top left; width:59px; height:14px; display:block;}
#footArea #footNavArea ul li.footNavAccess a{background:url(../img/foot_nav_access.gif) no-repeat top left; width:41px; height:14px; display:block;}
#footArea address{background:url(../img/txt_address.png) no-repeat top left; width:275px; height:33px; margin:0 auto;  }



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------IntroPage*/
#introPage{}
#introPage h2{background:url(../../introduction/img/ttl_intro.png) no-repeat top left; width:423px; height:64px; text-indent:-9999px; margin:0 0 100px 10px;}
#introPage p{background:url(../../introduction/img/txt_01.png) no-repeat top left; width:815px; height:338px; text-indent:-9999px; margin:0 auto 100px auto; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------MenuPage*/
#menuPage{}
#menuPage h2{background:url(../../menu/img/ttl_menu.png) no-repeat top left; width:452px; height:60px; margin:0 0 50px 10px; text-indent:-9999px;}
#menuPage .menuBlock{margin:0 0 30px 10px;}
#menuPage .menuBlock h3.biogel{background:url(../../menu/img/ttl_biogel.png) no-repeat top left; width:932px; height:41px; margin:0 0 20px 0; text-indent:-9999px;}
#menuPage .menuBlock h3.foot{background:url(../../menu/img/ttl_foot.png) no-repeat top left; width:932px; height:45px; margin:0 0 20px 0; text-indent:-9999px;}
#menuPage .menuBlock h3.art{background:url(../../menu/img/ttl_art.png) no-repeat top left; width:932px; height:44px; margin:0 0 20px 0; text-indent:-9999px;}
#menuPage .menuBlock table{ margin:0 0 20px 0; width:932px;}
#menuPage .menuBlock table tr.bgColor{background-color:#fdf8db;}
#menuPage .menuBlock table th{ background:url(../../menu/img/icon_check.png) no-repeat 5px 50%; padding:5px 0 5px 30px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------AccessPage*/
#accessPage{ min-height:500px;}
#accessPage h2{background:url(../../access/img/ttl_access.png) no-repeat top left; width:221px; height:57px; margin:0 0 50px 10px; text-indent:-9999px;}
#accessPage h3{font-size:150%; margin:0 0 20px 30px; font-weight:bold; }
#accessPage p{margin:0 0 20px 30px; }
#accessPage ul{margin:0 0 20px 30px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------ReservePage*/
#reservePage{}
#reservePage h2{background:url(../../reservation/img/ttl_reservation.png) no-repeat top left; width:397px; height:59px; margin:0 0 50px 10px; text-indent:-9999px;}
#reservePage h3{background:url(../../reservation/img/ttl_method.png) no-repeat top left; width:931px; height:41px; margin:0 0 40px 10px; text-indent:-9999px;}
#reservePage #leftBlock{float:left; width:550px; margin:0 0 0 30px;}
#reservePage #leftBlock h4.reserve{background:url(../../reservation/img/subttl_reserve.png) no-repeat top left; width:348px; height:16px; text-indent:-9999px; margin:0 0 20px 0;}
#reservePage #leftBlock h4.opentime{background:url(../../reservation/img/subttl_opentime.png) no-repeat top left; width:97px; height:16px; text-indent:-9999px; margin:0 0 20px 0;}
#reservePage #leftBlock ul{margin:0 0 30px 10px;}
#reservePage #leftBlock ul.caution li{list-style:disc outside; margin:0 0 5px 15px;}
#reservePage #leftBlock p{margin:0 0 20px 10px;}
#reservePage #rightBlock{float:left; width:400px; margin:0 0 0 20px;}
#reservePage #rightBlock iframe{border:0; }
#reservePage #rightBlock iframe.calen{height:420px;}
#reservePage #rightBlock iframe.main{height:250px; width:400px; margin:0 0 50px 0;}