@charset "UTF-8";

body {
	color: #333333;
	font-size: 100%;
	font-family: sans-serif;	
	line-height: 1.4;
	background-color: #ced0ac;
	margin: 0px;
	padding: 0px;
}


* html body {
	font-size: 57.5%; /* IE 10px*/
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: baseline;
} /* for lte ie6 */

*:first-child+html body {
	font-size: 62.5%; /* IE 10px*/
	font-family: "ＭＳ Ｐゴシック", sans-serif;
} /* for ie7 */

html>/**/body {
	font-size: 62.5%; /* IE 10px*/
	font-family: "ＭＳ Ｐゴシック", sans-serif;
} /* for ie8 */

html:not(:target) body {
	font-size: 10px;
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-shadow:#ccc .2em .2em .2em;
} /* for modern browser not ie8 */

h2, h3, h4, h5{
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝", Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-shadow:#ccc .2em .2em .2em;
}

h2{
	font-size: 135%;
	
}

h3, h4{
	font-size: 120%;
}

h5{
	font-size: 110%;
}

p{
	padding-top: 15px;
}

.margin_top{
	margin-top: 20px;
}

.link_style, .link_style_black{
	font-size: 90%;
	display: block;
	text-indent: 14px;
	background-image:url(../images/arrow01.gif);
	background-position:0px 2px;
	background-repeat: no-repeat;
}

.link_style:hover{
	background-image:url(../images/arrow01_hover.gif);
}

.link_style_black{
	background-image:url(../images/arrow00.gif);
	background-position:0px 0px;
}

.link_style_black:hover{
	background-image:url(../images/arrow00_hover.gif);
	background-position:0px 0px;
}

.link_style_right{
	padding-right: 15px;
	font-size: 90%;
	display: inline;
	background-image:url(../images/arrow02.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

.link_style_right:hover{
	background-image:url(../images/arrow02_hover.gif);
}

.link_style_right:visited{
	background-image:url(../images/arrow02_hover.gif);
}


.align-right{
	text-align: right;
	float: right;
}

/* link style
---------------------------*/
a img {
	border-style: none;
}

a:link {
	color: #996633;
	color: #cc6600;
	text-decoration: none;
}

a:visited {
	color: #996633;
	color: #cc6600;
	text-decoration: none;
}

a:hover {
	color: #666600;
	color: #ffcc66;
	color: #ff9933;
	text-decoration: underline;
}
a:active {
	color: #FF9933;
	text-decoration: none;
}


a:active, a:focus {
	outline: 0;
}

.underline a:link, .underline a:visited{
	text-decoration: underline;
}



.clear{
	clear: both;
}

.ul_desc {
	display:inline;
}

#wrapper{
	font-size: 140%; /* 14px 100% */
	width: 920px;
	margin: 0px auto;
	padding-left: 4px;
	padding-right: 4px;
	background-image: url(../images/bg.gif)
}

#header{
	width: 920px;
	height: 128px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
}

/* MAIN CSS */
#main{
	float: right;
	width: 700px;
	margin-top: 0px;
	margin-right: 20px;
	display: inline;
	padding-bottom: 20px;
}

#breadcrumb{
	float: right;
	width: 700px;
	height: 14px;
	margin-right: 20px;
	display: inline;
	overflow: hidden;
	font-size: 80%;
	padding-top: 6px;
}

#top_banner_div{
	width: 700px;
	height: 326px;
	background-image: url(../images/top_kyoto_banner.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	color: #ffffff;
	text-shadow:#333 .2em .2em .2em;
	
}

#top_banner_osaka{
	width: 700px;
	height: 326px;
	background-image: url(../images/osaka_h01.jpg);
	background-repeat: no-repeat;
}

#top_banner_kyoto{
	width: 700px;
	height: 326px;
	background-image: url(../images/kyoto_h01.jpg);
	background-repeat: no-repeat;
}

#top_banner_kobe{
	width: 700px;
	height: 326px;
	background-image: url(../images/kobe_h01.jpg);
	background-repeat: no-repeat;
}

#top_banner_right{
	float: right;
	width: 245px;
	height: 241px;
	margin-right: 15px;
	margin-top: 35px;
	margin-bottom: 15px;
	padding: 20px 15px 15px 15px;
	display: inline;
	overflow: hidden;
	line-height: 1.2;
}

#top_banner_right p{
	font-size: 90%;
}

#top_banner_left{
	float: left;
	width: 382px;
	height: 49px;
	margin-left: 15px;
	margin-top: 262px;
	margin-bottom: 15px;
	display: inline;
	overflow: hidden;
}

#top_banner_left_store{
	float: left;
	width: 243px;
	height: 32px;
	margin-left: 41px;
	margin-top: 279px;
	margin-bottom: 15px;
	display: inline;
	overflow: hidden;
}

#main_div{
	float: left;
	width: 538px;
	background-color: #f5f6ec;
	padding: 20px 80px;
	padding-top: 30px;
	border-style:solid;
	border-color:#663300;
	border-width:1px;
	border-top-style: none;
	display: inline;
}

#main_left_div{
	width: 418px;
	float: left;
	background-color: #e6e6dd;
	padding: 20px;
	border-style:solid;
	border-color:#663300;
	border-width:1px;
	display: inline;
}

#main2_h3{
	display: block;
	text-indent: -5000px;
	background-image:url(../images/toppage_hs.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 418px;
	height: 26px;
}

#main2_h2{
	display: block;
	text-indent: -5000px;
	background-image:url(../images/toppage_hs.gif);
	background-position:0px -26px;
	background-repeat: no-repeat;
	width: 418px;
	height: 30px;
}

#main3_h3{
	display: block;
	text-indent: -5000px;
	background-image:url(../images/toppage_hs.gif);
	background-position:0px -56px;
	background-repeat: no-repeat;
	width: 418px;
	height: 26px;
}

#main3_h2{
	display: block;
	text-indent: -5000px;
	background-image:url(../images/toppage_hs.gif);
	background-position:0px -82px;
	background-repeat: no-repeat;
	width: 418px;
	height: 30px;
}


#main_right_div{
	width: 188px;
	float: right;
	background-color: #f5f6ec;
	padding: 10px 15px;
	border-style:solid;
	border-color:#663300;
	border-width:1px;
	display: inline;	
}

#info_top_h{
	display: block;
	text-indent: -5000px;
	background-image:url(../images/info_h.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	height: 28px;
}

#info li{
	margin-top: 10px;
	font-size: 85%;
}
/* END OF MAIN CSS */


/* Side L CSS */
#side_l{
	float: left;
	width: 160px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	display: inline;
}

#nav_div{
	padding-bottom: 20px;
}

/* Top Right CSS */
#top_right_div{
	position: absolute;
	width: 900px;
	height: 20px;
	padding-right: 20px;
	overflow: hidden;
	top: 22px;
	text-align: right;
	font-size: 90%;
}

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

#top_right li {
    margin: 0; 
	padding: 0; 
	float: right;
	list-style: none;
    position: relative; 
	top: 0;
	left: 0;
	margin-left: 10px;
}
	
#top_right a {
	display: block;
}
	
#top_right .english {
	text-decoration:none;
	display: block;
	text-indent: 28px;
	background-image:url(../images/uk_flag.gif);
	background-position:0px 2px;
	background-repeat: no-repeat;
	
}

#top_right .japanese {
	text-decoration:none;
	display: block;
	text-indent: 28px;
	background-image:url(../images/jp_flag.gif);
	background-position:0px 2px;
	background-repeat: no-repeat;
}


/* Footer CSS */
#footer{
	width: 920px;
	background-color: #877333;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 80%;
	text-shadow:#333 .2em .2em .2em;
}


#footer_link li{
    margin: 0; 
	padding: 0; 
	list-style: none;
    display: inline;
    position: relative; 
	top: 0;
	left: 0;
}

#footer a:link {
	color: #fff;
	text-decoration: none;
}

#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #ff7f00;
	text-decoration: underline;
}
#footer a:active {
	color: #FF9933;
	text-decoration: none;
}





/* Header css */
h1{
	font-size: 80%;
	text-align: right;
	padding-right: 20px;
	padding-top: 3px;
	color: #66666;
	overflow: hidden;
}

#head{
	height: 31px;
	overflow: hidden;
}

/* Logo Sprite */ /*display:inline is for duble margin fix*/
#logo_div {
	position: relative;
	width: 542px;
	height: 84px;
	margin: 0;
	margin-left: 38px;
	float: left;
	display: inline;
}
	
#logo_div a {
	text-decoration:none;
	display: block;
	float: left;
	text-indent: -5000px;
}

#logo_div #logo {
	background-image:url(../images/huahin-logo.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 124px;
	height: 84px;
	}

#logo_div #logo:hover{
	background-image:url(../images/huahin-logo.jpg);
	background-position:0px -84px;
	background-repeat: no-repeat;
}

#phone_number_div{
	padding-top:25px;
	float: left;
	width: 320px;
	padding-right: 20px;
	display: inline;
}


/* OTHER PAGE CSS */

#about_h, #massage_h, #standard_h, #luxury_h, #simple_h, #course_h, #reservation_h, #access_h, #qa_h, #contact_h, #ayurveda_h, #press_h, #school_h, #recruit_h, #link_h, #sitemap_h, #osaka_h, #kyoto_h, #kobe_h, #english_h, #ayurveda_check_h, #ayurveda_course_h, #info_h, #giftcard_h, #error404_h, #error403_h{
	background-image:url(../images/about_h.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 700px;
	height: 128px;
	text-indent: -5000px;
}

#about_h{
	background-image:url(../images/about_h02.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#massage_h{
	background-image:url(../images/massage_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#standard_h{
	background-image:url(../images/standard_h04.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#luxury_h{
	background-image:url(../images/luxury_h04.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#simple_h{
	background-image:url(../images/simple_h04.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#ayurveda_course_h{
	background-image:url(../images/ayurveda_course_h02.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#course_h{
	background-image:url(../images/course_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#reservation_h{
	background-image:url(../images/reservation_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#access_h{
	background-image:url(../images/access_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#qa_h{
	background-image:url(../images/qa_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#contact_h{
	background-image:url(../images/contact_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}


#school_h{
	background-image:url(../images/school_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}
#press_h{
	background-image:url(../images/press_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}
#recruit_h{
	background-image:url(../images/recruit_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#link_h{
	background-image:url(../images/link_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#sitemap_h{
	background-image:url(../images/sitemap_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#info_h{
	background-image:url(../images/info_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#giftcard_h{
	background-image:url(../images/giftcard_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}


#english_h{
	background-image:url(../images/english_h.jpg);
}

#osaka_h{
	background-image:url(../images/osaka_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 700px;
	height: 326px;
}

#kobe_h{
	background-image:url(../images/kobe_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 700px;
	height: 326px;
}

#kyoto_h{
	background-image:url(../images/kyoto_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 700px;
	height: 326px;
}

#ayurveda_check_h{
	background-image:url(../images/ayurveda_check_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#error404_h{
	background-image:url(../images/404_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

.error404_bg{
	width: 538px;
	height: 330px;
}

#error403_h{
	background-image:url(../images/403_h.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

.error403_bg{
	background-image:url(../images/403_bg.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 538px;
	height: 330px;
	text-indent: -5000px;
}



/* H background CSS */
.header_catch_bg, .header_catch_bg_top{
	padding: 0px 0px 0px 5px;
	border-left-style:solid;
	border-color: #663300;
	border-left-width: 10px;
}

.header_catch_bg_top{
	border-color: #666;
}

.header_bg, .header_bg_top{
	padding: 0px 0px 0px 5px;
	border-left-style:solid;
	border-bottom-style:solid;
	border-color: #663300;
	border-left-width: 10px;
	border-bottom-width: 1px;
}

.header_bg_top{
	border-color: #666;
}

h5{
	color: #999933;
	font-weight: bold;
}

h4{
	border-bottom-style:solid;
	border-color:#663300;
	border-width:2px;
	color: #663300;
}

h3{
	margin-top: -3px;
	color: #663300;
}

.box_div{
	margin: 30px 0px;
	display:block;
}

img.special {
	border: 1px #999 solid;
}

img.special02 {
	border: 1px #663300 solid;
}

img.image_space {
	margin: 15px 20px;
	display: inline;
}

img.image_space_right {
	margin: 0px 0px 15px 20px;
	display: inline;
}


table.padded_table th { 
	padding:10px; 
	border: 2px #ccc solid;
}

table.padded_table td { 
	padding:10px; 
	border: 2px #ccc solid;
}

table.course_table th { 
	padding:15px; 
	border: 2px #ccc solid;
	border: 2px #fccb33 solid;
	border: 2px #663300 solid;
	border: 2px #eab92d solid;
	border: 2px #c99722 solid;
	background-color: #edeee4;
	background-color: #eee7cd;
}

table.course_table td { 
	padding:15px; 
	border: 2px #ccc solid;
	border: 2px #fccb33 solid;
	border: 2px #663300 solid;
	border: 2px #eab92d solid;
	border: 2px #c99722 solid;
}

table.course_table02 td { 
	padding:15px; 
}

table.course_table_thai th { 
	padding:15px; 
	border: 2px #ccc solid;
	border: 2px #fccb33 solid;
	background-color: #edeee4;
	background-color: #eee7cd;
	background-image:url(../images/thai_massage_bg.jpg);
}

table.course_table_thai td { 
	padding:15px; 
	border: 2px #ccc solid;
	border: 2px #fccb33 solid;
}

table.course_icon td{
	padding:0px; 
	border: none;
	width: 100%;

}

.caution{
	color: #990000;
}

#ayurveda_div{
	float: left;
	width: 538px;
	background-color: #f5f6ec;
	padding: 20px 80px;
	padding-top: 30px;
	border-style:solid;
	border-color:#663300;
	border-width:1px;
	border-top-style: none;
	display: inline;
	font-size: 85%;
}


#ayurveda_div h3 {
	border-bottom:1px dotted #663300;
	font-size:85%
	padding:20px 0 0 2px;
	padding:20px 0 0 2px;
	margin: 0 10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

ol {
	list-style-type:decimal;
	margin: 0 0 0 40px;
}

.form_content ul li {
	display: block;
	float: left;
	list-style-type: none;
	padding-left: 10px;
}

dd{
	padding-top: 20px;
}

.link_list_box{
	border: 1px #ccc solid;
	padding: 10px;
	background-color: #f5f6ec;
	background-color: #f1f2e8;

	
}

.smaller{
	font-size: 90%;
}

.normal_ul ul{
	display: block; 
    list-style-type: disc; 
    -khtml-padding-start: 20px 
}

.normal_ul li{
	margin-top: 0.6em;
}

.normal_ol li{
	margin-top: 0.6em;
}

/* LUXURY PAGE */
.lux_script{
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝", Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-shadow:#ddd .2em .2em .2em;
	color: #cc6600;
}

.text_center{
	text-align: center;
}

.tel_box{
	padding: 0.4em 15px;
	background-image:url(../images/tel_icon.gif);
	background-position:0.4em 0.5em;
	background-repeat: no-repeat;
	border: 1px #663300 solid;
	background-color: #e4e6d7;
	font-size: 150%;
	font-size: 1.5em;
	color: #663300;
	display: table-cell;
	text-indent: 1.2em;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝", Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	}

.tel_box a{
	font-size: 0.5em;
}

.tel_icon{
	padding: 0.4em;	
}

/* Navigation 1 2 3 */
.nav_box_wrapper_foot{
	text-align: center;
	text-shadow:#ddd 0em 0em 0em;
}

.nav_box_foot, .active_nav_box_foot{
	width: 10px;
	height: 10px;
	margin: 0px auto;
	padding: 3px;
	border: 1px #663300 solid;
	display:inline;
	background-color: #fff;
}

.active_nav_box_foot{
	background-color: #ccc;
}

.nav_box_foot a{
	color: #333;
}

.nav_box_foot a:HOVER{
	color: #ff9933;
}

/* Print */
.print_box{
	float:right;
	margin: 0px auto;
	padding: 3px;
	border: 1px #663300 solid;
	border: 1px #ccc solid;
	display:block;
	background-color: #eee;
	background-color: #edeee4;
	font-size: 80%;
	margin-top: 10px;
}



/* Text Color */
.vivid_color{
	color: #ff0000;
}

.pale_color{
	color: #666;
	text-shadow:#ddd .2em .2em .2em;
}

.rich_color{
	color: #b28b39;
}

.align_center{
	margin: 0px auto;
}

.item_l {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

.item_lw {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 13em;
}

.item_r {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 400px;
}

.item_far_r {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  float: right;
}


/*IE6用ハック*/
* html .item_far_r,
* html .item_l,
* html .item_r {
  display: inline;
  zoom: 1;
}

/*IE7用ハック*/
*:first-child+html .item_far_r,
*:first-child+html .item_l,
*:first-child+html .item_r {
  display: inline;
  zoom: 1;
}

.img-margin-left{
	margin-left: 5px;
}

fieldset{
	border-color: #660000;
	border:1px solid #660000;
	color: #660000;
}


p.no_margin{
	margin:0;
	padding:0;
}

.text_stronger{
	color: #817730;
	font-size: 115%;
	font-weight: bold;
	padding-bottom: 3px;
	text-decoration: underline;
	
}

.larger{
	font-size: 120%;
}

.price_text{
	color: #660000;
}

.sitemap{
	font-weight: bold;
	text-indent: 3em;
}

.sitemap-sec{
	font-weight: normal;
	font-size: 85%;
	text-indent: 6em;
	margin-bottom: 1.5em;	
}

.margin-left-20{
	margin-left: 20px;
}