@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/jtms_nav.png);
}

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

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

#nav #nav_top:active{
	background-position:-320px 0px;
}

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


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

#nav #nav_tanka:hover{
	background-position:-160px -34px;
}

#nav #nav_tanka:active{
	background-position:-320px -34px;
}

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

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

#nav #nav_sougou:hover{
	background-position:-160px -69px;
}

#nav #nav_sougou:active{
	background-position:-320px -69px;
}

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

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

#nav #nav_kaigyou:hover{
	background-position:-160px -103px;
}

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

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

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

#nav #nav_schedule:hover{
	background-position:-160px -137px;
}

#nav #nav_schedule:active{
	background-position:-320px -137px;
}

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

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

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

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

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

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

#nav #nav_testimonials:hover{
	background-position:-160px -205px;
}

#nav #nav_testimonials:active{
	background-position:-320px -205px;
}

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

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

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

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

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


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

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

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

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



/*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_huahin {
	background-image:url(../images/huahin_banner.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 160px;
	height: 100px;
	}

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

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

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

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

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

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

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



/* 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;
}