よくある質問

よくある質問と回答集です。サービスご利用時の参考としてご活用ください。

ホームページの表示について
予約ページに予約フォームが表示されません。
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTMLとCSS内の予約ページに関する以下のソースを入れ替えていただくことで表示が可能となります。

管理画面 > デザイン設定 > デザイン編集」より『 詳細編集はこちら 』をクリックして、デザイン詳細編集画面へお進みください。

【HTML】

<!-- BEGIN reservation -->
<!----------------------------------------------

ページ:予約ページ

---------------------------------------------->
<h2 class="page_title">{page_title}</h2>

<div class="reservation_area">
<!-- BEGIN reservation_form -->
<div class="reservation">
<div class="reservation_message">{reservation_message}</div>
<form name="frm" method="post" action="{reserve_action}">
<input type="hidden" name="hash" value="{hash}" />
<div class="reservation_form">
{reserve_form}
</div>
{reserve_button}
</form>
</div>
<!-- END reservation_form -->

<!-- BEGIN reservation_info -->
<div class="reservation_info">
<div class="reservation_others">
{reservation_others}
</div>

<div class="reservation_tel_time">
<div class="reservation_tel_number">{reservation_header_tel}</div>
{reservation_tel_time}
</div>
</div>
<!-- END reservation_info -->

<!-- BEGIN reservation_list -->
<div class="reservation_list">
<div class="reservation_title">
{reservation_title}
</div>
<div class="reservation_body">
<div class="reservation_photo">
{reservation_photo_m}
</div>
{reservation_course}
</div>
<br class="clear" />
</div>
<!-- END reservation_list -->

</div>
<!-- END reservation -->




【全ページ共通CSS】

/* --------------------------------------
予約ページ
--------------------------------------- */
.reservation_area {
margin: 0px 0px 10px 0px;
border: 0px;
padding:0px;
display: block;
clear: both;
overflow: hidden;
line-height: 17px;
}


.reservation_message {
padding: 0px 0px 20px 10px;
font-size: 12px;
line-height: 30px;
}

.reservation_form {
margin: 0px;
padding: 0px 0px 0px 5px;
}
.reservation_form .reservation_area label {
margin: 0px 0px 5px 0px;
}
.reservation_form .reservation_area input {
margin: 0px 5px 0px 0px;
font-size: 14px;
padding: 5px;
vertical-align: middle;
}

.reservation_form .reservation_area textarea {
margin: 0px;
font-size: 14px;
padding: 5px;
}
.reservation_form .reservation_name {
width: 100px;
margin: 0px;
padding: 0px;
}
.reservation_form .reservation_email {
width: 200px;
margin: 0px;
padding: 0px;
}
.reservation_form .reservation_tel {
width: 200px;
margin: 0px;
padding: 0px;
}
.reservation_form .reservation_memo {
width: 400px;
height: 100px;
margin: 0px;
padding: 0px;
}
.reservation_form .button_area {
text-align: center;
padding: 5px 0px;
}
.button {
}
.reservation_form .reservation_small {
width: 100px;
margin: 0px;
padding: 0px;
}
.reservation_form .reservation_medium {
width: 200px;
margin: 0px;
padding: 0px;
}
.reservation_form .reservation_large {
height: 100px;
width: 400px;
margin: 0px;
padding: 0px;
}

.reservation_info .reservation_tel_number {
background: url(/img/menu/tel.gif) no-repeat 0 0;
font-family: Arial Black;
font-size: 16px;
font-weight: bold;
padding: 3px 5px 5px 30px;
margin-top: 0px;
}
.reservation_info .reservation_tel_time {
border: 1px solid #DD6669;
padding: 10px;
}
.reservation_list .reservation_title {
font-size: 14px;
font-weight: bolder;
line-height: 24px;
padding: 10px 0;
}



#TB_ajaxContent{ の部分に下記のCSSを追記してください。 
/*↓ この行のみ追加↓ */
background-color: #ffffff;

【スマートフォン用 HTML】


/* --------------------------------------
ページ:予約ページ
---------------------------------------------->
<div id="main_menu">
<div class="navigation">
<div class="list_line line">
<div id="tab"><h2>{page_title}</h2></div>
</div>

<!-- BEGIN reservation_form -->
<div class="reservation">
<div class="reservation_message">{reservation_message}</div>
<form name="frm" method="post" action="{reserve_action}">
<input type="hidden" name="hash" value="{hash}" />
<div class="reservation_form">
{reserve_form}
</div>
{reserve_button}
</form>
</div>
<!-- END reservation_form -->


<!-- BEGIN reservation_info -->
<div class="reservation_txt">
<p>
{reservation_others}
</p>
</div>

<div class="others_txt">
<section>
<h3>
<span id="time">
{reservation_tel_time}
</span>
</h3>
</section>
</div>
<!-- END reservation_info -->

<!-- BEGIN reservation_list -->
<div id="reservation_box_ttl">
<div class="detail_top caption">
<section>
<h3>
{reservation_title}
</h3>
</section>
</div>

<div class="reserv_img">
{reservation_photo_l}
</div>

<p>{reservation_course}</p>

</div>
<!-- END reservation_list -->
</div>
</div>
<!-- END reservation -->




【スマートフォン用CSS】

/* --------------------------------------
予約ページ
--------------------------------------- */
#reservation_box_ttl {
padding: 5px 0;
display:block;
margin-bottom:10px;
}
#reservation_box_ttl p{
margin: 5px;
}

#reservation_box_ttl .reserv_img{
margin: 0 auto;
text-align:center;
padding-top: 10px;
}

.reservation_txt {
margin: 0 10px;
display:block;
}

.reservation_message {
padding: 0px 0px 20px 10px;
font-size: 12px;
line-height: 30px;
}

.reservation_form {
margin: 0px;
padding: 0px 0px 0px 5px;
}
.reservation_area {
padding: 5px;
}
.reservation_area label {
margin: 0px 0px 5px 0px;
}
.reservation_area input {
margin: 0;
font-size: 14px;
border: 1px solid #666;
padding: 5px;
vertical-align: middle;
}

.reservation_area textarea {
margin: 0px;
font-size: 14px;
border: 1px solid #666;
padding: 5px;
}

.reservation_area .reservation_name {
width: 90%;
}
.reservation_area .reservation_email {
width: 90%;
}
.reservation_area .reservation_tel {
width: 90%;
}
.reservation_area .reservation_memo {
width: 90%;
height: 100px;
}

.reservation input[type="radio"] {
margin-right: 5px;
}
.reservation .button_area {
text-align: center;
}
.reservation .button_area .button {
background: -webkit-gradient(linear, left bottom, left top, from(#666666), to(#999999));
background: -moz-linear-gradient(top, #666666, #999999);
border: 1px solid #555555;
font:15px/100% Arial, Helvetica, sans-serif;
font-weight:bolder;
-webkit-border-radius: 6px;
text-shadow: 0px 1px 1px #2B2B2B;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #ffffff;
padding: 10px 15px;
margin: 0 auto;
text-decoration: none;
text-align: center;
position: relative;
}



【モバイル用 HTML】

/* --------------------------------------
ページ:予約ページ
---------------------------------------------->
<div style="{title_style}" align="center">{page_title}</div>

<!-- BEGIN reservation_info -->
<div style="margin-bottom: 20px;">
{reservation_others}
</div>

<div style="margin-bottom: 20px;">
{reservation_tel_time}
</div>
<!-- END reservation_info -->


<!-- BEGIN reservation_list -->
<div>
■{reservation_title}<br>
{reservation_photo_url_m}<br>
{reservation_course}<br>
</div>
<hr style="{hr_style}">
<!-- END reservation_list -->

</div>
<!-- END reservation -->

※モバイル用デザインはソースを編集しても予約フォームは表示されません。
コース一覧を表示させるためのソースとなります。