@charset "UTF-8";
/*global Navigation */

#nav {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	
}

#nav li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: relative; 
	top: 0;
	left: 0;
}
	
#nav a {
	text-decoration:none;
	display: block;
	text-indent: -5000px;
	background-image:url(../images/nav.png);
}

#nav #nav_top {
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 19px;
}

#nav #nav_top:hover{
	background-position:-160px 0px;
}


#nav #nav_huahin {
	background-position:0px -19px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_huahin:hover{
	background-position:-160px -19px;
}

#nav #nav_huahin:active{
	background-position:-320px -19px;
}

#nav #nav_huahin.on {
	background-position:-320px -19px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
} 

#nav #nav_massage {
	background-position:0px -53px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_massage:hover{
	background-position:-160px -53px;
}

#nav #nav_massage:active{
	background-position:-320px -53px;
}

#nav #nav_massage.on {
	background-position:-320px -53px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
} 

#nav #nav_simple {
	background-position:0px -87px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_simple:hover{
	background-position:-160px -87px;
}

#nav #nav_simple:active{
	background-position:-320px -87px;
}

#nav #nav_simple.on {
	background-position:-320px -87px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
} 

#nav #nav_standard {
	background-position:0px -121px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_standard:hover{
	background-position:-160px -121px;
}

#nav #nav_standard:active{
	background-position:-320px -121px;
}

#nav #nav_standard.on {
	background-position:-320px -121px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_luxury {
	background-position:0px -155px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_luxury:hover{
	background-position:-160px -155px;
}

#nav #nav_luxury:active{
	background-position:-320px -155px;
}

#nav #nav_luxury.on {
	background-position:-320px -155px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_reservation {
	background-position:0px -189px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_reservation:hover{
	background-position:-160px -189px;
}

#nav #nav_reservation:active{
	background-position:-320px -189px;
}

#nav #nav_reservation.on {
	background-position:-320px -189px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_access {
	background-position:0px -223px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_access:hover{
	background-position:-160px -223px;
}

#nav #nav_access:active{
	background-position:-320px -223px;
}

#nav #nav_access.on {
	background-position:-320px -223px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}


#nav #nav_qa {
	background-position:0px -257px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_qa:hover{
	background-position:-160px -257px;
}

#nav #nav_qa:active{
	background-position:-320px -257px;
}

#nav #nav_qa.on {
	background-position:-320px -257px;
	background-repeat: no-repeat;
	width: 160px;
	height: 34px;
}

#nav #nav_contact {
	background-position:0px -291px;
	background-repeat: no-repeat;
	width: 160px;
	height: 36px;
}

#nav #nav_contact:hover{
	background-position:-160px -291px;
}

#nav #nav_contact:active{
	background-position:-320px -291px;
}

#nav #nav_contact.on {
	background-position:-320px -291px;
	background-repeat: no-repeat;
	width: 160px;
	height: 36px;
}


/*phone number sprite */

#phone_number{
	margin:0;
	padding:0;
	top:0;
	left:0;
}

#phone_number li{
    margin: 0; 
	padding: 0; 
	list-style: none;
	float:left;
    position: relative; 
	top: 0;
	left: 0;
}
	
#phone_number a {
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
}

#phone_number .reservation_order {
	background-image:url(../images/phone_number.png);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 28px;
	text-indent: -5000px;
	}


#phone_number #osaka_num {
	background-image:url(../images/phone_number.png);
	background-position:-160px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 28px;
	}

#phone_number #osaka_num:hover{
	background-position:-160px -28px;
}

#phone_number #kyoto_num {
	background-image:url(../images/phone_number.png);
	background-position:-320px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 28px;
	}

#phone_number #kyoto_num:hover{
	background-position:-320px -28px;
}

#phone_number #kobe_num {
	background-image:url(../images/phone_number.png);
	background-position:-480px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 28px;
	}

#phone_number #kobe_num:hover{
	background-position:-480px -28px;
}

/* Banner Sprite */
#banner{
	margin:0;
	padding:0;
	top:0;
	left:0;
}

#banner li{
    margin: 0; 
	padding-bottom: 10px; 
	list-style: none;
	float:left;
    position: relative; 
	top: 0;
	left: 0;
}
	
#banner a {
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
}

#banner #banner_ayurveda {
	background-image:url(../images/ayurveda_banner.png);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 97px;
	}

#banner #banner_ayurveda:hover{
	background-position:0px -97px;
}

#banner #banner_media {
	background-image:url(../images/media_banner.png);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 107px;
	}

#banner #banner_media:hover{
	background-position:0px -107px;
}

#banner #banner_school {
	background-image:url(../images/school_banner.png);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 101px;
	}

#banner #banner_school:hover{
	background-position:0px -101px;
}

#banner #banner_giftcard {
	background-image:url(../images/giftcard_banner.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height:100px;
	}

#banner #banner_giftcard:hover{
	background-position:0px -100px;
}



#banner #banner_mobile {
	background-image:url(../images/mobile_banner.png);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 80px;
	}

#banner #banner_mobile:hover{
	background-position:0px -80px;
}

/* Store Button */
#store_btn li{
    margin: 0; 
	padding: 0; 
	list-style: none;
	float:left;
    position: relative; 
	top: 0;
	left: 0;
}
	
#store_btn a {
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
}


#store_btn #osaka_btn {
	width: 109px;
	height: 35px;
	margin-top: 7px;
	margin-left: 13px;
	display:inline;
}

#store_btn #osaka_btn:hover{
	background-image:url(../images/osaka_btn_hover.gif);
	background-position:0px 0px;
}

#store_btn #kyoto_btn {
	width: 109px;
	height: 35px;
	margin-top: 7px;
	margin-left: 14px;
	display:inline;
	}

#store_btn #kyoto_btn:hover{
	background-image:url(../images/kyoto_btn_hover.gif);
	background-position:0px 0px;
}

#store_btn #kobe_btn {
	width: 109px;
	height: 35px;
	margin-top: 7px;
	margin-left: 15px;	
	display:inline;
	}

#store_btn #kobe_btn:hover{
	background-image:url(../images/kobe_btn_hover.gif);
	background-position:0px 0px;
}


/* Store Small Button */
#store_small_btn li{
    margin: 0; 
	padding: 0; 
	list-style: none;
	float:left;
    position: relative; 
	top: 0;
	left: 0;
}
	
#store_small_btn a {
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
}


#store_small_btn #osaka_small_btn {
	width: 71px;
	height: 22px;
	margin-top: 5px;
	margin-left: 5px;
	display:inline;
}

#store_small_btn #osaka_small_btn:hover{
	background-image:url(../images/osaka_btn_hover_small.gif);
	background-position:0px 0px;
}

#store_small_btn .no_hover#osaka_small_btn:hover{
	background-image:url(../images/space.gif);
	background-position:0px 0px;
}

#store_small_btn #kyoto_small_btn {
	width: 71px;
	height: 22px;
	margin-top: 5px;
	margin-left: 10px;
	display:inline;
	}

#store_small_btn #kyoto_small_btn:hover{
	background-image:url(../images/kyoto_btn_hover_small.gif);
	background-position:0px 0px;
}

#store_small_btn .no_hover#kyoto_small_btn:hover{
	background-image:url(../images/space.gif);
	background-position:0px 0px;
}

#store_small_btn #kobe_small_btn {
	width: 71px;
	height: 22px;
	margin-top: 5px;
	margin-left: 10px;	
	display:inline;
	}

#store_small_btn #kobe_small_btn:hover{
	background-image:url(../images/kobe_btn_hover_small.gif);
	background-position:0px 0px;
}

#store_small_btn .no_hover#kobe_small_btn:hover{
	background-image:url(../images/space.gif);
	background-position:0px 0px;
}


/* Course Button */
#course_btn li{
    margin: 0; 
	padding: 0;
	margin-bottom: 20px; 
	list-style: none;
	float:left;
    position: relative; 
	top: 0;
	left: 0;
	display: inline;
	overflow: hidden;
}
	
#course_btn a {
	background-image:url(../images/course_banner.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
	display: inline;
}


#course_btn #simple_btn {
	width: 220px;
	height: 106px;
	background-position:0px 0px;
	margin-top: 0px;
	margin-left: 0px;
	display:inline;
}

#course_btn #simple_btn:hover{
	background-position:0px -106px;
}

#course_btn #standard_btn{
	width: 220px;
	height: 106px;
	background-position:-220px 0px;
	margin-top: 0px;
	margin-left: 20px;
	display:inline;
}

#course_btn #standard_btn2{
	width: 220px;
	height: 106px;
	background-position:-220px 0px;
	margin-top: 0px;
	margin-left: 20px;
	display:inline;
}



#course_btn #standard_btn2{
	margin-left: 0px;
}

#course_btn #standard_btn:hover, #course_btn #standard_btn2:hover{
	background-position:-220px -106px;
}

#course_btn #luxury_btn{
	width: 220px;
	height: 106px;
	background-position:-440px 0px;
	margin-top: 0px;
	margin-left: 20px;
	display:inline;
}

#course_btn #luxury_btn2 {
	width: 220px;
	height: 106px;
	background-position:-440px 0px;
	margin-top: 0px;
	margin-left: 20px;
	display:inline;
}


#course_btn #luxury_btn2{
	margin-left: 0px;
}

#course_btn #luxury_btn:hover, #course_btn #luxury_btn2:hover{
	background-position:-440px -106px;
}


/* Course Button Smaller*/
#course_smaller_btn li{
    margin: 0; 
	padding: 0;
	margin-bottom: 20px; 
	list-style: none;
	float:left;
    position: relative; 
	top: 0;
	left: 0;
	display: inline;
	overflow: hidden;
}

	
#course_smaller_btn a {
	background-image:url(../images/course_banner_smaller.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
	display: inline;
}


#course_smaller_btn #simple_smaller_btn {
	width: 170px;
	height: 82px;
	background-position:0px 0px;
	margin-top: 0px;
	margin-left: 0px;
	display:inline;
}

#course_smaller_btn #simple_smaller_btn:hover {
	background-position:0px -82px;
}

#course_smaller_btn #simple_smaller_btn.active {
	background-position:0px -164px;
}

#course_smaller_btn #standard_smaller_btn{
	width: 170px;
	height: 82px;
	background-position:-170px 0px;
	margin-top: 0px;
	margin-left: 14px;
	display:inline;
}


#course_smaller_btn #standard_smaller_btn:hover {
	background-position:-170px -82px;
}

#course_smaller_btn #standard_smaller_btn.active {
	background-position:-170px -164px;
}

#course_smaller_btn #luxury_smaller_btn{
	width: 170px;
	height: 82px;
	background-position:-340px 0px;
	margin-top: 0px;
	margin-left: 14px;
	display:inline;
}

#course_smaller_btn #luxury_smaller_btn:hover {
	background-position:-340px -82px;
}

#course_smaller_btn #luxury_smaller_btn.active {
	background-position:-340px -164px;
}

/* Ayurveda Button Sprite */ /*display:inline is for duble margin fix*/
.ayurveda_btn_div {
	position: relative;
	width: 502px;
	height: 72px;
	margin-top: 25px;
	margin-bottom: 15px;
	float: left;
	display: inline;
}
	
.ayurveda_btn_div {
	position: relative;
	width: 502px;
	height: 72px;
	margin-top: 25px;
	margin-bottom: 15px;
	float: left;
	display: inline;
}
	
	
.ayurveda_btn_div a {
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
}

.ayurveda_btn_div .ayurveda_btn {
	background-image:url(../images/ayurveda_check_btn.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 502px;
	height: 70px;
	}

.ayurveda_btn_div .ayurveda_btn:hover{
	background-image:url(../images/ayurveda_check_btn.gif);
	background-position:0px -70px;
	background-repeat: no-repeat;
}