@charset "Shift_JIS";
/* ------------------------------
Dynatech style.css
ver.2019
------------------------------ */
/*
 * "Noto Sans JP" is lisenced under the SIL Open Font License, 1.1
 * https://fonts.google.com/specimen/Noto+Sans+JP
 * https://www.google.com/fonts/attribution
 * https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web
 */

/*
【　指定メモ　】

font-size:   px指定
font-weight: 400(Noto Sans JP Light) / bold(Noto Sans JP Medium)
color:       英字は大文字
table:       border-color:#DBDBDB
*/

/* ------------------------------
RESET
------------------------------ */
html, body, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, span, strong, em, table, th, td, form {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
img[id="paypaylogo"] {
margin-right: unset;
float: none;
transform: translate(0,10px);
}
li {
	list-style-type : none;
}
form {
	margin: 0;
	padding: 0;
}

/* 対iOS */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

/* ------------------------------
COMMON
------------------------------ */
.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
#contents * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.6;
	letter-spacing: 0;
}
#contents {
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo";
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #2E2E2E;
}
#contents a:link, #contents a:visited {
	color: #2E2E2E;
	text-decoration: none;
}
#contents a:hover, #contents a:active {
	color: #2E2E2E;
	text-decoration: underline;
}
#contents .ui-state-default a:hover, #contents .ui-state-default a:active {
	text-decoration: none;
}
/* ------------------------------
SELECT & INPUT
------------------------------ */
#contents select,
#contents input {
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo";/*bodyでの指定が反映されないため記載*/
	font-weight: 400;
	padding: 4px 8px;
}
#contents table#vacancya th,
#contents table#vacancya td {
	background-color: transparent;
}

#contents table#search td.txt input,
#contents table#search td.txt select {
	margin: 5px 5px 5px 0;
}
#contents table#search td.txt input[name="txtNAME1"],
#contents table#search td.txt input[name="txtNAME2"],
#contents table#search td.txt input[name="txtKANA1"],
#contents table#search td.txt input[name="txtKANA2"] {
	margin-left: 5px;
}
#contents table#search td input[name="txtID"],
#contents table#search td input[name="txtID2"],
#contents table#search td input#txtADDRESS2,
#contents table#search td input#txtADDRESS3,
#contents table#search td input#txtORGADDRESS2,
#contents table#search td input#txtORGADDRESS3,
#contents table#search td input#txtMobile,
#contents table#search td input#txtORGNAME,
#contents table#search td input#txtDPTNAME,
#contents input[name="id"],
#contents input[name="pass"],
#contents input[name="cCode"],
#contents input[name="newPass"],
#contents input[name="rePass"],
#contents table.reserve-info td input[type="text"]{
	width: 70%;
}
#contents table.reserve-info td input[name="MEMO9_03"],
#contents table.reserve-info td input[name="MEMO9_08"] {
	width: 240px;
}
#contents table.reserve-info td input[name="optionprice"],
#contents table.reserve-info td input[name="sumoptionprice"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_TEL1"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_TEL2"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_TEL3"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_zip1"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_zip2"]{
	width: auto;
}
#contents table textarea {
	width: 100%;
}
#contents table[bgcolor="#666666"] {
  background-color: #fff;
}

/* ------------------------------
BUTTON / WHITE
------------------------------ */
#contents input.button,
#contents div.detail_btn a,
#contents .planname .btn_details,
#contents .apple_overlay input.btn_overlay,
#contents input[name="btnSubmit"],
#contents input[type="BUTTON"],
#contents table#search td.txt input[value="検　索"],
#contents input[name="btnREGISTER"] {
	height: 46px;
	line-height: 45px;
	padding: 0 20px;
	font-size: 14px;
	background: #fff;
	color: #2E2E2E;
	border: 1px solid #666666;
	display: block;
	text-align: center;
	text-decoration: none;
}

/* プラン一覧 // プランの詳細と空席状況 */
#contents input.btn_vacancy_details {
	background-color: #195988;
	color: #FFF;
	margin: 20px 0 30px 0;
	float: right;
}
/* プラン一覧 // カレンダーより選ぶ / 詳細 */
/* プラン一覧 // カレンダーより選ぶ / ポップアップ内詳細ページへ */
/* お客様登録 // 郵便番号検索 */
/* ポップアップカレンダー // 前月 */
/* ポップアップカレンダー // 次月 */
#contents .planname .btn_details,
#contents .apple_overlay input.btn_overlay,
#contents table#search td.txt input[value="検　索"],
#contents table#calendar input[name="prev"],
#contents table#calendar input[name="next"],
#contents table#search.kensearch2_result input[name="ken"],
p.conditionClear_btn a {
	height: 30px;
	line-height: 30px;
	display: inline;
}
#contents .planname .btn_details {
	margin-left: 16px;
}
#contents table#calendar input[name="prev"],
#contents table#calendar input[name="next"] {
	margin: 0 12px;
}
/* お客様登録 */
#contents input[name="btnREGISTER"] {
	margin: 10px auto 0;
}
/* パスワード系 */
#contents input.button[name="btn1"] {
	margin: 0 auto;
}
#contents input[name="btnSubmit"] {
	margin: 20px auto;
}
#contents input[value="仮パスワードを受け取る"] {
	margin: 0;
}
/* ポップアップカレンダー下*/
#contents input[name="sub_close"] {
	margin-top: 20px;
}
/* プラン一覧　全プラン表示 */
#contents p.conditionClear_btn a {
	width: 130px;
	text-align: center;
	border: 1px solid #666666;
	display: block;
	line-height: 28px;
}
#contents p.conditionClear_btn a:hover {
	text-decoration: none;
}

/* ------------------------------
BUTTON / BLUE
------------------------------ */
/* ボタンの共通スタイル */
#contents div.reserve_btn a,
#contents .reserve_btn_vacancy a ,
#contents .availability_calendar a,
#contents .login_member .login_btn input.button,
#contents .login_guest .usertype_wrap input.button_register_btn,
#contents .login_guest .usertype_wrap input.login_guest_btn,
#contents input[name="btnYOYAKU"],
#contents .login_area_newotani .login_newotani_member input[type="button"],
#contents .login_area_newotani .login_newotani_nonmember input[type="button"] {
	width: auto;
	height: 46px;
	line-height: 45px;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	background-color: #195988;
	display: block;
	text-decoration: none;
	border: none;
}
/* プラン詳細 // 宿泊概要 */
#contents .table_outline .reserve_btn_vacancy a,
#contents .table_outline .reserve_btn a,
#contents .table_outline .availability_calendar a {
	width: auto;
	margin: 20px 0 15px 0;
	padding: 0 12px;
	text-decoration: none;
	display: block;
}
#contents .table_outline .reserve_btn_vacancy a {
	margin: 10px 0 0;
}
/* ログイン */
#contents .login_member .login_btn input.button,
#contents .login_guest .usertype_wrap input.button_register_btn,
#contents .login_guest .usertype_wrap input.login_guest_btn {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* ご予約情報入力 // 予約する */
#contents input[name="btnYOYAKU"] {
	width: 200px;
	margin: 0 auto;
	font-weight: 400;
}
#contents .table_outline .reserve_btn a {
	width: 180px;
}
#contents div.reserve_btn a {
	width: 100px;
	color: #FFF;
}
#contents div.reserve_btn a:hover {
	text-decoration: none !important;
}
#contents div.detail_btn{
	float: right;
}
#contents div.detail_btn a{
	min-width: 70px;
	padding: 0 20px;
	color: #2E2E2E;
	border: 1px solid #666666;
}
#contents div.detail_btn a:hover {
	text-decoration: none;
}

/* ------------------------------
TABLE
------------------------------ */
/* 全体共通 */
#contents table#search,
#contents table.reserve-info,
#contents table.reserve-infowithtab {
	width: 100%;
	margin: 10px 0 40px 0;
	padding: 0;
	border-top: 1px solid #DBDBDB;
}
#contents table#search th,
#contents table.reserve-info th,
#contents table.reserve-infowithtab th {
	width: 30%;
	text-align: left;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #DBDBDB;
	background: #F2F2F2;
	font-weight: 400;
}
#contents table.card-input th {
	background: none;
	position: relative;
}
#contents table.card-input th::after {
	content:":";
	position: absolute;
	top: auto;
	bottom: auto;
	right: 8px;
}
#contents table#search td,
#contents table.reserve-info td,
#contents table.reserve-infowithtab td {
	width: 70%;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	margin: 0px;
	padding: 10px !important;
	border-bottom: 1px solid #DBDBDB;
}
#contents table#search td.btn,
#contents table.reserve-info td.btn {
	margin: 0px;
	padding: 10px 0px;
	border-style: none;
	background-color: #FFFFFF;
}
/* プラン一覧 検索条件 */
#contents table#search[summary="空室・料金の検索"] th {
	background: none;
}

/* ご予約情報入力 */
#contents table.reserve-info #sumprice td.txt {
	padding-top: 10px !important;
}
#contents table.reserve-info td.pointTd div {
	padding: 1px 0;
}
#contents table.reserve-info td.caution {
	padding-left: 103px;
}
#contents table.reserve-info td.caution > div {
	/*font-size: 12px;*/
	margin: 4px 0;
}
#contents table.reserve-info td table th,
#contents table.reserve-info td table td {
	padding-left: 0 !important;
	width: 50% !important;
}
/* ------------------------------
CONTENTS
------------------------------ */
#contents #sotowaku {
	width: 100%;
}
#contents {
	width: 960px !important;
	margin: 0 auto;
	padding: 40px 0 0;
}

/* ------------------------------
HEADING
------------------------------ */
#contents h1 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#contents h2 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#contents h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}
#contents h4,
#contents h5 {
	font-size: 14px;
}

#contents div.plantitle h1 {
	font-weight: bold;
}
#contents a[name="direct"] + h2 {
	text-align: center;
}
#contents h2#atop {
	margin-bottom: 40px;
	background: #F2F2F2;
	padding: 6px 10px !important;
}
#contents h3.FromAddressStyle {
	background-color: #ffffff;
}
#contents h3.FromAddressStyle font {
	color: #ff3c3c !important;
}
#contents #vacancya .calendar_list_name h3 {
	margin-bottom: 10px;
	padding: 6px 10px !important;
	background: #F2F2F2 !important;
}

#contents #tooltip h3 {
	font-size: 14px;
}

/* ------------------------------
CAP
------------------------------ */
#contents .cap {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents .onelinecap {
	margin: 0;
	padding: 0;
}

/* ------------------------------
READ
------------------------------ */
#contents p.read {
	margin: 0 0 20px 0;
	padding: 0;
}
#contents p.read a {
	text-decoration: underline;
}
#contents p.read a:hover {
	text-decoration: none;
}
/* ------------------------------
SUPP
------------------------------ */
#contents p.supp {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #D8D7D2;
}
/* ------------------------------
NOTE
------------------------------ */
#contents ul.note {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
/* ------------------------------
LIST
------------------------------ */
#contents ul.normal {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
/* ------------------------------
MARK
------------------------------ */
#contents span.mark {
	font-weight: normal;
	color: #ff3c3c;
	margin: 0 5px;
	padding: 0;
}
/* ------------------------------
DI PAGER
------------------------------ */
#contents div.di_pager {
	display: block;
	text-align: left;
	margin: 0 0 12px 0;
}
#contents div.di_pager .di_pager_now,
#contents div.di_pager .di_pager_noselect {
	margin: 0 2px 2px 0;
	font-size: 10px;
}
#contents div.di_pager span,
#contents div.di_pager a.di_pager_noselect {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
}
#contents div.di_pager a.di_pager_noselect {
	padding: 0;
	border: 1px solid #707070;
	text-decoration: none;
}
#contents div.di_pager a.di_pager_noselect:hover {
	text-decoration: underline;
}
#contents div.di_pager span.di_pager_now {
	font-weight: 400 !important;
	text-align: center;
	background-color: #E2E2E2;
	border: 1px solid #707070;
}
#contents div.di_pager .di_pager_next {
	margin: 0 20px 0 0;
}
#contents select#seekCount {
	border: 1px solid #707070;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
}
/* ------------------------------------
非表示効果
------------------------------------ */
/* プラン一覧画面コメント1、2 */
#contents .readmore_btn {
	width: 100px;
	margin: 0 auto;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #2E2E2E;
	position: absolute;
	bottom: -20px;
	right: 0;
	left: 0;
}
#contents .readmore_btn::before {
	content: "もっとみる ▼"
}
#contents .planlistcomment_trigger:checked ~ .readmore_btn::before{
	content: "閉じる ▲";
}
#contents .planlistcomment_trigger,
#contents .planlistcomment_trigger:checked ~ .planlistcomment_item::before {
	display: none; 
}
#contents .planlistcomment_trigger:checked ~ .planlistcomment_item {
	height: auto;
}
#contents .planlistcomment_wrap {
	position: relative;
	margin-bottom: 40px;
}
#contents .planlistcomment_item {
	overflow: hidden;
	height: 120px;
}
#contents .planlistcomment_item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	content: "";
}

hr.hr-paymanet {
	height: 0;
	margin: 5px 0 5px 0;
	padding: 0;
	border: 0;
    border-bottom: 1px solid #ccc;
}


/* ------------------------------
PLAN LIST TAB // PLAN LOOM CALENDAR
------------------------------ */
#contents .topiChoice_wrap {
	width:100%;
	text-align: left;
}
#contents #topic_path-tabs ul {
	width: 100%;
	display: inline-block;
	border: none;
	margin: 40px 0 46px 0;
}
#contents #topic_path-tabs ul li {
	margin: 0 2px 0 0;
	display: inline-block;
	float: left;
}
#contents #topic_path-tabs ul li a {
	padding: 14px 30px;
	border: 1px solid #707070;
	font-weight: bold;
	text-decoration: none;
}
/* ------------------------------
PLAN SORT
------------------------------ */
#contents #topic_path-tabs ul li.ordercharge a {
	font-weight: 400;
}
#contents #topic_path-tabs ul li.ordercharge {
	float: right;
}
#contents #topic_path-tabs ul li.ordercharge a {
	padding: 5px 12px;
	border: 1px solid #707070;
}
#contents #topic_path-tabs ul li.ordercharge a.not_link {
	color: #DBDBDB;
	border-color: #DBDBDB;
}
#contents #topic_path-tabs ul li.ordercharge a.not_link:hover {
	cursor: default;
	text-decoration: none;
}
/* ------------------------------
PLAN LIST TAB // PLAN SORT
------------------------------ */
#contents #topic_path-tabs ul li a.current,
#contents #topic_path-tabs ul li.ordercharge a.selected {
	background: none;
	background-color: #aeb1b4;
	border: 1px solid #aeb1b4;
	color: #fff;
}

/* ------------------------------
TABLE #reservelist
------------------------------ */
#contents table#reservelist {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #DDDDDD;
}
#contents table#reservelist th {
	text-align: left;
	white-space: nowrap;
	margin: 0px;
	padding: 3px 5px;
	background-color: #F2F2EE;
	border-bottom: 1px solid #DDDDDD;
}
#contents table#reservelist td {
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	margin: 0px;
	padding: 3px 5px;
	background-color: #FAFAF9;
	border-bottom: 1px solid #DDDDDD;
}
#contents p.searchCautionTxt {
	margin: 40px 0 0;
}
/* ------------------------------
CUSTOMER REGISTRATION
------------------------------ */
#contents iframe#kiyaku {
	border: 2px solid #DBDBDB;
}
/* 190711 #19035 iPhone,iPad対応 */
#contents div#kiyaku-wrapper-ios {
    width: 700px;
    height: 100px;
    overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: inline-block;
	border: 2px solid #DBDBDB;
}
form[name="frmmain"] #contents {
	width: 660px !important;
}
form[name="frmmain"] #contents pre {
white-space: pre-wrap;
}
#contents form[name="frmMember"] {
	text-align: center;
}
#contents label[for="kiyakudoi"],
#contents label[for="kakudai"]{
	color: #2E2E2E;
}
#contents label[for="kiyakudoi"],
#contents input[name="chkkakudai"],
#contents label[for="kakudai"],
#contents input[name="chkkiyaku"] {
	cursor: pointer;
}

/* ------------------------------
TABLE "VACANCY"
------------------------------ */
#contents div#vacancy-month + h3.ex01 {
	padding: 10px !important;
	background: #F2F2F2 !important;
}
#contents table#vacancy {
	width: 100%;
	margin-bottom: 40px;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #DBDBDB;
}
#contents table#vacancy th {
	width: 18%;
	margin: 0;
	padding: 10px;
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #DBDBDB;
}
#contents table#vacancy td {
	margin: 0;
	padding: 2px;
	border-bottom: 1px solid #DBDBDB;
  width: 25px;
}
#contents #vacancy td:nth-of-type(2n) {
    background-color: #fff;
}
#contents #vacancy td:nth-of-type(2n-1) {
    background-color: #f4f4f4;
}
#contents table#vacancy tr:nth-of-type(1) th,
#contents table#vacancy tr:nth-of-type(1) td.weekday, {
	font-size: 12px;
	line-height: 1.2;
}
#contents #vacancy-month {
	margin: 20px 0px 10px 0px;
	padding: 0px;
  line-height: 0;
}
#contents #vacancy-month::after {
	content: "";
	display: block;
	clear: both;
}
#contents #vacancy-month a {
  width: 76.39px;
  margin: 0 .19%;
	padding: 10px 0;
	border: 1px solid #4C4C4C;
	display: block;
	float: left;
  text-align: center;
}
#contents #vacancy-month strong {
    font-size: 100% !important;
}
#contents #vacancy-month strong a {
    background-color: #aeb1b4;
    border: 1px solid #aeb1b4;
    color: #fff;
}
#contents #vacancy-month span {
	display: none;
}
#contents td.weekly {
	background-color: #F2F2F2;
	color: black;
	text-align: center;
}
#contents td.saturday {
	background-color: #E4F9F8;
	color: #004184;
	text-align: center;
}
#contents table#vacancy td.saturday {
    background-color: #ccfafa;
}
#contents td.sunday {
	background-color: #F7E9E9;
	color: #C04C4C;
	text-align: center;
}
#contents table#vacancy td.sunday {
    background-color: #ffdfdf;
}
#contents .no-vacancy {
	color: #754d4d;
}
#contents table#vacancy td span strong {
    color: #754d4d;
    font-weight: 100;
}
#contents h3.ex01 {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
#contents p.ex02 {
	font-size: 12px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	text-align: right;
}
/* ------------------------------
TABLE "VACANCYetc"
------------------------------ */
#contents table#vacancyetc {
	width: 700px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #D8D6CF;
	border-left: 1px solid #D8D6CF;
	border-right: 1px solid #D8D6CF;
	text-align: center;
}
#contents table#vacancyetc th {
	width: 150px;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 3px 5px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
	border-left: 1px solid #DDDDDD;
}
#contents table#vacancyetc td {
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
/* ------------------------------
TABLE "guestmode"
------------------------------ */
#contents table#guestmode {
	width: 800px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #D8D6CF;
	border-collapse: collapse;
}
#contents table#guestmode th {
	width: 400px;
	color: #000;
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 5px 10px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
	border-left: 1px solid #DDDDDD;
}
#contents table#guestmode td {
	margin: 0;
	padding: 5px;
	text-align: left;
	border: 1px solid #DDDDDD;
}
#contents table#nobrder {
	border: 0px;
	padding: 1px;
}
#contents table#nobrder td {
	border: 0px;
	padding: 1px;
}
#contents table#nobrder th {
	border: 0px;
	padding: 1px;
}
/* ------------------------------
TABLE "calendar" // ポップアップ
------------------------------ */
#contents table#calendar {
	width: 100%;
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #D8D6CF;
	border-left: 1px solid #D8D6CF;
	border-right: 1px solid #D8D6CF;
}
#contents table#calendar th {
	text-align: left;
	margin: 0;
	padding: 3px 5px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
}
#contents table#calendar td {
	text-align: center;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
#contents #calendar-month {
	color: #C9C8C3;
	margin: 0 0 10px 0;
	padding: 0;
}
/* ------------------------------
TABLE "INPUT FORM"
------------------------------ */
#contents table#input-form {
	width: 100%;
	margin: 20px 0px;
	padding: 0px;
}
#contents table#input-form th {
	width: 20%;
	color: #52514B;
	text-align: left;
	white-space: nowrap;
	margin: 0px;
	padding: 3px 0px;
}
#contents table#input-form td {
	width: 80%;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	margin: 0px;
	padding: 3px 0px;
}
#contents table#input-form td.btn {
	margin: 0px;
	padding: 10px 0px;
	border-style: none;
}
/* ------------------------------
TABLE "VACANCYLIST"
------------------------------ */
#contents table#vacancy-list {
	width: 100% !important;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}
#contents table#vacancy-list th {
	text-align: left;
	color: #000;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #DBDBDB;
	font-weight: 400;
}
#contents table#vacancy-list td {
	text-align: left;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #DBDBDB;
}
#contents table#vacancy-list td.btn {
	text-align: center;
	margin: 0px;
	padding: 5px;
	border-style: none;
	border-bottom: 1px solid #DBDBDB;
}
#contents table#vacancy-list td.money {
	text-align: right;
}
#contents table#vacancy-list tr:nth-of-type(2) th {
	width: 20%;
}
#contents table#vacancy-list tr th:nth-of-type(1) {
/*	border-bottom: none;*/
}
#contents table#vacancy-list tr:nth-of-type(2) th:nth-of-type(1) {
	border-bottom: 1px solid #DBDBDB;
}
#contents table#vacancy-list tr:nth-of-type(2) th:nth-of-type(3),
#contents table#vacancy-list tr:nth-of-type(2) th:nth-of-type(4){
	text-align: right;
}
#contents table#vacancy-list th input.button {
	width: 76px;
	background-color: #195988;
	color: #fff;
	margin: 0;
	height: 46px;
	padding: 0 12px;
}
/* ------------------------------
TABLE "RESERVE INFO"
------------------------------ */
#contents p.price {
	margin: 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #EEE;
}
#contents p.total {
	font-size: inherit;
	padding: 0;
}
#contents p.total strong {
	margin: 0 10px 0 0;
	padding: 0;
}
#contents div.reserveother dl, dd, dt {
	padding: 0;
	margin: 0;
}
#contents div.reserveother dd {
	margin-bottom: 10px;
}

#contents #reserveother dl dt span.cap,
#contents table.reserve-info th span.cap{
	color: #ff3c3c;
	margin: 0;
}
#contents table.reserve-info td span.cap{
	font-size: 12px;
	color: #ff3c3c;
}
#contents #reserveother dl dd span {
	display: block;
	font-size: 12px !important;
	line-hight: 1.6 !important;
}
#contents #reserveother dl dt:nth-last-of-type(1) {
	font-size: 12px;
}
#contents table.reserve-info td .itemroom strong,
#contents table.reserve-info td .item strong,
#contents table.reserve-info tr#sumprice td p.total strong {
	font-size: 12px;
}
#contents table.reserve-info td.txt textarea {
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo";
	width: 98%;
	margin: 2% 2% 2% 0;
	padding: 10px;
	font-size: 14px;
	line-height: 1.6;
	box-sizing: border-box;
	font-weight: 400;
}
#contents table.reserve-infowithtab #reserveother {
	line-height: 1.6 !important;
	padding: 20px !important;
}
#contents table.reserve-info input[type="text"] {
  margin: 0 5px 5px 0 !important;
  padding: 4px 8px;
}
#contents table.reserve-info select,
#contents table.reserve-infowithtab input[type="text"],
#contents table.reserve-infowithtab select {
	margin: 0 5px 5px 0 !important;
	padding: 4px 8px;
}
#contents table.reserve-info td a {
	text-decoration: underline;
}
#contents table.reserve-info td a:hover {
	text-decoration: none;
}
#contents table.reserve-info input#billing_last_name,
#contents table.reserve-info input#billing_first_name {
  max-width: 160px;
}
#contents table.reserve-info input#billing_zip1,
#contents table.reserve-info input#billing_zip2 {
  max-width: 76px;
}
/* ------------------------------
ITEMS
------------------------------ */
#contents div.itemroom {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	float: left;
}
#contents div.item {
	width: 20%;
	margin: 0 10px 0 0;
	float: left;
}
#contents div.itemE {
	width: 28%;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	float: left;
}
#contents div.itemC {
	width: 30%;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	float: left;
}
#contents div.item2 {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
#contents div.item p {
	white-space: nowrap;
	line-height: 1.3;
	margin: 5px 0;
	padding: 0;
}
#contents div.itemE p {
	white-space: nowrap;
	line-height: 1.3;
	margin: 5px 0;
	padding: 0;
}
#contents div.itemroom p {
	white-space: nowrap;
	line-height: 1.3;
	margin: 5px 0;
	padding: 0;
}
/* ------------------------------
TABLE "NORMAL"
------------------------------ */
#contents table.normal {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
#contents table.normal th {
	text-align: center;
	color: #FFF;
	margin: 0;
	padding: 3px 5px;
	background-color: #999;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
#contents table.normal td {
	text-align: center;
	margin: 0;
	padding: 3px 5px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
/* ------------------------------
TABLE "Card input"
------------------------------ */
/* ------------------------------
TABLE "plan-listtable"
------------------------------ */
#contents table.plan-listtable {
	width: 100%;
	margin: 0;
	padding: 0;
}
#contents table.plan-listtable th {
	vertical-align: middle;
	text-align: left;
	margin: 0;
	padding: 13px 0 5px 0;
}
#contents table.plan-listtable th:nth-of-type(1) {
	width: auto !important;
}
#contents table.plan-listtable tbody td table tbody td {
	font-size: 16px;
}
#contents table.plan-listtable tbody td table thead tr th {
	font-weight: 400;
}
#contents table.plan-listtable td.col01 {
  padding-right: 40px;
}
div#contents table.reserve_not_available td.col02 {
  width: 110px;
}
#contents table.reserve_not_available td.col04 {
  width: 120px;
  padding-left: 40px;
}

/* ------------------------------
WAIT ICON
------------------------------ */
#contents .plan-list div[id^="wait-"] {
	padding: 20px;
	text-align: center;
	clear: both;
}
#contents #calendarleft {
	position: relative;
}
#contents #calendarleft img[src*="waiticon.gif"] {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#contents img[src*="waiticon.gif"] {
	width: 40px !important;
	height: 40px !important;
}

/*--一覧関連--*/
#contents table.plan-listtable td {
	padding: 15px 0 0 0;
	text-align: left;
	vertical-align: middle;
}
/* reserve_not_available と reserve_available 共通*/
#contents table.reserve_available th,
#contents table.reserve_not_available th {
	border-bottom: 1px solid #DBDBDB;
}
/*#contents table.reserve_not_available td.col01,*/
/*#contents table.reserve_not_available th.col01,*/
#contents table.reserve_available td.col01,
#contents table.reserve_available th.col01 {
	width: 285px;  /*デザイン上の設定*/
}
#contents table.reserve_not_available th.col03,
#contents table.reserve_not_available td.col03,
#contents table.reserve_available th.col03,
#contents table.reserve_available td.col03 {
	width: 75px;  /*デザイン上の設定*/
}
/* reserve_not_available */
#contents table.reserve_not_available th.col02,
#contents table.reserve_not_available td.col02 {
	width: 75px;
}
#contents table.reserve_not_available th.col02 {
/*	text-align: center;*/
}
#contents table.reserve_not_available td.col02 {
}
#contents .reserve_not_available div.detail_btn {
	width: 120px; /*文字が変更前調整*/
}
/* reserve_available */
#contents table.reserve_available th.col02,
#contents table.reserve_available td.col02 {
	width: 62px;  /*デザイン上の設定*/
}
#contents table.reserve_available th.col02 {
	padding-left: 25px;
	padding-right: 25px;
/*	text-align: center;*/
}
#contents table.reserve_available td.col02 {
	padding-left: 25px;
	padding-right: 25px;
}
#contents table.reserve_available td.col03 {
	padding-right: 25px;
}
#contents table.reserve_available td.col04 {
	width: 58px;/*デザイン上の設定*/
	padding-right: 15px;
}
#contents table.reserve_available td.col05 {
	width: 100px;/*デザイン上の設定*/
	padding-right: 0;
}
#contents table.plan-listtable p.caution {
	padding: 0;
	margin: 25px 0 0 0;
}
/*共通*/

#contents span.total_price {
	color: #ff3c3c;
	font-size: 18px;
	font-weight: bold;
}
#contents span.person_adult {
}


/*--/一覧関連--*/

/* ------------------------------
TABLE "plan-listtable"
------------------------------ */

#contents table.plan-datainside {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-style: none;
	border-top: 0px;
}
#contents table.plan-datainside th {
	width: auto;
	text-align: left;
	margin: 0px;
	padding: 3px 3px;
	font-weight: normal;
	background: 100% 0;
	background-color: #FFFFFF;
	border: 1px solid #333;
	border-left: none;
	border-right: none;
}
#contents table.plan-datainside td {
	text-align: left;
	margin: 0px;
	padding: 3px 3px;
	background-color: #FAFAF9;
	border-bottom: 1px solid #DDDDDD;
	vertical-align: middle;
}
#contents table.plan-listtable div.info_title {
	width: 780px;
	color: #666;
	margin: 0 auto;
	padding: 5px 15px 5px 0px;
	margin-bottom: 3px;
	background: #FFF;
}
#contents table.plan-datainside input.btn_details {
	width: 70px;
	height: 20px;
	padding: 0;
	margin: 5px auto;
	border: none;
	background: url(./image/btn_details.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
 behavior: expression(IEPNGFIX.fix(this));
}
#contents table.plan-datainside input.btn_details_e {
	width: 70px;
	height: 20px;
	padding: 0;
	margin: 5px auto;
	border: none;
	background: url(./image/btn_details_e.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
 behavior: expression(IEPNGFIX.fix(this));
}
#contents table.plan-datainside input.btn_reservation {
	width: 70px;
	height: 20px;
	padding: 0;
	margin: 5px auto;
	border: none;
	background: url(./image/btn_reservation.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
 behavior: expression(IEPNGFIX.fix(this));
}
#contents table.plan-datainside input.btn_reservation_e {
	width: 70px;
	height: 20px;
	padding: 0;
	margin: 5px auto;
	border: none;
	background: url(./image/btn_reservation_e.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
 behavior: expression(IEPNGFIX.fix(this));
}
#contents table.plan-datainside td input.btn_details,
#contents table.plan-datainside td input.btn_reservation {
	cursor: pointer;
}
/* ------------------------------
Button "Vacancy"
------------------------------ */
#contents input.btn_vacancy {
	width: 200px;
	height: 30px;
	margin: 5px;
	background: url(./image/btn_vacancy_on.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
 behavior: expression(IEPNGFIX.fix(this));
}
#contents input.btn_vacancy:hover {
	width: 200px;
	height: 30px;
	margin: 5px;
	background: url(./image/btn_vacancy_off.png) no-repeat 0 0;
	border: none;
	color: #b82e27;
	cursor: pointer;
 behavior: expression(IEPNGFIX.fix(this));
}
/* ------------------------------
BACK BUTTON
------------------------------ */ 
#contents div#back-btn {
	border-top: 1px solid #DDD;
	margin: 0px;
	padding: 0px;
}
/* ------------------------------
PLAN LIST
------------------------------ */ 
#contents div.plan-list {
	width: 100%;
	margin: 0 0 45px 0;
	padding: 25px 36px;
	border: 6px solid #aeb1b4;
}
#contents div.plan-list p {
	margin: 20px 0;
	padding: 0 0 0 400px; 
	text-align: left;
	font-size: inherit !important;
}
#contents div.photo-wrap {
	margin: 0 0 0 10px;
	float: right;
	width : 150px;
}
div.plandetail {
	padding: 0 0 0 0px;
	float: left;
}
#contents div.preview {
	margin: 5px;
	overflow: hidden;
}
#contents div.selecter {
	height: auto;
	padding: 5px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	vertical-align: middle;
}
#contents div.selecter a {
	width: 35px;
	height: 35px;
	margin-right: 3px;
	border: 1px solid #fff;
	display: block;
	float: left !important;
	overflow: hidden;
	decoration: none;
	text-align: center;
}
#contents div.selecter a img {
	width: 50px;
}
#contents div.selecter a:hover {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.70;
}

#contents div.photo-wraplarge,
#contents div.photo-wrapsmall {
	width: 370px;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	font-size: 15px;
}
#contents div.previewlarge,
#contents div.previewsmall {
	width: 370px;
	height: 278px;
	text-align: center;
	margin: 0 auto 10px;
	overflow: hidden;
}
#contents div.photo-wraplarge .previewlarge img,
#contents div.photo-wrapsmall .previewsmall img {
	width: 370px;
	height: auto;
}
#contents div.selecterlarge,
#contents div.selectersmall {
width: 100%;
height: auto;
margin: 5px 0;
padding: 5px 0 10px 0;
vertical-align: middle;
text-align: center;
border-top: 1px solid #EEE;
}
#contents div.selecterlarge a,
#contents div.selectersmall a {
	width: 35px;
	height: 35px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #fff;
	display: block;
	float: left !important;
	overflow: hidden;
	decoration: none;
}
#contents div.selecterlarge a img,
#contents div.selectersmall a img {
	width: 35px;
	height: 35px;
}
#contents div.selecterlarge a:hover,
#contents div.selectersmall a:hover {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.70;
}
#contents div.plandetaillarge {
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	width: 510px;
}
#contents div.photo-wrapbig .previewbig {
	width: 370px;
	height: 278px;
	overflow: hidden;
}
#contents div.photo-wrapbig {  /* プラン一覧用 */
	width: 370px;
	float: left;
	font-size: 15px;
}
#contents .plandetail_wrap_right div.photo-wrapbig {  /*詳細ページ */
	width: 440px;
	float: left;
	font-size: 15px;
}
#contents .photo-wrapbig img { 
	width: 370px;
	height: auto;
}
#contents div.plandetail_wrap_right .photo-wrapbig img { 
	width: 440px;
	height: auto;
}
#contents div.plandetail_wrap_right .photo-wrapbig {
	margin: 0 36px 0 0;
}
#contents div.plandetail_wrap_right .photo-wrapbig .selecterbig {
	margin: 5px 0 0;
}
#contents div.plandetail_wrap_right .photo-wrapbig .selecterbig img {
	width: 100%;
	height: 100%;
}
#contents div.photo-wraplittle {  /*一覧と詳細ページで違う意図で利用*/
	text-align: center;
	overflow: visible;
}
#contents div.photo-wraplittle {
	margin-right: 20px;
	overflow: hidden;
  width: fit-content;
}
#contents div.photo-wraplittle img {
	width: 100%;
	height: auto;
}
#contents div.previewbig {
	text-align: center;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 440px;
}
#contents .plandetail_wrap_right div.previewbig{
	width: 440px;
	height: 333px;
	overflow: hidden;
}
#contents div.selecterbig {
	width: 100%;
	height: auto;
	margin: 5px 0;
	padding: 5px 0 10px 0;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #EEE;
}
#contents div.selecterbig div,
#contents div.selecterlarge div,
#contents div.selectersmall div {
	display: inline-table !important;
}
#contents div.selecterbig a {
	width: 35px;
	height: 35px;
	margin: 0 2px;
	border: 1px solid #fff;
	display: block;
	float: left !important;
	overflow: hidden;
}
#contents div.selecterbig a > img {
	width: 35px;
	height: 35px;
}
#contents div.selecterbig a:hover {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.70;
}
#contents div.plandetailbig {
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	width: 355px;
}
#contents div.plandisplay {
	width: 100%;
	margin: 0;
	padding: 10 0 0 0px;
}
#contents div.plan-left {
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	background-color: #ddd;
}
#contents img.planlistimage {
	width: 370px;
	height: auto;
	margin: 0 0 30px 0;
	float: left;
}
#contents img.priceoptionimage {
	margin: 0 0 0 0px;
	padding: 0;
	float: right;
	background-color: #ddd;
	border: none;
}
#contents div.plan-list .plan-list_WithoutTax {
	padding-top: 5px;
}
/*	plan list clear fix
	2005/05/25
----------------------------------------------- */
#contents div.plan-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
#contents div.plan-list {
	display: block;
}
/* End hide from IE-mac */



/*20161116 */
#contents .adult {
	display: inline-block;
	line-height: 1.6;
}
#contents .child-a {
	display: inline-block;
}
#contents .child-b {
	display: inline-block;
}
#contents .child-c {
	display: inline-block;
}
#contents .child-d {
	display: inline-block;
}
#contents .child-e {
	display: inline-block;
}
#contents .child-f {
	display: inline-block;
}
#contents .child-g {
	display: inline-block;
}
#contents .child-h {
	display: inline-block;
}
#contents .child-i {
	display: inline-block;
}
#contents .child-j {
	display: inline-block;
}
#contents #chkpsntext {
	display: inline-block;
}
#contents p.ninzu_notice {
	margin: 0;
}
/* ------------------------------
TABLE PLAN-DATA 2019-01-09
------------------------------ */
#contents div#plan-data-bg {
	margin: 10px 0px 20px 0px;
	padding: 5px;
	background-color: #F2F2EE;
	border: 1px solid #E8E8E0;
}
#contents .plan-list table.plan-data {
	margin: 0 0 0 400px;
	width: 470px !important;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD !important;
}
#contents .plan-list table.plan-data:nth-last-of-type(1) {
	border-bottom: 1px solid #DDDDDD !important;
}
#contents table.plan-data th {
	width: auto !important;
	margin: 0px;
	padding: 0 17px 10px 0;
	text-align: left;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#contents table.plan-data th::after {
	content: ":";
	position: absolute;
	top: auto;
	bottom: auto;
	right: 8px;
	font-weight: 400;
}
#contents #calendarleftunder table.plan-data th::after {
	content: "";
}
#contents #calendarleftunder table.plan-data th {
	width: auto !important;
}
#contents table.plan-data td {
	text-align: left;
	margin: 0;
	padding: 0 17px 10px 0;
}
#contents table.plan-data tr:nth-of-type(1) th,
#contents table.plan-data tr:nth-of-type(1) td{
	padding-top: 15px;
}
#contents table.plan-data tr:nth-last-of-type(1) th,
#contents table.plan-data tr:nth-last-of-type(1) td{
	padding-bottom: 15px;
}

/* ------------------------------
SELECT btn re design
------------------------------ */


/* ------------------------------
SUPPLEMENTS
------------------------------ */
#contents .hidden {
	display: none;
}
#contents .float-reset {
	clear: both;
	margin: 0px;
	padding: 0px;
}
/*
ORIGINAL CSS
by K.T

*/

#contents INPUT.txt {
	text-align: left;
}
#contents INPUT.num {
	text-align: right;
}
#contents TABLE.searchbox {
	border-color: gray;
	border-style: dashed;
	border-width: thin;
	padding: 0px;
	margin: 0px;
}
#contents TH.small {
}
#contents TD.txt {
	text-align: left;
}
#contents TD.num {
	text-align: right;
}
#contents TD.ttl {
	text-align: center;
}
#contents TD.smalltxt {
	text-align: left;
}
#contents TD.smallnum {
	text-align: right;
}
#contents TD.smallttl {
	text-align: center;
}
#contents TD.smalltxtselected {
	text-align: left;
}
#contents TD.headercornertxt {
	border: 1px solid #000000;
	text-align: left;
}
#contents TD.headercornerttl {
	text-align: center;
	background-color: #66CC99;
}
#contents TD.headercornernum {
	text-align: right;
	background-color: #66CC99;
}
#contents TD.headersidetxt {
	text-align: left;
	background-color: #CCFFCC;
}
#contents TD.headersidettl {
	text-align: center;
	background-color: #CCFFCC;
}
#contents TD.headersidenum {
	text-align: right;
	background-color: #CCFFCC;
}
#contents TD.headerweekdaytxt {
	text-align: left;
	background-color: #F6F6F6;
}
#contents TD.headerweekdayttl {
	text-align: center;
	background-color: #F6F6F6;
}
#contents TD.headerweekdaynum {
	text-align: right;
	background-color: #F6F6F6;
}
#contents TD.headersaturdaytxt {
	text-align: left;
	background-color: #99CCFF;
}
#contents TD.headersaturdayttl {
	text-align: center;
	background-color: #99CCFF;
}
#contents TD.headersaturdaynum {
	text-align: right;
	background-color: #99CCFF;
}
#contents TD.headersundaytxt {
	text-align: left;
	background-color: #FF9999;
}
#contents TD.headersundayttl {
	text-align: center;
	background-color: #FF9999;
}
#contents TD.headersundaynum {
	text-align: right;
	background-color: #FF9999;
}
#contents TD.weekdaytxt {
	text-align: left;
	background-color: #FFFFFF;
}
#contents TD.weekdayttl {
	text-align: center;
	background-color: #FFFFFF;
}
#contents TD.weekdaynum {
	text-align: right;
	background-color: #FFFFFF;
}
#contents TD.saturdaytxt {
	text-align: left;
	background-color: #ECF5FF;
}
#contents TD.saturdayttl {
	text-align: center;
	background-color: #ECF5FF;
}
#contents TD.saturdaynum {
	text-align: right;
	background-color: #ECF5FF;
}
#contents TD.sundaytxt {
	text-align: left;
	background-color: #FFE8E8;
}
#contents TD.sundayttl {
	text-align: center;
	background-color: #FFE8E8;
}
#contents TD.sundaynum {
	text-align: right;
	background-color: #FFE8E8;
}
#contents TD.shortcaption {
	text-align: left;
}
#contents TD.longcaption {
	line-height: 150%;
	text-align: left;
	background-color: #CCDEFF;
}
#contents STRONG {
	font-weight: bold;
}
#contents STRONG.large {
	/*font-size: 12pt;*/
}
#contents STRONG.small {
	/*font-size: 10pt;*/
}
#contents STRONG.highlight {
	/*color: #0000FF;*/
}
#contents STRONG.highlightlarge {
	/*color: #0000FF;*/
	/*font-size: 12pt;*/
	margin: 0 0 10px 10px;
	font-size: 18px;
}
#contents STRONG.highlightsmall {
	/*color: #0000FF;*/
	/*font-size: 10pt;*/
}
#contents STRONG.noproblem {
	/*color: #666666;*/
}
#contents STRONG.largenoproblem {
	/*font-size: 12pt;*/
	/*color: #666666;*/
}
#contents STRONG.smallnoproblem {
	/*font-size: 10pt;*/
	/*color: #666666;*/
}
#contents STRONG.attention {
	/*color: #3366CC;/*	font-family: 'MS UI Gothic','Osaka'; */
}
#contents STRONG.largeattention {
	/*font-size: 12pt;*/
	/*color: #3366CC;/*	font-family: 'MS UI Gothic','Osaka'; */
}
#contents STRONG.smallattention {
	/*font-size: 10pt;*/
	/*color: #3366CC;/*	font-family: 'MS UI Gothic','Osaka'; */
}
#contents STRONG.caution {
	/*	font-family: 'MS UI Gothic','Osaka'; */
	/*color: #CC3300;*/
}
#contents STRONG.largecaution {
	/*	font-family: 'MS UI Gothic','Osaka'; */
	/*font-size: 12pt;*/
	/*color: #CC3300;*/
}
#contents STRONG.smallcaution {
	/*	font-family: 'MS UI Gothic','Osaka'; */
	/*font-size: 10pt;*/
	/*color: #CC3300;*/
}
#contents STRONG.space {
	/*color: #FFFFFF;*/
}
#contents STRONG.largespace {
	/*font-size: 12pt;*/
	/*color: #FFFFFF;*/
}
#contents STRONG.smallspace {
	/*font-size: 10pt;*/
	/*color: #FFFFFF;*/
}
#contents A.linknoproblem {
/*	font-weight: bold;*/
/*	color: #666666;*/
	text-decoration: none;
}
#contents A.linkattention {
/*	font-weight: bold;*/
/*	color: #3366CC;*/
	text-decoration: none;
}
#contents A.lnikcaution {
/*	font-weight: bold;*/
	color: #CC3300;
	text-decoration: none;
}
#contents A.linknoproblem:hover {
/*	color: #FF00FF;*/
	text-decoration: underline;
}
#contents A.linkattention:hover {
/*	color: #FF00FF;*/
	text-decoration: underline;
}
#contents A.lnikcaution:hover {
/*	color: #FF00FF;*/
	text-decoration: underline;
}
/* ------------------------------
COMPLETION 04/09/16
------------------------------ */
div#completion {
	text-align: center;
	margin: 0px;
	line-height: 2;
}
div#completion:nth-of-type(1) {
	padding-top: 100px;
	background: url(../img/bg_completion.png) center top no-repeat;
}
div#completion.rod-error:nth-of-type(1) {
	background: url(../img/bg_completion02.png) center top no-repeat;
  background-size: 60px;
}
div#completion:nth-of-type(1) p:first-line {
  font-size: 12px;
  font-weight: 400;
}
body div#completion.rod-error:nth-of-type(1) p:first-line {
  font-size: 14px;
}
div#completion h4 {
	width: 250px;
	border-bottom: 1px solid #A8A194;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}
div#completion h5 {
	font-weight: 400;
	color: #3F3D3A;
	margin: 0px;
	padding: 0px;
}
div#completion p {
	margin: 15px 0;
	padding: 0;
  font-size: 14px;
}
div#completion p span {
	color: red;
	margin: 0 5px;
}
#contents p#jump-site {
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0;
}
div#completion .caution {
	font-size: 24px;
}
div#completion p a {
	display: inline-block;
	width: auto;
	height: 46px;
	line-height: 46px;
	margin: 0 auto;
	padding: 0 14px;
	border: 1px solid #696969;
	text-decoration: none;
}
body div#contents div#completion.rod-error h1,
body div#contents div#completion.rod-error p.cap {
  text-align: center;
}
#contents #completion .cap input {
  margin: auto;
}
body[onload="InitForm();"]>a {
  text-align: center;
  display: block;
}
/* ------------------------------
COMPLETION asoview
------------------------------ */
#contents form[name="frmSearch"] {
}
#contents #asoview_completion .footer_asv_col {
	border: 1px solid #DBDBDB;
	margin: 20px 0 40px;
	padding: 25px 34px;
}
#contents #asoview_completion .footer_asv_col::after {
	content: "";
	display: block;
	clear: both;
}
#contents #asoview_completion .footer_asv_col h3 {
	float: right;
}
#contents #asoview_completion .footer_asv_col p a:link {
	text-decoration: underline;
}
#contents #asoview_completion .footer_asv_col p a:hover {
	text-decoration: none;
}
#contents #asoview_completion #asv-search-area {
	background: #F2F2F2;
	margin-bottom: 20px;
	padding: 25px 34px
}
#contents #asoview_completion #asv-search-area .asv_select_area {
	padding: 20px 0;
	border-bottom: 1px solid #DBDBDB;
}
#contents #asoview_completion #asv-search-area .asv_select_area input,
#contents #asoview_completion #asv-search-area .asv_select_area select {
	padding: 4px 8px;
}
#contents #asoview_completion #asv-search-area .asv_select_ttl {
	width: 100px;
	float: left;
	margin-right: 20px;
	padding: 4px 0;
}
#contents #asoview_completion .btn_asoview_search a {
	width: 200px;
	height: 46px;
	margin: 25px auto 0;
	display: block;
	background: #479384;
	text-align: center;
	line-height: 46px;
	color: #fff;
}
#contents #asoview_completion div.plan-list {
	width: 960px !important;
}
#contents #asoview_completion div.plan-list p {
	margin: 0;
	padding: 0;
}
#contents #asoview_completion .btn_asoview_more a {
	line-height: 60px;
	text-align: center;
}
#contents #asoview_completion .asoview-plan-detail {
	width: 560px;
}
#contents #asoview_completion .asoview-plan-cal ul li {
	width: 58px;
}
#contents #asoview_completion .asoview-list h3.pointer a {
	padding: 10px;
}
#contents #asoview_completion .asoview-list h3.pointer a:hover {
	text-decoration: none;
}
#contents #asoview_completion .pager li.pager-current,
#contents #asoview_completion .pager li.pager-current a {
	line-height: 35px;
}
#contents #asoview_completion .search__ymd input {
	padding-left: 34px;
}
div#completion input {
	display: inline-block;
}
/* ------------------------------
SHOPPING 05/04/21
------------------------------ */

#contents .shpfont1 {
	line-height: 1.5em;
	color: #ff3c3c;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#contents .shpfont11 {
	color: #ff3c3c;
/*	font: bold 150% "Times New Roman", serif*/
}
#contents .shopfont12 {
	color: #ff3c3c;
/*	font: bold 100% "Times New Roman", serif;*/
}
#contents .shpfont13 {
	color: #ff3c3c;
/*	font: normal 160% "Monotype Corsiva", "Times New Roman", serif;*/
/*	line-height: 1em;*/
}
#contents .shpfont14 {
	color: #ff3c3c;
/*	font: bold 90% Georgia, "Times New Roman", serif;*/
}
#contents .shpfont15 {
	color: #ff3c3c;
/*	font: bold 100% Georgia, "Times New Roman", serif;*/
}
#contents .shpfont16 {
	color: #ff3c3c;
/*	font: bold 100% "ＭＳ 明朝", serif;*/
}
#contents h2.shpmenu {
}
#contents h2.shpcat {
	line-height: 1.5em;
	color: #ff3c3c;
	margin: 0 0 5px 0;
	padding: 0 0 0 8px;
	border-left: 5px solid #71270B;
	background-color: #FFFFFA;
	border-bottom: 1px solid #DDDDDD;
}
#contents h2.shpcat {
	line-height: 1.5em;
	color: #ff3c3c;
	margin: 0 0 5px 0;
	padding: 0 0 0 8px;
	border-left: 5px solid #71270B;
	background-color: #FFFFFA;
	border-bottom: 1px solid #DDDDDD;
	font: bold 140% Georgia, "Times New Roman", serif;
}
#contents h3.shp01 {
	margin: 0 0 3px 0;
	padding: 0;
}
#contents h3.shp02 {
	margin: 15px 0 ;
	padding: 0;
	color: #004200;
}
#contents STRONG.goods {
	color: #800000;
}
#contents strong.shpprice {
	color: #0620AE;
}
#contents div.shp01 {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}
#contents div.shp02 {
	border-bottom: 1px dashed #DDDDDD;
}
#contents div.spRsvLoginTitle {
	color: #000000;
	text-align: center;
}
#contents TD.shopcomment {
	text-align: left;
}
#contents TD.shpright {
	text-align: right;
}
#contents TD.shpcenter {
	text-align: center;
}
#contents TD.shpbottom {
	text-align: bottom;
}
#contents th.shp01 {
	color: #00008B;
	background-color: #DEB887;
}
#contents p.shp01 {
	margin: 20px 10px 20px 10px;
}
#contents BODY.shp01 {
	background-color: #EED9AB;
}
#contents a.shp01 {
}
/*by yas 051227*/

/* ------------------------------
DISTANCE
------------------------------ */
#contents #nav_header_box {
	text-align: center;
	margin: 0 0 40px;
}
#contents #nav_header_box::after {
	content: "";
	display: block;
	clear: both;
}
#contents div.distance {
	display: inline-block;
}
#contents div.distance::after {
	content: "";
	cloar: both;
	display: block;
}
#contents div.distance p:nth-of-type(1),
#contents div.distance p:nth-of-type(2) {
	display: none;
}

#contents div.distance p.jokyou {
	height: 55px;
	margin: 0px;
	padding: 10px 18px;
	font-weight: 400;
	line-height: 1.2;
	background-color: #F2F2F2;
	float: left;
	text-align: center;
}
#contents div.distance p.jokyou_e {
	height: 36px;
	margin: 0px;
	padding: 10px 18px;
	font-weight: 400;
	background-color: #F2F2F2;
	float: left;
	vertical-align: middle;
	text-align: center;
}
#contents div.distance p.now {
	height: 55px;
	margin: 0px;
	padding: 10px 18px;
	color: #FFF;
	font-weight: 400;
	line-height: 1.2em;
	background-color: #5b99c7;
	float: left;
	vertical-align: middle;
	text-align: center;
}
#contents div.distance p.now_e {
	margin: 0px;
	height: 36px;
	font-weight: 400;
	line-height: 1.0em;
	background-color: #F2F2F2;
	float: left;
	vertical-align: middle;
	text-align: center;
}
#contents div.distance p.yajirusi {
	width: 30px;
	height: 56px;
	margin: 0px 1px;
	padding: 0;
	position: relative;
	color: #ffffff;
	float: left;
	text-align: center;
	vertical-align: middle;
}
#contents div.distance p.yajirusi::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #b9b9b9;
	border-right: solid 2px #b9b9b9;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 24px;
	left: 10px;
}

/* ------------------------------
TABLE "planlist_sp"
------------------------------ */
#contents #plan-list table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #D8D6CF;
	border-left: 1px solid #D8D6CF;
	border-right: 1px solid #D8D6CF;
	text-align: center;
}
#contents #plan-list table th {
	color: #000;
	text-align: left;
	margin: 0;
	padding: 3px 5px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
	width: 300px;
}
#contents #plan-list table td {
	margin: 0;
	padding: 0;
	text-align: middle;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
#contents #plan-list table a {
	text-decoration: none;
	padding: 1px 1px;
	margin: 0px;
	float: middle;
	cursor: pointer;
	display: block;
	color: #333;
}
#contents #plan-list span.cal-smallnumber {
	float: right;
	vertical-align: text-bottom;
	float: middle;
}
#contents #plan-list span.cal-dsp {
	float: middle;
	vertical-align: text-bottom;
}
#contents #plan-list table a:hover {
	text-decoration: none;
	background-color: #F2F2EE;
}
/*#plan-list span.cal-header2 { font: bold 120% "Trebuchet MS"; padding: 0 5px;}*/

/* カード決済時の待ちウインドウ */

#contents div.cardwait {
	border: solid 1px #aaaaaa;
	position: relative;
	display: none;
	color: black;
	background-color: white;
	padding: 10px;
	width: 470px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
/* tooltip styling */
#contents .tooltip {
	display: none;
	background-color: white;
	height: 135px;
	padding: 30px 30px 30px 30px;
	margin: 30px;
	width: 310px;
	color: #000;
	background-repeat: no-repeat;
	overflow: auto;
	border: solid 1px #aaaaaa;
}
#contents #tooltip {
	width: auto;
	height: 80px;
	padding: 10px;
	background: #fff;
	border: 1px solid #DBDBDB;
	border-radius: 6px;
	box-shadow: 0px 4px 6px 2px #f2f2f3;
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
}
/* ------------------------------
tools "shoukai_overlay"
------------------------------ */
#contents #exposeMask {
	background-color: #000 !important;
}
#contents .apple_overlay {
	/* initially overlay is hidden */
	display: none;
	/* growing background image */
	background-image: url(../img/overlaywhite.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width: 640px;
	height: 500px;
	/* some padding to layout nested elements nicely  */
	padding: 35px;
}
#contents .apple_overlay_inner {
	/* growing background image */
	display: block;
	/*width: 625px;*/
	height: 380px;
	padding: 5px;
	overflow: auto !important;
	text-align: left;
}
#contents .apple_overlay_inner2 {
	/* growing background image */
	width: 635px;
	height: 440px;
	overflow-x: hidden;
}
#contents .apple_overlay_inner2 #OvcontentWrap .plandisplay .plandetail{
	width: auto !important;
	text-align: left;
}
/* default close button positioned on upper right corner */
#contents .apple_overlay .close {
	background-image: url(../img/overlayclose.png);
	position: absolute;
	right: 5px;
	top: 30px;
	cursor: pointer;
	height: 26px;
	width: 26px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contents .apple_overlay br.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
#contents .apple_overlay_hd_plan {
	/*width: 635px;*/
	margin: 0;
	padding: 0;
	background: #F2F2F2;
}
#contents .apple_overlay_hd_room {
	width: 635px;
	margin: 0;
	padding: 0;
	background: #EEE;
}
#contents .apple_overlay_hd_plan table th, .apple_overlay_hd_room table th {
	text-align: left;
	width: 450px;
	font-weight: bold;
}
#contents .apple_overlay_hd_plan table td, .apple_overlay_hd_room table td {
	text-align: left;
	width: 160px;
}
#contents .apple_overlay_hd_book {
	width: 625px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#contents .apple_overlay_book_btn {
	float: right;
	width: 160px;
}

#contents #dibar,
#contents #diuser {
	padding-top: 0 !important
}
#contents #dibar {
	float: left;
	height: 22px
}
#contents #diuser {
	padding-bottom: 3px !important;
	text-align: right;
	top: -10px;
}
#contents a.dib4 {
	text-decoration: underline !important
}
#contents .dibh {
	border-top: 1px solid #c9d7f1;
}
#contents .dibh {
	height: 0;
	position: absolute;
	top: 24px;
	width: 100%
}
/* ------------------------------
TABLE "airselect"
------------------------------ */
#contents table.airselect {
	width: 385px;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 1px solid #D8D6CF;
	border-collapse: collapse;
}
#contents table.airselect>tbody {
	height: 180px;
	float: left;
	overflow: auto;
}
#contents table.airselect tr {
	float: left;
	border-collapse: collapse;
}
#contents table.airselect th {
	height: 10px;
	color: #000;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
	border-right: 1px solid #DDDDDD;
}
#contents table.airselect td {
	height: 10px;
	margin: 0;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #D8D6CF;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}
#contents .airselect th.sml, .airselect td.sml {
	width: 30px;
}
#contents .airselect th.nml, .airselect td.nml {
	width: 60px;
}
#contents .airselect th.nmlr {
	width: 79px;
}
#contents .airselect td.nmlr {
	width: 60px;
	text-align: right;
}
#contents table.airselect.airfr {
	float: right;
}
#contents table.airselect.airfl {
	float: left;
}
#contents table.airselect tr.selected td {
	background-color: #FFDD66;
}
#contents table.airheader {
	width: 387px;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 1px solid #D8D6CF;
	border-collapse: collapse;
}
#contents table.airheader th {
	height: 10px;
	color: #000;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
	border-left: 1px solid #DDDDDD;
}
#contents table.airheader td {
	height: 10px;
	margin: 0;
	padding: 5px;
	text-align: left;
	border: 1px solid #DDDDDD;
}
#contents table.airheader.airfr {
	float: right;
}
#contents table.airheader.airfl {
	float: left;
}
/*
flight-tabs aspy0200
*/
#contents #flight-tabs {
	width: 100%;
	margin: 5px 0;
	padding: 0 ;
}
#contents #flight-tabs ul {
	width: 100%;
	line-height: 1.3em;
	margin: 0;
	padding: 0 5px;
	background: url(./image/topic_path_tabs_bg.png) no-repeat left bottom;
	float: left;
}
#contents #flight-tabs ul li {
	display: block;
	float: left;
}
#contents #flight-tabs ul li a {
	color: #999;
	margin: 6px 1px 0 1px;
	padding: 5px 10px;
	border: solid #aaa;
	border-width: 1px 1px 0;
	border-bottom: 1px solid #aaa;
	background: #dedede;
	display: block;
}
#contents #flight-tabs ul li a.current {
	color: #999;
	font-weight: bold;
	margin: 0 5px;
	padding: 5px 20px 11px;
	border: solid #aaa;
	border-width: 1px 1px 0;
	border-bottom: 1px solid #fff;
	background: url(./image/topic_path_tabs.png) no-repeat left top;
	display: block;
}
#contents #flight-tabs ul li a:hover {
	color: #555;
	text-decoration: underline;
}
#contents #flight-tabs ul li a.current:hover {
	color: #003399;
	text-decoration: none;
}
#contents #flight-tabs ul li.ordercharge {
	margin: 0 0 3px 0;
	padding: 0;
	text-align: right;
	float: right;
}
#contents #flight-tabs ul li.ordercharge div span a {
	float: left;
	background: #FFF;
	padding: 2px 10px;
	border: 1px solid #DDD;
	text-align: center;
}
#contents #flight-tabs ul li.ordercharge div span a.normal {
	background: #FFF;
	border: 1px solid #DDD;
	color: #000;
}
#contents #flight-tabs ul li.ordercharge div span a.selected {
	background: #333;
	border: 1px solid #333;
	color: #FFF;
}
#contents #flight-tabs ul li.ordercharge div span a.not_link {
	background: #FFF;
	color: #DDD;
}
#contents #flight-tabs ul li.ordercharge div span a.not_link:hover {
	text-decoration: none;
	cursor: default;
}
* html #flight-tabs ul {
	height: 1px;
}
* html #flight-tabs ul li a.current {
	background-color: #FFF;
 behavior: expression(IEPNGFIX.fix(this));
}
#contents div.flight_area {
	padding: 10px;
}
#contents th#sumpriceafter {
	position: relative;
}
#contents div.taxdisparea {
	text-align: right;
	font-weight: lighter;
	margin: 0 10px 0 0;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#contents div.taxdisparea br {
	display: none;
}
/* Ytravel Links */
#contents div#YTravel_links {
	margin: 20px 0px 0;
	text-align: center;
	background-color: #F1EEE8;
	padding: 0px 10px 10px 10px;
}
#contents div#YTravel_links span#myTravelLink {
	padding: 10px 0;
	margin: 10px 0 15px 135px;
	width: 250px;
	float: left;
}
#contents div#YTravel_links span#YahooPointPassBookLink {
	padding: 10px 0;
	margin: 10px 135px 15px 0;
	width: 250px;
	float: right;
}
#contents div#YTravel_links span#myTravelLink:hover,
#contents div#YTravel_links span#YahooPointPassBookLink:hover {
	background-color: #C0B8AB;
}
#contents div#YTravel_links div#YGuideLine {
	clear: both;
	margin: 10px 0 0px;
}
#contents div#YTravel_links div#YGuideLine div#YpointGuideLine {
	margin-bottom: 5px;
}
/* default original header */
#contents div#defaultDIheader {
	color: #fff;
	background-color: #666;
	width: 800px;
	margin-bottom: 20px;
}
#contents div#defaultDIheader div#defaultDIheaderName {
	display: inline-block;
	padding: 10px 0 10px 12px
}
#contents div#defaultDIheader a#defaultDIheaderLink {
	color: #fff;
	float: right;
	padding: 10px 20px 0 8px
}
/* Sparkle */
#contents div.spkldesc {
	width: 20%;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
}
#contents #coupons {
	margin: 0;
	padding: 0;
}
#contents #coupons table {
	border: 0;
	border-spacing: 0;
}
#contents #coupons table tr#cp_0 {
	height: 30px;
	background-color: #B8CCE4;
}
#contents #coupons table tr {
	cursor: pointer;
}
#contents #coupons table tr td {
	border-bottom: 0;
}
#contents #coupons table tr td.td_left {
	width: 10px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#contents #coupons table tr td.td_img {
	width: auto;
	vertical-align: middle;
	margin: 0;
	padding: 5px 0;
}
#contents #coupons table tr td.td_img img {
	max-width: initial;
}
#contents #coupons table tr td table.reserve_info {
	border-spacing: 0;
	border-top: 1px solid #DDD;
	width: 100%;
}
#contents #coupons table tr td table.reserve_info tr td {
	border-bottom: 1px solid #DDD;
}
/*---------------------------------
all page  TLS/SSL
---------------------------------*/
#contents table.SSL,
table.SSL{
	width: 80% !important;
	margin: 0 auto !important;
	padding: 14px 0 30px 0 !important;
	font-weight: 400;
}
#contents table.SSL td {
	padding-right: 17px !important;
}
/*---------------------------------
PLAN DETAIL
---------------------------------*/
/* 宿泊概要 */
#contents table.table_outline td {
}
#contents div.plandetail_wrap_left p#sales-point {
	clear: both;
}
#contents .plandetail_wrap_right {
	margin-bottom: 20px;
}
#contents .plandetail_wrap_right::after {
	content: "";
	display: block;
	clear: both;

}
#contents .plandetail_outline {
	float: right;
	width: 480px;
	margin: 0 0 0 auto;
	display: table;
}
#contents div.plandetail_wrap_outline {
	margin: 15px 0 0 0;
}
#contents .price_box_inner {
	border-top: 1px solid #D8D6CF;
	border-bottom: 1px solid #D8D6CF;
	padding: 18px 0 14px 0;
}
#contents div.price_and_btn {
	width: 100%;
}
#contents div.price_and_btn::after {
	content: "";
	display: block !important;
	clear: both !important;
}
#contents .price_info_text {
	font-size: 12px;
}
#contents .table_outline span.xlarge_text {
	font-size: 24px;
	font-weight: bold;
	color: #ff3c3c;
	float: left;
}
/*--不要テキスト--*/
#contents .table_outline td.col01 .pricebox_name,
#contents .table_outline td.col02 .pricebox_name,
#contents .table_outline td.col03 .pricebox_name,
#contents .table_outline tr.people .pricebox_name,
#contents .table_outline tr.room_name .pricebox_name {
	display: none;
}
#contents .table_outline td.col02 .large_text {
	margin-left: 35px;
}
#contents .table_outline td.col03 .large_text {
	margin-left: 25px;
}
#contents .table_outline tr.conditions {
	margin: 20px 0;
	float: left;
}
#contents .table_outline tr.people {
	float: left;
	margin: 20px 0 20px 22px;
	font-size: 14px;
}
#contents .table_outline tr.room_name td {
	font-size: 18px;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	padding: 20px 0 20px 0;
}
#contents .table_outline tr.dishes td, tr.payment td {
	border-bottom: 1px solid #DBDBDB;
	padding: 18px 0;
}
#contents .table_outline tr.payment td > div {
	display: inline-block;
	margin: 0 8px 0 0;
}
#contents .table_outline tr.payment div#payment_paypay img {
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
#contents .plandetail_outline .table_outline .caution td {
	font-size: 12px;
	padding: 10px 0 25px 0;
}
#contents div.previewlittle {  /*一覧ページと詳細ページで共有*/
	width: 180px;
	margin: 3px 0;
}
/* empty room calender */
#contents div.price_box_inner .reserve_btn,
#contents div.price_box_inner .reserve_btn_vacancy,
#contents div.plandetail_outline .availability_calendar {
	float: right;
}
#contents div.price_box_inner .reserve_btn_vacancy { /*表示位置を調整*/
/*	margin: -40px 0 auto 0;*/
}
#contents div.price_box_inner .reserve_btn { /*表示位置を調整*/
	margin: -40px 0 auto 0;
}

#contents .table_outline .reserve_btn_vacancy a::before ,
#contents .table_outline .availability_calendar a::before {
	content: url(../img/icon_calendar_w.png);
	padding-right: 5px;
}

/* ------------------------------
PLAN DETAIL // SALES POINT
------------------------------ */
#contents p#sales-point {
	margin: 0 0 20px 0;
	padding: 5px;
}
/*---------------------------------
PLAN DETAIL // calender
---------------------------------*/
#contents div#calendarcontents {
	width: 100%;
	height: 100%;
	border: 1px solid #D1D1D1;
	box-shadow:0px 4px 6px 2px #F2F2F2;
	margin-bottom: 40px;
}
#contents div#calendarcontents::after {
	content: "";
	display: block;
	clear: both;
}
#contents div#calendarcontentsunder {
	position: relative;
	margin-bottom: 25px;
	background-color: #F6F6F6;
	clear: both;
	font-size: 12px;
}
#contents #calendarcontentsunder #calendarcontents {
	height: 100%;
	border: none!important;
	background-color: #F6F6F6!important;
	margin: 0;
	padding: 10px 20px 20px 20px!important;
  box-shadow: none;
}
#contents #calendarleft {
	display: table-cell;
	float: right;
	margin: 30px 25px;
	padding: 0;
	width: 630px;
	height: 100%;
	background: #FFF;
}
#contents #calendarcontentsunder::before {
	content: '';
	position: absolute;
	left: 20px;
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	border-right: 18px solid transparent;
	border-bottom: 24px solid #F6F6F6;
	border-left: 18px solid transparent;
}

/* firefox */
@-moz-document url-prefix() {
#contents #calendarcontentsunder::before {
content: " ";
position: absolute;
float: right;
left: 20px;
top: -14px;
padding: 0;
margin-top: -10px;
height: 0;
width: 0;
border-right: 18px solid transparent;
border-bottom: 24px solid #F6F6F6;
border-left: 18px solid transparent;
pointer-events: none;
}
}
#contents #calendarright {
	display: table-cell;
	float: left;
	width: 250px;
	height: 520px;
	margin: 30px 0 30px 25px;
	overflow: hidden;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 12px;
}
/* room detail */
#contents div#calendarleftunder {
	background-color: #F6F6F6;
	width: calc(100% - 195px);
	height: 125px;
	margin: 0;
	padding: 0 22px 0 0;
	overflow: scroll;
	overflow-x: hidden;
	line-height: 1.3em!important;
	float: right;
}
#contents div#calendarleftunder table.plan-data tr th {
	font-weight: 400;
}
#contents #calendarrightunder div.photo-wraplittle img {
	width: 170px;
	height: 125px;
	margin: 0;
	padding: 0;
}
#contents #calendarrightunder div.photo-wraplittle,
#contents #calendarrightunder div.previewlittle {
	background-color: #F6F6F6;
	margin: 0;
	padding: 0;
}

/*---------------------------------
PLAN DETAIL // calender // 料金付一覧
---------------------------------*/
#contents div#calendarcontents.calendar_type4 {
	padding: 30px 25px;
}
#contents div#calendarcontents.calendar_type4 h2 {
	font-size: 14px;
	font-weight: 400;
}
#contents div#calendarcontents #calendarright.calendar_type4 {
	margin: 0;
}
#contents div#calendarcontents div#calendarright.calendar_type4 {
	width: 100%;
	height: auto;
	overflow: visible;
}
#contents div#calendarcontents div#calendarleft.calendar_type4 {
	width: auto;
	float: none;
}

#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items > div,
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items div:nth-last-of-type(1) > div {
	width: 130px;
	margin-right: 6px;
	float: left;
}
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items div:nth-last-of-type(1) {
	width: auto;
}
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items::after {
	conent: "";
	display: block;
	clear: both;
}
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-month-crt,
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-monthsmall-crtap {
	border: 1px solid #4C4C4C;
}
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-month,
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-monthsmallap {
	border: 1px solid #4C4C4C;
}
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-monthsmall-crtap,
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-monthsmallap {
	padding: 5px 7px;
	font-size: 12px;
}
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items a,
#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items a strong {
	font-size: 14px;
	text-align: center;
}
#contents #calendarleft.calendar_type4 table {
	margin: 20px 0;
}
#contents #calendarleft.calendar_type4 table tr td:nth-of-type(1) {
	width: 18%;
	text-align: left !important;
}
#contents #calendarleft.calendar_type4 table tr td.cal-week-apstyle,
#contents #calendarleft.calendar_type4 table tr td.cal-sat-apstyle,
#contents #calendarleft.calendar_type4 table tr td.cal-sun-apstyle,
#contents #calendarleft.calendar_type4 table tr td.cal-sun-apstyle {
	font-size: 12px;
}
#contents #calendarleft.calendar_type4 table td span {
	font-size: 14px;
	font-weight: 400;
}
#contents #calendarcontents #calendarleft.calendar_type4 table td span.cal-smallnumberap {
	font-size: 9px;
	font-weight: 400;
}
#contents #calendarleft.calendar_type4 table td {
	padding: 0;
	text-align: center;
	border-color: #DBDBDB;
	border-width: 0 0 1px 0;
}
#contents #calendarleft.calendar_type4 table tr td:nth-of-type(1) {
	border-bottom: none;
	border-left: none;
}
#contents #calendarleft.calendar_type4 table.apstyle tr th:nth-of-type(1) .cal-week,
#contents #calendarleft.calendar_type4 table.apstyle tr td:nth-of-type(1) {
	border-left: none;
}
#contents #calendarleft.calendar_type4 table tr td:nth-of-type(1) {
	border-bottom: none;
}
#contents #calendarleft.calendar_type4 table.apstyle tr td:nth-of-type(1) {
	border-bottom: 1px solid #DBDBDB;
}
#contents #calendarleft.calendar_type4 table .browse.left .prev.disabled,
#contents #calendarleft.calendar_type4 table .browse.right .next {
	width: 30px;
	height: 60px;
	padding: 15px 0;
	display: table-cell;
	vertical-align: middle;
	float: left;
}
#contents #calendarright.calendar_type4 table tr th,
#contents #calendarright.calendar_type4 table tr td {
	padding: 10px;
}
#contents #calendarright.calendar_type4 table td a#calroomtype {
	margin-right: 5px;
	padding: 10px 20px;
	border: 1px solid #4C4C4C;
	display: block;
	float: left;
}
#contents #calendarright.calendar_type4 table td::after {
	content: "";
	display: block;
	clear: both;
}
#contents #calendarright.calendar_type4 table td a.cal-empty {
	background: #F2F2F2;
}
#contents #calendarright.calendar_type4 table td a.cal-empty:hover {
	background: #FFF;
}
#contents #calendarright.calendar_type4 table td a.cal-empty-ctr div {
	position: relative;
}
#contents #calendarright.calendar_type4 table td div {
	width: auto !important;
}
#contents #calendarright.calendar_type4 p.cap {
	border: none;
}
/*---------------------------------
PLAN DETAIL // detail list
---------------------------------*/
#contents h2#availability {
	font-size: 20px;
	padding: 0 0 10px 0 !important;
	margin: 0;
}
#contents #calendarleft p.cal-header2 {
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 12px 0;
}
#contents #calendarleft strong.cal-header2 {
	font-size: 24px;
	font-weight: bold;
	padding: 0 5px;
}
#contents a.cal-month,
#contents a.cal-month-crt {   /*2段共に使用*/
	display: inline-block;
	text-decoration: none;
	margin: 0 0 8px 0;
	width: 100%;
	padding: 5px 0;
	font-weight: 400;
}
#contents a.cal-month strong,
#contents a.cal-month-crt strong {
	font-weight: 400 !important;
}
#contents .dummy-tabs-active a.cal-month-crt,
#contents .dummy-tabs-active a.cal-month,
#contents .dummy-tabs a.cal-month-crt,
#contents .dummy-tabs a.cal-month {
	font-weight: bold;
}
#contents th.dummy-tabs,
#contents th.dummy-tabs-active {
	padding-right: 4px;
}
#contents .dummy-tabs-active a.cal-month-crt {   /*上段に使用*/
	border: 1px solid #AEB1B4;
	padding: 13px 0;
}
#contents .dummy-tabs a.cal-month {   /*上段に使用*/
	padding: 13px 0;
	border: 1px solid #4C4C4C;
}
#contents a.cal-month-crt,
#contents a.cal-monthsmall-crtap {
	background-color: #AEB1B4;
	color: #fff;
}
#contents #calendarleft table a.cal-none {
	color: #C5C1B7;
	border-color: #C5C1B7;
	cursor: default;
	padding: 1px 5px;
}
/*カレンダーの枠線*/
#contents #calendarleft table td {
	border: solid #95989a;
	border-width: 0 1px 1px 0;
	border-collapse: collapse;
	padding: 4px 10px 4px 0;
	width: 90px;
	height: 55px;
	text-align: right;
}
#contents #calendarleft table tr th:nth-of-type(1) .cal-week,
#contents #calendarleft table tr td:nth-of-type(1) {
	border-left: 1px solid #95989a;
}

#contents #calendarleft table td a {
	font-size: 12px;
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo" !important; /*bodyでの指定が反映されないため記載*/
	line-height: 1.4;
}
#contents #calendarleft table td span, #calendarleft table td strong {
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo" !important; /*bodyでの指定が反映されないため記載*/
	font-size: 20px;
}
#contents #calendarleft table td span {
	font-weight: 400;
}
#contents #calendarleft table td strong {
	font-weight: bold;
}
#contents #calendarleft table td a span.cal-empty,
#contents #calendarleft table td a span.cal-number,
#contents #calendarleft table td a span.cal-smallnumber,
#contents #calendarleft table td a span.cal-full {
	font-size: 12px;
	font-weight: 400;
}
#contents #calendarleft table td a span.cal-empty::after,
#contents #calendarleft table td a span.cal-smallnumber::after,
#contents #calendarleft table td a span.cal-full::after {
	content: "";
	display: block;
}
/* calendar right */
#contents #calendarrightunder .previewlittle {
	float: left;
}
#contents #roomtypedesc .cap {
	display: none;
}
#contents #calendarright table {
	padding: 0;
}
#contents #calendarright table a {
	cursor: pointer;
	padding: 13px 25px;
}
#contents .di_calroomtypetr {
	width: 100%;
}
#contents .cal-empty, .cal-empty:hover, .cal-empty-ctr, .cal-empty-ctr:hover {
	text-decoration: none;
}
#contents #calendarright table td div {
	display: inline-block;
	width: 170px !important;
	text-align: left !important;
}
#contents .di_calroomtypetr td {
    border-top: 1px solid #AEB1B4;
}
#contents .di_calroomtypetr td a {
	display: block;
}
#contents .di_calroomtypetr td a.cal-empty {
	background: #F2F2F2;
}
#contents .di_calroomtypetr td a.cal-empty:hover {
	background: #ffffff;
}
#contents .di_calroomtypetr td a.cal-empty-ctr {
	position: relative;
}
#contents .di_calroomtypetr td a.cal-empty-ctr::before {
	content: "";
	position: absolute;
	background: #007EDF;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	display: block;
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto;
}
#contents .cal-week {
	border: solid #95989a;
	border-width: 1px 1px 1px 0;
	font-weight: 400;
}
.#contents di_calroomtypetr td {
	border-top: 1px solid #AEB1B4;
}
#contents .di_calroomtypetr td:hover {
}
#contents #calendarright p.cap {
	border-top: 1px solid #AEB1B4;
	padding: 10px 0;
}
#contents #calendarright p.cap a {
	text-decoration: none!important;
	padding: 0;
}
#contents #calendarright p.cap a:hover {
	text-decoration: none!important;
	color: #B4B7BA;
}
#contents a.cal-direct-sun strong, #contents a.cal-full-sun strong, #contents a.cal-empty-sun strong {
	color: #C04C4C;
}
#contents a.cal-direct-sat strong, #contents a.cal-full-sat strong, #contents a.cal-empty-sat strong {
	color: #004184;
}
#contents a.cal-empty:hover {
	text-decoration: underline;
}
#contents a.cal-none strong {
	color: #5B5B5B;
}
#contents #calendarleft table {
	margin-bottom: 18px;
}
/*---------------------------------
PLAN DETAIL // room type detail
---------------------------------*/
#contents #calendarcontents_textarea #calendarcontents_textarea_tab {
	font-weight: bold;
	margin: 0 25px 0 0;
	padding: 23px 0 0 20px;
	font-size: 20px;
}
#contents #calendarcontents_textarea #calendarcontents_textarea_sub {
	padding: 23px 0 0 20px;
}
#contents #calendarleftunder table.plan-data td::before {
	content: "：";
}

/* ------------------------------
Detail Page Serch
------------------------------ */
#contents [name="frmKensaku"] { /*全頁に適用される対策*/
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
	border: 1px solid #d1d1d1!important;
	box-shadow: 0px 4px 6px 2px #f2f2f3;
}
#contents [name="frmKensaku"] table#search {
	width: 80% !important;
	margin: 10px auto 0;
	table-layout: fixed;
	border-collapse:collapse;
	border-top: none;
}
#contents [name="frmKensaku"] tr {
border-bottom: 1px solid #dbdbdb;
}
#contents [name="frmKensaku"] .w1 {
width: 25%;
}
#contents [name="frmKensaku"] .w2 {
width: 75%;
}
#contents [name="frmKensaku"] p {
display: inline-block;
margin-right: 15px;
}
#contents [name="frmKensaku"] .peoplearea {
  overflow: hidden;
}
#contents [name="frmKensaku"] .peoplearea p {
position: relative;
margin-right: 30px;
}
#contents [name="frmKensaku"] .peoplearea p::after {
content: "/";
position: absolute;
bottom: 10px;
right: -20px;
}
#contents [name="frmKensaku"] .peoplearea p:last-of-type::after {
content: none;
}
#contents [name="frmKensaku"] > table#search select[name="cmbROOMTYPE"] {
border-width: 1px;
font-size: 14px !important;
appearance: button;
-webkit-appearance: button;
}
#contents [name="frmKensaku"] #roomassign_box {
margin-top: 7px;
}
#contents #roomassign_box a {
  display: inline-block;
  margin-bottom: 7px;
}
#contents #roomassign_box a+.heyawariarea {
  height: 0;
  transition: .2s;
}
#contents #roomassign_box a.heyawari_open+.heyawariarea {
  height: auto;
}
#contents #roomassign_box .heyawari_heading {
  padding: 0 10px !important;
  background-color: #f2f2f2 !important;
  margin: 0;
  font-weight: unset;
}
#contents [name="frmKensaku"] table#search+input.button {
margin: 20px auto 40px;
background-color: #195988;
color: #fff;
}


#contents [name="frmKensaku"] > table#search th { /*全頁に適用される対策*/
/*	width: 90px!important; デザイン向け調整*/
	padding: 0 10px 0 0!important;
	background-color: #fff!important;
	text-align: left!important;
	vertical-align: middle!important;
	font-weight: 400;
	border-bottom: none;
}
#contents [name="frmKensaku"] > table#search td { /*全頁に適用される対策*/
/*	width: 535px!important; デザイン向け調整*/
	padding: 20px 0;
	margin: 0;
	background-color: #fff!important;
	text-align: left!important;
	border-bottom: none;
}
#contents [name="frmKensaku"] > table#search td.peoplearea {
	padding: 20px 0 0 !important;
}
#contents [name="frmKensaku"] > table#search select { /*全頁に適用される対策*/
	border-width: 0 0 1px 0;
	border-radius: 0px;
	font-size: 24px !important;
	text-align: center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#contents [name="frmKensaku"] > table#search select:hover { /*全頁に適用される対策*/
	cursor: pointer;
}
#contents [name="frmKensaku"] > table#search span.mark { /*全頁に適用される対策*/
	display: block;
	font-weight: 400;
	color: #ff3c3c;
	margin: 5px 0 0 0;
}
#contents [name="frmKensaku"] > table#search td.smallnum { /*全頁に適用される対策*/
	text-align: center!important;
	width: 200px!important;
}
#contents [name="btnSUBMIT"] { /*全頁に適用される対策*/
	margin: 15px auto 0;
}
#contents td.smallnum {
	border-bottom: none!important;
}
#contents td.smallnum input.button {
	background-color: #195988;
	color: #fff;
}
#contents input#btnBACK,
#contents form[name="frmBack"] input.button {
	margin-top: 20px;
	background-color: #fff;
	padding : 0 0 15px 0;
	font-size: 16px;
	border: none;
	height: auto;
}
#contents .plandetail_information input#btnBACK {
	/*width: 100%;
	margin: 0 0 15px 0;*/
}
#contents [name="frmBack"] { /*全頁に適用される対策*/
	width: 100%;
	margin: 0 0 15px 0;
}
#contents a[name="direct"] ~ p.cap{
	text-align: center;
}
#contents table#search span.childarea {
	margin: 10px 0 0;
	display: block;
}
#contents table#search span.childarea a {
	padding: 4px 8px;
	font-size: 24px;
}
#contents table#search.plandetail_information tr:nth-last-of-type(1) td {
	padding: 0;
	border-bottom: none;
}
#contents table#search.plandetail_information tr.additional_item:nth-last-of-type(1) td {
	border-bottom: 1px solid #DBDBDB;
}
#contents table#search.plandetail_information tr:nth-last-of-type(1) td input#btnBACK {
	text-align: left;
}
/* ------------------------------
PLAN DETAIL PAGE // SOCIALTOOL
------------------------------ */
#contents #socialtool_hd {
	text-align: right;
}
#contents #socialtool_hd ul#socialtool {
	display: inline-block;
	width: auto !important;
}

#contents form#frmMain {
	margin-bottom: 80px;
}
#contents form#frmKensaku select {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
 }
/* ------------------------------
PLAN LIST // CALENDAR
------------------------------ */
#contents .list_title span.planname {
	color: #2E2E2E !important;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	text-decoration: none !important;
}
#contents .list_title span.planname:hover {
	text-decoration: underline !important;
}
#contents table#vacancya {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
#contents table#vacancya td {
	text-align: center;
	padding: 10px 0;
}
#contents table#vacancya td._borderWeight {
	line-height: 1.2;
	font-size: 12px;
}
#contents table#vacancya td.calendar_title {
	text-align: left;
	width: 250px;
	font-size: 12px;
}
#contents table#vacancya td._overList {
	font-size: 18px;
	width: 65px;
}
#contents table#vacancya td.calendar_switch img[src*="next"],
#contents table#vacancya td.calendar_switch img[src*="before"] {
	vertical-align: middle;
}
#contents table#vacancya td.calendar_switch {
	padding: 10px;
}
#contents table#vacancya th.list_title,
#contents table#vacancya td {
	border-top: 1px solid #DBDBDB;
}
#contents table#vacancya td.calendar_title,
#contents table#vacancya td.calendar_title + td.calendar_switch,
#contents table#vacancya td._borderWeight,
#contents table#vacancya td._borderWeight + td.calendar_switch {
	border-top: none;
}
#contents table#vacancya td.calendar_title + td.calendar_switch a,
#contents table#vacancya td._borderWeight + td.calendar_switch a {
	display: none;
}

#contents table#vacancya th.list_title,
#contents table#vacancya td.calendar_title{
	padding: 10px;
}
#contents span.cal-smallnumber {
	font-size: 12px;
}
#contents .saturday._overList a {
	color: #004184;
}
#contents .sunday._overList a {
	color:#C04C4C;
}
#contents .di_normal_caption {
	font-size: 12px;
	margin: 10px 0 40px;
	text-align: right;
}

/* ------------------------------
TABLE "VACANCYLIST"
------------------------------ */
#contents #settitle {
	overflow: visible;	
}
/* ------------------------------
LOGIN
------------------------------ */
#contents .login_area::after {
	content: "";
	clear: both !important;
	display: block !important;
}
#contents .login_area .title {
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
}
#contents .login_member,
#contents .login_guest {
	height: 300px;
	padding: 20px 40px;
	border: 1px solid #d1d1d1;
	box-shadow: 0px 4px 6px 2px #f2f2f3;
	float: left;
}
#contents .login_member {
	margin-right: 16px;
	width: 340px;
}
#contents .login_member input{
	width: 100%;
	padding: 4px 8px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#contents .login_member .forgot {
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}
#contents .login_member .forgot a {
	text-decoration: underline;
}
#contents .login_member .forgot a:hover {
	text-decoration: none;
}
#contents .login_guest {
	width: 600px;
}
#contents .login_guest::after {
	content: "";
	display: block;
	clear: both;
}
#contents .login_guest .usertype_wrap::after {
	content: "";
	clear: both;
	display: block;
}
#contents .login_guest .usertype_wrap .left,
#contents .login_guest .usertype_wrap .right {
	float: left;
	width: 240px;
}
#contents .login_guest .usertype_wrap .left {
	margin-right: 38px
}
#contents .login_guest .usertype_wrap .left .title_s,
#contents .login_guest .usertype_wrap .right .title_s {
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid;
}
#contents .login_guest .usertype_wrap .right .agree {
	margin-bottom: 10px;
}
#contents .login_guest .usertype_wrap .right .agree a {
	text-decoration: underline;
}
#contents .login_guest .usertype_wrap .right .agree a:hover {
	text-decoration: none;
}
#contents .login_guest .usertype_wrap .left p.text,
#contents .login_guest .usertype_wrap .right p.text {
	padding-left: 40px;
}
#contents .login_guest .usertype_wrap .left p.text {
	margin-bottom: 40px;
	background: url(../img/icon_login_reg.png) left center no-repeat;
}
#contents .login_guest .usertype_wrap .right p.text {
	margin-bottom: 10px;
	background: url(../img/icon_login_guest.png) left center no-repeat;
}
#contents .login_guest .usertype_wrap .left p.text,
#contents .login_guest .usertype_wrap .right p.text,
#contents .login_guest .usertype_wrap .right .agree label.checkLabel {
	font-size: 12px;
}
#contents .login_guest .usertype_wrap .right .agree label.checkLabel {
	margin-bottom: 6px;
}
/*-------------------------------
LOGIN Aカード
-------------------------------*/
#contents .login_member_Acard,
#contents .login_guest_Acard {
	height: 350px;
	padding: 20px 40px;
	border: 1px solid #d1d1d1;
	box-shadow: 0px 4px 6px 2px #f2f2f3;
	float: left;
}
#contents .login_member_Acard {
	margin-right: 16px;
	width: 600px;
}
#contents .login_member_Acard input{
	width: auto;
	padding: 4px 8px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#contents .login_member_Acard input#Acard_txtID_AB,
#contents .login_member_Acard input#Acard_cardno4_AB {
	width: 15%;
}
#contents .login_member_Acard input#Acard_cardno2_AB {
	width: 25%;
}
#contents .login_member_Acard input#Acard_cardno3_AB {
	width: 35%;
}
#contents .login_member_Acard .login_btn .button{
	width: 50%;
	background-color: #195988;
	color: #fff;
	margin: auto;
	padding: 0;
}
#contents .login_member_Acard .forgot {
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}
#contents .login_member_Acard .forgot a {
	text-decoration: underline;
}
#contents .login_member_Acard .forgot a:hover {
	text-decoration: none;
}
#contents .login_guest_Acard {
	width: 340px;
}
#contents .login_guest_Acard .login_guest_btn{
	width: 100%;
	background-color: #195988;
	color: #fff;
}
#contents .login_guest_Acard::after {
	content: "";
	display: block;
	clear: both;
}
#contents .login_guest_Acard .usertype_wrap::after {
	content: "";
	clear: both;
	display: block;
}
#contents .login_guest_Acard .usertype_wrap .right {
	float: left;
	width: 240px;
}
#contents .login_guest_Acard .usertype_wrap .right .title_s {
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid;
}
#contents .login_guest_Acard .usertype_wrap .right .agree {
	margin-bottom: 10px;
}
#contents .login_guest_Acard .usertype_wrap .right .agree a {
	text-decoration: underline;
}
#contents .login_guest_Acard .usertype_wrap .right .agree a:hover {
	text-decoration: none;
}
#contents .login_guest_Acard .usertype_wrap .right p.text {
	padding-left: 40px;
}
#contents .login_guest_Acard .usertype_wrap .right p.text {
	margin-bottom: 10px;
	background: url(../img/icon_login_guest.png) left center no-repeat;
}
#contents .login_guest_Acard .usertype_wrap .right p.text,
#contents .login_guest_Acard .usertype_wrap .right .agree label.checkLabel {
	font-size: 12px;
}
#contents .login_guest_Acard .usertype_wrap .right .agree label.checkLabel {
	margin-bottom: 6px;
}


/*-------------------------------
PASSWORD RESET
-------------------------------*/
#contents div.RMND_Btn_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column nowrap;
}
#contents .RMND_Btn_box a#returnTop {
	order: 2;
}
#contents .RMND_Btn_box input[name="btnSubmit"] {
	order: 1;
}
#contents .RMND_Btn_box a#returnTop input[type="button"] {
	border: none;
	padding: 0 !important;
}
#contents .RMND_Btn_box a#returnTop:hover,
#contents .RMND_Btn_box a#returnTop input[type="button"]:hover {
	text-decoration: none;
}

/*-------------------------------
DISPLAY NONE
-------------------------------*/
#contents .plandetail_information_wrap table#search tr.hotel_name,
#contents .plandetail_information_wrap table#search tr.area,
#contents .plandetail_information_wrap table#search tr.bed_width,
#contents .plandetail_information_wrap table#search tr.area_of_bath_room,
#contents .plandetail_information_wrap table#search tr.available_term,
#contents .plandetail_information_wrap table#search tr.available_room_type,
#contents .plandetail_information_wrap table#search tr.plans,
#contents .plandetail_information_wrap table#search tr.rate,
#contents .plandetail_information_wrap table#search tr.payment_method,
#contents #returntotop {
	display: none;
}
/*-------------------------------
FIRST VEIW
-------------------------------*/
div#rodfv-searchbox {
	margin-bottom: 0;
}
div#rodfv-searchbox .searchbox.fixed {
	z-index: 999;
}
div#rodfv-searchbox + br{
	display: none;
}
div#rodfv-searchbox input.btn-search {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*-------------------------------
カレンダータイプ4
-------------------------------*/
#calendarleft.calendar_type4 {
    width:100%;
    height:auto;
    margin:10px 0 0 0;
    padding: 5px;
    float:none;
}
#calendarleft.calendar_type4 table {
    width: 100%;
}
/*スクロール*/
#calendarleft.calendar_type4 table .scroll_months div.browse{
	display:block;
	float: left;
	width: 4%;
	height: 47px;
	cursor: pointer;
}
#calendarleft.calendar_type4 table .scroll_months div.browse div{
	padding:20px 0;
	text-align:center;
}
#calendarleft.calendar_type4 table .scroll_months div.browse div div{
}

#calendarleft.calendar_type4 table .scroll_months div.browse div.next{	background-position: -470px 0;}

#calendarleft.calendar_type4 table .scroll_months div.browse div.next:hover{	background-position: -470px -100px;}

#calendarleft.calendar_type4 table .scroll_months div.browse div.prev:hover{	background-position: 0 -100px;}

#calendarleft.calendar_type4 table .scroll_months div.browse div.disabled{
	display:none;
	cursor:default;
}

/* パネルを囲う要素 */
#calendarleft.calendar_type4 table .scroll_months .scrollable {
	float: left;
	background: #FFFFFF;
	position:relative;
	overflow:hidden;
	width: 92%;
}
#calendarleft.calendar_type4 table .scroll_months .scrollable .items {
	width:500%;
	position:relative;
}
#calendarleft.calendar_type4 table .scroll_months .scrollable .items::after {
	content: "";
	display: block;
	clear: both;
}
#calendarleft.calendar_type4 table .scroll_months .items div {
	float:left;
}
#calendarleft.calendar_type4 table .scroll_months a 
{
    float:none;
}
#calendarleft.calendar_type4 .cal-month, #calendarleft.calendar_type4 .cal-month-crt{
	margin:0 0 4px 0;
}
#calendarleft.calendar_type4 .cal-monthsmallap,
#calendarleft.calendar_type4 .cal-monthsmall-crtap {
	margin:0 3px 0 0;
	padding:3px 2px 3px 4px;
	width:41px;
}
#calendarleft.calendar_type4 .cal-monthsmallap:nth-last-of-type(1),
#calendarleft.calendar_type4 .cal-monthsmall-crtap:nth-last-of-type(1) {
	margin: 0;
}

#calendarleft.calendar_type4 table .scroll_months a.cal-monthsmall-crtap, #calendarleft.calendar_type4 table .scroll_months a.cal-monthsmallap {
    float:left;
    font-size:inherit;
}
#calendarleft.calendar_type4 p.calendar_label1
{
	margin:10px 0 0 0;
	background-color:#f2f2ee;
}
#calendarleft.calendar_type4 p.calendar_label2
{
	text-align:right;
}
#calendarleft.calendar_type4 table a 
{
    padding: 0;
}
#calendarleft.calendar_type4 table a.apstyle
{
    width:40px;
    height:30px;
}
#calendarleft.calendar_type4 table a.apstyleallow
{
    width:20px;
}
#calendarleft.calendar_type4 table td.cal-week-apstyle
{
    text-align:center;
    width:45px;
}
#calendarleft.calendar_type4 table td.cal-sat-apstyle
{
    background-color: #E4F9F8;
    text-align:center;
    width:45px;
}
#calendarleft.calendar_type4 table td.cal-sun-apstyle
{
    background-color: #F7E9E9;
    text-align:center;
    width:45px;
}
#calendarleft.calendar_type4 span.cal-smallnumberap {
/*    font-size: 100%;*/
}



/*-------------------------------
ご予約情報入力 tab
-------------------------------*/
.ui-widget {
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo";
}
.ui-tabs .ui-tabs-nav {
	padding: 0;
}
.ui-corner-top {
	border-radius: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
	background: #E2E2E2;
}
.ui-state-default.ui-state-active,
.ui-widget-content .ui-state-default.ui-state-active {
	background: #fff;
}
.ui-tabs .ui-tabs-nav li a:hover {
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border-bottom: 1px solid #fff;
}

/*-------------------------------
ペイパル バナー
-------------------------------*/
img[src$="Logo_203_80.png"] {
	vertical-align: top;
	display: block;
}
/*-------------------------------
 パスワードリセット画面
-------------------------------*/
#contents  #RMND_caution {
	margin: 10px 0;
	color: #ff3c3c;
}
/*-------------------------------
 プランコメント調整
 1412行目（pにかけたスタイル）/1759行目（tableにかけたスタイル）確認のうえコメントアウト
 ソースが適応されるまでは相殺
-------------------------------*/
#contents div.plan-list > div.plandetail_wrap_left {
width: 470px;
margin: 20px 0 20px;
float: right;
}
#contents div.plan-list > div.plandetail_wrap_left::after {
content: "";
display: block;
clear: both;
}
#contents div.plan-list > div.plandetail_wrap_left p {
margin: 0;
padding: 0;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data {
margin: 20px 0 0;
width: 470px !important;
border-collapse: collapse;
border-top: 1px solid #DDDDDD !important;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data th {
background: none;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data th,
#contents div.plan-list > div.plandetail_wrap_left table.plan-data td {
border-bottom: none;
}
.plandetail_wrap_left a:link, .plandetail_wrap_left a:visited {
	text-decoration: underline !important;
}
/*-------------------------------
 契約企業
-------------------------------*/
#contents form[name="frm_main"] {
	margin: 0 0 60px;
	}
	#contents form[name="frm_main"] >table#search {
	margin: 0;
	}
	#contents form[name="frmMember"] >table#search tr:nth-last-of-type(1) td {
	border: none;
	}
#contents form[name="frmMember"] >table#search input {
font-size: 12px;
}
/*-------------------------------
 カード情報改修
-------------------------------*/
#contents #carddata table {
	width: 100%;
	}
	#contents #carddata table tr span {
	display: block;
	margin: 0 0 2px;
	}
	#contents #carddata table tr input[type="radio"] + span {
	display: inline-block;
	margin: 0 0 10px;
	}
	#contents #carddata table tr input[type="radio"] + span::after {
	content: "";
	display: inline-block;
	margin: 0 10px 0;
	}
	#contents #carddata table tr input[type="radio"]:checked + span {
	font-weight: bold;
	}
	#contents #carddata table tr td {
	width: 100% !important;
	display: block;
	border-bottom: none;
	padding: 5px 0 !important;
	}
	#contents #carddata table tr td:nth-last-of-type(1) {
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 20px !important;
	}
	#contents #carddata table tr td:nth-of-type(1) {
	padding-top: 20px !important;
	}
	#contents #carddata table input[name="sCardNumber"],
	#contents #carddata table input[name="sCardName"] {
	width: 330px;
	}
/*-------------------------------
 bold
-------------------------------*/
#contents b {
font-weight: bold;
}
/*-------------------------------
プラン一覧 新テーブル調整
-------------------------------*/
#contents .plan-list-Wrap {
	font-size: 16px;
	clear: both;
	}
	#contents .plan-list-Wrap p.caution {
	padding: 0;
	font-size: 12px !important;
	}
	#contents .plan-list-Wrap th{
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
	}
	#contents table.plan-listtable td {
	padding: 10px 0 0 0;
	}
	#contents table.plan-listtable td.colimg {
	width: 100px;
	height: 80px;
	padding-right: 20px;
	overflow: hidden;
	}
	#contents table.plan-listtable td.colimg img {
	width: 100%;
	}
	/* 折り畳み */
.plan-list-Wrap label.plan-list-More_btn {
	float: right;
	font-size: 14px;
	position: relative;
	padding: 10px 40px 10px 30px;
	margin-top: 25px;
	text-align: center;
	background-color: #DDD;
}
	.plan-list-Wrap label.plan-list-More_btn::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-bottom: solid 2px #aeb1b4;
	border-right: solid 2px #aeb1b4;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 7%;
	margin-top: -4px;
	display: block;
	clear: both;
	}
	.plan-list-Wrap tbody.plan-list-More,
	.plan-list-Wrap input.plan-list-More_trigger,
	.plan-list-Wrap input.plan-list-More_trigger:checked + table.plan-listtable + label.plan-list-More_btn {
	display: none;
	}
	.plan-list-Wrap input.plan-list-More_trigger:checked + table.plan-listtable tbody.plan-list-More {
	display: table-row-group;
	}
/*-------------------------------
 ロゴ・施設名 非表示
-------------------------------*/
#rodfv-header .company-name .rodfv-logo.disNone_SP,
#rodfv-header .company-name .rodfv-txt.disNone_SP {
display: table-cell;
}
#rodfv-header .company-name .rodfv-logo.disNone_PC,
#rodfv-header .company-name .rodfv-txt.disNone_PC {
display: none;
}
/*-------------------------------
 ロゴ・施設名 リンク追加
-------------------------------*/
#rodfv-header.rodfv > a {
text-decoration: none;
	}
	
/*-------------------------------
 戻るボタン
-------------------------------*/
#contents input[type="BUTTON"]#btnBACK.pageBack {
	padding-left: 26px;
	background: url(../img/icon_back.png) 0 14px no-repeat;
}
#contents form[name="frmBack"] input[type="BUTTON"]#btnBACK.pageBack {
	background-position: 0 13px;
}
/*-------------------------------
 フッター
-------------------------------*/ 
.rodsp-footer {
display: none;
}
/*-------------------------------
 ニューオータニクラブ ログイン画面
-------------------------------*/
#contents .login_area_newotani h2 {
	margin-bottom: 10px;
}
#contents .login_area_newotani .title {
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
}
#contents .login_area_newotani .title br {
	display: none;
}
#contents .login_area_newotani p {
	margin-bottom: 15px;
}
#contents .login_area_newotani p.cap {
	display: inline-block;
}
#contents .login_area_newotani p.checkboxWrap {
	font-size: 12px;
}
#contents .login_area_newotani .login_newotani_member,
#contents .login_area_newotani .login_newotani_nonmember{
	padding: 20px 40px;
	border: 1px solid #d1d1d1;
	box-shadow: 0px 4px 6px 2px #f2f2f3;
	text-align: center;
}
#contents .login_area_newotani .login_newotani_member {
	margin-bottom: 20px;
	padding-bottom: 40px;
}
#contents .login_area_newotani .login_newotani_member p.cap br:nth-of-type(2) {
	display: inline;
}
#contents .login_area_newotani .login_newotani_member input[type="button"] {
	margin: 0 auto;
}
#contents .login_area_newotani .login_newotani_nonmember {
	margin-bottom: 40px;
}
#contents .login_area_newotani .login_newotani_nonmember .member_guest_wrap {
	margin: 0 auto;
	display: inline-block;
}
#contents .login_area_newotani .login_newotani_nonmember .member_guest_wrap::after {
	content: "";
	display: block;
	clear: both;
}
#contents .login_area_newotani .login_newotani_nonmember .login_member,
#contents .login_area_newotani .login_newotani_nonmember .login_guest {
	width: 300px;
	height: auto;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	border: none;
	box-shadow: none;
	float: left;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest {
	margin-left: 120px;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest p a {
	text-decoration: underline;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest p a:hover {
	text-decoration: none;
}
#contents .login_area_newotani .login_newotani_nonmember .title_s {
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest input[type="button"] {
	width: 100%;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest .login_guest_inner {
	margin-bottom: 40px;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest .login_guest_inner:nth-last-of-type(1) {
	margin-bottom: 0;
}

#contents h2 + p.searchCautionTxt {
	margin-top: 10px;
}
/*-------------------------------
 ベネッセハウス個別カスタマイズ
-------------------------------*/
#contents #PMSLinkPriceOption {
	margin: 10px 0 40px 0;
}
#contents #PMSLinkPriceOption .divNight {
	padding: 10px;
}
#contents #PMSLinkPriceOption .divSubContent {
	border: 1px solid #dbdbdb;
}
#contents #PMSLinkPriceOption .divCategoryName {
	margin-bottom: 10px;
	padding: 10px;
	background: #F2F2F2;
}
#contents #PMSLinkPriceOption .divUse {
	margin-bottom: 10px;
	padding: 10px;
}
#contents #PMSLinkPriceOption .divFacilities,
#contents #PMSLinkPriceOption .divTimeTable,
#contents #PMSLinkPriceOption .divMenu {
	margin-bottom: 20px;
}
#contents #PMSLinkPriceOption .divFacilities label {
	display: inline-block;
	margin-bottom: 10px;
}
#contents #PMSLinkPriceOption .divFacilities > label:nth-of-type(1),
#contents #PMSLinkPriceOption .divTimeTable > label:nth-of-type(1),
#contents #PMSLinkPriceOption .divMenu > label:nth-of-type(1) {
	width: 100%;
	margin-bottom: 15px;
	padding: 5px;
	display: inline-block;
	background: #F2F2F2;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption {
	padding: 10px 0;
	border-bottom: 1px solid #DBDBDB;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption::after {
	content: "";
	display: block;
	clear: both;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionName {
	width: 20%;
	float: left;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionDetail {
	width: 80%;
	float: left;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionDetail span.cap a{
	text-decoration: underline;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionDetail span.cap a:hover{
	text-decoration: none;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption:nth-of-type(1) {
	padding-top: 0;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption:nth-last-of-type(1) {
	border-bottom: none;
}
#contents #PMSLinkPriceOption .hide {
	display: none;
}
#contents #PMSLinkPriceOption div[data-section]{
	padding: 0 20px;
}
#contents #PMSLinkPriceOption .divPriceOption {
/*	padding-bottom: 40px;*/
}
/*-------------------------------
 PayPay
-------------------------------*/
#contents img[class="paypay_campaign_banner01"]{
	width: 60% !important;
	height: 60% !important;
	margin: 10px 0 !important;
	cursor: default !important;
}