{include file='./header.inc.html' title=$lang_list.ArrivalDate css=$css_files js=$js_files tpl=$tpl_files}

<input type="hidden" id="PlnId" value="{$input.plan_id}" />
<input type="hidden" id="TypeId" value="{$input.type_id}">
<input type="hidden" id="InitY" value="{$input.y}" />
<input type="hidden" id="InitM" value="{$input.m}" />
<input type="hidden" id="InitD" value="{$input.d}" />
<input type="hidden" id="EditRsvNo" value="{$con.edit_rsvno}" />
<!-- session key-->
<input type="hidden" id="SecKeyRsv" value="" />

<div id="Body">
	<!-- .rsv-nav -->
	<div class="rsv-nav clrfix">
		{if $con.from_list != 'edit' || ($con.from_list == 'edit'&& $con.frm == 'cal') || $con.choice}
		<div class="clrfix">
			<a href="{$back_url}" class="rsv-btn rsv-nav-prev" onclick="$.showLoading()">
                            {if $con.mode == 'refine' && $disp_flg.use_cal_mini == 0}
                                {$lang_list.BackToPlan}
                            {else}
                                {$lang_list.BackToDateAndRoom}
                            {/if}
			</a>
		</div>
		{/if}
		<!-- a href="#"></a -->
		<div class="rsv-nav-guide">
			<ol class="rsv-nav-list">
                <li >{$lang_list.SelectDateAndRoom}</li>
                <li class="current">{$lang_list.SelectNumberOfRoomAndDate}</li>
                <li>{$lang_list.EnterBookingInfo}</li>
                <li>{$lang_list.EnterCustomerInfo}</li>
                <li>{$lang_list.ConfirmBookingContent}</li>
			</ol>
		</div>
		<!--2018/1/9 kurato 表示項目削減 start-->
		{if $disp_flg.page_navi}
		<p class="rsv-nav-message">
			{if $con.from_list == 'edit'}
			<span class="ec-txt-note">{$lang_list.PleaseMakeReservationAgain} </span>
			{else}
			{$lang_list.PleaseSelectDesiredNumberOfRoomAndDate}
			{/if}
		</p>
		{/if}
		<!--2018/1/9 kurato 表示項目削減 end-->
		{if $input.from_list == 'edit'}
		    <span class="ec-txt-note">{$lang_list.OptionChangeMethodAlert}</span>
		{/if}
	</div><!-- /.rsv-nav -->
	<!-- //2018/07/31 Nhu edit start -->
	{if $con.frm != 'cal'}
	<!-- <ul id="TopList"> -->
	<ul id="TopList" style="padding: 0;">
		<li class="top-list-item clrfix">
			<div class="box">
				<h3 class="clrfix">
					<div class="box-title tli-planname">{$plan_data.PLN_NAME}</div>
					<div class="tli-sales"><span class="mark">{$lang_list.Available}</span>{$plan_data.PLN_START} {$lang_list.To} {$plan_data.PLN_END}</div>
				</h3>
				<!-- <div class="box-inner clearfix"> -->
				<div class="box-inner clearfix" style="padding: 30px 10px 0">
				{if $plan_data.THUMB_LIST}
					<div class="tli-thumb">
						<div class="tli-thumb-attn">
							<a class="popup-img" rel="tli-{$plan_data.PLN_ID}" title="{$plan_data.PLN_NAME}" href="{$smarty.const.PIC_URL}thumb/{$plan_data.THUMB_LIST[0]}"><img src="{$design_url}img/img-loader.gif" data-src="{$smarty.const.PIC_URL}thumb/{$plan_data.THUMB_LIST[0]}" alt="プラン画像" data-img="tli-{$plan_data.PLN_ID}"></a>
						</div>
						<ul class="tli-thumb-list clrfix">
							{foreach from=$plan_data.THUMB_LIST key="i" item="t"}
								{if 0 < $i}
									<li class="rsv-selectable">
										<a class="popup-img" rel="tli-{$plan_data.PLN_ID}" title="{$plan_data.PLN_NAME}" href="{$smarty.const.PIC_URL}thumb/{$t}"><img class="js-hover-change-img" src="{$design_url}img/img-loader.gif" data-src="{$smarty.const.PIC_URL}thumb/{$t}" alt="プラン画像" data-target="tli-{$plan_data.PLN_ID}"></a>
									</li>
								{/if}
							{/foreach}
						</ul>
						<span class="ec-txt-special">{$lang_list.ClickOnTheSmallImage}</span>
					</div>
				{/if}
				<div class="tli-intro">{if $plan_data.PLN_CAP_PC}{$plan_data.PLN_CAP_PC}{else}{$plan_data.PLN_CAP_PC_LIGHT|nl2br}{/if}</div>
				<div class="tli-meals">
					<ul>
						<li>
							<p class="tli-meals-text">
								<span class="mark dinner">
									{$lang_list.Dinner5}
								</span>{$plan_data.PLN_DIN_NAME}
							</p>
							{if $plan_data.DIN_THUMB_LIST}
								<div class="tli-meals-thumb-attn">
									<a class="popup-img aspect-protected" rel="tli-dinl-{$plan_data.PLN_ID}"
									title="{$plan_data.PLN_DIN_NAME}" href="{$smarty.const.PIC_URL}meal/{$plan_data.DIN_THUMB_LIST[0]}"
									style="display: inline-block; height: 215px; width: 215px; position: relative;">
										<img style="max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
											src="{$smarty.const.PIC_URL}meal/{$plan_data.DIN_THUMB_LIST[0]}"
											data-src="{$smarty.const.PIC_URL}meal/{$plan_data.DIN_THUMB_LIST[0]}"
											data-img="tli-dinl-{$plan_data.PLN_ID}"/>
									</a>
								</div>
								<ul class="tli-meals-thumb-list">
									{foreach from=$plan_data.DIN_THUMB_LIST item="t" name=dinnerImages}
										{if $smarty.foreach.dinnerImages.index != 0 }
										<li class="rsv-selectable">
											<a class="popup-img aspect-protected"
											style="display: inline-block; height: 62px; width: 62px; position: relative;"
											rel="tli-dinl-{$plan_data.PLN_ID}"
											title="{$plan_data.PLN_DIN_NAME}" href="{$smarty.const.PIC_URL}meal/{$t}">
												<img class="js-hover-change-img" src="{$smarty.const.PIC_URL}meal/{$t}"
													style="width: 62px; height: 46px; position: absolute; left: 0px; top: 8px;"
													data-src="{$smarty.const.PIC_URL}meal/{$t}" alt="夕食画像"
													data-target="tli-dinl-{$plan_data.PLN_ID}">
											</a>
										</li>
										{/if}
									{/foreach}
								</ul>
							{/if}
						</li>
						<li>
							<p class="tli-meals-text">
								<span class="mark breakfast">{$lang_list.Breakfast5}</span>{$plan_data.PLN_BRK_NAME}
							</p>
							{if $plan_data.BRK_THUMB_LIST}
								<div class="clrfix">
									<div class="tli-meals-thumb-attn">
										<a class="popup-img aspect-protected" rel="tli-din-{$plan_data.PLN_ID}"
										title="{$plan_data.PLN_BRK_NAME}"
										href="{$smarty.const.PIC_URL}meal/{$plan_data.BRK_THUMB_LIST[0]}"
										style="display: inline-block; height: 215px; width: 215px; position: relative;">
											<img style="max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
												src="{$smarty.const.PIC_URL}meal/{$plan_data.BRK_THUMB_LIST[0]}"
												data-src="{$smarty.const.PIC_URL}meal/{$plan_data.BRK_THUMB_LIST[0]}"
												data-img="tli-din-{$plan_data.PLN_ID}"/>
										</a>
									</div>
									<ul class="tli-meals-thumb-list">
										{foreach from=$plan_data.BRK_THUMB_LIST item="t" name=breakfirts}
											{if $smarty.foreach.breakfirts.index != 0 }
											<li class="rsv-selectable">
												<a class="popup-img" rel="tli-brk-{$plan_data.PLN_ID}"
												title="{$plan_data.PLN_BRK_NAME}"
												style="display: inline-block; height: 62px; width: 62px; position: relative;"
												href="{$smarty.const.PIC_URL}meal/{$t}">
													<img class="js-hover-change-img" style="width: 62px; height: 46px; position: absolute; left: 0px; top: 8px;"
														src="{$smarty.const.PIC_URL}meal/{$t}"
														data-src="{$smarty.const.PIC_URL}meal/{$t}" alt="朝食画像"
														data-target="tli-din-{$plan_data.PLN_ID}">
												</a>
											</li>
											{/if}
										{/foreach}
									</ul>
								</div>
							{/if}
						</li>
					</ul>
				</div>
			</div>
		</li>
	</ul>
	{/if}
	<!-- //2018/07/31 Nhu edit end -->
	
	<div id="Room" class="box">
		<!-- #RoomDlgHead -->
		<h3 id="RoomDlgHead">
			<div class="box-title">
			{$lang_list.RoomAvailabilityOn} <span class="roomdlg-year">{$input.y}</span>{$lang_list.Year_07}<span class="roomdlg-month">{$input.m}</span>{$lang_list.Month_07}<span class="roomdlg-day">{$input.d}</span>{$lang_list.Day} {$lang_list.RoomAvailability}</div>
		</h3><!-- #RoomDlgHead -->
		<!-- #RoomDlgBody -->
		<div class="box-inner" id="RoomDlgBody">
			<div class="box_lv2">
				<h4>
					{if $plan_data.DAY_TRIP == 1}
					{if $lang == ''}１．{else}1.{/if}{$lang_list.PleaseCheckTheDate}
					{else}
					{if $lang == ''}１．{else}1.{/if}{$lang_list.PleaseChooseDesiredNumberOfNight}
					{/if}
				</h4>
				<div>
					<p class="stay_select">
						{if $plan_data.DAY_TRIP == 1}
						<span class="roomdlg-year">{$input.y}</span>{$lang_list.Year_07}<span class="roomdlg-month">{$input.m}</span>{$lang_list.Month_07}<span class="roomdlg-day">{$input.d}</span>{$lang_list.Day}{$lang_list.SingleDay}
						<input type="hidden" id="RoomDlgStay" value="1" />
						{else}
						{$lang_list.FromArrivalDate} {if $lang == 'en'}({/if}<span class="roomdlg-year">{$input.y}</span>{$lang_list.Year_07}<span class="roomdlg-month">{$input.m}</span>{$lang_list.Month_07}<span class="roomdlg-day">{$input.d}</span>{if $lang == 'en'}) {/if}{$lang_list.Day5}
						{/if}
					</p>
					{if $plan_data.DAY_TRIP != 1}
					<div class="form-select form-select-ss">
						<p id="label-room" class="form-select-label">
							{if $select_stay}{$select_stay}{else}{$stay_list[0]}{/if}
						</p>
						<select id="RoomDlgStay">
							{foreach from=$stay_list item="v"}
							<option value="{$v}" {if $v == $select_stay}selected{/if}>{$v}</option>
							{/foreach}
						</select>{$lang_list.Night5}
					</div>
					{/if}
				</div>
			</div>
			<div class="box_lv2">
				<h4>
					{if $lang == ''}２．{else}2.{/if}{$lang_list.PleaseChooseDesiredNumberOfRoom}
				</h4>
				<div class="clearfix">
					<span class="ec-txt-special">{$lang_list.YouCanReserveMoreThanOne}</span>
					<input type="hidden" id="DefaultRoomCount" value="{$select_room}" />
					<!-- 2018/02/08 17213 Tam edit start -->
					<table class="roomdlg-rooms">
						<thead>
						<tr>
							<th class="roomdlg-rooms-name">{$lang_list.RoomType2}</th>
							{*<th class="roomdlg-rooms-heads">1{$lang_list.PersonRoom}</th>*}
							<th class="roomdlg-rooms-heads">{$lang_list.NumberOfGuests5}</th>
							<th class="roomdlg-rooms-rest">{$lang_list.Vacancy}</th>
							<th class="roomdlg-rooms-count" style="{if ($lang=='en' || $lang=='ko' )}width: 8em {/if}">{$lang_list.DesiredNumberOfRoom}</th>
						</tr>
						</thead>
						<tbody>
						<!-- 2018/01/22 17213 Tam edit start -->
						{foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
						<!-- 2018/11/20 Nhu edit start -->
						{*<!-- {if $r.TYPE_ID == $input.type_id || $r.TYPE_ID|in_array:$type_ids} -->*}
						{if $r.TYPE_ID == $input.type_id || $r.TYPE_ID|in_array:$type_ids || $r.TYPE_ID|in_array:$edit_typeids}
						<!-- 2018/11/20 Nhu edit end -->
						<tr id="T{$r.TYPE_ID}" class="roomdlg-rooms-row">
							<td class="roomdlg-rooms-name">{$r.TYPE_NAME}</td>
                            {*<td class="roomdlg-rooms-heads">
                                {if 0 < $r.PLN_CHG_PERSON1 && $r.PLN_MIN <= 1 && 1 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON1|number_format}{$lang_list.Price}{/if}
							</td>*}
							<!-- 2018/10/26 Do edit start -->
							<td class="roomdlg-rooms-heads">
								{if $r.SP_MIN_LIMIT == 0}
									{$r.PLN_MIN} {$lang_list.To} {$r.PLN_MAX}{$lang_list.Person5}
								{else}
									{$r.SP_MIN_LIMIT} {$lang_list.To} {$r.PLN_MAX}{$lang_list.Person5}
								{/if}
							</td>
							<!-- 2018/10/26 Do edit end -->
							<td class="roomdlg-rooms-rest">
								<div class="rsv-loader"><div></div></div>
								<!-- 2018/28/06 18049 Tam edit start -->
								<!-- <span class="roomdlg-rest"></span> {$lang_list.Room6}</td> -->
								<span class="roomdlg-rest"></span> <span id="roomdlg-rest-text">{$lang_list.Room6}</span></td>
								<!-- 2018/28/06 18049 Tam edit end -->
							<td class="roomdlg-rooms-count">
								<div class="rsv-loader"><div></div></div>
                                <div class="form-select form-select-ss">
                                    <p class="form-select-label">
                                        --
                                    </p>
                                    <select  name="roomdlg-count" class="roomdlg-count ec-form-item-select">
                                    </select> {$lang_list.Room6}
                                </div>
                            </td>
						</tr>
   						{/if}
						{/foreach}
						{foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
						<!-- 2018/11/20 Nhu edit start -->
						{*<!-- {if $r.TYPE_ID != $input.type_id && $r.TYPE_ID|in_array:$type_ids==false} -->*}
						{if $r.TYPE_ID != $input.type_id && $r.TYPE_ID|in_array:$type_ids==false  && $r.TYPE_ID|in_array:$edit_typeids==false}
						<!-- 2018/11/20 Nhu edit end -->
						<!-- <tr id="T{$r.TYPE_ID}" class="roomdlg-rooms-row"> -->
						<tr id="T{$r.TYPE_ID}" class="rooms-row-hide" style="display: none;">
							<td class="roomdlg-rooms-name">{$r.TYPE_NAME}</td>
                            {*<td class="roomdlg-rooms-heads">
                                {if 0 < $r.PLN_CHG_PERSON1 && $r.PLN_MIN <= 1 && 1 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON1|number_format}{$lang_list.Price}{/if}
                            </td>*}
							<!-- 2018/10/26 Do edit start -->
							<td class="roomdlg-rooms-heads">
								{if $r.SP_MIN_LIMIT == 0}
									{$r.PLN_MIN} {$lang_list.To} {$r.PLN_MAX}{$lang_list.Person5}
								{else}
									{$r.SP_MIN_LIMIT} {$lang_list.To} {$r.PLN_MAX}{$lang_list.Person5}
								{/if}
							</td>
							<!-- 2018/10/26 Do edit end -->
							<td class="roomdlg-rooms-rest">
								<div class="rsv-loader"><div></div></div>
								<!-- 2018/28/06 18049 Tam edit start -->
								<!-- <span class="roomdlg-rest"></span> {$lang_list.Room6}</td> -->
								<span class="roomdlg-rest"></span> <span id="roomdlg-rest-text">{$lang_list.Room6}</span></td>
								<!-- 2018/28/06 18049 Tam edit end -->
							<td class="roomdlg-rooms-count">
								<div class="rsv-loader"><div></div></div>
                                <div class="form-select form-select-ss">
                                    <p class="form-select-label">
                                        --
                                    </p>
                                    <select  name="roomdlg-count" class="roomdlg-count ec-form-item-select">
                                    </select> {$lang_list.Room6}
                                </div>
                            </td>
						</tr>
						{/if}
						{/foreach}
						</tbody>
					</table>
					<!-- 2018/02/08 17213 Tam edit end -->
					{if isset($plan_data.ROOM_INFO)}
						{if count($plan_data.ROOM_INFO) > 1 && count($plan_data.ROOM_INFO) > count($type_ids) }
							<a id="all-rooms" class="show_all_rooms" href="#">{$lang_list.ShowAllRoom}</a>
						{/if}
					{/if}
					<!-- 2018/01/22 17213 Tam edit end -->
					<!-- 2018/06/22 23902-3 Tam edit start -->
					{if $hotel.AVAILABLE_STS_FLG == 1}
					<div style="width: 100%; display: inline-block;">
					<span class = "ec-txt-special" style="margin-top: 8px;float:right">{$lang_list.RemainingRoomStatus}</span>
					</div>
					{/if}
					<!-- 2018/06/22 23902-3 Tam edit end -->
				</div>
			</div>

            <!-- numbers people -->
            <div class="box_lv2">
                <!-- <div id="r"></div> -->
                <h4>３．{$lang_list.PleaseEnterTheNumberOfGuests}</h4>
                <div>
                    <table style="width: 100%" id="table-number-people" class="rsv-heads">
                        <thead>
                        <tr>
                            <th style="min-width: 20%" class="rsvhds-col-room">{$lang_list.RoomType2}</th>
                            <th class="rsvhds-col-num">{$lang_list.Adults}<br />{$lang_list.Male}</th>
                            <th class="rsvhds-col-num">{$lang_list.Adults}<br />{$lang_list.Female}</th>
                            <th class="rsvhds-col-num">{$lang_list.ElementaryStudent}</th>
                            <th class="rsvhds-col-num">{$lang_list.Preschooler}<br /><span class="rsvhds-col-num-detail">{$lang_list.WithMeal}<br />{$lang_list.AndBed}</span></th>

                            <th class="rsvhds-col-num">{$lang_list.Toddler}<br /><span class="rsvhds-col-num-detail">{$lang_list.WithMeal}<br />{$lang_list.NoBed2}</span></th>
                            <th class="rsvhds-col-num">{$lang_list.Toddler}<br /><span class="rsvhds-col-num-detail">{$lang_list.NoMeal2}<br />{$lang_list.WithBed}</span></th>

                            <th class="rsvhds-col-num">{$lang_list.Toddler}<br /><span class="rsvhds-col-num-detail">{$lang_list.NoMeal2}<br />{$lang_list.NoBed2}</span></th>
                            <th class="rsvhds-col-num">{$lang_list.Infant}</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <!-- 2018/02/09 17213 Tam edit start -->
                    <p class="rsvhds-txt-note">
                      <span class="ec-txt-note">{$lang_list.NumberPeopleNotice}</span><br />
	                  <strong class="rsvhds-cnt-child-mark">※</strong>{$lang_list.ChildrenWithThis}<br />
	                  <span class="ec-txt-note">※{$lang_list.ChangeNumberRateDisplayed}</span>
	                </p>
                    <!-- 2018/02/09 17213 Tam edit end -->
                </div>
            </div>
			
			<!-- 2018/02/12 17213 Tam edit start -->
			<div class="box_lv2 rsv-form-section">
                    <h4>{$lang_list.GrandTotal2}</h4>
                    <div>
                        <!-- #RsvChargesWrapper -->
                        <div id="RsvChargesWrapper">
                            <div class="ec-loader rsv-loader" style="display:none;"><div></div></div>
							
							<!-- 部屋料金 l18n -->
							<div id="detailTableTitleItem" style="display: none;">{$lang_list.Item}</div>
							<div id="detailTableTitleUnit" style="display: none;">{$lang_list.Unit}</div>
							<div id="detailTableTitleNum" style="display: none;">{$lang_list.NumberOfGuests6}</div>
							<div id="detailTableTitleSubtotal" style="display: none;">{$lang_list.Subtotal}</div>
							<div id="detailTableTitleTotal" style="display: none;">{$lang_list.ItemTotal}</div>
							<div id="detailTableTitleElementaryStudent" style="display: none;">{$lang_list.ElementaryStudent}</div>
							<div id="detailTableTitlePreschoolerWithMeal" style="display: none;">{$lang_list.PreschoolerWithMeal}</div>
							<div id="detailTableTitleToddlerWithMeal" style="display: none;">{$lang_list.ToddlerWithMeal}</div>
							<div id="detailTableTitleToddlerNoMealWithBed" style="display: none;">{$lang_list.ToddlerNoMealWithBed}</div>
							<div id="detailTableTitleToddlerNoMealNoBed" style="display: none;">{$lang_list.ToddlerNoMealNoBed}</div>
							<div id="detailTableTitleInfant" style="display: none;">{$lang_list.Infant}</div>
							<div id="detailTableTitleAdult6" style="display: none;">{$lang_list.Adult6}</div>
							<div id="detailTableTitleYen" style="display: none;">{$lang_list.Yen}</div>
							<div id="detailTableTitlePerson6" style="display: none;">{$lang_list.Person6}</div>

							<!-- 部屋料金 テーブル-->
							<table id="reservationDetailTable" class="rsv-confirm-charge" style="margin-bottom: 10px;display: none;">
							</table>

                            <table class="rsv-charges">
                                <thead>
                                <tr>
                                    <th class="rsvchg-rooms">{$lang_list.AccommodationTotal}</th>
                                    <th class="rsvchg-options">{$lang_list.OptionsTotal}</th>
                                    <th class="rsvchg-others">{$lang_list.OtherTotal}</th>
                                    <th class="rsvchg-total">{$lang_list.Total9}</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="rsvchg-rooms"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                                    <td class="rsvchg-options"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                                    <td class="rsvchg-others"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                                    <td class="rsvchg-total"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                                </tr>
                                </tbody>
                            </table>
						</div>
						<p class="rsvhds-txt-note">
							<span class="ec-txt-note">※{$lang_list.ChangeNumberIncorrectRate}</span><br />
							<span class="ec-txt-note">※{$lang_list.RateCorrectNextScreen}</span>
						</p>
					<!-- /#RsvChargesWrapper -->
                    </div>
                </div>
                <!-- 2018/02/12 17213 Tam edit end -->

		</div>
		<!-- /#RoomDlgBody -->
		<!-- #RoomDlgCtrl -->
		<!-- /#RoomDlgCtrl -->
                            <!-- 2017-08-17 chinen bug #6094 [start] ロード画面用 -->
                <div class="ec-loader" style="display:none;"></div>
                            <!-- 2017-08-17 chinen bug #6094 [end] ロード画面用 -->
	</div><!-- /#RoomDlgFace -->
	<!-- 2018/02/08 17213 Tam edit start -->
	<!-- .rsv-foot -->
	<ul class="rsv-foot">
		<li class="rsv-foot-item rsv-foot-notes">
			<h6>{$lang_list.Asterisk}{$lang_list.IfYouAreUsingATabBrowser}</h6>
			<p>
				{$lang_list.PleaseDoNotMakeReservation}<br />
				{$lang_list.GoingBackAndForth}
			</p>
		</li>
	</ul><!-- /.rsv-foot -->
	<!-- 2018/02/08 17213 Tam edit end -->
	<p class="login-guide ec-txt-special">{$lang_list.PleaseProceedTheButtonBelow}</p>
	{if $user}
	<!-- 2018/1/10 kurato ログイン start -->
	<div id="LoginRsv" class="ec-control">
		<a id="BtnNext" href="#" class="rsv-btn rsv-btn-large next" style="width: 250px; background-position: 235px;">
			{if $is_has_other}
				{$lang_list.OptionInput}
			{else}
				{$lang_list.InputCustomerInfo}
			{/if}
		</a>
	</div>
	{else}
	<div id="LoginBox" class="clrfix">
		<div class="col_box">
			<h3>{$lang_list.IDLogin}</h3>
			<div class="col_box-inner">
				<p>{$lang_list.WeWillRegisterOnInputPage}</p>
				<p><strong class="text_accent">{$lang_list.RequiredForMyPageLogin}</strong></p>
				<div class="tli-control">
					<a id="BtnNext" href="#" class="rsv-btn rsv-btn-large next" style="width: 250px;background-position: 235px;height:auto;">
						<span style="display: inline-block;line-height: 17px;margin-right: 20px;padding: 10px 0px 10px 10px;">{if $is_has_other}{$lang_list.NoLoginOptionEnterBtnText}{else}{$lang_list.NoLoginInfoEnterBtnText}{/if}</span>
					</a>
				</div>
			</div>
		</div>
		<div class="col_box">
			<h3>{$lang_list.HaveLoginID}</h3>
			<div class="col_box-inner">
				<!-- 2018/1/11 kurato パスワード問い合わせメール　start-->
				<p>{$lang_list.PleaseEnterYourEmailAndPassword}</p>
					<span class="auth_error EA01" style="display:none;">{$lang_list.TheLoginInformation}</span>
        			<span class="auth_error ER01" style="display:none;">{$lang_list.PleaseEnterA}</span>
					<span class="auth_error ER02" style="display:none;">{$lang_list.ThisEmailAddress}</span>
					<span class="auth_error ER03" style="display:none;">{$lang_list.MailDeliveryError}</span>
					<span class="auth_error success" style="display:none;">{$lang_list.MailHasBeen}</span>                                
				<form action="" id="LoginForm" class="ec-form form-full">
					<input type="hidden" name="once_key" value="{$once_key}" />
					<label for="LoginMail" class="form-label">{$lang_list.EmailAddress}</label>
					<input type="text" id="LoginMail" class="form-text form-text-m" name="auth_mail">
					<label for="LoginPass" class="form-label">{$lang_list.Password}</label>
					<input type="password" id="LoginPass" class="form-text form-text-m" name="auth_pwd">
					<div class="tli-control">
						<a id="LoginNext" class="rsv-btn rsv-btn-large rsv-btn-submit next" style="height:auto;">
							<span style="display: inline-block;line-height: 17px;margin-right: 20px;padding: 10px 0px 10px 10px;">{if $is_has_other}{$lang_list.LoginOptionEnterBtnText}{else}{$lang_list.LoginInfoEnterBtnText}{/if}</span>
						</a>
					</div>
					<p id="LoginForgetText"><a href="#" class="rsv-forget-pass">{$lang_list.ForgotPassword}</a></p>
					<!-- 2018/1/12 kurato 多言語対応 start -->
					<div id="LoginForget">
						<p>{$lang_list.PressSend}<br>
							{$lang_list.PasswordEmail}</p>

						<label for="ForgetMail" class="form-label">{$lang_list.EmailAddress}</label>
						<input type="text" id="ForgetMail" class="form-text form-text-m">
						<div class="tli-control">
							<a id="PasswordRemind" class="rsv-btn rsv-btn-large rsv-btn-submit">{$lang_list.Send}</a>
						</div>
					<!-- 2018/1/12 kurato 多言語対応 end -->
				<!-- 2018/1/11 kurato パスワード問い合わせメール　end-->
					</div>
				</form>
		<!-- 2018/1/10 kurato ログイン end -->
			</div>
		</div>
	</div>
	{/if}
	<!-- .rsv-nav -->
	<div class="rsv-nav clrfix">
		{if $con.from_list != 'edit' || ($con.from_list == 'edit'&& $con.frm == 'cal') || $con.choice}
		<a href="{$back_url}" class="rsv-btn rsv-nav-prev" onclick="$.showLoading()">
			{if $con.mode == 'refine' && $disp_flg.use_cal_mini == 0}
				{$lang_list.BackToPlan}
			{else}
				{$lang_list.BackToDateAndRoom}
			{/if}
		</a>
		{/if}
	</div><!-- /.rsv-nav -->

	<div id="num_over_dialog" title="{$lang_list.AlertMessage}">
		<p>
			{$lang_list.PlanNumOver1}<span id="pln_min_capa"></span>{$lang_list.PlanNumOver2}<span id="pln_max_capa"></span>{$lang_list.PlanNumOver3}
		</p>
	</div>
	<div id="num_over_room_dialog" title="{$lang_list.AlertMessage}">
		<p>
			{$lang_list.RoomNumOver1}<span id="room_min_capa"></span>{$lang_list.RoomNumOver2}<span id="room_max_capa"></span>{$lang_list.RoomNumOver3}
		</p>
	</div>
	<div id="not_enough_other_dialog" title="{$lang_list.AlertMessage}">
		<p>{$lang_list.NoStockPleaseChange}</p>
		<p>{$lang_list.Option_Plan}：<span id="not_enough_other_dialog_opt_str"></span></p>
	</div>
</div>

{include file='./footer.inc.html'}