﻿/********** Tablets portrait **********/

@charset "utf-8";

/* CSS Document */

/*@media screen and (min-width: 481px) and (max-width: 760px) {*/
	
	/* remove orange outline */
	textarea:focus, input:focus, select:focus{
    	outline: none;
    	/*outline: solid 1px #daa367;*/
		background-color:#faf8f2;
    	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	html {
		/* remove orange outline */
    	outline: none;
    	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
		color: #666666;
	}
	body {
		/* remove orange outline */
    	outline: none;
    	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		margin: 0px;
		padding: 0px;
		/*height: 100%;*/
		/*width: 100%;*/
		min-width: 320px;
		background-color:#000000;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
		color: #666666;
	}
	p {
		/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
		/*font-size: 12px;*/
		font-weight: normal;
		/*line-height: 22px;*/
		color: #666666;
		margin:0px 0px 10px 0px;
	}
	p.intro {
		font-family: "PT Sans", sans-serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 24px;
		color: #666666;
		margin:0px 0px 20px 0px;
	}
	ul.no_dot {
		list-style:none;
		line-height:18px;
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
	}
	ul.content {
		line-height:18px;
		margin: 0px 0px 15px 16px;
		padding: 0px 0px 0px 0px;
	}
	ul.content li, ul.no_dot li {
		line-height:18px;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
	}
	ul.p_rule {
		list-style:none;
		line-height:18px;
		margin: 0px 0px 15px 16px;
		padding: 0px 0px 0px 0px;
	}
	ul.p_rule li {
		line-height:18px;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
	}
	li.dash_indent {
		text-indent:-9px;
	}
	li.blanket_indent {
		text-indent:-8px;
	}
	li.normal_indent {
		text-indent:0px;
	}

	input {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		margin:0px;
		padding:0px;
	}
	input[type=text] {
		border:1px solid #cccccc;
		color: #666666;	
		margin: 0px 0px 5px 0px;
		padding: 2px 0px 1px 0px;
	}
	input[type=date] {
		border:1px solid #cccccc;
		color: #666666;	
		margin: 0px 0px 5px 0px;
		padding: 2px 0px 1px 0px;
	}
	textarea  {
		font-family: Verdana;
		font-size: 11px;
		border:1px solid #cccccc;
		color: #666666;	
	}
	select {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		margin: 0px 0px 5px 0px;
		padding:0px;
		border:1px solid #cccccc;
		color: #666666;	
	}
	label {
		/*white-space:nowrap;*/
	}
	label input{
		margin-top:0px;
		margin-bottom:15px;
	}


	H1 {
		font-size:24px;
		line-height:60px;
	}
	H1 .en {
		font-size: 14px;
		line-height:50px;
	}
	.text_en {
		font-size: 11px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		line-height: 16px;
		color:#B1956B;
	}
	
	
	.dotted_line {
		clear:both;
		width:100%;
		height:10px;
		border-bottom: 1px dotted #cccccc;
		margin-bottom: 15px;
	}
	.dotted_line_20 {
		clear:both;
		width:100%;
		height:20px;
		border-bottom: 1px dotted #cccccc;
		margin-bottom: 20px;
	}
	
	
	.d_hide {
		display:block;
	}
	.t_hide {
		display:none;
	}
	.m_hide {
		display:block;
	}


	
	#container {
		margin: 0px;
		padding: 0px;
		position: relative;
	}

	/*#rotate_banner_back {
	}
	#rotate_banner_front {
	}*/

	.banner_top {
	}
	
	.bg_home_1 {
	}
	.bg_home_2 {
	}
	.bg_home_3 {
	}
	.bg_home_4 {
	}
	.bg_program {
	}
	.bg_membership {
	}
	.bg_earn {
	}
	.bg_redeem {
	}
	.bg_account {
	}
	.bg_offer {
	}


	#banner_home {
		display:none;
	}
	#banner_home p {
		display:none;
	}
	#banner_250 {
		background-color:#ffffff;
		position:relative;
		margin:0px auto;
		width: 100%;
		height: 50px;
		clear:both;
	}
	#banner_250 p {
		display:none;
	}
	

	.title_bar {
		background-color:#000000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.60;
		opacity: 0.60;
		width: 100%;
		height: 50px;
		position:relative;
		top:0px;
		color:#FFFFFF;
		font-size:30px;
		line-height:50px;
	}
	.title_text {
		position:absolute;
		top:0px;
		left:15px;
	}
	.title_text .en {
	}
	.title_text .tier_1 {
		color:#daa367;
	}
	.title_text .tier_2 {
		color:#97b682;
	}
	.title_text .tier_3 {
		color:#a4a1c1;
	}


	.header_bg {
		/*width: 100%;*/
		/*height: 141px;*/
		/*background-color:#aaaaaa;*/
		background-repeat:no-repeat;
		background-position:0px 55px;
		background-size: 800px 5px;
	}
	.line_1 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/line_1.jpg);
	}
	.line_2 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/line_2.jpg);
	}
	.line_3 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/line_3.jpg);
	}


	#main_header {
		position: relative;
		margin: 0px auto;
		/*width: 100%;*/
		min-width: 320px;
		/*height: 60px;*/
	}
	.header_logo {
		/*position: absolute;
		top: 0px;
		left: 0px;*/
		width: 300px;
		height: 60px;
		background-repeat:no-repeat;
		background-size: 300px 55px;
		cursor:pointer;
	}
	.logo_1 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/header_logo_1.jpg);
	}
	.logo_2 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/header_logo_2.jpg);
	}
	.logo_3 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/header_logo_3.jpg);
	}


	#mobile_menu_button {
		z-index:300;
		position:absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		height: 60px;
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_btn.png);
		background-size: 70px 60px;
		cursor: pointer;
	}
	
	#mobile_menu {
		display:none;
		clear:both;
	}
	
	#language_panel {
		background-color:#ffffff;
		width: 100%;
		min-width: 320px;
		height:50px;
		margin:0px;
		padding:0px;
		clear:both;
	}
	#language_btn {
		display:none;
	}	
	#language_pulldown {
		min-width: 290px;
		height:35px;
		margin:0px 15px 0px 15px;
		padding:0px;
		clear:both;
	}
	#language_pulldown ul {
		float: left;
		width:100%;
		/*background-color:#eeeeee;*/
		height:40px;
		list-style:none;
		margin: 0px;
		padding: 0px;
		background-position: 0px bottom;
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
	}	
	/*#language_pulldown li:first-child {
		margin:10px;
	}	*/
	#language_pulldown li {
		float: left;
		display:table-cell;
		/*background-color:#eeeeee;*/
		line-height: 40px;
		height:40px;
		width: 25%;
		text-decoration: none;
		text-align:center;
		cursor:pointer;
	}
	#language_pulldown li.select {
		color:#B1956B;
		cursor:default;
	}
	#language_pulldown li:hover {
	}
	
	
	
	
	#login_panel {
		float:left;
		background-color:#000000;
		/*position: relative;
		top: 60px;
		left: 0px;*/
		width: 100%;
		min-width: 320px;
	}	
	#login_panel ul {
		list-style:none;
		margin: 0px 15px;
		padding: 0px;
	}	
	#login_panel li {
		font-size: 18px;
		font-weight: bold;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		line-height: 38px;
		color: #FFFFFF;
		text-decoration: none;
		white-space:nowrap;
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_arrow.png);
		background-repeat:no-repeat;
		background-position: right center;
		background-size: 20px 24px;
	}
	#login_panel br{
		display:none;
	}
	#login_panel li div {
		cursor:pointer;
	}
	#login_panel li div.login_btn {
		height: 41px;
	}
	#login_panel li div.join_btn {
		height: 41px;
		background-position: 0px top;
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
	}
	#login_panel li div.reserve_btn {
		height: 41px;
		background-position: 0px top;
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
	}
	/* pulldown login button
	#login_panel li div.reserve_btn {
		height: 31px;
		background-position: 0px top;
		background-image:url(../images_mobile/menu_line_cover.gif);
		background-size: auto 36px;
		background-repeat:repeat-x;
		cursor:default;
	}
	#login_panel li div.reserve_btn_on {
		background-position: 0px top;
		background-image:url(../images_mobile/menu_line_cover.gif);
		background-size: auto 36px;
		background-repeat:repeat-x;
		cursor:default;
	}
	*/
	

	#reserve_pulldown {
		background-image:none;
		/*display:none;*/
		width:100%;
		min-width: 290px;
		background-color:#000000;
	}
	#reserve_pulldown ul {
		float: left;
		width:100%;
		background-image:none;
		list-style:none;
		margin: 0px auto;
		padding: 0px 0px 5px 0px;
	}	
	#reserve_pulldown li {
		background-image:none;
		/*background-color:#aaaaaa;*/
		float: left;
		display:table-cell;
		/*background-color:#eeeeee;*/
		width: 50%;
		height:50px;
		text-indent: -9999px;
		text-align:center;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height:13px;
		text-decoration: none;
		cursor:pointer;
	}
	#reserve_pulldown li.reserve_jal {
		background-position: 0px top;
		background-image:url(https://oneharmony.com/content/en/images_mobile/reserve_logo_jal.jpg);
		background-size: 110px 50px;
		background-repeat:no-repeat;
		background-position:center;
		cursor:pointer;
	}
	#reserve_pulldown li.reserve_okura {
		background-position: 0px top;
		background-image:url(https://oneharmony.com/content/en/images_mobile/reserve_logo_okura.jpg);
		background-size: 110px 50px;
		background-repeat:no-repeat;
		background-position:center;
		cursor:pointer;
	}
	#reserve_pulldown li:hover {
		/*padding: 5px 10px 0px 10px;
		text-decoration: none;
		color: #666666;*/
	}


	#login_panel li div a {
		color: #FFFFFF;
	}
	#login_panel div#member_info {
		padding: 10px 0px 15px 15px;
	}
	#login_panel div#member_tier_1 {
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #daa367;
	}
	#login_panel div#member_tier_2 {
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #97b682;
	}
	#login_panel div#member_tier_3 {
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #a4a1c1;
	}
	#login_panel div#member_name {
		font-size: 14px;
		color: #FFFFFF;
	}
	#login_panel div#member_name span.salutation{
		color: #cccccc;
	}
	#login_panel div#member_point_label {
		float: left;
		font-weight: bold;
		line-height: 20px;
		color: #b1956b;
		min-width: 85px;
		padding-right:10px;
		height: 16px;
	}
	#login_panel div#member_point {
		float: left;
		text-align:right;
		font-size: 14px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #b1956b;
		min-width: 60px;
		padding-right: 10px;
		height: 16px;
	}
	#login_panel div#logout_btn {
		float: right;
		font-weight: bold;
		line-height: 20px;
		text-align:center;
		color: #b1956b;
		width: 95px;
		height: 16px;
		border-left: 1px solid #3b2918;
		cursor:pointer;
	}





	#top_menu {
		width: 100%;
		min-width: 320px;
		margin:0px;
		padding:0px;
		clear:both;
	}
	#top_menu ul {
		float: left;
		background-color:#ffffff;
		list-style:none;
		margin:0px;
		padding: 0px 5px 0px 15px;
	}
	#top_menu li {
		float: left;
		background-color:#ffffff;
		height: 40px;
		width: 240px;
		max-width: 31%;
		margin-right: 10px;
		font-size: 14px;
		font-weight: bold;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		line-height: 40px;
		color:#000000;
		text-decoration: none;
		text-indent: 38px;
		cursor:pointer;
		background-position: 0px bottom;
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
		cursor:pointer;
	}
	#top_menu li div {
		height: 40px;
		background-position: 3px center;
		background-size: 24px 24px;
	}
	#top_menu li div.menu_btn_1 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_icon_1.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_2 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_icon_2.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_3 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_icon_3.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_4 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_icon_4.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_5 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_icon_5.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_6 {
		background-image:url(https://oneharmony.com/content/en/images_mobile/menu_icon_6.gif);
		background-repeat:no-repeat;
	}


	#location_bar {
		display:none;
	}
	#location_bar a {
		display:none;
	}
	
	#location_bar_pv10 {
		display:none;
	}
	#location_bar_pv10 a {
		display:none;
	}




	#left_menu {
		/*background-color:#cccccc;*/
		/*float:left;*/
		width: 100%;
		/*min-height:50px;*/
		margin:0px;
		/*padding-bottom:15px;*/
	}
	
	
	#submenu {
		min-height:41px;
		background-color:#f6f1e4;
		margin:0px 0px 15px 0px;
		padding:10px 15px 10px 15px;
		clear:both;
	}
	#submenu_btn_on {
		display:block;
		/*display:none;*/
		color:#000000;
		background-image:url(https://oneharmony.com/content/en/images_mobile/submenu_button.gif);
		background-repeat:no-repeat;
		background-position:right;
		background-size:auto 41px;
		width: 100%;
		height: 41px;
		line-height: 43px;
		text-decoration: none;
		text-indent: 15px;
		cursor:pointer;
	}
	#submenu_btn_off {
		display:block;
		position:absolute;
		top:0px;
		/*background-color:#eeeeee;*/
		width: 100%;
		height: 40px;
		cursor:pointer;
	}
	#submenu ul {
		display:none;
		/*background-color:#cccccc;*/
		position:relative;
		width: 100%;
		list-style:none;
		margin: 0px;
		/*height: 201px;*/
		padding: 0px;
		background-image:url(https://oneharmony.com/content/en/images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 200px;
		background-size:auto 40px;
	}
	#submenu li {
		display:block;
		position:relative;
		background-image:url(https://oneharmony.com/content/en/images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-size:auto 40px;
		width: 100%;
		height: 40px;
		color:#666666;
		line-height: 43px;
		text-decoration: none;
		text-indent: 15px;
		cursor:pointer;
	}
	#submenu li div {
		display:block;
		width: 100%;
		height: 40px;
		cursor:pointer;
	}
	#submenu li.on {
		color:#000000;
		background-image:url(https://oneharmony.com/content/en/images_mobile/submenu_on.gif);
		background-repeat:no-repeat;
		background-position:right;
		background-size:auto 40px;
	}
	#submenu li a {
		color:#666666;
		height: 40px;
	}


	#submenu_anchor {
		/*background-color:#f6f1e4;*/
		margin:0px 0px 15px 0px;
		padding:0px;
		/*padding:10px 15px 10px 15px;*/
		clear:both;
	}
	#submenu_anchor ul {
		background-color:#f6f1e4;
		/*display:none;*/
		/*background-color:#cccccc;*/
		position:relative;
		width: 100%;
		list-style:none;
		margin: 0px;
		/*height: 201px;*/
		padding: 0px;
		background-image:url(https://oneharmony.com/content/en/images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 200px;
		background-size:auto 40px;
	}
	#submenu_anchor li {
		display:block;
		position:relative;
		background-image:url(https://oneharmony.com/content/en/images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-size:auto 40px;
		width: 100%;
		min-height: 40px;
		color:#666666;
		text-decoration: none;
		cursor:pointer;
	}
	#submenu_anchor li.on {
		color:#000000;
		background-image:url(https://oneharmony.com/content/en/images_mobile/submenu_on.gif);
		background-repeat:no-repeat;
		background-position:right;
		background-size:auto 40px;
	}
	#submenu_anchor li div {
		display:block;
		min-height: 20px;
		padding: 10px 10px 10px 16px;
	}






	#content_frame {
		background-color:#FFFFFF;
		width: 100%;
		min-width: 320px;
		clear:both;
	}
	#content_frame_hotel {
		background-color:#FFFFFF;
		width: 100%;
		min-width: 320px;
		clear:both;
	}
	#home_content {
		padding:15px;
	}
	#page_content {
		padding:15px;
	}
	#left_column {
		/*background-color:#aaaaaa;*/
		width:100%;
		min-width:290px;
		min-height:50px;
		margin:0px 0px 30px 0px;
	}
	#left_column #welcome #card {
		float:left;
		width:50%;
		text-align: center;
		margin:10px 0px 10px 0px;
	}
	#left_column #welcome #welcome_content {
		position:relative;
		top:0px;
		left:0px;
		margin:10px 0px 10px 0px;
	}
	.app_icon {
		margin:20px 0px 20px 0px;
	}
	.app_icon div {
		float:left;
		margin:0px 10px 5px 0px;
	}

	#mid_column {
		/*background-color:#bbbbbb;*/
		width:100%;
		min-width:290px;
		min-height:50px;
		margin:0px 0px 30px 0px;
	}
	#mid_column #news_list {
	}

	
	#mid_column #offers_list .dotted_line {
	}
	#mid_column #offers_list .offer_box{
		float:left;
		width:45%;
		margin: 0px 20px 20px 0px;
	}
	#mid_column #offers_list .offer_image{
		background-color:#e3dac5;
		text-align: center;
		position: relative;
		top:0px;
		left: 0px;
		height:80px;
		margin: 0px 0px 12px 0px;
		color:#00366d;
	}
	#mid_column #offers_list .offer_title{
		position: relative;
		top:0px;
		left: 0px;
		line-height: 18px;
		margin: 0px 0px 8px 0px;
		color:#000000;
	}
	#mid_column #offers_list .offer_content{
		position: relative;
		top:0px;
		left: 0px;
		line-height: 18px;
		margin: 0px 0px 8px 0px;
		color:#666666;
	}
	
	
	#mid_column_wide {
		/*float:left;*/
		/*background-color:#aaaaaa;*/
		width: 100%;
		min-width: 290px;
		min-height:50px;
		margin:0px 0px 0px 0px;
	}

	#mid_column_wide .point_chart {
		position: relative;
		width: 100%;
	}
	#mid_column_wide .chart_info {
		border: 1px solid #cccccc;
		padding: 0px 10px 15px 10px;
		margin: 0px 0px 15px 0px;
	}
	#mid_column_wide .chart_mark .mark {
		position:relative;
		top:0px;
		background-color:#b2956d;
		width:1px;
		height:13px;
		margin: 0px 0px 6px 0px;
	}
	#mid_column_wide .chart_mark .chart_point_1 {
		float:left;
		position: relative;
		top:0px;
		left:0px;
		width:10%;
		text-align:left;
	}
	#mid_column_wide .chart_mark .chart_point_1 .mark {
		left:0px;
	}
	#mid_column_wide .chart_mark .chart_point_2 {
		float:left;
		position: relative;
		top:0px;
		left:0px;
		width:47%;
		text-align:center;
	}
	#mid_column_wide .chart_mark .chart_point_2 .mark {
		left:50%;
	}
	#mid_column_wide .chart_mark .chart_point_3 {
		float:right;
		position: relative;
		top:0px;
		right:0px;
		text-align:right;
	}
	#mid_column_wide .chart_mark .chart_point_3 .mark {
		left:100%;
	}
	#mid_column_wide .chart_mark .remark {
		position:relative;
		top:-5px;
		margin-left:2px;
	}
	#mid_column_wide .chart_point {
		margin-top:5px;
		text-align:right;
	}
	#mid_column_wide .chart_bar_bg {
		position:relative;
		top:29px;
		left:0px;
		background-color:#e8e8e8;
		height: 5px;
	}
	#mid_column_wide .chart_bar {
		float:left;
		height: 5px;
	}
	#mid_column_wide .chart_note {
		margin: 0px 0px 30px 0px;
	}
	#mid_column_wide .chart_note_tier_2 {
		display:none;
	}
	#mid_column_wide .chart_note_tier_3 {
		display:none;
	}
	#mid_column_wide .chart_note_tier_2_m {
		margin-left:15px;
		text-indent:-15px;
	}
	#mid_column_wide .chart_note_tier_3_m {
		margin-left:15px;
		text-indent:-15px;
	}
	#mid_column_wide .chart_text {
		display:table-cell;
		line-height:20px;
	}
	#mid_column_wide .chart_card {
		float:right;
		margin-left:10px;
	}


	
	
	#right_column {
		/*background-color:#cccccc;*/
		width:100%;
		min-width:290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 15px 0px;
	}
	#contact_content {
		margin:10px 0px 0px 0px;
	}
	#phone {
		font-size:22px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color:#b1956b;
		margin:0px 0px 10px 0px;
	}

	#right_column #share_btn {
		/*background-color:#dddddd;*/
		width:100%;
	}
	#right_column #share_btn div {
		float:left;
		margin: 0px 5px 10px 0px;
		cursor:pointer;
	}
	#right_column #share_btn img {
		float:left;
		margin: 0px 0px 0px 0px;
		cursor:pointer;
	}
	
	
	#banner_ad_right {
		width:100%;
		/*background-color:#e3dac5;*/
		text-align: center;
		margin-top:20px;
		margin-bottom:10px;
	}
	#banner_ad_right img {
		margin-bottom:5px;
	}

	#banner_ad_left {
		display:none;
	}
	#banner_ad_left img {
	}
	
	#banner_ad_bottom {
		position:relative;
		top:0px;
		width:100%;
		/*background-color:#e3dac5;*/
		text-align: center;
		margin-top:20px;
		margin-bottom:10px;
	}
	#banner_ad_bottom img {
		margin-bottom:5px;
	}


	#one_column {
		/*float:left;*/
		/*background-color:#aaaaaa;*/
		width: 100%;
		min-height:50px;
		margin:0px 0px 0px 0px;
	}


	#two_column {
		/*float:left;*/
		/*background-color:#aaaaaa;*/
		width: 100%;
		min-height:50px;
		margin:0px 0px 0px 0px;
	}
	#two_column #login_box {
		/*background-color:#eeeeee;*/
		width: 100%;
		margin:0px 0px 0px 0px;
	}
	#two_column #login_box .form_table {
		width: 100%;
		margin:0px 0px 10px 0px;
	}
	#two_column #fp_box {
		/*background-color:#eeeeee;*/
		width: 100%;
		margin:0px 0px 0px 0px;
	}
	#two_column #fp_box .form_table {
		width: 100%;
		margin:0px 0px 10px 0px;
	}
	
	
	#two_column #register_box {
		/*background-color:#eeeeee;*/
		clear:both;
		float:none;
		width: 100%;
		margin:0px 0px 0px 0px;
	}
	#two_column #register_box #welcome {
	}
	#two_column #register_box #welcome #card {
		text-align:center;
	}
	#two_column #register_box #welcome #welcome_content {
	}



	#footer {
		clear:both;
		background-color:#000000;
		width:100%;
		min-width:320px;
		min-height:90px;
		background-image:url(https://oneharmony.com/content/en/images_mobile/footer_bg.jpg);
		background-repeat:repeat-x;
		background-size: 10px auto;
	}
	#footer #footer_logo {
		/*background-color:#666666;*/
		/*position: relative;
		top: 10px;
		left: 15px;*/
		width:100%;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		margin:0px auto;
		/*width: 320px;*/
		/*height: 110px;*/
		/*background-image:url(../images_mobile/footer_logo.png);
		background-repeat:no-repeat;
		background-size: 290px 80px;
		background-position: 15px 15px;*/
	}
	#footer #footer_link {
		text-align:center;
		margin: 0px 15px 20px 15px;
		color: #ffffff;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#footer #footer_link a {
		color: #ffffff;
	}




	/* button */
	a.button {
 	   /* Sliding right image */
		background: transparent url(https://oneharmony.com/content/en/images_mobile/btn_right.png) no-repeat scroll top right; 
		background-size: auto 31px;
		display: block;
		float: left;
		height: 40px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
		margin: 0px 5px 0px 0px;
		padding: 0px 30px 0px 0px;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		white-space: nowrap;
		cursor:pointer;
	}

	a.button:link {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		white-space: nowrap;
	}
	a.button:hover {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		white-space: nowrap;
	}
	a.button span {
		display: block;
		/*float: left;*/
		height: 31px;
		line-height: 31px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
		padding: 0px 0px 2px 32px;
	} 

	a.button span.button_icon {
		background: transparent url(https://oneharmony.com/content/en/images_mobile/btn_left.png) no-repeat; 
		background-size: auto 31px;
		padding: 0px 0px 0px 30px;
	} 


	/* page link */
	a.button_arrow {
 	   /* Sliding right image */
		background: transparent url(https://oneharmony.com/content/en/images_mobile/btn_arrow.gif) no-repeat scroll 0px 4px; 
		background-size: 10px 10px;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 12px;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		color: #00366d;
		text-decoration: none;
		white-space: nowrap;
		cursor:pointer;
	}
	a.button_back {
 	   /* Sliding right image */
		background: transparent url(https://oneharmony.com/content/en/images_mobile/btn_back.gif) no-repeat scroll 0px 4px; 
		background-size: 10px 10px;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 12px;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		color: #00366d;
		text-decoration: none;
		white-space: nowrap;
		cursor:pointer;
	}
	
	
	/* form */
	
	.form_label {
		font-size: 11px;
		color:#000000;
		float:left;
		width: 80px;
	}
	.form_field {
		position:relative;
		top:0px;
		left:0px;
	}
	.field_indent {
		position:relative;
		top:0px;
		left:80px;
	}



	.news_table {
		/*background-color:#dddddd;*/
		white-space:normal;
		margin:0px 0px 10px 0px;
	}
	.news_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin:0px 0px 5px 0px;
	}
	.news_date{
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width: 80px;
		border:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.news_title{
		position:relative;
		top:0px;
		left:0px;
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		color:#00366d;
		border:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
		/*cursor:pointer;*/
	}


	.login_table {
		/*background-color:#dddddd;*/
		max-width:440px;
		margin:10px 0px 20px 0px;
		/*float:left;*/
	}
	.login_table_row {
		padding:0px 0px 20px 0px;
		clear:both;
		float:none;
		/*float:left;*/
	}
	.login_label {
		float:left;
		width:80px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:10px;
		color:#000000;
		/*float:left;*/
	}
	.login_field {
		float:left;
		position:relative;
		top:0px;
		left:0px;
	}



	.fp_table {
		/*background-color:#dddddd;*/
		max-width:440px;
		margin:10px 0px 20px 0px;
		/*float:left;*/
	}
	.fp_table_row {
		padding:0px 0px 20px 0px;
		clear:both;
		float:none;
		/*float:left;*/
	}
	.fp_label {
		float:left;
		width:140px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:10px;
		color:#000000;
		/*float:left;*/
	}
	.fp_field {
		float:left;
		position:relative;
		top:0px;
		left:0px;
	}



	.info_table {
		/*background-color:#dddddd;*/
		/*width:440px;*/
		white-space:nowrap;
		margin:0px 0px 10px 0px;
	}
	.info_table_2 {
		/*background-color:#dddddd;*/
		/*width:440px;*/
		white-space:nowrap;
		margin:0px 0px 10px 0px;
	}
	.info_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin:0px 0px 10px 0px;
	}
	.info_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		/*width:220px;*/
		width:260px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_label_2 {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:260px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_label_3 {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:260px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_label_indent {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:220px;
		white-space:normal;
		padding: 0px 30px 0px 10px;
		margin:0px 0px 5px 0px;
	}
	.info_content {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		color:#000000;
		position:relative;
		top:0px;
		left:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_card {
		float:left;
		margin:0px 8px 0px 0px;
	}
	.info_card_text {
		float:left;
		margin:0px 8px 0px 0px;
		line-height: 18px;
	}
	.info_content_big {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		color:#000000;
		font-size: 14px;
		font-weight:bold;
		position:relative;
		top:0px;
		left:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}


	.cp_table {
		/*background-color:#dddddd;*/
		max-width:440px;
		margin:10px 0px 20px 0px;
		/*float:left;*/
	}
	.cp_table_row {
		padding:0px 0px 20px 0px;
		clear:both;
		float:none;
		/*float:left;*/
	}
	.cp_label {
		float:left;
		width:160px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:10px;
		color:#000000;
		/*float:left;*/
	}
	.cp_field {
		float:left;
		position:relative;
		top:0px;
		left:0px;
	}
	.cp_note {
		font-size: 11px;
		line-height:16px;
	}


	.contact_table {
		/*background-color:#dddddd;*/
		max-width:440px;
		margin:10px 0px 20px 0px;
		/*float:left;*/
	}
	.contact_table_row {
		margin-bottom:10px;
		width:100%;
		min-width:290px;
		/*float:left;*/
	}
	.contact_label {
		color:#000000;
		/*float:left;*/
	}
	.contact_field {
		width:100%;
		min-width:290px;
		position:relative;
		top:0px;
		left:0px;
	}
	.contact_note {
		font-size: 11px;
		line-height:16px;
	}


	.enrol_table {
		/*background-color:#dddddd;*/
		width:100%;
		white-space:nowrap;
		margin:10px 0px 20px 0px;
	}
	.enrol_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:12px;
	}
	.enrol_label {
		/*background-color:#eeeeee;*/
		float:left;
		width:100px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:15px;
		color:#000000;
	}
	.enrol_field {
		/*float:left;*/
		display:table-cell;
		white-space:normal;
		width:340px;
		position:relative;
		top:0px;
		left:0px;
	}
	.enrol_note {
		font-size: 11px;
		line-height:16px;
	}


	.review_table {
		/*background-color:#dddddd;*/
		width:440px;
		white-space:nowrap;
		margin:10px 0px 20px 0px;
	}
	.review_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:12px;
	}
	.review_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:180px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:15px;
		color:#000000;
	}
	.review_content {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		line-height:16px;
		position:relative;
		top:0px;
		left:0px;
	}


	.search_table {
		/*background-color:#dddddd;*/
		width:100%;
		white-space:nowrap;
	}
	.search_table_title {
		background-color:#ffffff;
		color:#774c29;
		font-size:13px;
		padding:4px 10px 5px 10px;
		margin:0px;
		border:1px solid #f6f1e4;
	}
	.search_table_padding {
		background-color:#f6f1e4;
		padding:10px;
		margin:0px 0px 15px 0px;
	}
	.search_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
	}
	.search_label {
		/*background-color:#eeeeee;*/
		float:left;
		width:80px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:0px;
		color:#000000;
	}
	.search_field {
		/*float:left;*/
		display:table-cell;
		width:660px;
		position:relative;
		top:0px;
		left:0px;
	}



	.list_table {
		/*background-color:#dddddd;*/
		width:100%;
		margin:30px 0px 30px 0px;
	}
	.list_top_row {
		display:none;
	}
	.list_odd_row {
		background-color:#f0f0f0;
		clear:both;
	}
	.list_even_row {
		background-color:#f0f0f0;
		clear:both;
	}
	.list_space_row {
		background-color:#ffffff;
		clear:both;
		height:15px;
	}

	.list_table .list_label {
	}
	.list_table .top {
		padding-top:10px;
	}
	.list_table .bottom {
		padding-bottom:10px;
	}

	.list_row {
		float:left;
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		clear:both;
	}
	.list_label {
		/*background-color:#eeeeee;*/
		float:left;
		display:table-cell;
		line-height:16px;
		white-space:normal;
		width:110px;
		margin-right:5px;
		margin-bottom:0px;
		padding: 3px 12px 3px 12px;
		color:#000000;
	}
	.list_content {
		display:table-cell;
		line-height:16px;
		white-space:normal;
		/*float:left;*/
		position:relative;
		margin-right:5px;
		margin-bottom:0px;
		padding: 3px 12px 3px 12px;
		top:0px;
		left:0px;
	}
	.list_page {
		width:100%;
		margin:0px 12px 0px 12px;
	}
	.list_page a {
		text-decoration:underline;
	}



	.check_box {
		/*float:left;*/
		display:table-cell;
		width:20px;
		margin-top:2px;
	}
	.check_text {
		white-space:normal;
		display:table;
		line-height:18px;
		/*float:left;*/
		position:relative;
		top:0px;
		left:0px;
	}

	
	.error_msg {
		font-size: 11px;
		line-height: 15px;
		/*border:solid 1px #d7b6a4;*/
		padding:5px 5px 5px 5px;
		background-color:#F0F0F0;
		background-image:url(https://oneharmony.com/content/en/images_mobile/error_msg_icon.gif);
		background-repeat:no-repeat;
		background-position: 5px 5px;
		background-size: 20px 20px;
		margin:20px 0px 20px 0px;
	}
	.error_msg ul {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	.error_msg li {
		list-style:none;
		margin:0px;
		padding-left:22px;
		padding-top:1px;
		padding-bottom:2px;
		color:#F00;
	}
	.error_label {
		color:#FF0000;
	}



	.sitemap_table {
		/*background-color:#dddddd;*/
		/*width:700px;*/
		white-space:nowrap;
		margin:0px 0px 10px 0px;
	}
	.sitemap_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin:0px 0px 40px 0px;
	}
	.sitemap_column {
		/*background-color:#eeeeee;*/
		/*display:table-cell;*/
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		/*width:210px;*/
		padding: 0px 0px 0px 0px;
		margin:0px 0px 40px 0px;
	}
	.sitemap_column a {
		margin:8px 0px 8px 0px;
	}
	

	.benefit_table {
		/*background-color:#dddddd;*/
		width:100%;
		margin:10px 0px 15px 0px;
	}
	.benefit_top_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.benefit_top_row_toggle {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.benefit_odd_row {
		background-color:#f6f1e4;
		clear:both;
		margin-bottom:0px;
	}
	.benefit_even_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
	}
	.benefit_space_row {
		display:none;
	}

	.benefit_card {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 8px 2px 7px 2px;
		vertical-align:top;
		text-align:center;
		width:50%;
	}
	.benefit_name {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 0px 2px 12px 2px;
		vertical-align:top;
		text-align:center;
	}
	.benefit_row {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 7px 2px 7px 2px;
		vertical-align:top;
		text-align:center;
	}
	.benefit_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 7px 10px 7px 10px;
		vertical-align:top;
		text-align:left;
	}
	.benefit_page {
		width:100%;
		margin:0px 10px 0px 10px;
	}
	.benefit_page a {
		text-decoration:underline;
	}


	.benefit_pulldown {
		z-index:300;
		display:none;
	}
	#b_1, #bb_1 {
		display:block;
	}
	#b_2, #bb_2 {
		display:none;
	}
	#b_3, #bb_3 {
		display:none;
	}
	.t_1, .bt_1 {
		display:inline;
	}
	.t_2, .bt_2 {
		display:inline;
	}
	.t_3, .bt_3 {
		display:inline;
	}





	.hotel_offer {
		width:100%;
		clear:both;
		min-height:80px;
		margin-bottom: 10px;
		background-color:#f6f1e4;
	}
	.hotel_offer .image {
		float:left;
		width:220px;
	}
	.hotel_offer .image img {
		width:220px;
		height:80px;
	}
	.hotel_offer .copy {
		position:relative;
		top:0px;
		left:0px;
		display:table-cell;
		vertical-align:middle;
		height:60px;
		padding:10px 10px 10px 20px;
	}
	.hotel_offer .copy div.title {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 14px;
		line-height:14px;
		font-weight:bold;
		color: #754c28;
		margin: 0px 0px 5px 0px;
	}
	.hotel_offer .copy div.content {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:18px;
		color: #a15c1e;
	}
	.hotel_offer .copy div.name {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size:18px;
		font-weight:bold;
		color: #754c28;
	}

	.hotel_2_columns {
		float:none;
		width:100%;
		clear:both;
		margin: 0px 0px 20px 0px;
	}
	
	.hotel_2_columns .c1, .hotel_2_columns .c2 {
		width:100%;
	}
	.hotel_2_columns .c1 {
		margin: 0px 0px 30px 0px;
	}
	.hotel_2_columns .region_header {
		padding: 6px 10px 6px 10px;
		margin-bottom: 15px;
		background-color:#f6f1e4;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color: #754c28;
	}
	.hotel_2_columns .h_region {
		background-image:url(https://oneharmony.com/content/en/images_desktop/region_close.gif);
		background-repeat:no-repeat;
		background-position: right 2px;
		cursor:pointer;
	}
	.hotel_2_columns .h_region:hover {
		background-image:url(https://oneharmony.com/content/en/images_desktop/region_close_o.gif);
		background-repeat:no-repeat;
	}
	.hotel_2_columns .h_region_open {
		background-image:url(https://oneharmony.com/content/en/images_desktop/region_open.gif);
		background-repeat:no-repeat;
		background-position: right 2px;
		cursor:pointer;
	}
	.hotel_2_columns .h_region_open:hover {
		background-image:url(https://oneharmony.com/content/en/images_desktop/region_open_o.gif);
		background-repeat:no-repeat;
	}
	.hotel_2_columns ul {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 15px 0px;
		list-style:none;
		border-bottom: 1px dotted #cccccc;
	}
	.hotel_2_columns ul li {
		margin: 0px 0px 10px 12px;
	}
	.hotel_2_columns ul li.active a {
		text-decoration:none;
		cursor:default;
	}

	
	.hotel_3_columns {
		float:none;
		width:100%;
		clear:both;
		margin-bottom: 10px;
	}
	.hotel_3_columns .hotel_offer {
		position:relative;
		float:none;
		clear: both;
		width: 100%;
		min-height:150px;
		margin-bottom: 20px;
		background-color:#f6f1e4;
	}
	.hotel_3_columns .hotel_offer.c1, .hotel_3_columns .hotel_offer.c2 {
	}
	.hotel_3_columns .hotel_offer .image {
		float:left;
		width: 110px;
	}
	.hotel_3_columns .hotel_offer .copy {
		position:relative;
		top:0px;
		left:0px;
		display:table-cell;
		vertical-align:top;
		height:130px;
		padding:10px 10px 10px 10px;
	}
	.hotel_3_columns .hotel_offer .copy div.title {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color: #754c28;
	}
	.hotel_3_columns .hotel_offer .copy div.hotel {
		position:absolute;
		bottom:10px;
		left:auto;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:14px;
		line-height:18px;
		color: #a15c1e;
	}
	.hotel_3_columns .hotel_offer .copy div.hotel span.points {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #754c28;
	}
	.hotel_3_columns .hotel_offer img {
		width: 110px;
		height: 150px;
	}

	
	.earn_ex {
		margin-top:5px;
		width:500px;
	}
	.earn_ex div {
		background-color:#f0f0f0;
		float:left;
		width:150px;
		padding:2px 4px 2px 4px;
		border-bottom: #FFFFFF solid 1px;
		border-right: #FFFFFF solid 1px;
	}

	#earn_chart_txt {
		width:30%;
		float:left;
	}
	#earn_chart {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 11px;
		line-height:12px;
		width:66%;
		float:right;
	}
	#earn_chart td {
		width:23%;
		border-left:solid 1px #583800;
		padding: 4px 5px 4px 5px;
	}
	#earn_chart td.label {
		color:#000000;
		text-align:center;
		padding: 10px 5px 10px 5px;
	}
	#earn_chart td.startdate {
		color:#ffffff;
		background-color:#e0af65;
	}
	#earn_chart td.valid {
		color:#ffffff;
		background-color:#583800;
	}
	#earn_chart td.valid_date {
		color:#ffffff;
		background-color:#583800;
		text-align:right;
		padding-right:0px;
	}
	#earn_chart td.valid_arrow {
		background-image:url(https://oneharmony.com/content/en/images/earn_arrow.gif);
		background-repeat:no-repeat;
		background-position: -85px center;
		background-color:#ffffff;
	}
	#earn_chart td.space {
		height:10px;
		padding: 0px;
	}
	#earn_chart td.right_col {
		width: 8%;
		padding: 0px;
	}
	
	.search_hotel_area {
		/*background-color:#eeeeee;*/
		float:left;
		width:110px;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		color:#000000;
	}
	.search_hotel_area.wide {
		width:180px;
	}
	.search_hotel_region {
		/*background-color:#eeeeee;*/
		float:left;
		width:150px;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		color:#000000;
	}
	.search_hotel_name {
		/*background-color:#eeeeee;*/
		/*float:left;*/
		width:270px;
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		color:#000000;
	}	
	.search_remarks {
		display:inline-block;
		width:98%;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		color:#000000;
	}
	
	
	
	.legend_item {
		/*background-color:#dddddd;*/
		float:left;
		white-space:nowrap;
		/*clear:both;*/
		margin-right:20px;
		margin-bottom:12px;
	}
	.legend_item .icon {
		/*background-color:#eeeeee;*/
		white-space:nowrap;
		float:left;
		width: 16px;
		text-align:center;
		margin-left:6px;
		margin-right:5px;
		color:#000000;
	}
	.legend_item .text {
		/*display:table-cell;*/
		vertical-align:top;
		white-space:nowrap;
		/*float:left;*/
		min-width:100px;
		line-height:12px;
		position:relative;
		top:0px;
		left:0px;
	}


	.restaurant_discount {
		float:left;
		width:100%;
	}
	.restaurant_discount div.restaurant {
		float:left;
		width:30%;
	}
	.restaurant_discount div.logo {
		text-align:center;
		padding:10px;
	}
	.restaurant_discount div.discount {
		text-align:center;
		font-size: 14px;
		font-weight:bold;
		color:#754c28;
		height:20px;
		background-color:#f6f1e4;
		padding: 5px 10px 5px 10px;
	}
	
	
	
	.birthday_offer {
		width:100%;
		clear:both;
		min-height:150px;
		margin-bottom: 10px;
		/*background-color:#f6f1e4;*/
	}
	.birthday_offer .image {
		float:right;
		width:200px;
		height:150px;
	}
	.birthday_offer .image img {
		width:200px;
		height:150px;
	}
	.birthday_offer .copy {
		position:relative;
		top:0px;
		right:0px;
		display:table-cell;
		vertical-align:top;
		height:120px;
		/*padding:15px 10px 15px 20px;*/
		padding:10px 10px 10px 0px;
	}
	.birthday_offer .copy div.title {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 14px;
		line-height:16px;
		font-weight:bold;
		color: #754c28;
		margin: 0px 0px 10px 0px;
	}
	.birthday_offer .copy div.content {
		/*font-family: Verdana;
		font-size:18px;
		color: #a15c1e;*/
	}


	.allianced_benefit {
		float:left;
		width:100%;
	}
	.allianced_benefit div.allianced {
		float:left;
		width:30%;
	}
	.allianced_benefit div.logo {
		text-align:center;
		padding:10px;
	}
	.allianced_benefit div.info {
		text-align:center;
		/*padding: 5px 10px 5px 10px;*/
	}
	
		
	.gift_offer {
		width:100%;
		clear:both;
		height:120px;
		margin-bottom: 10px;
	}
	.gift_offer .image {
		float:left;
		width:160px;
		height:120px;
		margin-bottom:10px;
	}
	.gift_offer .r_20 {
		margin-right:10px;
	}
	.gift_offer .image img {
		width:160px;
		height:120px;
	}
	
	
	.tc_1, .btc_1 {
		width:110px;
	}
	.tc_2, .btc_2 {
		width:110px;
	}
	.tc_3, .btc_3 {
		width:110px;
	}
	.tc_combine {
		width:338px;
	}
	
	
	.stayaward_table {
		font-size: 12px;
		/*background-color:#dddddd;*/
		width:100%;
		margin:10px 0px 15px 0px;
	}
	.stayaward_top_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.stayaward_top_row_toggle {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.stayaward_odd_row {
		background-color:#f6f1e4;
		clear:both;
		margin-bottom:0px;
	}
	.stayaward_even_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
	}
	.stayaward_space_row {
		display:none;
	}

	.stayaward_card {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 8px 10px 7px 10px;
		vertical-align:top;
		text-align:center;
		width:50%;
	}
	.stayaward_name {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		/*padding: 0px 10px 12px 10px;*/
		padding: 0px 2px 12px 2px;
		vertical-align:top;
		text-align:center;
	}
	.stayaward_row {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		/*padding: 7px 10px 7px 10px;*/
		padding: 7px 2px 7px 2px;
		vertical-align:top;
		text-align:center;
	}
	.stayaward_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		/*padding: 7px 10px 7px 10px;*/
		padding: 7px 2px 7px 10px;
		vertical-align:top;
		text-align:left;
	}
	.stayaward_table td.l_border {
		border-left:solid 2px #ffffff;
	}
	.stayaward_table td.b_border {
		border-bottom:solid 2px #ffffff;
	}

	.stay_1 {
		width:16px;
	}


	.card_print {
		display:none;
	}
	.card_view {
		display:block;
	}


/* redeem search */


	.redeem_legend {
		width:100%;
		text-align:right;
	}
	.legend_item_r {
		margin-left:20px;
		margin-bottom:12px;
	}
	.legend_item_r .text {
		display:inline-block;
		height: 12px;
	}
	.legend_item_r .color_1 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#9acc99;
	}
	.legend_item_r .color_2 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#9999cd;
	}
	.legend_item_r .color_3 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#cc99cc;
	}
	.legend_item_r .color_4 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#d68888;
	}


	#redeem_table {
		/*background-color:#eeeeee;*/
		width:100%;
		clear:both;
	}
	#redeem_table_left {
		/*background-color:#eeeeee;*/
		width:30%;
		float:left;
	}
	#redeem_table_left div {
		/*background-color:#eeeeee;*/
		/*width:100%;*/
		height:40px;
		line-height:40px;
		padding-left:10px;
		margin-bottom:5px;
		white-space:nowrap;
		cursor:default;
		clear:both;
	}
	#redeem_table_left .label {
		background-color:#f6f6f6;
	}
	#redeem_table_right {
		/*background-color:#eeeeee;*/
		width:70%;
		overflow:hidden;
		float:right;
	}
	#redeem_table_right .redeem_column {
		width:100%;
		/*height:45px;*/
		white-space:nowrap;
		clear:both;
	}
	#redeem_table_right .redeem_column div {
		line-height:40px;
		white-space:nowrap;
		/*float:left;*/
		margin-bottom:5px;
		text-align:center;
		height:40px;
		/*width:80px;*/
		cursor:pointer;
	}
	#redeem_table_right .redeem_column .date {
		font-weight:bold;
		cursor:default;
	}
	#redeem_table_right .redeem_column .odd {
		
		background-color:#cccccc;
	}
	#redeem_table_right .redeem_column .even {
		background-color:#adadad;
	}
	#redeem_table_right .redeem_column .point {
		font-weight:bold;
		text-decoration:underline;	
		color:#ffffff;
	}
	#redeem_table_right .redeem_column .color_0 {
		background-color:#e8e8e8;
		cursor:default;
	}
	#redeem_table_right .redeem_column .color_1 {
		background-color:#9acc99;
	}
	#redeem_table_right .redeem_column .color_2 {
		background-color:#9999cd;
	}
	#redeem_table_right .redeem_column .color_3 {
		background-color:#cc99cc;
	}
	#redeem_table_right .redeem_column .color_4 {
		background-color:#d68888;
	}
	#redeem_table_right .redeem_control {
		background-color:#f7f1e5;
		width:480px;
		height:30px;
		clear:both;
	}
	#redeem_table_right .redeem_control .left_arrow {
		float:left;
		background-image:url(https://oneharmony.com/content/en/images_mobile/table_scroll_left.jpg);
		background-repeat:no-repeat;
		background-position: 0px 0px;
		background-size: 50px 30px;
		width:50px;
		height:30px;
		cursor:pointer;
	}
	#redeem_table_right .redeem_control .pages {
		text-align:center;
		/*background-color:#d68888;*/
		float:left;
		width:380px;
		height:30px;
	}
	#redeem_table_right .redeem_control .right_arrow {
		float:left;
		background-image:url(https://oneharmony.com/content/en/images_mobile/table_scroll_right.jpg);
		background-repeat:no-repeat;
		background-position: 0px 0px;
		background-size: 50px 30px;
		width:50px;
		height:30px;
		cursor:pointer;
	}
	.total_redeem_point {
		font-weight:bold;
		font-size:14px;
	}
	

	.redeem_room {
		width:100%;
	}
	.redeem_room div {
		margin-bottom:5px;
	}
	.redeem_room div div {
		/*padding-left:10px;*/
	}
	
	.redeem_room .title {
		padding-left:10px;
		height:20px;
		font-weight:bold;
		/*background-color:#dddddd;*/
	}
	.redeem_room .row {
		background-color:#f6f6f6;
		height:20px;
		padding-left:10px;
	}
	.redeem_room .room {
		display:block;
		float:left;
		height:20px;
		width:70%;
		background-color:#f6f6f6;
	}
	.redeem_room .point{
		display:block;
		float:left;
		height:20px;
		width:30%;
		text-align:center;
		font-weight:bold;
		color:#ffffff;
	}
	.redeem_room .color_1 {
		background-color:#9acc99;
	}
	.redeem_room .color_2 {
		background-color:#9999cd;
	}
	.redeem_room .color_3 {
		background-color:#cc99cc;
	}
	.redeem_room .color_4 {
		background-color:#d68888;
	}


	.room_upgrade_link {
		padding-left:10px;
	}


	.faq_group {
		padding-bottom:5px;
	}
	.faq_question {
		background-image:url(https://oneharmony.com/content/en/images_mobile/faq_close.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
		background-position:-3px 2px;
		padding-left:16px;
		cursor:pointer;
	}
	.faq_question:hover {
		background-image:url(https://oneharmony.com/content/en/images_mobile/faq_close_o.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
	}
	.faq_question :hover {
		color:#00366d;
	}
	.faq_question_dn {
		background-image:url(https://oneharmony.com/content/en/images_mobile/faq_open.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
		background-position:-3px 2px;
		padding-left:16px;
		cursor:pointer;
	}
	.faq_question_dn:hover {
		background-image:url(https://oneharmony.com/content/en/images_mobile/faq_open_o.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
	}
	.faq_question_dn :hover {
		color:#00366d;
	}
	.faq_answer {
		display:none;
		padding-left:16px;
		padding-bottom:10px;
		cursor:auto;
	}


/* pagination */

	.pagination {
		float:left;
		margin-right:5px;
	}
	.pagination ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	.pagination ul li {
		float:left;
		margin: 0px 5px 0px 0px;
	}
	.pagination ul li.active a {
		text-decoration:none;
		cursor:default;
	}

/* award search */

	.search_point_label {
		width:80px;
		margin:5px 0px 0px 0px;
		float:left;
		color:#000000;
	}
	.search_point_min {
		width:80px;
		margin:5px 0px 0px 0px;
		float:left;
	}
	.search_point_max {
		width:80px;
		margin:5px 0px 0px 0px;
		float:left;
	}
	.search_point_to {
		text-align:center;
		width:25px;
		margin:5px 0px 0px 0px;
		float:left;
	}

	.search_hotel_label {
		margin:8px 0px 0px 0px;
		width:100%;
		float:none;
	}
	.search_hotel_field {
		margin:5px 0px 0px 0px;
		width:100%;
		float:none;
	}
	
	.search_catagory_field {
		margin:5px 0px 0px 0px;
		width:100%;
		float:none;
	}
	
	.search_keyword_label {
		margin:8px 0px 0px 0px;
		width:100%;
		float:none;
		color:#000000;
	}
	.search_keyword_field {
		margin:5px 0px 0px 0px;
		width:100%;
		float:none;
	}
	
	.search_keyword_field_2 {
		width:100%;
		line-height:16px;
		white-space:normal;
		margin-bottom:0px;
		color:#000000;
	}
	.search_award_type {
		width:100%;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		color:#000000;
	}


	.slider_group {
		position:relative;
		height:70px;
	}
	.point_slider {
		position:absolute;
		top:35px;
		left:-8px;
		width:290px;
		height: 45px;
	}
	.point_slider .mark {
		position:relative;
		top:18px;
		left:10px;
		width: 251px;
		height: 14px;
		background: url("https://oneharmony.com/content/en/images/slider_axis.gif");
	}
	.point_slider .mark .num_0 {
		position:absolute;
		left: -3px;
		top: -18px;
	}
	.point_slider .mark .num_5000 {
		position:absolute;
		left: 110px;
		top: -18px;
	}
	.point_slider .mark .num_10000 {
		position:absolute;
		left: 230px;
		top: -18px;
	}


	#slider {
		position:absolute;
		top:7px;
		left:1px;
		width:249px;
		height:50px;
	}
	#slider.ui-widget-content {
		border:0px;
		/*border: 1px solid #e0cfc2;*/
		background: #e3cea8 !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		-khtml-border-radius: 0px !important;
		border-bottom-radius: 0px !important;
		height: 7px;
	}
	#slider .ui-slider-range {
		background: #c9ab73 !important;
	}
	#slider .ui-slider-handle {
		background: #a6751d !important;
		border: 0px;
		top: -3px;
		width: 13px;
		height: 13px;
	}

	
	.award_2_columns {
		position:relative;
		width:100%;
		clear: both;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.award_2_columns .left {
		position:absolute;
		top:0px;
		left:0px;
		width: 200px;
		height: 200px;
		border:0px;
		padding: 0px;
		margin:0px;
	}
	.award_2_columns .left img {
		width: 200px;
		height: 200px;
	}
	.award_2_columns .right {
		float:left;
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		border:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 220px;
	}

	.award_table {
		/*background-color:#dddddd;*/
		width:100%;
		margin:20px 0px 15px 0px;
	}
	.award_top_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.award_odd_row {
		background-color:#f6f1e4;
		clear:both;
		margin-bottom:0px;
	}
	.award_even_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
	}
	.award_label {
		float:left;
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		font-weight:bold;
		white-space:normal;
		margin-right:0px;
		margin-bottom:0px;
		padding: 10px 10px 2px 10px;
		vertical-align:top;
		text-align:left;
		clear:both;
	}
	.award_text {
		float:left;
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:0px;
		margin-bottom:0px;
		padding: 2px 10px 10px 10px;
		vertical-align:top;
		text-align:center;
		clear:both;
	}
	span.cross {
		text-decoration:line-through;
	}
	span.discount {
		font-weight:bold;
		color:#754c28;
	}
	.award_text .tier_card .card {
		float:left;
		margin-right:10px;
		text-align:center;
	}
	.award_text .tier_card .card:last-child {
		margin-right:0px;
	}
	.award_text .tier_card img {
		margin-top:4px;
		margin-bottom:6px;
		margin-left: 27px;
		margin-right: 27px;
	}


	.award_4_columns {
		float:none;
		width:100%;
		clear:both;
		margin-bottom: 10px;
	}
	.award_4_columns .award_item {
		position:relative;
		float:none;
		clear: both;
		width: 100%;
		min-height:100px;
		margin-bottom: 20px;
		background-color:#f6f1e4;
		cursor:pointer;
	}
	.award_4_columns .award_item.c1,
	.award_4_columns .award_item.c2,
	.award_4_columns .award_item.c3 {
	}
	.award_4_columns .award_item .image {
		float:left;
		width: 120px;
	}
	.award_4_columns .award_item .copy {
		position:relative;
		top:0px;
		left:0px;
		/*display:table-cell;*/
		vertical-align:top;
		width:auto;
		height:120px;
		margin:0px;
		padding:0px;
	}
	.award_4_columns .award_item .copy div.title {
		position:absolute;
		top:10px;
		left:130px;
		font-family: Verdana;
		font-size:14px;
		line-height:16px;
		color: #a15c1e;
		margin-right:10px;
	}
	.award_4_columns .award_item .copy div.points {
		position:absolute;
		bottom:10px;
		right:10px;
		font-family: Verdana;
		font-size:12px;
		font-weight:bold;
		color: #894c28;
	}
	.award_4_columns .award_item img {
		width: 120px;
		height: 120px;
	}
	
	.award_4_columns .award_item .copy div.hotel {
		position:absolute;
		bottom:10px;
		left:130px;
		font-family: Verdana;
		font-size:12px;
		line-height:16px;
		color: #a15c1e;
	}
	.award_4_columns .award_item .copy div.hotel span.points {
		font-family: Verdana;
		font-size:12px;
		font-weight:bold;
		color: #754c28;
	}


	


/* cart steps */

	.redeem_step td.on {
		padding:0px 2px 0px 10px;
		background: #cfa353;
	}
	.redeem_step td.off {
		padding:0px 2px 0px 2px;
		border-top: 1px solid #e2ca9f;
		border-bottom: 1px solid #e2ca9f;
		background: #f7f2e4;
	}
	.redeem_step td.off.first {
		padding:0px 2px 0px 8px;
		border-left: 1px solid #e2ca9f;
	}
	.redeem_step td.off.last {
		padding:0px 8px 0px 2px;
		border-right: 1px solid #e2ca9f;
	}
	.redeem_step td div {
		float:left;
		font-family: "PT Sans", sans-serif;
		line-height: 28px;
	}
	.redeem_step td div.number {
		font-size:24px;
	}
	.redeem_step td div.des {
		margin-left:5px;
		font-size:15px;
	}
	.redeem_step td.off div.number {
		text-align:center;
		width:100%;
		margin:0px auto;
	}
	.redeem_step td.on div {
		color:#fff;
	}
	.redeem_step td.off div {
		color:#a0711c;
	}
	.redeem_step td.off div.des {
		display:none;
	}
	
	
	.redeem_item_table tr.title {
		color:#000000;
	}
	.redeem_item_table tr.odd {
		background:#f0f0f0;
	}
	.redeem_item_table td {
		padding: 10px 0px 10px 0px;
	}
	.redeem_item_table td.item_thumb {
		width:0px;
		padding:0px;
		margin:0px;
	}
	.redeem_item_table td.item_thumb img {
		display:none;
	}
	.redeem_item_table td.des_point {
		padding-left:5px;
		padding-right:10px;
	}
	.redeem_item_table tr.title td.des_point div.des {
		float:left;
	}
	.redeem_item_table tr.title td.des_point div.des_n {
		float:left;
	}
	.redeem_item_table tr.title td.des_point div.point {
		float:left;
	}
	.redeem_item_table td.qty {
		text-align:center;
		padding-top:10px;
	}
	.redeem_item_table td.qty input {
		text-align:center;
		width: 35px;
	}
	.redeem_item_table td.total {
		text-align:right;
		padding: 0px 10px 0px 10px;
	}
	.redeem_item_table td.delete {
		text-align:center;
		padding: 0px 0px 0px 0px;
	}
	.redeem_item_table td.delete_button {
		text-align:center;
		padding: 0px 0px 0px 0px;
		cursor:pointer;
	}
	.redeem_item_table td.delete_button:hover {
		background-color:#cccccc;
	}
	.redeem_item_table tr.grand_total {
		height:30px;
	}
	.redeem_item_table tr.grand_total td {
		padding-top:10px;
		height:20px!important;
	}
	.redeem_item_table td.grand_des {
		text-align:right;
		font-weight:bold;
	}
	.redeem_item_table tr.grand_total td.total {
		font-size: 16px;
		font-weight:bold;
		color: #a0711c;
	}
	.redeem_item_table tr.odd td.total,
	.redeem_item_table tr.even td.total {
		font-weight:bold;
	}
	
	
	

	.redeem_add {
		margin:20px 0px 10px 0px;
	}
	.redeem_add .address_select {
		float: left;
		width: 140px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:15px;
	}
	.redeem_add .address_select div.radio {
		float:left;
		margin:1px 5px 0px 0px;
	}
	.redeem_add .address_table {
		line-height:18px;
		display:table-cell;
		white-space:normal;
		width:360px;
		position:relative;
		top:-1px;
		left:0px;
	}
	.redeem_add .address_table_row {
		clear:both;
		margin-bottom:12px;
	}
	.redeem_add .address_label {
		float:left;
		width:120px;
		line-height:18px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:15px;
		/*color:#000000;*/
	}
	.redeem_add .address_name_field {
		display:table-cell;
		white-space:normal;
		width:360px;
		position:relative;
		top:0px;
		left:0px;
	}
	.redeem_add .address_field {
		display:table-cell;
		white-space:normal;
		width:250px;
		position:relative;
		top:0px;
		left:0px;
	}
	.redeem_add .address_note {
		font-size:11px;
		line-height:16px;
	}
	.redeem_add .check_box {
		float:left;
		width: 20px;
		margin-top:3px;
	}
	.redeem_add .check_text {
	}


	
	.redeem_summary .left {
		width:100%;
		padding: 0px;
	}
	.redeem_summary .right {
		width:100%;
		padding: 0px;
	}
	.redeem_summary .redeem_add {
		margin-top:15px;
	}
	
	
	/* homepage search box */
	
	#search_box {
		padding:20px 20px 10px 20px;
		/*height:58px;*/
		background: url("https://oneharmony.com/content/en/images/index_search_bg_m.jpg");
		background-repeat:repeat-x;
		background-size:10px 100%;
	}
	#search_box select {
		height:26px;
	}
	#search_box input {
		height:20px;
		padding:2px 2% 2px 2%;
		margin: 0px 0px 5px 0px;
	}
	#search_box .title {
		width:100%;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		color: #754c28;
		margin-bottom:10px;
	}
	#search_box .title br {
		display:none;
	}
	#search_box .title span.en {
		font-family: "PT Sans", sans-serif;
		font-size: 11px;
		line-height: 18px;
		font-weight: normal;
		color: #666666;
		text-transform: uppercase;
	}
	#search_box .search_table_row {
		display:table;
		width:100%;
	}
	#search_box .hotel {
		padding-bottom:5px;
		border-bottom:solid 1px #e5d3af;
	}
	#search_box .hotel .search_table_row {
		clear: both;
		width: 100%;
		margin-bottom: 0px;
	}
	#search_box .hotel .search_hotel_area {
		float:left;
		width:49%;
		margin-right:2%;
	}
	#search_box .hotel .search_hotel_region {
		float:left;
		width:49%;
		margin-right:0%;
	}
	#search_box .hotel .search_hotel_name {
		width:100%;
		display:block;
		padding:0px;
		margin:0px;
	}
	#search_box .date {
		padding:10px 0px 5px 0px;
		border-bottom:solid 1px #e5d3af;
	}
	#search_box .search_left {
		float:left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#search_box .search_right {
		float:left;
		width: 49%;
		margin-right: 0%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#search_box .date input {
		width:95.5%!important;
	}
	#search_box .preference {
		padding:10px 0px 5px 0px;
		border-bottom:solid 1px #e5d3af;
	}
	#search_box .preference .search_adult {
		float:left;
		width:49%;
		margin-right:2%;
	}
	#search_box .preference .search_room {
		float:left;
		width:49%;
		margin-right:0%;
	}
	#search_box .res_button {
		float:none;
		clear:both;
		display:table;
		padding:10px 0px 5px 0px;
	}
	#search_box .search_button {
		float:left;
		padding:0px;
		padding:0px 10px 0px 0px;
	}
	#search_box .cancel_text {
		margin-right:10px;
		float:left;
	}
	#search_box a.button {
		height:35px;
	}
	#search_box .cancel_reserve {
		display:table;
		float:none;
		padding:5px 0px 5px 0px;
	}
	#search_box .cancel_reserve a {
		color:#666666;
	}
	#search_box .button_arrow {
		float:left;
		margin-right:5px;
		text-decoration:underline;
		background: transparent url(https://oneharmony.com/content/en/images_mobile/btn_arrow_2.png) no-repeat scroll 0px 5px;
		background-size: 10px 10px;
	}

/* add css 2014_1008 kanno START */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; margin: 0; padding: 0; }
body {
-webkit-text-size-adjust: none; /* iPhone */
}
H1 {
	margin-top:0px;
}
H1 .ja {
    line-height: 35px;
	vertical-align:-100%;
}
H1 .en {
    margin-left:0px;
	line-height: 30px;
}
.bp {
	padding:10px 15px 5px 15px;
}
H1 .ja-bp {
	line-height:30px;
}
H1 .en-bp {
	line-height:15px;
	vertical-align:-100%;
}
H1 .ja-bs {
    font-size: 21px;
}
H1 .ja-bc {
    font-size: 17.5px;
	line-height:45px;
}
#page_content {
    padding: 5px 15px 0px 15px;
}
.stayaward_table {
    display:inline-table;
}
.bc_pc-t_table {
	display:inline-table;
}
.bc_m_table {
	display:none;
}
.an_m_anchor {
	display:none;
}
.sw_pc_table {
	display:none;
}
.sw_m-t_table {
	display:inline-table;
}
.sa_m_text {
	display:none;
}
.stayaward_label {
	font-size:12px;
}
.stayaward_label-l {
	font-size:12px;
}
.stayaward_table td.l_border {
    font-size: 12px;
}
.stayaward_row {
	font-size:12px;
}
.stayaward_row2 {
	font-size:12px;
}
.text-date {
	font-size: 12px;
}
.res-br {
	display:inline;
}
.stayaward_table {
    display:inline-table;
}
.stayaward_table td.l_border {
    border-left: 2px solid #FFF;
}
.m-on {
	display:none;
}
.m-t-out {
	display:none;
}
.ls-008 {
	letter-spacing:-0.08em;
}
.pc-ta_on {
	display:inline;
}
.pc-ta_off {
	display:none;
}
/* add css 2014_1008 kanno END */

/* 2015/2/4 add Kanno OHM Banner mobile対応 START*/
.pc_inline {
	display:none
}
.pc_inline2 {
	display:none;
}
.tm_inline {
	display:inline-block;
}
.tm_inline2 {
	display:inline;
}
.tm_none {
	display:none;
}
.t_inline {
	display: block;
}
.m_inline {
	display:none;
}
.m_none {
	display:block;
}

#ohmVisualInner {
    height: 140px;
	background: url("../../../img/ohm_bana_tm.jpg") no-repeat scroll 0px center transparent;
    text-align: center;
}
.page_content_inner2 {
    width: 100%;
}
/* 2015/2/4 add Kanno OHM Banner mobile対応 END*/


/* 2015/3/20 add Kanno OHM Resort mobile対応 START*/
#back-img {
	background:url(../img/160301_header_768x305t.jpg) no-repeat scroll 50% 0px transparent;
	height: 305px;
}

#back-img2 {
	background:url(../img/160623_header_768x305t.jpg) no-repeat scroll 50% 0px transparent;
	height: 305px;
}

#back-img3 {
	background:url(../img/header_768x305t.jpg) no-repeat scroll 75% 0px transparent;
	height: 305px;
}


H1 {
	text-align:right;
}

table.example {
    line-height: 15px;
}


#tab_area {
    margin-top: 20px;
}

.hotelnameline {
    font-size: 14px;
}

.icon_img01 {
	width:30px;
	height:30px;
}

.icon_txt {
	margin:13px 0px 0px 0px;
}

ul.tabchange02 {
	font-size:11px;
}

ul.tabchange02 li {
	width: 33.3%;
	/*margin-top:8px;*/
}

ul.tabchange02 li a {
	padding: 4px 2px;
	font-size:14px;
}

ul.tabchange03 {
	font-size:11px;
}

ul.tabchange03 li {
	width: 33.3%;
	/*margin-top:8px;*/
}

ul.tabchange03 li a {
	padding: 4px 2px;
	font-size:14px;
}

.hotelArea {
    width: 100%;
    padding:0px;
}

.hotelPic01 {
    width: 236px;
}

.imgL {
    width: 236px;
    height: 236px;
}

.photo-thumbnails img {
	width:50px;
	height:50px;
}

.hotel-logo {
    width: 236px;
}

.hoteldate {
    margin-left: 246px;
	font-family: Verdana;
}

.plan-tit {
    margin: 10px 0px 0px;
}

.plan-period {
    margin: 5px 0px 0px;
}

.solid_line {
    clear: none;
}

.mt_mgl-ul {
}

.btn_d01 {
	padding:3px 20px 4px 20px;
}

.hotel_reservation_btn img {
	/*width:48%;
	height:inherit;*/
}

.btn_mgn {
	margin-left:0px;
}

/* 2015/3/20 add Kanno OHM Resort mobile対応 END*/

.fixed {
    right: 10px;
    left: 10px;
    width: auto;
}

.a-d-small {
	width:50%;
}

.A-01 {
	width:14%;
}

.A-02 {
	width:83%;
	margin-left:3%;
	margin-bottom: 10px;
}

.A-03 {
	margin-left:0;
	width:100%;
}

.A-04 {
	margin-left:3%;
    width:62%;
}

.A-img01 {
	float: none;
	width:100%;
	height:auto;
	margin-left:0;
}

.p-cap01 {
	text-align:center;
}

.select-hotel {
	margin-left:-20%;
}

.B-m-img01 {
	margin-top:10px;
}

.B-m-img02 {
	margin-top:5px;
}

.CD-01 {
	width:83%;
	margin-left:3%;
	margin-bottom: 10px;
	padding-right:0;
	border-right: none;
}

.CD-02 {
	width:14%;
	margin-left:0;
}

.CD-03 {
	width:83%;
	margin-left:3%;
	border-left:none;
}

.modal-content h2 {font-size:16px; margin-bottom:0.5em; padding-right: 25px;}
.modal-content p {max-width: initial; /*text-align:left*/}

.modal-Bimg {
	margin-right:5px;
}

.modal-img00 {
	text-align:left;
	float:left;
}

.modal-img01 {
	width:200px;
	margin-right: 5px;
}
.modal-img02 {
	width:140px;
}

/*}*/