@charset "utf-8";

* {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

body {
    font-family: Verdana;
}

textarea:focus, input:focus, select:focus {
    background-color: #FAF8F2;
    outline: medium none;
}
p {
    color: #666666;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 10px;
}
p.intro {
    color: #666666;
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 20px;
}
p.intro2 {
    color: #666666;
    font-family: "PT Sans",sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 20px;
}
p.intro3 {
    color: #666666;
    font-family: "PT Sans",sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    margin: 20px 0 20px 0;
}
p.back {
	float:right;
}
p.back a {
	font-size:11px;
	text-decoration:none;
}
p.back a:hover {
	text-decoration: underline;
}
.text-date {
    text-align: right;
}
ul.content {
    line-height: 16px;
    margin: 0 0 15px 16px;
    padding: 0;
}
ul.content li {
    line-height: 16px;
    margin: 0 0 6px;
    padding: 0;
    font-size:12px;
}
ul.p_rule {
    line-height: 16px;
    list-style: none outside none;
    margin: 0 0 15px 16px;
    padding: 0;
}
ul.p_rule li {
    line-height: 16px;
    margin: 0 0 6px;
    padding: 0;
}
li.dash_indent {
    text-indent: -9px;
}
li.blanket_indent {
    text-indent: -8px;
}
li.normal_indent {
    text-indent: 0;
}
input {
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
input[type="text"] {
    border: 1px solid #CCCCCC;
    color: #666666;
    margin: 0 0 5px;
    padding: 2px 0 1px;
}
input[type="date"] {
    border: 1px solid #CCCCCC;
    color: #666666;
    margin: 0 0 5px;
    padding: 2px 0 1px;
}
textarea {
    border: 1px solid #CCCCCC;
    color: #666666;
}
select {
    border: 1px solid #CCCCCC;
    color: #666666;
    font-family: Verdana;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 0;
}
label {
    white-space: nowrap;
}
H1 {
	background-color:#b1966b;
	margin-top:50px;
	padding-left: 15px;
	font-size: 24px;
	line-height: 60px;
}
.bd {
    background-image: url('../images/birthday_benfits_ribbon_120x58_ja.gif');
    background-repeat: no-repeat;
	padding-left: 78px;
}
	
H1 .ja2 {
	color: #FFF;
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-weight: bold;
	margin-left: 15px;
    font-size: 24px;
    line-height: 45px;
}
H1 .ja3 {
	color: #FFF;
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-weight: bold;
	margin-left: 63px;
    font-size: 24px;
    line-height: 45px;
}
H1 .ja-bp {
	color: #FFF;
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-weight: bold;
    font-size: 24px;
    line-height: 45px;
}
H1 .ja-bs {
	color: #FFF;
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-weight: bold;
    font-size: 24px;
    line-height: 45px;
}
H1 .ja-bc {
	color: #FFF;
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-weight: bold;
    font-size: 24px;
    line-height: 45px;
}

H1 .en {
	margin-left:10px;
    font-size: 14px;
    line-height: 50px;
}
H1 .en2 {
	font-family: "PT Sans",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin-left:15px;
    font-size: 14px;
    line-height: 20px;
}
H1 .en3 {
	font-family: "PT Sans",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin-left:63px;
    font-size: 14px;
    line-height: 15px;
}
H1 .en-bp {
	font-family: "PT Sans",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}
H1 .en-bs {
	font-family: "PT Sans",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
    font-size: 14px;
    line-height: 15px;
}
H2 {
	margin-bottom:5px;
}
H2 .ja {
	color:#b1966b;
	text-decoration:underline;
	margin-left: 15px;
    font-size: 16px;
}
H2 .en {
	margin-left:10px;
    font-size: 14px;
    line-height: 50px;
}
.dotted_line,
.dotted_line-an {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    height: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.dotted_line_20 {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    height: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.stayaward_table {
    margin: 10px 0 15px;
    width: 100%;
}
.stayaward_table-an {
    margin: 0px 0 15px;
    width: 100%;
}
.bc_pc-t_table,
.sw_pc_table {
	display:inline-table;
	width: 100%;
	margin-bottom:15px;
}
.bc_m_table {
	display:none;
}
.an_m_anchor {
	display:none;
}
.sw_m-t_table {
	display:none;
}
.sa_m_text {
	display:none;
}
.m-t_on {
	display:none;
}
.m-t_off {
	display:inline;
}
/*
.d_hide {
    display: none;
}
.t_hide {
    display: none;
}
.m_hide {
    display: block;
}
*/
.rotate_banner {
    margin: 0 auto;
    min-height: 270px;
    min-width: 960px;
    position: absolute;
    width: 100%;
}
#rotate_banner_back {
    margin: 0 auto;
    min-height: 600px;
    min-width: 960px;
    position: absolute;
    width: 100%;
}
#rotate_banner_front {
    margin: 0 auto;
    min-height: 600px;
    min-width: 960px;
    position: absolute;
    width: 100%;
}
.bg_home_1 {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_home_1.jpg");
}
.bg_home_2 {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_home_2.jpg");
}
.bg_home_3 {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_home_3.jpg");
}
.bg_home_4 {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_home_4.jpg");
}
.bg_membership {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_membership.jpg");
}
.bg_earn {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_earn.jpg");
}
.bg_redeem {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_redeem.jpg");
}
.bg_account {
    background-image: url("https://oneharmony.com/content/en/images_desktop/banner_account.jpg");
}
.bg_offer {
    /*background-image: url("https://oneharmony.com/content/en/images_desktop/banner_offer.jpg");*/
	background-image: url(../images/winter_bg01.jpg);
    background-position: center 150px;
    background-repeat: no-repeat;
}
.bg_offer_sa {
    /*background-image: url("https://oneharmony.com/content/en/images_desktop/banner_offer.jpg");*/
	background-image: url(../images/sa.jpg);
    background-position: center 150px;
    background-repeat: no-repeat;
}
#banner_home {
    clear: both;
    height: 320px;
    margin: 0 auto;
    position: relative;
    top: 50px;
    width: 960px;
}
#banner_home p {
    display: none;
}
.select_bar {
    background-color: #000000;
    height: 15px;
    opacity: 0.2;
    position: relative;
    top: 255px;
    width: 960px;
}
.select_button {
    height: 15px;
    margin: 0;
    position: absolute;
    top: 255px;
    width: 960px;
}
.select_button ul {
    height: 5px;
    list-style: none outside none;
    margin: 5px 20px 0;
    padding: 0;
    text-indent: -9999px;
    white-space: nowrap;
    width: 920px;
}
.select_button li {
    background-color: #F3F3F3;
    cursor: pointer;
    float: right;
    height: 5px;
    margin-left: 5px;
    width: 10px;
}
.select_button li:hover {
    background-color: #A67C58;
    cursor: pointer;
    float: right;
    height: 5px;
    margin-left: 5px;
    width: 10px;
}
.select_button li.selected {
    background-color: #E4C065;
    float: right;
    height: 5px;
    margin-left: 5px;
    width: 10px;
}
#banner_250 {
    clear: both;
    height: 290px;
    margin: 0 auto;
    position: relative;
    width: 960px;
}
#banner_250 p {
    display: none;
}
.title_bar {
		/*
    background-color: #000000;
    opacity: 0.6;
		*/
    height: 60px;
    position: relative;
    top: 230px;
    width: 960px;
}
.title_text {
    left: 20px;
    position: absolute;
    top: 230px;
}
.title_text .en {
}
.title_text .tier_1 {
    color: #DAA367;
}
.title_text .tier_2 {
    color: #97B682;
}
.title_text .tier_3 {
    color: #A4A1C1;
}
/*
#mobile_menu_button {
    display: none;
}
*/
/*#language_pulldown li a {
color: #FFF;
}
#language_pulldown li a:hover{
color: #666;
}

#language_pulldown ul {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
#language_pulldown li {
    border-bottom: 1px solid #3B2918;
    cursor: pointer;
    height: 28px;
    line-height: 30px;
    padding: 0;
    text-decoration: none;
}
#language_pulldown li.select {
    display: none;
}
#language_pulldown li:hover {
    background-color: #F6F1E4;
    border-bottom: 1px solid #3B2918;
    color: #666666;
    height: 28px;
    line-height: 30px;
    padding: 0;
    text-decoration: none;
}*/
#reserve_pulldown {
    background-color: #000000;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    font-weight: bold;
    height: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 53px;
    white-space: normal;
}
#reserve_pulldown ul {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
#reserve_pulldown li {
    background-color: #000000;
    border-bottom: 1px solid #3B2918;
    border-right: 1px solid #3B2918;
    cursor: pointer;
    float: none;
    line-height: 13px;
    padding: 5px 10px;
    text-align: left;
    text-decoration: none;
    text-indent: -9999px;
    width: 103px;
}
#reserve_pulldown li.reserve_jal {
    background-image: url("https://oneharmony.com/content/en/images_desktop/reserve_logo_jal.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
}
#reserve_pulldown li.reserve_okura {
    background-image: url("https://oneharmony.com/content/en/images_desktop/reserve_logo_okura.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 45px;
}
#reserve_pulldown li:hover {
}
#login_panel li div a {
    color: #FFFFFF;
}
#login_panel div#member_info {
    border-left: 1px solid #3B2918;
    float: left;
    height: 35px;
    padding: 2px 0 0 16px;
    white-space: nowrap;
}
#login_panel div#member_tier_1 {
    color: #DAA367;
    font-family: "PT Sans",sans-serif;
    font-size: 10px;
    font-weight: normal;
    left: 16px;
    line-height: 18px;
    position: absolute;
    top: -20px;
}
#login_panel div#member_tier_2 {
    color: #97B682;
    font-family: "PT Sans",sans-serif;
    font-size: 10px;
    font-weight: normal;
    left: 16px;
    line-height: 18px;
    position: absolute;
    top: -20px;
}
#login_panel div#member_tier_3 {
    color: #A4A1C1;
    font-family: "PT Sans",sans-serif;
    font-size: 10px;
    font-weight: normal;
    left: 16px;
    line-height: 18px;
    position: absolute;
    top: -20px;
}
#login_panel div#member_name {
    color: #FFFFFF;
    font-size: 14px;
    padding-right: 10px;
}
#login_panel div#member_name span.salutation {
    color: #CCCCCC;
}
#login_panel div#member_point_label {
    color: #B1956B;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    line-height: 20px;
    min-width: 85px;
    padding-right: 10px;
}
#login_panel div#member_point {
    color: #B1956B;
    float: left;
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 16px;
    line-height: 18px;
    min-width: 68px;
    padding-right: 10px;
    text-align: right;
}
#login_panel div#logout_btn {
    border-left: 1px solid #3B2918;
    color: #B1956B;
    cursor: pointer;
    float: right;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    line-height: 20px;
    text-align: center;
    width: 95px;
}
#location_bar {
    background-color: #FFFFFF;
    background-image: url("https://oneharmony.com/content/en/images_desktop/location_bar.jpg");
    background-position: 0 0;
    background-repeat: repeat-x;
    font-size: 10px;
    height: 30px;
    line-height: 32px;
    margin: 0 auto;
    text-indent: 20px;
    width: 960px;
}
#location_bar a {
    text-decoration: underline;
}
#location_bar_pv10 {
    background-color: #FFFFFF;
    background-image: url("https://oneharmony.com/content/en/images_desktop/location_bar.jpg");
    background-position: 0 10px;
    background-repeat: repeat-x;
    font-size: 10px;
    height: 50px;
    line-height: 52px;
    margin: 0 auto;
    text-indent: 20px;
    width: 960px;
}
#location_bar_pv10 a {
    text-decoration: underline;
}
#left_menu {
    float: left;
    margin: 0 40px 0 20px;
    min-height: 50px;
    width: 180px;
}
#submenu {
    background-color: #F6F1E4;
    margin: 0;
    padding: 10px 0;
}
#submenu_btn_on {
    display: none;
}
#submenu_btn_off {
    display: none;
}
#submenu ul {
    background-image: url("https://oneharmony.com/content/en/images_desktop/submenu_off.gif");
    background-position: 0 200px;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#submenu li {
    background-image: url("https://oneharmony.com/content/en/images_desktop/submenu_off.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    height: 40px;
    line-height: 43px;
    text-decoration: none;
    text-indent: 15px;
    width: 180px;
}
#submenu li.on {
    background-image: url("https://oneharmony.com/content/en/images_desktop/submenu_on.gif");
    color: #000000;
    cursor: default;
}
#submenu li div {
    color: #666666;
    height: 40px;
}
#content_frame_hotel {
    background-color: #FFFFFF;
    clear: both;
    margin: 0 auto;
    min-height: 320px;
    min-width: 320px;
    width: 740px;
}
#home_content {
    padding: 20px;
}
#page_content {
    padding: 20px;
}
#page_content2 {
	padding-left: 20px;
	padding-right: 20px;
}
#left_column {
    float: left;
    margin: 0 20px 0 0;
    min-height: 50px;
    width: 220px;
}
#left_column #welcome #card {
    margin: 10px 0;
    text-align: center;
}
#mid_column {
    float: left;
    margin: 0 20px 0 0;
    min-height: 50px;
    width: 480px;
}
#mid_column #news_list {
    width: 460px;
}
#mid_column #offers_list .dotted_line {
    width: 460px;
}
#mid_column #offers_list .offer_box {
    float: left;
    margin: 0 20px 20px 0;
}
#mid_column #offers_list .offer_image {
    background-color: #E3DAC5;
    color: #00366D;
    height: 80px;
    left: 0;
    margin: 0 0 12px;
    max-width: 220px;
    position: relative;
    top: 0;
}
#mid_column #offers_list .offer_title {
    color: #000000;
    left: 0;
    line-height: 18px;
    margin: 0 0 8px;
    max-width: 220px;
    position: relative;
    top: 0;
}
#mid_column #offers_list .offer_content {
    color: #666666;
    left: 0;
    line-height: 18px;
    margin: 0 0 8px;
    max-width: 220px;
    position: relative;
    top: 0;
}
#mid_column_wide {
    display: table-cell;
    left: 0;
    margin: 0;
    min-height: 50px;
    position: relative;
    top: 0;
    width: 700px;
}
#mid_column_wide .point_chart {
    width: 520px;
}
#mid_column_wide .chart_info {
    border: 1px solid #CCCCCC;
    margin: 0 0 20px 10px;
    padding: 5px;
}
#mid_column_wide .chart_point {
    margin-top: 5px;
    text-align: right;
}
#mid_column_wide .chart_bar_bg {
    background-color: #E8E8E8;
    height: 5px;
    width: 100%;
}
#mid_column_wide .chart_bar {
    background-color: #B1956B;
    float: left;
    height: 5px;
}
#mid_column_wide .chart_note {
    float: right;
    margin-top: 10px;
    text-align: right;
}
#mid_column_wide .chart_text {
    display: table-cell;
    line-height: 20px;
}
#mid_column_wide .chart_card {
    float: right;
    margin-left: 10px;
}
#right_column {
    float: left;
    margin: 0;
    min-height: 50px;
    width: 180px;
}
#right_column #contact_us {
}
#right_column #contact_content {
    margin: 10px 0 0;
}
#right_column #phone {
    color: #B1956B;
    font-family: "PT Sans",sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 10px;
}
#right_column #share_btn {
}
#right_column #share_btn div {
    cursor: pointer;
    float: left;
    margin: 0 5px 10px 0;
}
#right_column #share_btn div.twitter {
    cursor: pointer;
    float: left;
    margin: 0 0 10px;
}
#right_column #share_btn img {
    cursor: pointer;
    float: left;
    margin: 0;
}
#banner_ad_right {
    text-align: center;
    width: 100%;
}
#banner_ad_right img {
    margin-bottom: 5px;
}
#banner_ad_left {
    margin: 0 0 20px;
    padding: 20px 0 10px;
}
#banner_ad_left img {
    margin-bottom: 5px;
}
#banner_ad_bottom {
    display: none;
}
#banner_ad_bottom img {
}
.banner {
}
#one_column {
    float: left;
    margin: 0;
    min-height: 50px;
    width: 100%;
}
#two_column {
    float: left;
    margin: 0;
    min-height: 50px;
    width: 100%;
}
#two_column #login_box {
    float: left;
    margin: 0;
    width: 440px;
}
#two_column #login_box .form_table {
    margin: 0 0 10px;
    width: 100%;
}
#two_column #fp_box {
    float: left;
    margin: 0;
    width: 440px;
}
#two_column #fp_box .form_table {
    margin: 0 0 10px;
    width: 100%;
}
#two_column #register_box {
    float: left;
    margin: 0 0 0 40px;
    width: 440px;
}
#two_column #register_box #welcome {
}
#two_column #register_box #welcome #card {
    float: right;
    margin-left: 10px;
}
#two_column #register_box #welcome #welcome_content {
}
#three_column {
	margin-left:18px;
    min-height: 50px;
    /*width: 100%;*/
}
#three_column #box_1 {
    float: left;
	margin-right: 80px;
}
#three_column #box_2 {
    float: left;
	margin-right: 80px;
}
#three_column #box_3 {
    float: left;
}
#three_column a {
    font-size: 13px;
    font-weight: bold;
	text-decoration:none;
}
#three_column a:hover {
	text-decoration: underline;
}
#table_three_column {
    width: 100%;
}
#table_three_column #box_01 {
    float: left;
    margin: 0;
    width: 33%;
}
#table_three_column #box_02 {
    float: left;
	margin-left: 10px;
    width: 34%;
}
#table_three_column #box_03 {
    float: left;
    margin-left: 10px;
    width: 28%;
}
a.button {
    background: url("https://oneharmony.com/content/en/images_desktop/btn_right.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "PT Sans";
    font-size: 14px;
    height: 40px;
    margin: 0 5px 0 0;
    padding: 0 30px 0 0;
    text-decoration: none;
    white-space: nowrap;
}
a.button:link {
    color: #FFFFFF;
    font-family: "PT Sans";
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}
a.button:hover {
    color: #FFFFFF;
    font-family: "PT Sans";
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}
a.button span {
    display: block;
    line-height: 31px;
    padding: 0 0 2px 32px;
}
a.button span.button_icon {
    background: url("https://oneharmony.com/content/en/images_desktop/btn_left.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 30px;
}
a.button_arrow {
    background: url("https://oneharmony.com/content/en/images_desktop/btn_arrow.gif") no-repeat scroll 0 4px transparent;
    color: #00366D;
    cursor: pointer;
    display: block;
    font-family: Verdana;
    margin: 0;
    padding: 0 0 0 12px;
    text-decoration: none;
    white-space: nowrap;
}
a.button_back {
    background: url("https://oneharmony.com/content/en/images_desktop/btn_back.gif") no-repeat scroll 0 4px transparent;
    color: #00366D;
    cursor: pointer;
    display: block;
    font-family: Verdana;
    margin: 0;
    padding: 0 0 0 12px;
    text-decoration: none;
    white-space: nowrap;
}
.form_label {
    color: #000000;
    float: left;
    width: 80px;
}
.form_field {
    left: 0;
    position: relative;
    top: 0;
}
.field_indent {
    left: 80px;
    position: relative;
    top: 0;
}
.news_table {
    margin: 0 0 10px;
    white-space: normal;
    width: 460px;
}
.news_table_row {
    clear: both;
    margin: 0 0 5px;
}
.news_date {
    border: 0 none;
    display: table-cell;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    vertical-align: top;
    white-space: normal;
    width: 75px;
}
.news_title {
    border: 0 none;
    color: #00366D;
    display: table-cell;
    left: 0;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    white-space: normal;
    width: 385px;
}
.login_table {
    margin: 10px 0 15px;
    width: 100%;
}
.login_table_row {
    clear: both;
    float: none;
    padding: 0 0 20px;
}
.login_label {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 10px;
    margin-right: 20px;
    white-space: normal;
    width: 80px;
}
.login_field {
    float: left;
    left: 0;
    position: relative;
    top: 0;
}
.fp_table {
    margin: 10px 0 15px;
    width: 440px;
}
.fp_table_row {
    clear: both;
    float: none;
    padding: 0 0 20px;
}
.fp_label {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 10px;
    margin-right: 20px;
    white-space: normal;
    width: 130px;
}
.fp_field {
    float: left;
    left: 0;
    position: relative;
    top: 0;
}
.info_table {
    margin: 0 0 10px;
    white-space: nowrap;
    width: 640px;
}
.info_table_row {
    clear: both;
    margin: 0 0 10px;
}
.info_label {
    display: table-cell;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    vertical-align: top;
    white-space: normal;
    width: 220px;
}
.info_label_indent {
    display: table-cell;
    float: left;
    margin: 0 0 5px;
    padding: 0 30px 0 10px;
    vertical-align: top;
    white-space: normal;
    width: 180px;
}
.info_content {
    color: #000000;
    display: table-cell;
    left: 0;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    white-space: normal;
}
.info_card {
    float: left;
    margin: 0 8px 0 0;
}
.info_card_text {
    float: left;
    line-height: 18px;
    margin: 0 8px 0 0;
}
.info_content_big {
    color: #000000;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    white-space: normal;
}
.cp_table {
    margin: 10px 0 15px;
    width: 440px;
}
.cp_table_row {
    clear: both;
    float: none;
    padding: 0 0 20px;
}
.cp_label {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 10px;
    margin-right: 20px;
    white-space: normal;
    width: 140px;
}
.cp_field {
    float: left;
    left: 0;
    position: relative;
    top: 0;
}
.cp_note {
    font-size: 11px;
    line-height: 16px;
}
.contact_table {
    margin: 10px 0 15px;
    width: 440px;
}
.contact_table_row {
    clear: both;
    float: none;
    padding: 0 0 10px;
}
.contact_label {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 10px;
    margin-right: 10px;
    white-space: normal;
    width: 90px;
}
.contact_field {
    display: table-cell;
    left: 0;
    position: relative;
    top: 0;
    white-space: normal;
    width: 340px;
}
.contact_note {
    font-size: 11px;
    line-height: 16px;
}
.enrol_table {
    margin: 10px 0 15px;
    white-space: nowrap;
    width: 640px;
}
.enrol_table_row {
    clear: both;
    margin-bottom: 12px;
}
.enrol_label {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 15px;
    margin-right: 20px;
    white-space: normal;
    width: 180px;
}
.enrol_field {
    display: table-cell;
    left: 0;
    position: relative;
    top: 0;
    white-space: normal;
    width: 440px;
}
.enrol_note {
    font-size: 11px;
    line-height: 16px;
}
.review_table {
    margin: 10px 0 15px;
    white-space: nowrap;
    width: 640px;
}
.review_table_row {
    clear: both;
    margin-bottom: 12px;
}
.review_label {
    color: #000000;
    display: table-cell;
    float: left;
    line-height: 16px;
    margin-bottom: 15px;
    margin-right: 20px;
    vertical-align: top;
    white-space: normal;
    width: 180px;
}
.review_content {
    display: table-cell;
    left: 0;
    line-height: 16px;
    position: relative;
    top: 0;
    vertical-align: top;
    white-space: normal;
}
.search_table {
    white-space: nowrap;
    width: 100%;
}
.search_table_padding {
    background-color: #F6F1E4;
    margin: 0 0 15px;
    padding: 10px;
}
.search_table_row {
    clear: both;
    margin-bottom: 0;
}
.search_label {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 20px;
    white-space: normal;
    width: 100px;
}
.search_field {
    display: table-cell;
    left: 0;
    position: relative;
    top: 0;
    white-space: normal;
    width: 520px;
}
.list_table {
    margin: 10px 0 15px;
    width: 100%;
}
.list_top_row {
    clear: both;
    margin-bottom: 0;
    vertical-align: top;
}
.list_odd_row {
    background-color: #F0F0F0;
    clear: both;
    margin-bottom: 0;
}
.list_even_row {
    clear: both;
    margin-bottom: 0;
}
.list_space_row {
    display: none;
}
.list_odd_row .list_label {
    display: none;
}
.list_even_row .list_label {
    display: none;
}
.list_table .top {
}
.list_table .bottom {
}
.list_row {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 6px 10px;
    vertical-align: top;
    white-space: normal;
}
.list_label {
    color: #000000;
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 6px 10px;
    vertical-align: top;
    white-space: normal;
}
.list_page {
    margin: 0 10px;
    width: 100%;
}
.list_page a {
    text-decoration: underline;
}
.check_box {
    float: left;
    margin-top: 2px;
    width: 20px;
}
.check_text {
    display: table-cell;
    left: 0;
    line-height: 18px;
    position: relative;
    top: 0;
    width: 420px;
}
.error_msg {
    background-color: #F0F0F0;
    background-image: url("https://oneharmony.com/content/en/images_desktop/error_msg_icon.gif");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    font-size: 11px;
    line-height: 15px;
    margin: 20px 0;
    padding: 5px;
}
.error_msg ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.error_msg li {
    color: #FF0000;
    list-style: none outside none;
    margin: 0;
    padding-bottom: 2px;
    padding-left: 22px;
    padding-top: 1px;
}
.error_label {
    color: #FF0000;
}
.sitemap_table {
    margin: 0 0 10px;
    white-space: nowrap;
    width: 700px;
}
.sitemap_row {
    clear: both;
    margin: 0 0 40px;
}
.sitemap_column {
    display: table-cell;
    float: left;
    margin: 0 20px 40px 0;
    padding: 0;
    vertical-align: top;
    white-space: normal;
    width: 210px;
}
.benefit_table {
    margin: 10px 0 15px;
    width: 100%;
}
.benefit_top_row {
    clear: both;
    margin-bottom: 0;
    vertical-align: top;
}
.benefit_top_row_toggle {
    clear: both;
    margin-bottom: 0;
    vertical-align: top;
}
.benefit_odd_row {
    background-color: #F6F1E4;
    clear: both;
    margin-bottom: 0;
}
.benefit_even_row {
    clear: both;
    margin-bottom: 0;
}
.benefit_space_row {
    display: none;
}
.benefit_card {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 8px 2px 7px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    width: 50%;
}
.benefit_name {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 0 2px 12px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
}
.benefit_row {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 2px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
}
.benefit_label {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 10px;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}
.benefit_page {
    margin: 0 10px;
    width: 100%;
}
.benefit_page a {
    text-decoration: underline;
}
.benefit_pulldown {
    display: none;
    z-index: 300;
}
#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 {
    background-color: #F6F1E4;
    clear: both;
    margin-bottom: 10px;
    min-height: 80px;
    width: 100%;
}
.hotel_offer .image {
    float: left;
    width: 220px;
}
.hotel_offer .image img {
    height: 80px;
    width: 220px;
}
.hotel_offer .copy {
    display: table-cell;
    height: 60px;
    left: 0;
    padding: 10px 10px 10px 20px;
    position: relative;
    top: 0;
    vertical-align: middle;
}
.hotel_offer .copy div.title {
    color: #754C28;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin: 0 0 5px;
}
.hotel_offer .copy div.content {
    color: #A15C1E;
    font-family: Verdana;
    font-size: 18px;
}
.hotel_offer .copy div.name {
    color: #754C28;
    font-family: "PT Sans";
    font-size: 18px;
    font-weight: bold;
}
.hotel_offer .copy div.details {
    color: #666666;
}
#earn_chart_txt {
    float: left;
    width: 48%;
}
#earn_chart {
    float: right;
    font-family: "PT Sans";
    font-size: 11px;
    line-height: 12px;
    width: 48%;
}
#earn_chart td {
    border-left: 1px solid #583800;
    padding: 4px 5px;
    width: 70px;
}
#earn_chart td.label {
    color: #000000;
    padding: 10px 5px;
    text-align: center;
}
#earn_chart td.startdate {
    background-color: #E0AF65;
    color: #FFFFFF;
}
#earn_chart td.valid {
    background-color: #583800;
    color: #FFFFFF;
}
#earn_chart td.valid_date {
    background-color: #583800;
    color: #FFFFFF;
    padding-right: 0;
    text-align: right;
}
#earn_chart td.valid_arrow {
    background-color: #FFFFFF;
    background-image: url("../images/earn_arrow.gif");
    background-position: -85px center;
    background-repeat: no-repeat;
}
#earn_chart td.space {
    height: 10px;
    padding: 0;
}
#earn_chart td.right_col {
    padding: 0;
    width: 30px;
}
.search_hotel_area {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    white-space: normal;
    width: 110px;
}
.search_hotel_region {
    color: #000000;
    float: left;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 20px;
    white-space: normal;
    width: 150px;
}
.search_hotel_name {
    color: #000000;
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 20px;
    white-space: normal;
    width: 270px;
}
.legend_item {
    float: left;
    margin-bottom: 12px;
    margin-right: 20px;
    white-space: nowrap;
}
.legend_item .icon {
    color: #000000;
    float: left;
    margin-left: 6px;
    margin-right: 5px;
    text-align: center;
    white-space: nowrap;
    width: 16px;
}
.legend_item .text {
    display: table-cell;
    float: left;
    left: 0;
    line-height: 12px;
    position: relative;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
}
.restaurant_discount {
    float: left;
    width: 100%;
}
.restaurant_discount div.restaurant {
    float: left;
    width: 220px;
}
.restaurant_discount div.logo {
    padding: 10px;
    text-align: center;
}
.restaurant_discount div.discount {
    background-color: #F6F1E4;
    color: #754C28;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding: 5px 10px;
    text-align: center;
}
.birthday_offer {
    clear: both;
    margin-bottom: 10px;
    min-height: 150px;
    width: 100%;
}
.birthday_offer .image {
    float: right;
    height: 150px;
    width: 200px;
}
.birthday_offer .image img {
    height: 150px;
    width: 200px;
}
.birthday_offer .copy {
    display: table-cell;
    height: 120px;
    padding: 10px 10px 10px 0;
    position: relative;
    right: 0;
    top: 0;
    vertical-align: top;
}
.birthday_offer .copy div.title {
    color: #754C28;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 10px;
}
.birthday_offer .copy div.content {
}
.allianced_benefit {
    float: left;
    width: 100%;
}
.allianced_benefit div.allianced {
    float: left;
    width: 220px;
}
.allianced_benefit div.logo {
    padding: 10px;
    text-align: center;
}
.allianced_benefit div.info {
    text-align: center;
}
.gift_offer {
    clear: both;
    height: 120px;
    margin-bottom: 10px;
    width: 100%;
}
.gift_offer .image {
    float: left;
    height: 120px;
    width: 160px;
}
.gift_offer .r_20 {
    margin-right: 20px;
}
.gift_offer .image img {
    height: 120px;
    width: 160px;
}
.tc_1, .btc_1 {
    width: 100px;
}
.tc_2, .btc_2 {
    width: 100px;
}
.tc_3, .btc_3 {
    width: 100px;
}
.tc_combine {
    width: 308px;
}
.stayaward_table2 {
    margin: 10px 0 15px;
    width: 100%;
}
.stayaward_top_row {
    clear: both;
    margin-bottom: 0;
    vertical-align: top;
}
.stayaward_top_row_toggle {
    clear: both;
    margin-bottom: 0;
    vertical-align: top;
}
.stayaward_odd_row {
    background-color: #F6F1E4;
    clear: both;
    margin-bottom: 0;
}
.stayaward_even_row {
    clear: both;
    margin-bottom: 0;
}
.stayaward_space_row {
    display: none;
}
.stayaward_card {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 8px 10px 7px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    width: 50%;
}
.stayaward_name {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 0 2px 12px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
}
.stayaward_row {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 5px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
	font-size: 14px;
}
.stayaward_row2 {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 5px;
    text-align: right;
    vertical-align: top;
    white-space: normal;
	font-size: 14px;
}
.stayaward_label {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 2px 7px 2px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
	font-size: 14px;
}
.stayaward_label-l {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 2px 7px 4px;
    text-align: left;
    vertical-align: top;
    white-space: normal;
	font-size: 14px;
}
.stayaward_label-l2 {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 4px 7px 4px;
    text-align: center;
	font-weight:bold;
    vertical-align: top;
    white-space: normal;
	font-size: 14px;
}
.btm2 {
    border-bottom: 2px solid #FFF;
}
.l_border {
    border-left: 2px solid #FFFFFF;
}
.l_border2 {
    border-left: 6px solid #FFFFFF;
}
.l_border3 {
    border-left: 2px solid #e7eef2;
}
.b_border {
	/*border-left: 2px solid #FFFFFF;*/
    border-bottom: 2px solid #FFFFFF;
}
.b_border2 {
	border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #F6F1E4;
}
.b_border3 {
	border-left: 2px solid #e7eef2;
    border-bottom: 2px solid #F6F1E4;
}
.b_border3w {
	border-left: 2px solid #e7eef2;
    border-bottom: 2px solid #FFFFFF;
}
.b_border4 {
    border-bottom: 2px solid #FFF;
}
.l_border {
    border-left: 2px solid #FFFFFF;
	text-align:center;
}
.l_border2 {
    border-left: 6px solid #FFFFFF;
}
.l_border4 {
    border-left: 2px solid #FFFFFF;
	text-align:right;
}
.l_border3w {
    border-left: 2px solid #e7eef2;
	border-bottom: 2px solid #F6F1E4;
}
.l_border5w {
    border-left: 2px solid #F6F1E4;
	border-bottom: 2px solid #F6F1E4;
}
.b_border {
	/*border-left: 2px solid #FFFFFF;*/
    border-bottom: 2px solid #FFFFFF;
}
.b_border2 {
	border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #F6F1E4;
}
.b_border3 {
	border-left: 2px solid #e7eef2;
    border-bottom: 2px solid #F6F1E4;
}
.b_border5 {
	border-left: 2px solid #FFF;
    border-bottom: 2px solid #F6F1E4;
}
.b_border3w {
	border-left: 2px solid #e7eef2;
    border-bottom: 2px solid #FFFFFF;
}
.b_border5w {
	border-left: 2px solid #F6F1E4;
    border-bottom: 2px solid #FFFFFF;
}
.card_print {
    display: block;
}
.card_view {
    display: none;
}
.legend_item_r {
    float: left;
    margin-bottom: 12px;
    margin-left: 20px;
}
.legend_item_r .text {
    display: table-cell;
    float: left;
    left: 0;
    line-height: 12px;
    position: relative;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
}
.legend_item_r .color_1 {
    background-color: #9ACC99;
    float: left;
    height: 12px;
    margin-left: 6px;
    margin-right: 5px;
    width: 12px;
}
.legend_item_r .color_2 {
    background-color: #9999CD;
    float: left;
    height: 12px;
    margin-left: 6px;
    margin-right: 5px;
    width: 12px;
}
.legend_item_r .color_3 {
    background-color: #CC99CC;
    float: left;
    height: 12px;
    margin-left: 6px;
    margin-right: 5px;
    width: 12px;
}
.legend_item_r .color_4 {
    background-color: #D68888;
    float: left;
    height: 12px;
    margin-left: 6px;
    margin-right: 5px;
    width: 12px;
}
#redeem_table {
    clear: both;
    width: 100%;
}
#redeem_table_left {
    float: left;
    width: 200px;
}
#redeem_table_left div {
    clear: both;
    cursor: default;
    height: 20px;
    margin-bottom: 5px;
    padding-left: 10px;
    white-space: nowrap;
    width: 210px;
}
#redeem_table_left .label {
    background-color: #E8E8E8;
}
#redeem_table_right {
    float: right;
    overflow: hidden;
    width: 480px;
}
#redeem_table_right .redeem_row {
    clear: both;
    height: 25px;
    left: 0;
    position: relative;
    white-space: nowrap;
    width: 9999px;
}
#redeem_table_right .redeem_row div {
    cursor: pointer;
    float: left;
    height: 20px;
    text-align: center;
    white-space: nowrap;
    width: 80px;
}
#redeem_table_right .redeem_row .date {
    cursor: default;
    font-weight: bold;
}
#redeem_table_right .redeem_row .odd {
    background-color: #CCCCCC;
}
#redeem_table_right .redeem_row .even {
    background-color: #ADADAD;
}
#redeem_table_right .redeem_row .point {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}
#redeem_table_right .redeem_row .color_0 {
    background-color: #E8E8E8;
    cursor: default;
}
#redeem_table_right .redeem_row .color_1 {
    background-color: #9ACC99;
}
#redeem_table_right .redeem_row .color_2 {
    background-color: #9999CD;
}
#redeem_table_right .redeem_row .color_3 {
    background-color: #CC99CC;
}
#redeem_table_right .redeem_row .color_4 {
    background-color: #D68888;
}
#redeem_table_right .redeem_control {
    background-color: #F7F1E5;
    clear: both;
    height: 30px;
    width: 480px;
}
#redeem_table_right .redeem_control .left_arrow {
    background-image: url("https://oneharmony.com/content/en/images_desktop/table_scroll_left.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 50px;
}
#redeem_table_right .redeem_control .pages {
    float: left;
    height: 30px;
    text-align: center;
    width: 380px;
}
#redeem_table_right .redeem_control .right_arrow {
    background-image: url("https://oneharmony.com/content/en/images_desktop/table_scroll_right.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 50px;
}
.faq_group {
    padding-bottom: 5px;
}
.faq_question {
    background-image: url("https://oneharmony.com/content/en/images_desktop/faq_close.gif");
    background-position: -3px 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 16px;
}
.faq_question:hover {
    background-image: url("https://oneharmony.com/content/en/images_desktop/faq_close_o.gif");
    background-repeat: no-repeat;
}
.faq_question *:hover {
    color: #00366D;
}
.faq_question_dn {
    background-image: url("https://oneharmony.com/content/en/images_desktop/faq_open.gif");
    background-position: -3px 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 16px;
}
.faq_question_dn:hover {
    background-image: url("https://oneharmony.com/content/en/images_desktop/faq_open_o.gif");
    background-repeat: no-repeat;
}
.faq_question_dn *:hover {
    color: #00366D;
}
.faq_answer {
    cursor: auto;
    display: none;
    padding-bottom: 10px;
    padding-left: 16px;
}

/*____________________________________________________________________

	Frame
____________________________________________________________________*/

.defFrm01 {
	border: solid 1px #CCCCCC;
}

.defFrm01B {
	border-left:   solid 1px #CCCCCC;
	border-right:  solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

.defFrmBox01 {
	border: solid 1px #FFFFFF;
	background: transparent url(/files/user/common/img/box_bg01.jpg) repeat-x left top;
}

.defFrmCont01 {
	padding: 10px;

}

.defFrmCont02 {
	padding: 15px;
}

.defFrmCont03 {
	padding: 18px;
}

.defFrm0001 {
	border: solid 1px #CCCCCC;
	height:270px;
}

.res-br {
	display:none;
}

.stayaward_table,
.stayaward_table-an,
.stayaward_table2 {
    font-family: Verdana;
}

.m-on {
	display:none;
}

.ta_r {
    text-align: right;
}
.ta_l {
    text-align: left;
}
.ta_c {
    text-align: center !important;
}

.f_small {
	font-size: small;
}
.t_indent01 {
	padding-left:1em;
	text-indent:-1em;
}

p.note {
	font-size:13px;
}
a.note {
	font-size:10px;
	vertical-align:super;
}

/* 年度変わり目対応 2015/1/13 */
.hob_subtitle {
    background: url("http://www.okura-jalhotels.com/jp/ohm/images/index_search_bg.jpg") repeat-x scroll center bottom #F6F1E4;
    clear: both;
    margin: 30px 0px 10px;
    font-family: "PT Sans";
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #754C28;
    padding: 10px 15px;
}

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

.page_content_inner2 {
	width: 960px;
	margin: 0px auto;
}
/* 2015/2/4 add Kanno OHM Banner mobile対応 END*/

.arrowTop01 {
    margin-top: 20px;
    text-align: right;
}
.icon01 {
    margin-right: 3px;
}

/* ----- mobile対応用 2015/07/14 kanno ----- */
#page-top{
	width:35px;
	height:35px;
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0.7;
	filter: alpha(opacity=70);
}

#page-top p a{
	font-size:16px;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-top{
	color:#fff;
	line-height:35px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

/* 右上に常時表示 add ONHM Kanno START*/
#exp_FixedBox {
	top: 20px;
    right: 20px;
    height: 100px;
    position: fixed; /* ボックスを常時表示 */
    border: solid 1px #ddd;
    background-color: rgba(255, 255, 255, 0.8); /* ボックス背景の半透明化 */
    padding: 10px;
    width: 130px; /* ボックス幅 */
    border-radius: 3px 3px 3px 3px; /* 角丸め */
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1); /* ボックスの影 */
    z-index: 1000; /* 要素の重なり順 */
}

#exp_FixedBox p {
	margin:0;
	text-align:left;
	font-size:12px;
	line-height:18px;
	padding-left:0.7em;
	text-indent:-0.7em;
}

#exp_FixedBox a {
	text-decoration:none;
	cursor:pointer;
}

#exp_FixedBox a:hover {
	text-decoration:underline;
	cursor:pointer;
}
/* 右上に常時表示 END*/

/* 上に常時表示 add ONHM Kanno START*/
#exp_FixedBox2 {
	position: fixed;
	top: 0px;
	right: auto;
	left: auto;
	width: 100%;
    z-index: 1000; /* 要素の重なり順 */
	background-color:#FFF;
	border: #cc0000 1px solid;
}

#exp_FixedBox2 img {
	float:left;
	margin-right:10px;
}

#exp_FixedBox2 p {
	margin-top:10px;
	text-align:left;
	font-size:14px;
	line-height:18px;
	/*padding-left:0.7em;
	text-indent:-0.7em;*/
}

#exp_FixedBox2 p img {
	float:none;
	vertical-align:middle;
}

#exp_FixedBox2 a {
	text-decoration:none;
	cursor:pointer;
}

/* 上に常時表示 END*/



/* Responsive対応 2016.04 */
thead th {  
  background-color: #f6f1e4 !important; 
}
thead td {  
  background-color: #f6f1e4 !important;  
}

.latecheckout tbody tr:nth-child(odd) td,
.latecheckout tbody tr:nth-child(odd) th {  
  background-color: #FFF; 
}
.latecheckout tbody tr:nth-child(even) td,
.latecheckout tbody tr:nth-child(even) th {  
  background-color:#f6f1e4;  
}

.anniversary tr:nth-child(odd) {  
  background-color: #FFF; 
}
.anniversary tr:nth-child(even) {  
  background-color:#f6f1e4;  
}

.privileges tbody:nth-child(odd),
.stay-awards tbody:nth-child(odd),
.birthday-cake tbody:nth-child(odd),
.benefits-points tbody:nth-child(odd),
.birthday-suite tbody:nth-child(odd),
.upgrade-awards tbody:nth-child(odd) {  
  background-color:#f6f1e4;
}
.privileges tbody:nth-child(even),
.stay-awards tbody:nth-child(even),
.birthday-cake tbody:nth-child(even),
.benefits-points tbody:nth-child(even),
.birthday-suite tbody:nth-child(even),
.upgrade-awards tbody:nth-child(even) {  
  background-color:  #FFF; 
}

.birthday-cake .hn-width01 { width:25%; }
.birthday-cake .hn-width02 { width:34%; }
.birthday-cake .hn-width03 { width:34%; }
.birthday-cake .hn-width03-1 { width:33%; }
.birthday-cake .hn-width03-2 { width:33%; }



/* デザイン変更 2016.04 ONHM Kanno */
.benefits-points01 tbody:nth-child(odd),
.birthday-cake01 tbody:nth-child(odd),
.birthday-suite01 tbody:nth-child(odd),
.privileges01 tbody:nth-child(odd),
.sa01 tbody:nth-child(odd),
.stay-awards01 tbody:nth-child(odd),
.upgrade-awards01 tbody:nth-child(odd) {  
  background-color:#f6f1e4;
}
.benefits-points01 tbody:nth-child(even),
.birthday-cake01 tbody:nth-child(even),
.birthday-suite01 tbody:nth-child(even),
.privileges01 tbody:nth-child(even),
.sa01 tbody:nth-child(even),
.stay-awards01 tbody:nth-child(even),
.upgrade-awards01 tbody:nth-child(even) {  
  background-color:  #FFF; 
}

.anniversary01 tr:nth-child(odd),
.latecheckout01 tbody tr:nth-child(odd) th,
.latecheckout01 tbody tr:nth-child(odd) td {  
  background-color: #FFF; 
}
.anniversary01 tr:nth-child(even),
.latecheckout01 tbody tr:nth-child(even) th,
.latecheckout01 tbody tr:nth-child(even) td {  
  background-color:#f6f1e4;  
}

.ohm_table {
    width: 100%;
    margin: 10px 0px 15px 0px;
	text-align:left;
	font-size:14px;
}

.ohm_table th {
    display: table-cell;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 7px 2px 7px 4px;
    vertical-align: top;
    white-space: normal;
}
.ohm_table td {
    display: table-cell;
    line-height: 16px;
	margin-bottom: 0px;
	margin-right: 10px;
    padding: 7px 2px 7px 2px;
    vertical-align: top;
	white-space: normal;
}

.ohm_table thead tr th {
    border-left: 2px solid #e7eef2;
	border-bottom: 0px;
	text-align:center;
}

.ohm_table thead:nth-child(n) tr:nth-of-type(n) th:nth-of-type(1) { border-left: 0px !important; }
.ohm_table thead:nth-child(n) tr:nth-of-type(n) th:nth-of-type(n+1) { border-left: 2px solid #FFF; }

.ohm_table tbody:nth-child(odd) tr:nth-of-type(n) td { border-left: 2px solid #e7eef2; border-bottom: 2px solid #FFF; }
.ohm_table tbody:nth-child(odd) tr:last-of-type td { border-bottom: 0px; }

.ohm_table tbody:nth-child(even) tr:nth-of-type(n) td { border-left: 2px solid #e7eef2; border-bottom: 2px solid #F6F1E4; }
.ohm_table tbody:nth-child(even) tr:last-of-type td { border-bottom: 0px; }

/* カスカマイズ */
.anniversary01 tbody tr:nth-child(n) td { border: 0px !important; }

.benefits-points01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(1) { text-align:center; }
.benefits-points01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(2) { text-align:right; }

.birthday-cake01 .hn-width01 { width:25%; }
.birthday-cake01 .hn-width02 { width:34%; }
.birthday-cake01 .hn-width03 { width:34%; }
.birthday-cake01 .hn-width03-1 { width:33%; }
.birthday-cake01 .hn-width03-2 { width:33%; }
.birthday-cake01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(n) { text-align:center; }

.birthday-suite01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(1) { text-align:center; }
.birthday-suite01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(2) { text-align:right; }

.latecheckout01 tbody tr:nth-child(n) td { border-bottom: 0px !important; }
.latecheckout01 tbody:nth-child(n) tr:nth-of-type(n) td { text-align:center; }

.privileges01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(1) { text-align:center; }
.privileges01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(2) { text-align:right; }

.sa01 thead:nth-child(n) tr:nth-of-type(1) th:nth-of-type(1) { text-align:left; vertical-align:middle; }
.sa01 thead:nth-child(n) tr:nth-of-type(1) th:nth-of-type(2) { vertical-align:middle; }
.sa01 thead:nth-child(n) tr:nth-of-type(2) td:nth-of-type(n) { text-align:center; border-left: 2px solid #FFF; border-top: 2px solid #FFF; }
.sa01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(n) { text-align:center; border-left: 2px solid #FFF; }
.sa01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(-n+2) { text-align:center; border-left: 2px solid #e7eef2; }
.sa01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(11) { text-align:center; border-left: 2px solid #e7eef2; }


.stay-awards01 tbody:nth-child(odd) tr:nth-of-type(n) td:nth-of-type(odd) { border-left: 2px solid #e7eef2; border-bottom: 2px solid #FFF; }
.stay-awards01 tbody:nth-child(odd) tr:nth-of-type(n) td:nth-of-type(even) { border-left: 0px; border-bottom: 2px solid #FFF; }
.stay-awards01 tbody:nth-child(odd) tr:last-of-type td { border-bottom: 0px !important; }

.stay-awards01 tbody:nth-child(even) tr:nth-of-type(n) td:nth-of-type(odd) { border-left: 2px solid #e7eef2; border-bottom: 2px solid #F6F1E4; }
.stay-awards01 tbody:nth-child(even) tr:nth-of-type(n) td:nth-of-type(even) { border-left: 0px; border-bottom: 2px solid #F6F1E4; }
.stay-awards01 tbody:nth-child(even) tr:last-of-type td { border-bottom: 0px !important; }

.stay-awards01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(odd) { text-align:right; }
.stay-awards01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(even) { text-align:center; }

.upgrade-awards01 thead tr:nth-of-type(1) th:nth-of-type(2) { border-bottom: 2px solid #FFF; }
.upgrade-awards01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(-n+2) { text-align:center; }
.upgrade-awards01 tbody:nth-child(n) tr:nth-of-type(n) td:nth-of-type(3) { text-align:right; padding-right:5px; }


/* add css 2017_0125 kanno START */
.sa-link-waku {
	float:right;
	background-color:#e3dac5;
	padding:3px 5px;
	margin:10px 15px 0 10px;
	line-height: 14px;
}
.sa-link a {
	font-size:12px;
	text-decoration:none;
}
.sa-link a:hover {
	text-decoration: underline;
}
/* add css 2017_0125 kanno END */

/* add css 2017_1205 kanno START */
.hoe-tit-h1 {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
}

.hoe-tit {
	font-size:85%;
	line-height: 60px;
}

.hoe_point01, .hoe_point02 {
	float:left;
	width:300px;
	margin:0 10px 0 0;
}

.hoe_point03 {
	float:left;
	width:300px;
	margin:0;
}

.hoe_point01 p, .hoe_point02 p, .hoe_point03 p {
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
}

.hoe_line {
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-size: 150%;
	line-height: 30px;
	margin-top: 20px;
}
/* add css 2017_1205 kanno END */


#page_content {
	padding-right:0px;
	padding-left:0px;
}