/*--------------- Header --------------*/
#head      { margin-left: 20px; padding-top: 22px; padding-bottom: 47px;}
#head ul   { margin: 0px; list-style-type:none; width: 100%; }
#head li   { display: block; height: 16px; text-indent: -99999px; overflow: hidden; float: left;  }
#head li a { display: block; height: 16px; overflow: hidden; }
#head .logo { margin-bottom: 28px; }

#head li#home.none,
#head li#home.home,
#head li#home.info,
#head li#home.visit,
#head li#home.facility,
#head li#home.fee,
#head li#home.program,
#head li#home.blog,
#head li#home.schedule,
#head li#home.access,
#head li#home.contact { width: 76px; background: url(images/hmenu01.gif) top left no-repeat; }

#head li#info.none,
#head li#info.home,
#head li#info.info,
#head li#info.visit,
#head li#info.facility,
#head li#info.fee,
#head li#info.program,
#head li#info.blog,
#head li#info.schedule,
#head li#info.access,
#head li#info.contact { width: 86px; background: url(images/hmenu02.gif) top left no-repeat; }

#head li#visit.none,
#head li#visit.home,
#head li#visit.info,
#head li#visit.visit,
#head li#visit.facility,
#head li#visit.fee,
#head li#visit.program,
#head li#visit.blog,
#head li#visit.schedule,
#head li#visit.access,
#head li#visit.contact { width: 86px; background: url(images/hmenu03.gif) top left no-repeat; }

#head li#facility.none,
#head li#facility.home,
#head li#facility.info,
#head li#facility.visit,
#head li#facility.facility,
#head li#facility.fee,
#head li#facility.program,
#head li#facility.blog,
#head li#facility.schedule,
#head li#facility.access,
#head li#facility.contact { width: 86px; background: url(images/hmenu04.gif) top left no-repeat; }

#head li#fee.none,
#head li#fee.home,
#head li#fee.info,
#head li#fee.visit,
#head li#fee.facility,
#head li#fee.fee,
#head li#fee.program,
#head li#fee.blog,
#head li#fee.schedule,
#head li#fee.access,
#head li#fee.contact { width: 86px; background: url(images/hmenu05.gif) top left no-repeat; }

#head li#program.none,
#head li#program.home,
#head li#program.info,
#head li#program.visit,
#head li#program.facility,
#head li#program.fee,
#head li#program.program,
#head li#program.blog,
#head li#program.schedule,
#head li#program.access,
#head li#program.contact { width: 86px; background: url(images/hmenu06.gif) top left no-repeat; }

#head li#blog.none,
#head li#blog.home,
#head li#blog.info,
#head li#blog.visit,
#head li#blog.facility,
#head li#blog.fee,
#head li#blog.program,
#head li#blog.blog,
#head li#blog.schedule,
#head li#blog.access,
#head li#blog.contact { width: 86px; background: url(images/hmenu07.gif) top left no-repeat; }

#head li#schedule.none,
#head li#schedule.home,
#head li#schedule.info,
#head li#schedule.visit,
#head li#schedule.facility,
#head li#schedule.fee,
#head li#schedule.program,
#head li#schedule.blog,
#head li#schedule.schedule,
#head li#schedule.access,
#head li#schedule.contact { width: 86px; background: url(images/hmenu08.gif) top left no-repeat; }

#head li#access.none,
#head li#access.home,
#head li#access.info,
#head li#access.visit,
#head li#access.facility,
#head li#access.fee,
#head li#access.program,
#head li#access.blog,
#head li#access.schedule,
#head li#access.access,
#head li#access.contact { width: 86px; background: url(images/hmenu09.gif) top left no-repeat; }

#head li#contact.none,
#head li#contact.home,
#head li#contact.info,
#head li#contact.visit,
#head li#contact.facility,
#head li#contact.fee,
#head li#contact.program,
#head li#contact.blog,
#head li#contact.schedule,
#head li#contact.access,
#head li#contact.contact  { width: 97px; background: url(images/hmenu10.gif) top left no-repeat; }

#head li#home:hover,
#head li#info:hover,
#head li#visit:hover,
#head li#facility:hover,
#head li#fee:hover,
#head li#program:hover,
#head li#blog:hover,
#head li#schedule:hover,
#head li#access:hover,
#head li#contact:hover { background-position: 0px -16px; }

#head li#home.home:hover, 
#head li#home.home         { width: 76px; background: url(images/hmenu01.gif) top left no-repeat; background-position: 0px -32px; }
#head li#info.info:hover, 
#head li#info.info         { width: 86px; background: url(images/hmenu02.gif) top left no-repeat; background-position: 0px -32px; }
#head li#visit.visit:hover, 
#head li#visit.visit       { width: 86px; background: url(images/hmenu03.gif) top left no-repeat; background-position: 0px -32px; }
#head li#facility.facility:hover, 
#head li#facility.facility { width: 86px; background: url(images/hmenu04.gif) top left no-repeat; background-position: 0px -32px; }
#head li#fee.fee:hover, 
#head li#fee.fee           { width: 86px; background: url(images/hmenu05.gif) top left no-repeat; background-position: 0px -32px; }
#head li#program.program:hover, 
#head li#program.program   { width: 86px; background: url(images/hmenu06.gif) top left no-repeat; background-position: 0px -32px; }
#head li#blog.blog:hover, 
#head li#blog.blog         { width: 86px; background: url(images/hmenu07.gif) top left no-repeat; background-position: 0px -32px; }
#head li#schedule.schedule:hover, 
#head li#schedule.schedule { width: 86px; background: url(images/hmenu08.gif) top left no-repeat; background-position: 0px -32px; }
#head li#access.access:hover, 
#head li#access.access     { width: 86px; background: url(images/hmenu09.gif) top left no-repeat; background-position: 0px -32px; }
#head li#contact.contact:hover, 
#head li#contact.contact   { width: 97px; background: url(images/hmenu10.gif) top left no-repeat; background-position: 0px -32px; }


/*--------------- footer --------------*/
#foot      { margin-left: 15px; height:33px; margin-top:60px; }
#foot ul   { margin: 0px; list-style-type:none; width: 100%; }
#foot li   { display: block; height: 10px; margin-top:10px; text-indent: -99999px; overflow: hidden; float: left; }
#foot li a { display: block; height: 10px; overflow: hidden; }

#foot li#copyright { width: 191px; margin-left:5px; background: url(images/lete_copyright.gif) top left no-repeat; }

#foot li#sitemap.none,
#foot li#sitemap.sitemap,
#foot li#sitemap.privacy,
#foot li#sitemap.qanda,
#foot li#sitemap.greeting,
#foot li#sitemap.recruit { width: 85px; margin-left:235px; background: url(images/fmenu01.gif) top left no-repeat; }

#foot li#privacy.none,
#foot li#privacy.sitemap,
#foot li#privacy.privacy,
#foot li#privacy.qanda,
#foot li#privacy.greeting,
#foot li#privacy.recruit { width: 117px; background: url(images/fmenu02.gif) top left no-repeat; }

#foot li#qanda.none,
#foot li#qanda.sitemap,
#foot li#qanda.privacy,
#foot li#qanda.qanda,
#foot li#qanda.greeting,
#foot li#qanda.recruit { width: 87px; background: url(images/fmenu03.gif) top left no-repeat; }

#foot li#greeting.none,
#foot li#greeting.sitemap,
#foot li#greeting.privacy,
#foot li#greeting.qanda,
#foot li#greeting.greeting,
#foot li#greeting.recruit { width: 96px; background: url(images/fmenu04.gif) top left no-repeat; }

#foot li#recruit.none,
#foot li#recruit.sitemap,
#foot li#recruit.privacy,
#foot li#recruit.qanda,
#foot li#recruit.greeting,
#foot li#recruit.recruit { width: 50px; background: url(images/fmenu05.gif) top left no-repeat; }

#foot li#sitemap:hover,
#foot li#privacy:hover,
#foot li#qanda:hover,
#foot li#greeting:hover,
#foot li#recruit:hover { background-position: 0px -10px; }

#foot li#sitemap.sitemap:hover,
#foot li#sitemap.sitemap   { width: 85px; margin-left:235px; background: url(images/fmenu01.gif) top left no-repeat; background-position: 0px -20px; }
#foot li#privacy.privacy:hover,
#foot li#privacy.privacy   { width: 117px; background: url(images/fmenu02.gif) top left no-repeat; background-position: 0px -20px; }
#foot li#qanda.qanda:hover,
#foot li#qanda.qanda       { width: 87px; background: url(images/fmenu03.gif) top left no-repeat; background-position: 0px -20px; }
#foot li#greeting.greeting:hover,
#foot li#greeting.greeting { width: 96px; background: url(images/fmenu04.gif) top left no-repeat; background-position: 0px -20px; }
#foot li#recruit.recruit:hover,
#foot li#recruit.recruit   { width: 50px; background: url(images/fmenu05.gif) top left no-repeat; background-position: 0px -20px; }


/*--------------- Sub menu --------------*/
#smenu      { margin-left: 80px; padding-bottom: 31px; }
#smenu ul   { margin: 0px; list-style-type:none; width: 100%; }
#smenu li   { display: block; height: 20px; text-indent: -99999px; overflow: hidden; float: left;  }
#smenu li a { display: block; height: 20px; overflow: hidden; }


/*--------------- Sub menu (facility) --------------*/
#smenu li#f_lounge.f_lounge,
#smenu li#f_lounge.f_child,
#smenu li#f_lounge.f_gym,
#smenu li#f_lounge.f_kitchen,
#smenu li#f_lounge.f_tennis { width: 133px; margin-left: 33px; background: url(images/smenu_f01.gif) top left no-repeat; }

#smenu li#f_child.f_lounge,
#smenu li#f_child.f_child,
#smenu li#f_child.f_gym,
#smenu li#f_child.f_kitchen,
#smenu li#f_child.f_tennis { width: 100px; margin-left:32px; background: url(images/smenu_f02.gif) top left no-repeat; }

#smenu li#f_gym.f_lounge,
#smenu li#f_gym.f_child,
#smenu li#f_gym.f_gym,
#smenu li#f_gym.f_kitchen,
#smenu li#f_gym.f_tennis { width: 80px; margin-left:34px; background: url(images/smenu_f03.gif) top left no-repeat; }

#smenu li#f_kitchen.f_lounge,
#smenu li#f_kitchen.f_child,
#smenu li#f_kitchen.f_gym,
#smenu li#f_kitchen.f_kitchen,
#smenu li#f_kitchen.f_tennis { width: 141px; margin-left:34px; background: url(images/smenu_f04.gif) top left no-repeat; }

#smenu li#f_tennis.f_lounge,
#smenu li#f_tennis.f_child,
#smenu li#f_tennis.f_gym,
#smenu li#f_tennis.f_kitchen,
#smenu li#f_tennis.f_tennis { width: 84px; margin-left:33px; background: url(images/smenu_f05.gif) top left no-repeat; }

#smenu li#f_lounge:hover,
#smenu li#f_child:hover,
#smenu li#f_gym:hover,
#smenu li#f_kitchen:hover,
#smenu li#f_tennis:hover { background-position: 0px -20px; }

#smenu li#f_lounge.f_lounge:hover,
#smenu li#f_lounge.f_lounge   { width:133px; margin-left: 33px; background: url(images/smenu_f01.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#f_child.f_child:hover,
#smenu li#f_child.f_child     { width:100px; margin-left: 32px; background: url(images/smenu_f02.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#f_gym.f_gym:hover,
#smenu li#f_gym.f_gym         { width: 80px; margin-left: 34px; background: url(images/smenu_f03.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#f_kitchen.f_kitchen:hover,
#smenu li#f_kitchen.f_kitchen { width:141px; margin-left: 34px; background: url(images/smenu_f04.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#f_tennis.f_tennis:hover,
#smenu li#f_tennis.f_tennis   { width: 84px; margin-left: 33px; background: url(images/smenu_f05.gif) top left no-repeat; background-position: 0px -40px; }


/*--------------- Sub menu (Program) --------------*/
#smenu li#p_yoga.p_yoga,
#smenu li#p_yoga.p_studio,
#smenu li#p_yoga.p_gym,
#smenu li#p_yoga.p_tennis,
#smenu li#p_yoga.p_cooking,
#smenu li#p_yoga.p_culture,
#smenu li#p_yoga.p_children { width: 40px; margin-left: 7px; background: url(images/smenu_p01.gif) top left no-repeat; }

#smenu li#p_studio.p_yoga,
#smenu li#p_studio.p_studio,
#smenu li#p_studio.p_gym,
#smenu li#p_studio.p_tennis,
#smenu li#p_studio.p_cooking,
#smenu li#p_studio.p_culture,
#smenu li#p_studio.p_children { width: 99px; margin-left:25px; background: url(images/smenu_p02.gif) top left no-repeat; }

#smenu li#p_gym.p_yoga,
#smenu li#p_gym.p_studio,
#smenu li#p_gym.p_gym,
#smenu li#p_gym.p_tennis,
#smenu li#p_gym.p_cooking,
#smenu li#p_gym.p_culture,
#smenu li#p_gym.p_children { width: 87px; margin-left:28px; background: url(images/smenu_p03.gif) top left no-repeat; }

#smenu li#p_tennis.p_yoga,
#smenu li#p_tennis.p_studio,
#smenu li#p_tennis.p_gym,
#smenu li#p_tennis.p_tennis,
#smenu li#p_tennis.p_cooking,
#smenu li#p_tennis.p_culture,
#smenu li#p_tennis.p_children { width: 87px; margin-left:26px; background: url(images/smenu_p04.gif) top left no-repeat; }

#smenu li#p_cooking.p_yoga,
#smenu li#p_cooking.p_studio,
#smenu li#p_cooking.p_gym,
#smenu li#p_cooking.p_tennis,
#smenu li#p_cooking.p_cooking,
#smenu li#p_cooking.p_culture,
#smenu li#p_cooking.p_children { width: 87px; margin-left:27px; background: url(images/smenu_p05.gif) top left no-repeat; }

#smenu li#p_culture.p_yoga,
#smenu li#p_culture.p_studio,
#smenu li#p_culture.p_gym,
#smenu li#p_culture.p_tennis,
#smenu li#p_culture.p_cooking,
#smenu li#p_culture.p_culture,
#smenu li#p_culture.p_children { width:103px; margin-left:30px; background: url(images/smenu_p06.gif) top left no-repeat; }

#smenu li#p_children.p_yoga,
#smenu li#p_children.p_studio,
#smenu li#p_children.p_gym,
#smenu li#p_children.p_tennis,
#smenu li#p_children.p_cooking,
#smenu li#p_children.p_culture,
#smenu li#p_children.p_children { width: 70px; margin-left:22px; background: url(images/smenu_p07.gif) top left no-repeat; }

#smenu li#p_yoga:hover,
#smenu li#p_studio:hover,
#smenu li#p_gym:hover,
#smenu li#p_tennis:hover,
#smenu li#p_cooking:hover,
#smenu li#p_culture:hover,
#smenu li#p_children:hover { background-position: 0px -20px; }

#smenu li#p_yoga.p_yoga:hover,
#smenu li#p_yoga.p_yoga         { width: 40px; margin-left: 7px; background: url(images/smenu_p01.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#p_studio.p_studio:hover,
#smenu li#p_studio.p_studio     { width: 99px; margin-left:25px; background: url(images/smenu_p02.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#p_gym.p_gym:hover,
#smenu li#p_gym.p_gym           { width: 87px; margin-left:28px; background: url(images/smenu_p03.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#p_tennis.p_tennis:hover,
#smenu li#p_tennis.p_tennis     { width: 87px; margin-left:26px; background: url(images/smenu_p04.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#p_cooking.p_cooking:hover,
#smenu li#p_cooking.p_cooking   { width: 87px; margin-left:27px; background: url(images/smenu_p05.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#p_culture.p_culture:hover,
#smenu li#p_culture.p_culture   { width:103px; margin-left:30px; background: url(images/smenu_p06.gif) top left no-repeat; background-position: 0px -40px; }
#smenu li#p_children.p_children:hover,
#smenu li#p_children.p_children { width: 70px; margin-left:22px; background: url(images/smenu_p07.gif) top left no-repeat; background-position: 0px -40px; }




