よくある質問

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

お申し込みについて
グーペの利用はどんな人に向いていますか?
飲食店や美容院など事業主の方はもちろん、個人の方にも利用していただけます。

コンテンツ管理機能や、デザインのフルカスタマイズ、また、フリーページ作成機能もございますので、さまざまな業種にあったコンテンツを作成していただくことが可能です。
» パーマリンク
オンライン以外の申し込み方法はありますか?
サイト上からのお申し込みにのみ対応しておりますので、お電話やFAXからはお申し込みいただけません。 あらかじめご了承ください。
» パーマリンク
『グーペ 』を利用するには、プロバイダーを変更しなければいけませんか?
『 グーペ 』のご利用にあたって、お客様のプロバイダーを変更する必要はございません。
» パーマリンク
推奨環境について教えてください。
推奨環境は以下の通りです。

●OS
・Windows Vista 以上
・MacOS X 10.9 以上

●ブラウザ
・InternetExplorer 9 以上
・Chrome (最新版)
・Firefox (最新版)
 ※ 更新を自動的にインストールする設定の有効化を推奨
・Safari (最新版)

お申し込みの際にうまくいかない場合や、確認メールが届かない場合、お手数ですが【お問い合わせフォーム】よりお問い合わせください。
» パーマリンク
契約・料金について
SSLオプションの契約期間はどのようになっていますか?
SSLオプションの契約期間は

グーペの契約期間に準じて自動的に設定されます。



【例】

グーペの契約期間が

2016年11月4日~2017年2月28日 の場合

2016年11月5日にSSLオプションを申し込むと

2016年11月~2017年2月までの4ヶ月が

自動で契約されます。
» パーマリンク
契約期間の変更はできますか?
【 料金お支払い 】から『 次回ご契約分 』の「 契約期間 」をお選びいただけます。

契約更新日( 入金締切日 )までご自由にご契約内容の変更ができますので、ご希望に添ったものをお選びください。

 ※ご変更いただけますのは『 次回ご契約分 』となります。
  現在ご利用中のご契約内容を変更することはできません。
» パーマリンク
利用料金以外の料金は発生しませんか?
当サービスをご利用いただくにあたって発生する料金は次のとおりです。

 ・初期設定費用(新規契約時のみ)
 ・月々のご利用料金
 ・オプションプランご利用料金(ご契約された方のみ)
 ・有料テンプレートご購入代金(無料のテンプレートも多くございます)

料金は、ご利用のプラン等により異なりますので、詳しくは下記の料金案内をご覧ください。
料金案内
» パーマリンク
お試し期間について教えてください。
本登録より15日間はお試し期間です。機能制限はありませんのでご自由にお試しください。

お試し期間終了日までに弊社にてお客様からの入金の確認がとれない場合は、自動的に契約終了となり、お申し込みは無効となります。予めご了承ください。
» パーマリンク
日割料金について教えてください。
お試し期間終了の翌日から、当月末までの日数分、下記の日割料金が加わります。
※お試し期間終了日が月末の場合は、日割料金はかかりません。

・通常プラン:33円(税抜)/1日
・DXプラン :50円(税抜)/1日(12ヶ月契約の場合は 33円(税抜)/1日)
» パーマリンク
解約に伴う返金はありますか?
ご入金後の契約キャンセル、および返金はできません。予めご了承ください。

ご利用料金のお支払いについては【 利用規約 】より規約内容をご確認ください。
» パーマリンク
未入金でアカウント停止状態の場合は、サービス利用の再開はできませんか?
入金期限までに、契約が更新されない場合、『アカウント停止』状態となりサイトの閲覧、更新が行えなくなります。

その後60日間データを保持いたします。このデータ保持期間内にご入金いただくと、『アカウント停止』状態は解除され、サイトの閲覧、更新が行えるようになります。

なお、『アカウント停止』状態を解除する際にご入金いただく料金には、『アカウント停止』の状態であったデータ保持期間分も発生いたします。あらかじめご了承ください。

データ保持期間の60日間を過ぎますとデータは削除され、復旧できませんのでご了承ください。
» パーマリンク
お支払い手続きについて教えてください。
契約の更新は、管理画面からお手続きいただいております。

【 料金お支払い 】よりご希望のショップの「契約更新」ボタンをクリックし、
【 契約更新 】より「契約期間」をご選択のうえ、画面の指示に添ってご対応ください。

●おさいぽ!ポイントで支払う。
『 グーペ』は、弊社の運営する決済サービス「おさいぽ!」のみ対応しております。

おさいぽ!のアカウントをお持ちでない方は、おさいぽ!のアカウント登録(無料)をお願いします。

お支払いの流れ
» パーマリンク
アカウントの追加に料金はかかりますか?
アカウント毎に初期費用、月額費用が発生いたします。
» パーマリンク
契約更新のお知らせメールが届きません。
『 グーペ 』では、サービスをご利用されているすべてのお客様に、下記タイトルの契約更新お知らせメールをお送りしています。

 タイトル:【Goope】契約更新のご確認

お知らせメールは【1ヶ月前】と【10日前】に、ご契約メールアドレス宛にお届けしております。もしもメールが届かない場合は、ご登録のメールアドレスに誤りがないか、迷惑メールフォルダに振り分けられていないかをご確認ください。

 ※ご契約メールアドレスは管理画面の「アカウント情報>お客様情報」でご確認いただけます。
» パーマリンク
請求書・領収書を送って下さい。
グーペ管理画面の
「料金お支払い」>「お支払い履歴」
から、領収書を発行することができます。

こちらのページをプリンアウトしてご利用ください。

領収書の発行期限は、お支払い日から18ヶ月間となります。
» パーマリンク
おさいぽとはなんですか?
『 グーペ 』を運営する、GMOペパボ株式会社が提供する決済サービスです。
「おさいぽ!」は、ユーザーがあらかじめ、「おさいぽ!ポイント(1 円 = 1 ポイント換算)」を購入し、おさいぽ!に対応したサービスの利用料を支払うことができます。
Goopeのご利用料金のお支払いは、この「おさいぽ!」を利用して行っていただきます。
おさいぽ! -ネットのおサイフ-
» パーマリンク
自動更新とは何ですか?
『グーペ』はクレジットカードの直接決済と弊社決済サービス『おさいぽ!』を利用して契約更新する2つの方法からお選び頂けます。

■クレジットカードの場合

クレジットカードの直接決済の場合、契約更新時に『次回以降の契約は自動継続する』にチェックを入れて頂ければ契約時に選択した契約ヶ月ごとに自動的に契約を延長いたします。また自動継続の契約ヶ月は後から変更出来ます。
※DXプランの12ヶ月で自動継続を行なうと、通常プランの料金で継続されますので。年間で 6,000円(税抜) もお得!


■おさいぽの場合

『おさいぽ!』に登録後、『グーペ』管理画面より自動更新機能を設定していただくと、更新が終了する月の15日に自動でポイントの引き落としが行われます。

自動でポイントの引き落としを行うには、おさいぽ!側でオートチャージ設定を行うか、15日までにおさいぽ!のポイントをあらかじめチャージしておく必要があります。
※DXプランの12ヶ月で自動継続を行なうと、通常プランの料金で継続されますので。年間で 6,000円(税抜) もお得!

おさいぽ!オートチャージ機能について
» パーマリンク
自動更新が設定できません。
自動更新が設定できない場合は、以下の理由が考えられます。

■クレジットカード決済の場合

・登録されているクレジットカードの有効期限が切れている
・初回の引き落としが行われていない場合 → 手動で行う必要があります。


■おさいぽ!決済の場合

・おさいぽ!アカウントが設定されていない。
・次回引落日(毎月15日)が契約期間外の場合 → 一度通常の契約更新を行う必要があります。
・更新処理中 → 更新中はおさいぽID変更、自動更新設定、解除は行えません。

また以下の場合、自動的に自動更新設定は解除されます。

・引き落としに失敗した場合
・おさいぽアカウントを変更した場合

再度設定をご確認ください。
» パーマリンク
プランとはなんですか?
『グーペ』は「通常プラン」と「DXプラン(デラックスプラン)」の2つの契約プランを設けております。

■通常プラン ※月額1,000円(税抜)
グーペの基本機能である「メニュー表示」や「クーポン情報」など、飲食店はもちろん、美容院やマッサージ店、ネイルサロンなど多くの店舗の方々にお使いいただけるホームページ作成の基本的な機能が利用できます。

■DXプラン ※月額1,500円(税抜)
グーペの基本機能に加えて、訪問者の動きを解析してアクセスアップを支援する「アクセス解析」と、集客には欠かせない「メールマガジン機能」、また「PDFファイルアップ機能」や「お問い合せフォームのカスタマイズ機能」が利用できるプランとなります。ホームページからお客様へより多くの情報をお届けしたい方にオススメ!

【お得情報】
「DXプラン」を12ヶ月契約していただいたお客様に限り、「通常プラン」と同じ料金の1,000円(税抜)でご利用いただけます!なんと500円×12ヵ月=6,000円もお得!

プラン・ご利用料金の詳細について
» パーマリンク
プランの変更方法を教えてください。
『グーペ』のプランの変更は、契約の更新時にお選びいただけます。現在ご利用中の契約のプランを変更することはできません。

※自動更新を設定中のお客様は、管理者ページの「料金お支払い」のページより次回契約以降のプラン変更が行えます。

なお、次回の契約更新を行った際に「通常プラン→DXプラン」へプランアップをご希望された場合には、料金をお支払いいただいた日より、サービス期間として現在ご利用中のプランでも、「DXプラン」の機能がご利用いただけます。

※「DXプラン→通常プラン」へプランダウンをご希望の場合には、DXプランの契約終了日の翌日より「DXプラン」の機能がご利用できなくなります。
» パーマリンク
退会方法を教えて下さい。
・料金お支払い>退会

より、「契約を終了する」をクリックしていただきますと
退会のお手続きが終了いたします。

契約期間が残っている場合に
ホームページを非表示にされる際は

・基本設定>表示設定

を「工事中」または「非公開」に切替を行い
「設定する」をクリックしてください。

お試し期間終了日あるいは契約期間終了日の
翌日以降はホームページが閲覧できなくなり
エラーページに切り替わります。
» パーマリンク
サービスについて
ホームページが急に見られなくなりました
以下の点をご確認ください。

・グーペの契約期間が終了している。

・独自ドメインの期限が切れている。

・独自ドメインの設定、変更後で、お客様の接続環境にてDNS情報がキャッシュされている。

DNS情報はご利用のPC、プロバイダー、ドメイン管理者、実際のリクエストを返すサーバーのそれぞれで
キャッシュを行うため、ご利用の環境で浸透する時間が異なります。

▽DNSとは何ですか?
http://goope.jp/support/faq/35

こちらは一度古い情報をキャッシュとして持った場合に浸透までに時間がかかる場合が
ございますが、すべての環境で発生するというものではございません。
こちらに該当する場合はしばらくたってからご確認ください。
» パーマリンク
作成したホームページがYahoo!やGoogleなどの検索エンジンで検索してもヒットしません。
検索エンジンへは、ホームページ作成後にすぐに反映されるものではなく、反映までの時間もホームページへのアクセス数やコンテンツの量などにより異なります。

また、検索エンジンが作成したホームページの存在をまだ確認していない可能性があります。

検索エンジンは、ホームページからのリンクを辿って情報を収集しております。そのため、他のホームページから『グーペ』で作成されましたホームページへのリンクを貼っていただくと効果が高くなります。

リンクを貼ることが可能なホームページをお持ちでしたら、リンクを貼っていただくと検索エンジンからの情報収集の可能性が高くなります。


また、Googleは検索エンジン向けのいくつかのツールを提供しております。以下のツールをご活用ください。

---------------------------------------------------------------
【1】Googleへのサイトの登録
---------------------------------------------------------------
GoogleにホームページのURLを送信し、情報の収集を申請することができます。

http://www.google.com/addurl/?hl=ja&continue=/addurl

※サイト登録には、無料で作成できるGoogleアカウントが必要です。

※上記よりサイトの登録を行ってもGoogleで表示されるかどうか、またそのタイミングついての予測や保証はできませんのでご了承ください。

---------------------------------------------------------------
【2】Google Search Console(Googleウェブマスターツール) サイトマップの登録
---------------------------------------------------------------
Googleはウェブ管理者向けにツールを提供しており、こちらのツールよりグーペで自動作成しているサイトマップを送信することにより、検索エンジンにホームページの存在を通知することができます。

▼Google Search Console(Googleウェブマスターツール)・登録方法
http://goope.jp/support/manual/3_2_14

▼Google Search Console(Googleウェブマスターツール)・サイトマップの設定方法
http://goope.jp/support/manual/3_2_15

---------------------------------------------------------------
【3】Googleプレイスへの登録
---------------------------------------------------------------
Googleでは「Googleプレイス」というサービスを提供しており、無料でGoogleマップなどに店舗の情報を掲載することができます。

▼Googleプレイスの利用について
Googleプレイスへの情報の登録は「Googleマイビジネス」にておこないます。
https://www.google.co.jp/business/

※Googleへのサイト登録、Google Search Console(Googleウェブマスターツール)およびGoogleプレイスは、Googleが提供しておりますツールのため、ツールに関するサポートは行っておりません。あらかじめご了承ください。

---------------------------------------------------------------
---------------------------------------------------------------

尚、検索エンジンに登録されているかどうかは以下の方法で確認を行います。

ブラウザのURL入力欄に

https://www.google.co.jp/#q=site:お客様がご利用されているホームページのURL

を入力して、Enterキーを押下してください。

例)https://www.google.co.jp/#q=site:https://goope.jp/

現在検索エンジンに残っているインデックスのURLがブラウザ上に全て表示されます。

もし、「site:【お客様のホームページのURL】 に一致する情報は見つかりませんでした。」
が表示された場合は未インデックスです。インデックスされるまでお待ちくださいませ。

さらに、希望するキーワードで検索結果に表示したい場合は
以下のコンテンツでご案内しておりますSEO対策をお試しくださいませ。

ホームページを作成したらまず始めに行いたいSEO対策3つ
» パーマリンク
レンタルサーバーなどが別に必要ですか?
レンタルサーバー等は別に必要ではありません。

『グーペ』のご契約のみで、ホームページの作成・運営に必要な画像のアップロード機能や、お問い合わせ等のデータ管理を行うことができます。
» パーマリンク
ディスク容量に制限はありますか?
ディスク容量は基本容量1GB( 1000MB )までご利用可能です。
DXプランをご契約のアカウントには、さらに4GBの容量が追加されます。
また、契約を1年ご継続毎に、1GBの容量が追加されます。

なお、下記データがディスク容量として計上されます。

 ・アップロードした画像データ
 ・コンテンツデータ(お知らせやメニューなど)
 ・テンプレートのHTMLとスタイルシート(CSS)ファイル
 ・お問い合わせデータ

すべてのファイルを合計した容量がディスク使用量となりますので、予めご了承ください。
» パーマリンク
アップロードする画像ファイルにサイズ制限はありますか?
1ファイルにつき5MBまでとなっております。
» パーマリンク
管理画面にログインできません。
管理画面へログインが行えない場合は、以下の項目をお確かめ下さい。

 ・ログインIDは間違っていませんか?
 ・パスワードは間違っていませんか?
 ・パスワードを全角で入力していませんか?
  ( パスワードは半角です。全角が含まれることはありません )

以上をご確認の上、ログインが出来ない場合はエラーメッセージなどをご明記の上【 お問い合わせフォーム 】よりご連絡下さい。

ログインID通知メールフォーム
パスワード再設定フォーム
» パーマリンク
アカウントを変更したいのですが?
アカウント(ホームページURL/店舗アドレス)につきまして、管理画面の「基本設定>ホームページのURL」からご変更いただけます。

ご変更前に、ご希望のアカウントがご利用いただけるかどうかのご確認をお願い致します。

https://admin.goope.jp/account_add/step1/
(ログイン後、店舗アドレス→チェックで確認が可能です。)

※変更できる回数は1日3回までとなります。
※アカウントご変更後、14日間は旧URLから新URLリダイレクトされます。
» パーマリンク
ログインIDを変更したいのですが?
大変申し訳ありませんが、ログインIDの変更は受け付けておりません。変更されたい場合は、現在の契約を一旦解約して頂き、再度お申し込みをしていただく事となります。

なお、お申し込みごとに初期費用が必要ですので、予めご了承下さい。

また、現在の契約を解約された場合、残り期間の返金・新規アカウントへの料金相殺などはできません。予めご了承下さい。
» パーマリンク
携帯電話・スマートフォン向けのホームページは作成できますか?
アカウントご契約時に、PC版、携帯版、スマートフォン版のテンプレートが作成されます。

携帯電話・スマートフォンからの閲覧があった場合、自動でテンプレート表示が切り替わります。
その場合のホームページアドレスはパソコン版と同一のURLとなります。

※スマートフォン向けのホームページは、iPhone、iPod touch、Android端末に対応しておりますが、
 全ての端末での表示・動作を保障しておりません。予めご了承ください。
» パーマリンク
複数のホームページを運営することができますか?
おひとり様につき、複数のホームページをご契約いただけます。

・アカウントごとにセットアップ作業を行うため、初期費用が必要となります。
・複数のアカウント情報を、一つの管理画面で管理することが可能です。
» パーマリンク
FTPは使えますか?
FTPによるファイルのアップロードはできません。

『 グーペ 』は、簡単にお店のホームページを作成できるサービスとなっております。そのため、レンタルサーバーのように、提供するディスクスペースに様々なファイルをFTPでアップロードすることはできません。

なお、当サービスでアップロード可能なファイルは以下になります。

 【 画像ファイル 】

 ・『フォトアルバム』、『画像アップロード』などから登録する画像。
   (形式:jpg, png, gif/サイズ:1ファイルにつき5MBまで)
» パーマリンク
無料お試し期間中に作成したホームページは、本契約後そのまま使えますか?
無料お試し期間中に作成したホームページは、本契約後に引き続きご利用いただけますので、どうぞご安心ください。
» パーマリンク
お知らせやメニューページのサムネイル写真は変更できますか?
テンプレートをカスタマイズすることで対応可能です。

管理画面>デザイン設定>HTML・CSS編集で、HTML内のメニューの画像タグ{menu_photo_t}を{menu_photo_l}などに変更すれば写真サイズが変更できます。

くわしくは独自タグマニュアルをご覧ください。
http://goope.jp/support/manual/3_3_4
» パーマリンク
ログインIDが分からなくなりました
ログインID通知メールフォーム
ご登録メールアドレスをご入力くださいませ。
ログインIDをご登録メールアドレスに送付します。

» パーマリンク
パスワードが分からなくなりました
パスワード再設定フォームより再設定ができます。
» パーマリンク
機能について
カラーミーショップの「カートJS」機能が設定できません。
カラーミーショップの「カートJS」機能とは、弊社ショッピングカートASPサービス『カラーミーショップ』で提供している、ブログやホームページなどで新商品の記事を書くときなどに、カートに入れるボタン付の商品情報が表示できるJSコードを作成する機能です。

「カートJS」機能をグーペの簡易入力エディタで使用する場合には、「カートJS」機能で生成されたJSコードを直接HTMLソース内にペーストしていただく必要がございます。
※動的に読み込むため、プレビューには表示されません。



『HTML』アイコンをクリックしてソース編集ウィンドウを開き、JSコードをペースト後、「更新」ボタンをクリックしてソース編集ウィンドウを閉じ、「登録する」ボタンをクリックして登録してください。



反映されました。

カラーミーショップの「カートJS」機能について、詳しくはこちらをご覧ください。
» パーマリンク
SSLオプションを導入したところ、カートボタンが表示されなくなりました。
どこでもカラーミー(カートJS機能)のコードを発行した『カラーミーショップ』のアカウントでSSLが有効となっていない場合、SSLを導入した『グーペ』のホームページではカートボタンが表示されなくなります。

『カラーミーショップ』で独自ドメインを設定しているかどうかによって 対応方法が異なります。

■ 『カラーミーショップ』でSSLを導入する方法

1. 『カラーミーショップ』の管理者ページへログインのうえ、SSLを有効にしてください。

 ・カラーミーショップ マニュアル | 常時SSL設定

2. 『グーペ』の管理者ページで、どこでもカラーミーのコードのなかに含まれている「 http://***** 」という部分を「 https://*****」へ書き換えてください。

 ※『カラーミーショップ』for グーペ プラン で、『カラーミーショップ』のアカウントに独自ドメインを設定している場合、上記方法でSSLは導入できません。
 ※『カラーミーショップ』for グーペ は2016年5月19日をもって新規登録は停止しております。
» パーマリンク
アクセス解析で「検索キーワード」が表示されません。
GoogleとYahoo!の検索結果ページがSSL化していることが要因です。
SSL化されている検索結果ページでは、グーペを含む外部のツールでは検索キーワードが取得できません。
Googleでは2011年、Yahoo!では2015年より導入が開始され、徐々にSSL化が進んでおります。

(参考)
「Yahoo!検索」SSL化のお知らせ - Yahoo!検索ガイド - Yahoo! JAPAN
Yahoo! JAPANサービスは常時SSL(AOSSL)に対応します - Yahoo! JAPAN

Googleの検索結果の場合、Google Search Console(旧ウェブマスターツール)の「検索アナリティクス」から、
検索キーワードを確認することができます。詳しい方法は以下のマニュアルをご覧ください。

▼グーペマニュアル Googleでの検索キーワードを取得する

お客さまにはご不便をおかけし恐縮ではございますが、
何卒ご理解を賜りますよう、よろしくお願い申し上げます。
» パーマリンク
「座標を取得できませんでした:ZERO_RESULTS」のメッセージと共に地図が表示されません。
・店舗情報設定>店舗情報

に正確な住所が入力されていなかったり、
住所情報から地図が取得できないことが要因です。

修正を行うためには

・店舗情報設定>地図の微調整

内の地図をドラッグして住所の上にポイントを置いて「更新」をクリックしてください。
» パーマリンク
スマートフォン版デザインのプレビューができません。
HTML5/css3に対応していないブラウザは、パソコンからのプレビューができません。
カラーバリエーションについては、以下をご覧ください。


グレー
薄い赤薄いピンク
ピンク薄い紫
薄い黄色黄色薄いオレンジ
オレンジ薄い茶色茶色
水色
黄緑濃い緑
» パーマリンク
デザイン編集が反映されません。デザイン編集中にプレビュー画面が崩れて表示されます。
正常にデザインが反映されない場合には、お客様がご利用のブラウザが、CSSファイルをキャッシュ(一時的に保存されているデータ)している場合がございます。

Internet Explolerの場合ですと、
・「ツール>インターネットオプション」から一時ファイルの削除
・キーボードの Ctrl キーを押しながら F5 キーを押して再読み込みする

上記の方法でブラウザのキャッシュが削除されますので、お試し下さい。
» パーマリンク
GMOポイントからのお知らせの停止、解約方法
・GMOポイントからのお知らせの停止

GMOポイントページ にログインの上、
管理メニュー「会員情報管理」より、「メール受信設定変更」 を選択してください。
GMO IDとログインパスワードは、
JUGEM管理者ページ(管理者ページ→ブログ設定→ポイント確認)にてご確認いただけます。


・GMOポイントから解約方法

GMOポイントの解約は、GMOポイントページ にログインの上、管理メニュー「解約(GMO ID削除)」よりお手続きをお願いいたします。GMOポイントの解約は、関連サービスの解約が必要です。
» パーマリンク
広告非表示のはずなのにグーペブログに広告が出ます。
ブログの更新が60日以上ない場合は、記事の上部に広告が表示されます。
こちらは記事を投稿、更新することで非表示となります。

公式テンプレートをご利用いただいている場合は、テンプレート上部に【GMO共通ヘッダー(検索バー)】が表示されておりますが、表示は強制ではございませんので削除することが可能です。

削除する場合は、JUGEM管理者ページからHTML編集フォームにて下記の共通ヘッダー表示用タグを削除し、HTMLを更新していただきますようお願いいたします。

■共通ヘッダーを表示させるタグ
{gmo_header_src}

■HTML編集フォーム
JUGEM 【ブログ管理者ページ】→【デザイン】→【HTML・CSS編集】→【HTML編集フォーム】
» パーマリンク
動画をホームページに貼り付けする方法を教えてください。
動画をホームページに掲載する場合は
動画共有サイトに動画のアップロードを行った後に
動画のURLを「動画の挿入・編集」の
「画像のソース」に貼り付け「OK」をクリックすることで
エディタ内に挿入することが可能です。
※リッチエディタを使用の場合
» パーマリンク
アクセス解析機能に『PC』と『モバイル』がありますが、スマートフォンはどちらに入りますか?
ご利用のデザインテンプレートにより異なります。
レスポンシブ対応のテンプレートは『PC』にスマートフォンの数値が含まれ、それ以外のテンプレートは『モバイル』に含まれます。

【レスポンシブ対応のテンプレート】
Simple2, Beauty, Salon2, Business, Slider, Hello, Relax, Bistro, Miyabi, Corporate, Elegant, Spoon, Village, Botanical, Showcase, Hometown, Blackboard, Linen, LinenNatural, Oneplate, Aroma, Antique, BlackboardSingle, Chic, Kyoto, Clinic, Black, Brooklyn, Pastel, ModernCraft, Organic, Everyday


【上記以外のテンプレート】
Default, Plain, Simple, Header, Background, Corner, Gradation, Top, Tab, Wood, Paper, Obi, Wide, Natural, Japan, SalonGold, SalonSilver, SalonPink, SalonBlue,
» パーマリンク
Instagram(インスタグラム)連携を行うと他のアカウントで連携されてしまいます。
ブラウザのInstagramで他のアカウントでログインされていると
そのアカウントで連携が行われてしまいます。

ログアウトを行ったのちに
Instagram連携をお試しください。
» パーマリンク
メールマガジンは何通まで送信できますか?
メールマガジン機能は、配信予約の設定を行う仕組みとなっております。
1回の設定で配信できる上限は1,000通までとなっており、こちらの設定が月30回まで可能です。(メールマガジンの配信完了後に削除した配信設定も含む)

※メールマガジン機能はDXプランをご利用の方のみお使いいただける機能となります。
» パーマリンク
独自ドメインについて
独自ドメインとは何ですか?
世界中で一つしかない専用のアドレスで、インターネットの住所のようなものです。ドメイン登録機関に登録することにより利用することができます。

例えばご契約時のホームページアドレス「(例)http://r.goope.jp/hogemoge/ 」を、お客様の独自ドメイン「(例)http://hogemoge.com/ 」でもアクセスできるようになります。
» パーマリンク
他のサービスで取得した独自ドメインをグーペで使うことはできますか?
できます。ただし取得された独自ドメインがグーペなど他サービスでの利用が可能な場合に限られます。
該当のドメインが他サービスで利用できるか否かについては
ドメインを管理しているサービス側へお訊ねください。

取得された独自ドメインがグーペでも利用できる場合、
設定では以下マニュアルの手順2、3をおこなっていただきますようお願いいたします。

 ▽独自ドメインを設定する | ホームページ作成「グーペ」 | マニュアル

また、グーペでご設定頂くのにご利用料金は別途かかりません。
» パーマリンク
設定した独自ドメインでホームページが表示されません。
設定した独自ドメインでホームページが表示できない場合、次の可能性がございます。

●独自ドメインの有効期限が切れている
独自ドメインの有効期限が切れている場合、設定した独自ドメインでホームページが閲覧できなくなります。
※独自ドメインの有効期限は、ドメインを取得したサービスでご確認できます。

●独自ドメイン設定後、表示されません
管理画面で独自ドメイン設定が反映され、独自ドメインでアクセスできるまでには30分~3日ほどかかります。
こちらの反映時間は、お客様がインターネットの接続にご利用になられているプロバイダーにより異なります。

● 『 Goope 』の更新手続きを行っていない
契約更新日(入金締切日)までにご利用料金のお支払いがない場合、アカウントは停止となり、ホームページをご覧いただけなくなります。管理者ページへログインを行い、現在の状況をご確認ください。

● 上位機関による『利用制限(clientHold)』が行われている
Whois情報のメールアドレス宛に送信されるドメイン登録情報の正確性確認が完了していない場合、上位機関によるドメインの『利用制限(clientHold)』が行われる可能性があります。
ドメイン登録情報の正確性確認とは?

解除方法につきましては、こちらご参照ください。
ムームードメイン:【clientHoldとは?】ドメインが急に利用できなくなりました
お名前.com:【ドメイン】ドメインのステータスが「clientHold」となって利用できない

ホームページの表示についてご不明な点がございましたら【 お問い合わせフォーム 】よりお気軽にお問い合わせください。
» パーマリンク
日本語ドメインには対応していますか?
日本語ドメインをグーペで利用するためには、日本語ドメインをPunyCodeに変換して登録してください。

例えば「グーペ.jp」という日本語ドメイン名は、Punycode変換後は「 xn--qck7d9d.jp 」というドメイン名になります。

お客様の日本語ドメインがどのように変換されるかは、下記ページからご確認いただけます。

Punycode変換:http://punycode.jp/

メールアドレスの作成も可能です。
ドメイン名はPunyCodeで表示が行われます。

※対応しているメールソフトでご利用が可能です。
» パーマリンク
取得した独自ドメインで、メールアドレスは作成できますか?
取得した独自ドメインで、メールアドレスの作成が行えます。
詳しくは、マニュアルをご覧ください。

独自ドメインのメールを設定する
» パーマリンク
サブドメインを持ち込んで利用できますか?
ムームードメインで取得されたドメインでしたら、ムームーDNSを利用することが可能です。
ムームー DNS への移行方法

ムームードメイン以外で取得されたドメインの場合は、ご利用のネームサーバーでAレコードを設定することで、利用可能です。
DNSの変更方法(ムームードメイン以外)
» パーマリンク
初期のURLと独自ドメインURLはどう違うのですか?
初期のURLは【 http://r.goope.jp/(お好きな名前) 】のように、弊社が用意したドメインの後に、お客様に入力していただきました、お好きな名前が続く形となります。

独自ドメインURLは【 http://domain.com 】のようにさらに短いURLが利用できるため、お客様にホームページURLを覚えていただきやすくなります。

本格的にホームページを運営される場合には、独自ドメインの取得をおすすめいたします。
» パーマリンク
独自ドメインでホームページを運営する場合、料金は変わりますか?
独自ドメインをご利用の際も、同一料金でご提供しております。

くわしくは【 料金案内 】をご覧ください。

なお、ご利用料金には独自ドメインの取得料金・更新費用は含まれておりません。
» パーマリンク
独自ドメインはどうやって取得すればよいのですか?
ドメインは、取得業者および取得代行業者のホームページなどでご取得いただけます。

ドメインのご取得をお考えの際には、弊社運営の『 ムームードメイン 』をご検討ください。
ムームードメイン 』は、99円( 税抜き )からドメインを取得できる低価格サービスです。

また、ドメインの取得・管理・更新をグーペに一任できるドメインオプションプランもご用意しております。
» パーマリンク
DNSとは何ですか?
ドメイン・ネーム・システムの略で、インターネット上の「234.123.567.345」などの数字が表すIPアドレスを、覚えやすいように【 goope.jp 】などの「ドメイン名」に置き換えるシステムのことです。

DNSの浸透・反映時間は、通常24時間〜72時間かかります。
» パーマリンク
独自ドメインを取得しましたが、DNS(ネームサーバー)の設定はどこで行うのですか?
弊社運営の『 ムームードメイン 』でドメインを取得している場合は【 ムームードメインコントロールパネル 】で、DNS設定が『 グーペ 』の設定になっているかご確認ください。

そのほかのサービス会社をご利用されている場合には、ドメイン管理をされているサービス業者で変更手続きを行ってください。

DNSの変更方法(ムームードメイン以外)
» パーマリンク
ドメインを取得したらすぐに『 グーペ 』で利用できますか?
ドメイン取得直後はDNS情報が反映されていないため、すぐにホームページをご確認いただけないことがございます。DNSの設定が反映されるまでには、約30分〜3日ほどのお時間がかかりますので、こちらを目安にお待ちください。

※反映時間は、お客様がインターネットの接続にご利用になられているプロバイダーにより異なります。

変更後、すぐに独自ドメインの反映が行われるものではございませんのでご注意ください。
» パーマリンク
初期のURL(サブドメインURL)から独自ドメインURLへ変更したいのですが。
初期のURL(サブドメインURL)から独自ドメインURLへの変更は、
管理画面 > 基本設定> ドメイン設定」よりご変更いただけます。

 ※これまでに作成されたショップデータを引き続きご利用いただけます。
» パーマリンク
初期のURLから独自ドメインURLへ変更した場合、ページ内のURLは全て書き換えが必要ですか?
自動生成されているページURLは自動的に変更されます。とくに変更手続きを行う必要はございません。

ご自身でテンプレートをカスタマイズし、リンクを追加していた部分のみご修正をお願いいたします。
» パーマリンク
独自ドメインを変更することはできますか?
独自ドメインは、「管理画面 > 基本設定> ドメイン設定」よりご変更いただけます。
» パーマリンク
ドメイン変更後も作成したホームページデータは保持されますか?
ドメイン変更後でも、設定された内容や登録されたデータは保持されます。引き続きこれまでのご設定でホームページ運営ができますのでご安心ください。
» パーマリンク
独自ドメインを設定しましたが、GoogleやYahoo!の検索結果がサブドメインURLで表示されます。
グーペでは、独自ドメインが設定されているアカウントのサブドメインURLへアクセスがあった場合は、ヘッダーで独自ドメインURLを正規URLとして送信しています。

独自ドメイン設定後に検索エンジンのクローラーがサブドメインURLを訪れると、次回からは独自ドメインURLが表示されるようになります。

独自ドメイン設定後に検索結果に反映されるまでは、1週間~1ヶ月ほど、時間がかかります。
お急ぎの場合は、Google Search Consoleに、該当URLを送信してください。
» パーマリンク
独自ドメインURLに正規化したいです。
グーペでは、以下のURLにアクセスがあった場合は、独自ドメインとして設定されているURLを、HTTPヘッダーで正規URLとして送信しています。

・ 独自ドメインが設定されているアカウントのサブドメインURL
・ www有りの独自ドメインURL

これにより、設定されている独自ドメインURLが、正規URLとして判定される仕組みになっています。

関連サイト
Google ウェブマスター向け公式ブログ: HTTP ヘッダーでの rel="canonical" 属性に対応しました


» パーマリンク
メールについて
パソコンからメールの送受信する設定方法を教えてください。
グーペで独自ドメインをご利用いただいているお客様は、お客様のパソコンにインストールされているメールソフトで設定を行えば、メールの送受信を行うことができます。

主なメールソフトの設定方法は、下記マニュアルをご覧ください。

【Outlook 2007】の設定方法
【Thunderbird】の設定方法
【Windows Live メール 2012】の設定方法
【iPhone】の設定方法
【MacOSX Mail】の設定方法
【Gmail】の設定方法

※メールアドレスの作成は、独自ドメインをご利用いただいているお客様のみとなります。ご了承ください。
» パーマリンク
パソコンからメールの送信ができません。
メールの送信のみが行えない場合、SPAM防止の為の【SMTPAUTH】の認証設定が行われていないか、お客様がご利用のプロバイダで、【Outbound Port25 Blocking 】の設定がされており、こちらの設定が正しく行われていない可能性があります。

詳しくは、下記のオンラインマニュアルをご確認の上、メールソフトの設定をご確認ください。
メールの送信がうまくいかない場合
» パーマリンク
メールで送受信できるデータのサイズを教えて下さい。
メールの最大サイズは、
添付ファイルも含めて上限10MBとなっております。
» パーマリンク
メールサーバーの容量を教えてください。
メールサーバーの容量は上限を設定しておりませんが
ご契約プランのディスク容量(通常プラン1GB/DXプラン5GB)を超えた場合に
ご利用を制限させて頂く場合がございます。
あらかじめご了承くださいませ。

» パーマリンク
サポートについて
サポート体制について教えてください。
弊社では不測の事態に備えまして、24時間態勢でサーバー監視と【 お問い合わせフォーム 】からのご連絡を承っております。

お問合せに関しましては原則的に2営業日以内に返信を差し上げております。

 ※土・日・祝日はサポート業務をお休みとさせていただいております。
  返信は翌営業日からとなりますのでご了承ください。

 ※また、お問合せ数が多い場合は返信が遅れることもございます。
» パーマリンク
メールにてお問合せしましたが返信が来ません。
お問合せに関しましては、原則的に2営業日以内に返信を差し上げるよう努めておりますが、お問合せが多い場合等や不測の事態が起こった際には、返信が遅れる可能性があります。

また、以下の場合、弊社からの返信が遅れる、もしくはお届け出来ない可能性がございます。

・メールアドレスを間違えている場合
・メールソフトから直接送信(もしくは返信)してお問い合わせいただいた場合
・内容が不明確な場合
・既にサイト上にてご案内している内容
・弊社サービスではないもの

以上につきましては、回答できませんのでご了承ください。

なお、弊社からの返信メールが「迷惑メールフォルダ」に振り分けられている可能性もございますので、「迷惑メールフォルダ」もご確認ください。
» パーマリンク
サポートへの電話番号を教えてください。
誠に恐れ入りますが当サービスでは、電話でのサポートは行っておりません。

お客様とのやりとりにおいて、記録を残すこと・聞き取り間違いを防ぐこと・低価格でのサービス提供を継続していきたい考えであること理由に、現在メールのみの対応とさせていただいております。

 ■ お問い合わせフォーム

お問い合わせフォームよりいただきましたお客様からのお問い合わせに対しましては、
責任を持って対応させていただきますので、何卒ご理解とご協力を賜りますようお願い申し上げます。
» パーマリンク
ホームページの表示について
「工事中/閉店中」にした場合に、ホームページを確認する方法を教えてください。
・デザイン設定>デザイン一覧

テンプレートのアイコンに虫眼鏡マークがついていますが
こちらをクリックするとホームページを閉じたままで
プレビューが出来ます。
» パーマリンク
「工事中/閉店中」にしていますが検索エンジンに登録されません。
公開設定を「工事中・閉店中」にしている場合はmetaタグでnoindexを表示しているためGoogleクローラーからのインデックスを拒否する仕様になっており、検索エンジンへの登録を行うことが出来かねます。

恐れ入りますが「公開」に切替を行った後に再度インデックスをお試しくださいませ。
» パーマリンク
ナビゲーション部分にバナーやウィジェットを追加したが、表示されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTMLとCSSの編集を行ってください。
『Obi』のデザインでは本機能はご利用いただけません。ご利用の場合は『Obi』以外のデザインをご利用ください。<

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集 』をクリックして、HTML・CSS編集画面へお進みください。

【HTML】※PC版のみ
▼ナビゲーション部分のHTMLに赤文字部分のタグを追加してください
<div class="shop_title">
<!-- ナビゲーション部分ここから // -->
<div id="navi">
<div id="navi_inner">
<ul>
<!-- BEGIN navi_list -->
<li><a href="{navi_url}" {navi_target} class="{navi_class}">{navi_title}</a>{navi_sub}</li>
<!-- END navi_list -->
</ul>
<br class="clear" />
</div>
<!-- ナビゲーションパーツここから // -->
{navi_parts}
<!-- // ナビゲーションパーツここまで -->

</div>
<!-- // ナビゲーション部分ここまで -->


【CSS】※PC版のみ
▼下記CSSを末尾などに追加してください
#navi_parts {
margin: 10px 0px;
}
.navi_parts_detail {
margin-bottom:5px;
text-align:center;
}
» パーマリンク
カウンター等のパーツ表示切替が反映されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
『 Obi 』『 natural 』『 Japan 』のテンプレートからデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTMLとCSSに以下のソースを追加していただくことで表示が可能となります。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。


【『 Obi 』用HTML】※HTMLのヘッダー部分
▼以下を削除してください。
<div class="shop_title">
{name}
{tel}
<a href="{site_rss}"> <img src="/img/icon/rss.png" /> </a>
</div>

▼削除した箇所に以下を追加してください。
<div class="shop_title">
<div class="shop_name">{name}</div>
<div class="shop_tel">{tel}</div>
<div class="shop_rss"><a href="{site_rss}"><img src="/img/icon/rss.png" /></a></div>
</div>


【『 Obi 』用CSS】※コピーライト部分
▼以下を削除してください。
/* コピーライト */
.copyright {
width: 200px;
float: left;
margin-bottom: 20px;
font-size: 11px;
}
.copyright p {
margin: 20px 0;
}

▼削除した箇所に以下を追加してください。
/* コピーライト */
.copyright {
width:200px;
float:left;
margin:10px 0;
font-size:11px;
padding:10px 5px 5px 0;
}
.powered {
width:200px;
float:left;
margin-bottom:20px;
font-size:11px;
padding:10px 5px 5px 0;
}




【『 natural 』用HTML】※HTMLのヘッダー部分
▼以下を削除してください。
<!-- ヘッダー部分ここから // -->
<div id="header">
<div id="header_inner">
<div class="site_title">
<h1 class="site_logo"><a href="{site_url}">{site_logo}</a></h1>
<div class="site_description">{site_description}</div>
</div>
<div class="shop_title">
<span class="shop_name">{name}</span>
<span class="shop_tel">{tel}</span>
<span class="shop_rss"><a href="{site_rss}"><img src="/img/icon/rss.png" /></a></span>
</div>
</div>
</div>
<!-- // ヘッダー部分ここまで -->

▼削除した箇所に以下を追加してください。
<!--ヘッダー部分ここから // -->
<div id="header">
<div id="header_inner">
<div class="site_title">
<h1 class="site_logo"><a href="{site_url}">{site_logo}</a></h1>
<div class="site_description">{site_description}</div>
</div>
</div>
<div class="shop_title">
<span class="shop_name">{name}</span>
<span class="shop_tel">{tel}</span>
<span class="shop_rss"><a href="{site_rss}"><img src="/img/icon/rss.png" /></a></span>
</div>
</div>
<!-- // ヘッダー部分ここまで -->


【『 natural 』用CSS】※テーマ別レイアウト部分
▼以下を削除してください。
#wrapper {
}
#wrapper_inner {
margin: 0 10px;
}

#header {
padding: 20px 0 0 0;
}
#header_inner {
padding: 30px 0 10px 0;
text-align:center;
background: url(/img/theme_natural/natural_4.jpg) no-repeat;
}

▼削除した箇所に以下を追加してください。
#wrapper {
}
#wrapper_inner {
margin: 0 10px;
}

#header {
padding: 20px 0 10px 0;
}
#header_inner {
padding: 30px 0 0 0;
text-align:center;
background: url(/img/theme_natural/natural_4.jpg) no-repeat;
height: 95px;
}


【『 natural 』用CSS】※ヘッダー部分
▼以下を削除してください。
/* --------------------------------------
ヘッダー
--------------------------------------- */
.shop_title {
text-align: right;
margin: 35px 10px 0 0;
}

▼削除した箇所に以下を追加してください。
/* --------------------------------------
ヘッダー
--------------------------------------- */
.shop_title {
text-align: right;
margin: 0 10px 0 0;
}




【『 Japan 』用CSS】※ヘッダー部分
▼以下を削除してください。削除のみとなります。
h1.site_logo img{
margin-top:-50px;
}
» パーマリンク
予約ページが表示されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTMLとCSS内に以下のソースを追加していただくことで表示が可能となります。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

【HTML】※『Obi』以外のテンプレート
<!-- BEGIN reservation -->
<!----------------------------------------------
ページ:予約ページ
---------------------------------------------->
<h2 class="page_title">{page_title}</h2>
<div class="reservation_area">

<div class="reservation_others">
{reservation_others}
</div>

<div class="reservation_tel">
<div class="reservation_tel_number">{reservation_header_tel}</div>
{reservation_header_tel_time}
</div>

<!-- BEGIN reservation_list -->
<div class="reservation">
<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 class="reservation_tel">
<div class="reservation_tel_number">{reservation_footer_tel}</div>
{reservation_footer_tel_time}
</div>

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


【HTML】※『Obi』用
<!-- BEGIN reservation -->
<!----------------------------------------------
ページ:予約ページ
---------------------------------------------->
<div class="reservation_area">

<div class="reservation_others">
{reservation_others}
</div>

<div class="reservation_tel">
<div class="reservation_tel_number">{reservation_header_tel}</div>
{reservation_header_tel_time}
</div>

<!-- BEGIN reservation_list -->
<div class="reservation">
<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 class="reservation_tel">
<div class="reservation_tel_number">{reservation_footer_tel}</div>
{reservation_footer_tel_time}
</div>

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


【全ページ共通CSS】※こちらの追加に加え、各テンプレートのCSSの追加が必要となります。
テンプレート『Paper』『Wide』『SalonGold』『SalonSilver』『SalonPink』『SalonBlue』をご利用の方は変更の必要はございません。
※色の指定につきましては、個別に変更する必要がございます。
/* --------------------------------------
予約ページ
--------------------------------------- */
.reservation_area{
margin: 0 0 20px 0;
padding: 15px;
border: 1px solid #cccccc;
}

.reservation_others {
padding:5px;
}

.reservation_tel {
border: 1px solid #DD6669;
padding:10px;
}

.reservation_tel_number {
background: url(/img/menu/tel.gif) no-repeat 0 0;
font-family:Arial Black;
font-size:16px;
font-weight:bold;
padding:0 0 5px 30px;
}

.reservation {
padding:0 0 10px 0;
}

.reservation_title {
float: left;
font-size: 14px;
font-weight: bolder;
line-height: 24px;
padding:10px 0;
}

.reservation_body {
clear: both;
font-size: 12px;
line-height: 18px;
margin: 0;
width: 100%;
}

.reservation_photo img {
padding: 3px;
border: 1px solid #cccccc;
background: #fdfbf7;
margin:0 0 10px 0;
}

.reservation_photo img:hover {
border: 1px solid #cccccc;
background: #f7f4e8;
}


【『Japan』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
#navi ul li a.navi_reservation {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
▼上記を既定の場所に追加します。
/* --------------------------------------
#ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #000000;
}
#navi ul li {
border-bottom: 1px solid #000000;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
font-size: 11px;
text-decoration: none;

background: #ffffff;
}

#navi ul li a.navi_top {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_info {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_calendar {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_menu {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_photo {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_about {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_contact {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
} #navi ul li a.navi_free {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_links {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_coupon {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_melmaga {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_recruit {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_reservation {
background: #ffffff;
background:url(/img/theme_japan/japan_icon.gif) no-repeat center left;
margin:3px 0 3px 15px;
}

#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}


【『Natural』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
#navi ul li a.navi_reservation {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
▼上記を既定の場所に追加します。
/* --------------------------------------
#ナビゲーション
--------------------------------------- */
#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #dacdb9;
}
#navi ul li {
border-bottom: 1px solid #dacdb9;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
font-size: 11px;
text-decoration: none;
background: #ffffff;
}

#navi ul li a.navi_top {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_info {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_calendar {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_menu {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_photo {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_about {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_contact {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_free {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_links {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_coupon {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_melmaga {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_recruit {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_reservation {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}

#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}

/* フリーページナビゲーション用 */


【『Obi』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
body#reservation #top_navi a.navi_reservation,
▼上記を既定の場所に追加します。
/* --------------------------------------
トップナビゲーション
--------------------------------------- */

#top_navi {
clear: both;
float: right;
margin: 20px 0;
padding: 0;
height: 100%;
}
#top_navi a {
display: block;
background: #444444;
color: #ffffff;
margin: 3px;
padding: 10px 15px;
text-decoration: none;
float: left;
font-size: 11px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
#top_navi a:hover {
background: #333333;
color: #ffffff;
}

body#top #top_navi a.navi_top,
body#info #top_navi a.navi_info,
body#calendar #top_navi a.navi_calendar,
body#menu #top_navi a.navi_menu,
body#photo #top_navi a.navi_photo,
body#coupon #top_navi a.navi_coupon,
body#about #top_navi a.navi_about,
body#melmaga #top_navi a.navi_melmaga,
body#recruit #top_navi a.navi_recruit,
body#reservation #top_navi a.navi_reservation,
body#contact #top_navi a.navi_contact{
background: #333333;
color: #ffffff;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【『Header』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
body#reservation #header_navi ul li a.navi_reservation,
▼上記を既定の場所に追加します。
/* --------------------------------------
ヘッダーナビゲーション
--------------------------------------- */

#header_navi {
background: #e3e2ee;
border-top: 1px solid #100648;
border-bottom: 1px solid #100648;
margin: 0 10px 20px 10px;
height: 100%;
}
#header_navi ul {
list-style-type: none;
}
#header_navi ul li {
float: left;
margin: 2px 0 2px 2px;
font-size: 12px;
}
#header_navi ul li a {
display: block;
margin: 0;
padding: 8px;
text-decoration: none;
background: #e3e2ee;
}
#header_navi ul li a:hover {
background: #abaacb;
}

body#top #header_navi ul li a.navi_top,
body#info #header_navi ul li a.navi_info,
body#calendar #header_navi ul li a.navi_calendar,
body#menu #header_navi ul li a.navi_menu,
body#photo #header_navi ul li a.navi_photo,
body#coupon #header_navi ul li a.navi_coupon,
body#about #header_navi ul li a.navi_about,
body#melmaga #header_navi ul li a.navi_melmaga,
body#recruit #header_navi ul li a.navi_recruit,
body#reservation #header_navi ul li a.navi_reservation,
body#contact #header_navi ul li a.navi_contact {
background: #abaacb;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【『Top』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
body#reservation #top_navi ul li a.navi_reservation,
▼上記を既定の場所に追加します。
/* --------------------------------------
トップナビゲーション
--------------------------------------- */

#top_navi {
background: #fefefe;
border-bottom: 10px solid #cccccc;
margin: 0 0 20px 0;
padding: 40px;
height: 100%;
}
#top_navi ul {
list-style-type: none;
}
#top_navi ul li {
float: left;
margin: 2px;
font-size: 12px;
}
#top_navi ul li a {
display: block;
background: #fefefe;
padding: 10px;
text-decoration: none;
}
#top_navi ul li a:hover {
background: #fafafa;
}

body#top #top_navi ul li a.navi_top,
body#info #top_navi ul li a.navi_info,
body#calendar #top_navi ul li a.navi_calendar,
body#menu #top_navi ul li a.navi_menu,
body#photo #top_navi ul li a.navi_photo,
body#about #top_navi ul li a.navi_about,
body#melmaga #top_navi ul li a.navi_melmaga,
body#recruit #top_navi ul li a.navi_recruit,
body#coupon #top_navi ul li a.navi_coupon,
body#reservation #top_navi ul li a.navi_reservation,
body#contact #top_navi ul li a.navi_contact {
background: #fafafa;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【『Tab』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
body#reservation #tab_navi ul li a.navi_reservation,
▼上記を既定の場所に追加します。
/* --------------------------------------
タブナビゲーション
--------------------------------------- */

#tab_navi {
border-bottom: 2px solid #cccccc;
margin: 10px 0 0 0;
height: 100%;
}
#tab_navi ul {
list-style-type: none;
padding-left: 10px;
}
#tab_navi ul li {
float: left;
margin: 2px 2px -2px 0;
font-size: 12px;
}
#tab_navi ul li a {
display: block;
background: #fefefe;
padding: 10px;
text-decoration: none;
border-top: 2px solid #cccccc;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
border-left: 2px solid #cccccc;
}
#tab_navi ul li a:hover {
background: #eeeeee;
}

body#top #tab_navi ul li a.navi_top,
body#info #tab_navi ul li a.navi_info,
body#calendar #tab_navi ul li a.navi_calendar,
body#menu #tab_navi ul li a.navi_menu,
body#photo #tab_navi ul li a.navi_photo,
body#about #tab_navi ul li a.navi_about,
body#melmaga #tab_navi ul li a.navi_melmaga,
body#recruit #tab_navi ul li a.navi_recruit,
body#coupon #tab_navi ul li a.navi_coupon,
body#contact #tab_navi ul li a.navi_contact,
body#reservation #tab_navi ul li a.navi_reservation {
background: #eeeeee;
border-bottom: 2px solid #eeeeee;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【『Tab』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
html>body body#reservation #navi ul li a.navi_reservation,
* html body#reservation #navi ul li a.navi_reservation,
▼上記を既定の場所に追加します。
/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}

#navi ul li {
}

html>body #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
background: url(/img/bg/white_alpha_30.png);
}
* html #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_30.png',sizingMethod=scale);
}

html>body #navi ul li a:hover {
background: url(/img/bg/white_alpha_20.png);
}
* html #navi ul li a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_20.png',sizingMethod=scale);
}

html>body body#top #navi ul li a.navi_top,
html>body body#info #navi ul li a.navi_info,
html>body body#calendar #navi ul li a.navi_calendar,
html>body body#menu #navi ul li a.navi_menu,
html>body body#photo #navi ul li a.navi_photo,
html>body body#about #navi ul li a.navi_about,
html>body body#contact #navi ul li a.navi_contact,
html>body body#melmaga #navi ul li a.navi_melmaga,
html>body body#recruit #navi ul li a.navi_recruit,
html>body body#coupon #navi ul li a.navi_coupon,
html>body body#reservation #navi ul li a.navi_reservation,
html>body body#free #navi ul li a.navi_free {
background: url(/img/bg/white_alpha_10.png);
}
* html body#top #navi ul li a.navi_top,
* html body#info #navi ul li a.navi_info,
* html body#calendar #navi ul li a.navi_calendar,
* html body#menu #navi ul li a.navi_menu,
* html body#photo #navi ul li a.navi_photo,
* html body#about #navi ul li a.navi_about,
* html body#contact #navi ul li a.navi_contact,
* html body#melmaga #navi ul li a.navi_melmaga,
* html body#recruit #navi ul li a.navi_recruit,
* html body#coupon #navi ul li a.navi_coupon,
* html body#reservation #navi ul li a.navi_reservation,
* html body#free #navi ul li a.navi_free {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_10.png',sizingMethod=scale);
}


#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}


【『Gradation』『corner』『Default』『Plain』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
body#reservation #main h2.page_title {
background: url({menuicon_reservation_png}) no-repeat;
}
* html body#reservation #main h2.page_title {
background: url({menuicon_reservation_gif}) no-repeat;
}
#navi ul li a.navi_reservation{
background: #cc0000 url({menuicon_reservation_png}) no-repeat 3px 3px;
}
body#reservation #navi ul li a.navi_reservation{
background: #feb2a7 url({menuicon_reservation_png}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_reservation{
background: #cc0000 url({menuicon_reservation_gif}) no-repeat 3px 3px;
}
* html body#reservation #navi ul li a.navi_reservation{
background: #feb2a7 url({menuicon_reservation_gif}) no-repeat 3px 3px;
color: #ffffff;
}
▼上記を既定の場所に追加します。※色の指定につきましては、個別に変更する必要がございます。
/* --------------------------------------
メイン
--------------------------------------- */

#main h2.page_title {
font: 20px 'Georgia';
margin: 0 0 20px 0;
padding: 0 0 5px 30px;
border-bottom: 1px solid #ffcccc;
color: #ffffff;
}
body#info #main h2.page_title {
background: url({menuicon_info_png}) no-repeat;
}
body#calendar #main h2.page_title {
background: url({menuicon_calendar_png}) no-repeat;
}
body#menu #main h2.page_title {
background: url({menuicon_menu_png}) no-repeat;
}
body#photo #main h2.page_title {
background: url({menuicon_photo_png}) no-repeat;
}
body#coupon #main h2.page_title {
background: url({menuicon_coupon_png}) no-repeat;
}
body#about #main h2.page_title {
background: url({menuicon_about_png}) no-repeat;
}
body#contact #main h2.page_title {
background: url({menuicon_contact_png}) no-repeat;
}
body#recruit #main h2.page_title {
background: url({menuicon_recruit_png}) no-repeat;
}
body#reservation #main h2.page_title {
background: url({menuicon_reservation_png}) no-repeat;
}
body#free #main h2.page_title {
background: url({menuicon_free_png}) no-repeat;
}
body#top #main h2.page_title {
padding-left: 5px;
}

* html body#info #main h2.page_title {
background: url({menuicon_info_gif}) no-repeat;
}
* html body#calendar #main h2.page_title {
background: url({menuicon_calendar_gif}) no-repeat;
}
* html body#menu #main h2.page_title {
background: url({menuicon_menu_gif}) no-repeat;
}
* html body#photo #main h2.page_title {
background: url({menuicon_photo_gif}) no-repeat;
}
* html body#coupon #main h2.page_title {
background: url({menuicon_coupon_gif}) no-repeat;
}
* html body#about #main h2.page_title {
background: url({menuicon_about_gif}) no-repeat;
}
* html body#contact #main h2.page_title {
background: url({menuicon_contact_gif}) no-repeat;
}
* html body#recruit #main h2.page_title {
background: url({menuicon_recruit_gif}) no-repeat;
}
* html body#reservation #main h2.page_title {
background: url({menuicon_reservation_gif}) no-repeat;
}
* html body#free #main h2.page_title {
background: url({menuicon_free_gif}) no-repeat;
}


/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #ffcccc;
}
#navi ul li {
border-bottom: 1px solid #ffcccc;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #cc0000;
}

#navi ul li a.navi_top {
background: #cc0000 url({menuicon_home_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_info {
background: #cc0000 url({menuicon_info_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_calendar {
background: #cc0000 url({menuicon_calendar_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_menu {
background: #cc0000 url({menuicon_menu_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_photo {
background: #cc0000 url({menuicon_photo_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_coupon {
background: #cc0000 url({menuicon_coupon_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_about {
background: #cc0000 url({menuicon_about_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_contact {
background: #cc0000 url({menuicon_contact_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_free {
background: #cc0000 url({menuicon_free_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_links {
background: #cc0000 url({menuicon_link_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_melmaga {
background: #cc0000 url({menuicon_mailmagazine_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_recruit {
background: #cc0000 url({menuicon_recruit_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_reservation{
background: #cc0000 url({menuicon_reservation_png}) no-repeat 3px 3px;
}

#navi ul li a:hover {
background-color: #fce5e1;
}

body#top #navi ul li a.navi_top {
background: #feb2a7 url({menuicon_home_png}) no-repeat 3px 3px;
}
body#info #navi ul li a.navi_info {
background: #feb2a7 url({menuicon_info_png}) no-repeat 3px 3px;
}
body#calendar #navi ul li a.navi_calendar {
background: #feb2a7 url({menuicon_calendar_png}) no-repeat 3px 3px;
}
body#menu #navi ul li a.navi_menu {
background: #feb2a7 url({menuicon_menu_png}) no-repeat 3px 3px;
}
body#photo #navi ul li a.navi_photo {
background: #feb2a7 url({menuicon_photo_png}) no-repeat 3px 3px;
}
body#coupon #navi ul li a.navi_coupon {
background: #feb2a7 url({menuicon_coupon_png}) no-repeat 3px 3px;
}
body#about #navi ul li a.navi_about {
background: #feb2a7 url({menuicon_about_png}) no-repeat 3px 3px;
}
body#contact #navi ul li a.navi_contact {
background: #feb2a7 url({menuicon_contact_png}) no-repeat 3px 3px;
}
body#free #navi ul li a.navi_free {
background: #feb2a7 url({menuicon_free_png}) no-repeat 3px 3px;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #feb2a7 url({menuicon_mailmagazine_png}) no-repeat 3px 3px;
}
body#recruit #navi ul li a.navi_recruit {
background: #feb2a7 url({menuicon_recruit_png}) no-repeat 3px 3px;
}
body#reservation #navi ul li a.navi_reservation{
background: #feb2a7 url({menuicon_reservation_png}) no-repeat 3px 3px;
}

/* For IE6 */
* html #navi ul li a.navi_top {
background: #cc0000 url({menuicon_home_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_info {
background: #cc0000 url({menuicon_info_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_calendar {
background: #cc0000 url({menuicon_calendar_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_menu {
background: #cc0000 url({menuicon_menu_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_photo {
background: #cc0000 url({menuicon_photo_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_coupon {
background: #cc0000 url({menuicon_coupon_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_about {
background: #cc0000 url({menuicon_about_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_contact {
background: #cc0000 url({menuicon_contact_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_free {
background: #cc0000 url({menuicon_free_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_links {
background: #cc0000 url({menuicon_link_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_melmaga {
background: #cc0000 url({menuicon_mailmagazine_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_recruit {
background: #cc0000 url({menuicon_recruit_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_reservation{
background: #cc0000 url({menuicon_reservation_gif}) no-repeat 3px 3px;
}

* html #navi ul li a:hover {
background-color: #fce5e1;
}

* html body#top #navi ul li a.navi_top {
background: #feb2a7 url({menuicon_home_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#info #navi ul li a.navi_info {
background: #feb2a7 url({menuicon_info_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#calendar #navi ul li a.navi_calendar {
background: #feb2a7 url({menuicon_calendar_gif}) no-repeat 3px 3px;
color: #ffffff; }
* html body#menu #navi ul li a.navi_menu {
background: #feb2a7 url({menuicon_menu_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#photo #navi ul li a.navi_photo {
background: #feb2a7 url({menuicon_photo_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#coupon #navi ul li a.navi_coupon {
background: #feb2a7 url({menuicon_coupon_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#about #navi ul li a.navi_about {
background: #feb2a7 url({menuicon_about_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#contact #navi ul li a.navi_contact {
background: #feb2a7 url({menuicon_contact_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#free #navi ul li a.navi_free {
background: #feb2a7 url({menuicon_free_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#melmaga #navi ul li a.navi_melmaga {
background: #feb2a7 url({menuicon_mailmagazine_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#recruit #navi ul li a.navi_recruit {
background: #feb2a7 url({menuicon_recruit_gif}) no-repeat 3px 3px;
color: #ffffff;
}
* html body#reservation #navi ul li a.navi_reservation{
background: #feb2a7 url({menuicon_reservation_gif}) no-repeat 3px 3px;
color: #ffffff;
}


#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【『Background』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
body#reservation #navi ul li a.navi_reservation,
▼上記を既定の場所に追加します。※色の指定につきましては、個別に変更する必要がございます。
/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #333333;
}
#navi ul li {
border-bottom: 1px solid #333333;
}

html>body #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
background: url(/img/bg/black_alpha_50.png);
}
* html #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/black_alpha_50.png',sizingMethod=scale);
}

html>body #navi ul li a:hover {
background: url(/img/bg/black_alpha_20.png);
}
* html #navi ul li a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/black_alpha_20.png',sizingMethod=scale);
}

body#top #navi ul li a.navi_top,
body#info #navi ul li a.navi_info,
body#calendar #navi ul li a.navi_calendar,
body#menu #navi ul li a.navi_menu,
body#photo #navi ul li a.navi_photo,
body#about #navi ul li a.navi_about,
body#melmaga #navi ul li a.navi_melmaga,
body#recruit #navi ul li a.navi_recruit,
body#coupon #navi ul li a.navi_coupon,
body#contact #navi ul li a.navi_contact,
body#reservation #navi ul li a.navi_reservation,
body#free #navi ul li a.navi_free {
background: none;
}

#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【『Simple』用CSSサンプル】※先に上記の【全ページ共通CSS】の追加を行なってください。
#navi ul li a.navi_reservation {
background: #ffffff;
}
body#reservation #navi ul li a.navi_reservation {
background: #f5f5f5;
}
▼上記を既定の場所に追加します。※色の指定につきましては、個別に変更する必要がございます。
/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #eeeeee;
}
#navi ul li {
border-bottom: 1px solid #eeeeee;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
font-size: 11px;
text-decoration: none;
background: #ffffff;
}

#navi ul li a.navi_top {
background: #ffffff;
}
#navi ul li a.navi_info {
background: #ffffff;
}
#navi ul li a.navi_calendar {
background: #ffffff;
}
#navi ul li a.navi_menu {
background: #ffffff;
}
#navi ul li a.navi_photo {
background: #ffffff;
}
#navi ul li a.navi_about {
background: #ffffff;
}
#navi ul li a.navi_contact {
background: #ffffff;
}
#navi ul li a.navi_free {
background: #ffffff;
}
#navi ul li a.navi_link {
background: #ffffff;
}
#navi ul li a.navi_melmaga {
background: #ffffff;
}
#navi ul li a.navi_recruit {
background: #ffffff;
}
#navi ul li a.navi_coupon {
background: #ffffff;
}
#navi ul li a.navi_reservation {
background: #ffffff;
}
#navi ul li a:hover {
background-color: #eeeeee;
}

body#top #navi ul li a.navi_top {
background: #f5f5f5;

}
body#info #navi ul li a.navi_info {
background: #f5f5f5;
}
body#calendar #navi ul li a.navi_calendar {
background: #f5f5f5;
}
body#menu #navi ul li a.navi_menu {
background: #f5f5f5;
}
body#photo #navi ul li a.navi_photo {
background: #f5f5f5;
}
body#about #navi ul li a.navi_about {
background: #f5f5f5;
}
body#contact #navi ul li a.navi_contact {
background: #f5f5f5;
}
body#free #navi ul li a.navi_free {
background: #f5f5f5;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #f5f5f5;
}
body#recruit #navi ul li a.navi_recruit {
background: #f5f5f5;
}
body#coupon #navi ul li a.navi_coupon {
background: #f5f5f5;
}
body#reservation #navi ul li a.navi_reservation {
background: #f5f5f5;
}
#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【モバイル用 HTML】
<!-- BEGIN reservation -->
<!----------------------------------------------

ページ:予約ページ

---------------------------------------------->
<div style="{title_style}" align="center">{page_title} /div>

<div style="margin-bottom: 20px;">
<a href="tel:{reservation_header_tel}">{reservation_header_tel} /a> br>
{reservation_header_tel_time}
</div>

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

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

<div style="margin-bottom: 20px;">
<a href="tel:{reservation_footer_tel}">{reservation_footer_tel}</a><br>
{reservation_footer_tel_time}
</div>

</div>
<!-- END reservation -->
» パーマリンク
求人ページが表示されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、お手数をおかけいたしますが下記のようにCSSの編集を行ってください。

※テンプレート『Paper』『Wide』をご利用の方は変更の必要はございません。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。


【CSSサンプル】※『Obi』『Background』『Header』『Top』『Tab』をご利用の方

body#recruit #top_navi a.navi_recruit,
▼上記を既定の場所に追加します。

/* --------------------------------------
トップナビゲーション
--------------------------------------- */

#top_navi {
clear: both;
float: right;
margin: 20px 0;
padding: 0;
height: 100%;
}
#top_navi a {
display: block;
background: #444444;
color: #ffffff;
margin: 3px;
padding: 10px 15px;
text-decoration: none;
float: left;
font-size: 11px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
#top_navi a:hover {
background: #333333;
color: #ffffff;
}

body#top #top_navi a.navi_top,
body#info #top_navi a.navi_info,
body#calendar #top_navi a.navi_calendar,
body#menu #top_navi a.navi_menu,
body#photo #top_navi a.navi_photo,
body#coupon #top_navi a.navi_coupon,
body#about #top_navi a.navi_about,
body#melmaga #top_navi a.navi_melmaga,
body#recruit #top_navi a.navi_recruit,
body#contact #top_navi a.navi_contact {
background: #333333;
color: #ffffff;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【CSSサンプル】※『gradation』『corner』『Default』『Plain』をご利用の方

#navi ul li a.navi_recruit{
background: #cc0000 url(/img/menu/recruit.png) no-repeat 3px 3px;
}

body#recruit #navi ul li a.navi_recruit{
background: #feb2a7 url(/img/menu/recruit.png) no-repeat 3px 3px;
}

* html body#recruit #navi ul li a.navi_recruit{
background: #feb2a7 url(/img/menu/recruit.gif) no-repeat 3px 3px;
color: #ffffff;
}

▼上記を既定の場所に追加します。※色の指定につきましては、個別に変更する必要がございます。

/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #ffcccc;
}
#navi ul li {
border-bottom: 1px solid #ffcccc;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #cc0000;
}

#navi ul li a.navi_top {
background: #cc0000 url(/img/menu/home.png) no-repeat 3px 3px;
}
#navi ul li a.navi_info {
background: #cc0000 url(/img/menu/info.png) no-repeat 3px 3px;
}
#navi ul li a.navi_calendar {
background: #cc0000 url(/img/menu/calendar.png) no-repeat 3px 3px;
}
#navi ul li a.navi_menu {
background: #cc0000 url(/img/menu/menu.png) no-repeat 3px 3px;
}
#navi ul li a.navi_photo {
background: #cc0000 url(/img/menu/photo.png) no-repeat 3px 3px;
}
#navi ul li a.navi_coupon {
background: #cc0000 url(/img/menu/coupon.png) no-repeat 3px 3px;
}
#navi ul li a.navi_about {
background: #cc0000 url(/img/menu/about.png) no-repeat 3px 3px;
}
#navi ul li a.navi_contact {
background: #cc0000 url(/img/menu/contact.png) no-repeat 3px 3px;
}
#navi ul li a.navi_free {
background: #cc0000 url(/img/menu/free.png) no-repeat 3px 3px;
}
#navi ul li a.navi_links {
background: #cc0000 url(/img/menu/link.png) no-repeat 3px 3px;
}
#navi ul li a.navi_melmaga{
background: #cc0000 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}
#navi ul li a.navi_recruit{
background: #cc0000 url(/img/menu/recruit.png) no-repeat 3px 3px;
}

#navi ul li a:hover {
background-color: #fce5e1;
}

body#top #navi ul li a.navi_top {
background: #feb2a7 url(/img/menu/home.png) no-repeat 3px 3px;
}
body#info #navi ul li a.navi_info {
background: #feb2a7 url(/img/menu/info.png) no-repeat 3px 3px;
}
body#calendar #navi ul li a.navi_calendar {
background: #feb2a7 url(/img/menu/calendar.png) no-repeat 3px 3px;
}
body#menu #navi ul li a.navi_menu {
background: #feb2a7 url(/img/menu/menu.png) no-repeat 3px 3px;
}
body#photo #navi ul li a.navi_photo {
background: #feb2a7 url(/img/menu/photo.png) no-repeat 3px 3px;
}
body#coupon #navi ul li a.navi_coupon {
background: #feb2a7 url(/img/menu/coupon.png) no-repeat 3px 3px;
}
body#about #navi ul li a.navi_about {
background: #feb2a7 url(/img/menu/about.png) no-repeat 3px 3px;
}
body#contact #navi ul li a.navi_contact {
background: #feb2a7 url(/img/menu/contact.png) no-repeat 3px 3px;
}
body#free #navi ul li a.navi_free {
background: #feb2a7 url(/img/menu/free.png) no-repeat 3px 3px;
}
body#melmaga #navi ul li a.navi_melmaga{
background: #feb2a7 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}
body#recruit #navi ul li a.navi_recruit{
background: #feb2a7 url(/img/menu/recruit.png) no-repeat 3px 3px;
}

/* For IE6 */
* html #navi ul li a.navi_top {
background: #cc0000 url(/img/menu/home.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_info {
background: #cc0000 url(/img/menu/info.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_calendar {
background: #cc0000 url(/img/menu/calendar.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_menu {
background: #cc0000 url(/img/menu/menu.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_photo {
background: #cc0000 url(/img/menu/photo.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_coupon {
background: #cc0000 url(/img/menu/coupon.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_about {
background: #cc0000 url(/img/menu/about.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_contact {
background: #cc0000 url(/img/menu/contact.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_free {
background: #cc0000 url(/img/menu/free.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_links {
background: #cc0000 url(/img/menu/link.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_melmaga{
background: #cc0000 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_recruit{
background: #cc0000 url(/img/menu/recruit.gif) no-repeat 3px 3px;
}

* html #navi ul li a:hover {
background-color: #fce5e1;
}

* html body#top #navi ul li a.navi_top {
background: #feb2a7 url(/img/menu/home.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#info #navi ul li a.navi_info {
background: #feb2a7 url(/img/menu/info.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#calendar #navi ul li a.navi_calendar {
background: #feb2a7 url(/img/menu/calendar.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#menu #navi ul li a.navi_menu {
background: #feb2a7 url(/img/menu/menu.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#photo #navi ul li a.navi_photo {
background: #feb2a7 url(/img/menu/photo.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#coupon #navi ul li a.navi_coupon {
background: #feb2a7 url(/img/menu/coupon.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#about #navi ul li a.navi_about {
background: #feb2a7 url(/img/menu/about.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#contact #navi ul li a.navi_contact {
background: #feb2a7 url(/img/menu/contact.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#free #navi ul li a.navi_free {
background: #feb2a7 url(/img/menu/free.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#melmaga #navi ul li a.navi_melmaga{
background: #feb2a7 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#recruit #navi ul li a.navi_recruit{
background: #feb2a7 url(/img/menu/recruit.gif) no-repeat 3px 3px;
color: #ffffff;
}


#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}


/* フリーページナビゲーション用 */
{free_navi_link}


【CSSサンプル】※『simple』をご利用の方

#navi ul li a.navi_recruit {
background: #ffffff;
}

body#recruit #navi ul li a.navi_recruit {
background: #f5f5f5;
}

▼上記を既定の場所に追加します。

/* --------------------------------------
#ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #eeeeee;
}
#navi ul li {
border-bottom: 1px solid #eeeeee;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
font-size: 11px;
text-decoration: none;
background: #ffffff;
}

#navi ul li a.navi_top {
background: #ffffff;
}
#navi ul li a.navi_info {
background: #ffffff;
}
#navi ul li a.navi_calendar {
background: #ffffff;
}
#navi ul li a.navi_menu {
background: #ffffff;
}
#navi ul li a.navi_photo {
background: #ffffff;
}
#navi ul li a.navi_about {
background: #ffffff;
}
#navi ul li a.navi_contact {
background: #ffffff;
}
#navi ul li a.navi_free {
background: #ffffff;
}
#navi ul li a.navi_link {
background: #ffffff;
}
#navi ul li a.navi_melmaga {
background: #ffffff;
}
#navi ul li a.navi_recruit {
background: #ffffff;
}

#navi ul li a:hover {
background-color: #eeeeee;
}

body#top #navi ul li a.navi_top {
background: #f5f5f5;
}
body#info #navi ul li a.navi_info {
background: #f5f5f5;
}
body#calendar #navi ul li a.navi_calendar {
background: #f5f5f5;
}
body#menu #navi ul li a.navi_menu {
background: #f5f5f5;
}
body#photo #navi ul li a.navi_photo {
background: #f5f5f5;
}
body#about #navi ul li a.navi_about {
background: #f5f5f5;
}
body#contact #navi ul li a.navi_contact {
background: #f5f5f5;
}
body#free #navi ul li a.navi_free {
background: #f5f5f5;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #f5f5f5;
}
body#recruit #navi ul li a.navi_recruit {
background: #f5f5f5;
}

#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【CSSサンプル】※『Wood』をご利用の方

html>body body#recruit #navi ul li a.navi_recruit,

* html body#recruit #navi ul li a.navi_recruit,

▼上記を既定の場所に追加します。

/* --------------------------------------
ナビゲーション
--------------------------------------- */
#navi ul {
margin: 0;
list-style-type: none;
}

#navi ul li {
}

html>body #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
background: url(/img/bg/white_alpha_30.png);
}
* html #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_30.png',sizingMethod=scale);
}

html>body #navi ul li a:hover {
background: url(/img/bg/white_alpha_20.png);
}
* html #navi ul li a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_20.png',sizingMethod=scale);
}

html>body body#top #navi ul li a.navi_top,
html>body body#info #navi ul li a.navi_info,
html>body body#calendar #navi ul li a.navi_calendar,
html>body body#menu #navi ul li a.navi_menu,
html>body body#photo #navi ul li a.navi_photo,
html>body body#about #navi ul li a.navi_about,
html>body body#contact #navi ul li a.navi_contact,
html>body body#melmaga #navi ul li a.navi_melmaga,
html>body body#recruit #navi ul li a.navi_recruit,
html>body body#free #navi ul li a.navi_free {
background: url(/img/bg/white_alpha_10.png);
}
* html body#top #navi ul li a.navi_top,
* html body#info #navi ul li a.navi_info,
* html body#calendar #navi ul li a.navi_calendar,
* html body#menu #navi ul li a.navi_menu,
* html body#photo #navi ul li a.navi_photo,
* html body#about #navi ul li a.navi_about,
* html body#contact #navi ul li a.navi_contact,
* html body#melmaga #navi ul li a.navi_melmaga,
* html body#recruit #navi ul li a.navi_recruit,
* html body#free #navi ul li a.navi_free {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_10.png',sizingMethod=scale);
}


#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}


【CSSサンプル】※『natural』をご利用の方

#navi ul li a.navi_recruit {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}

▼上記を既定の場所に追加します。

/* --------------------------------------
#ナビゲーション
--------------------------------------- */
#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #dacdb9;
}
#navi ul li {
border-bottom: 1px solid #dacdb9;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
font-size: 11px;
text-decoration: none;
background: #ffffff;
}

#navi ul li a.navi_top {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_info {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_calendar {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_menu {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_photo {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_about {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_contact {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_free {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_link {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_coupon {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_melmaga {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_recruit {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}


#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}
» パーマリンク
アイコンセットの変更が反映されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、CSSを変更していただくことで表示が可能となります。

※対象テンプレートは『Default』『Plain』『Corner』『Gradation』『Gradation』『SalonGold』『SalonSilver』『SalonPink』『SalonBlue』です。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

【CSS変更前】※Defaultテンプレートのサンプルです
/* --------------------------------------
メイン
--------------------------------------- */

#main h2.page_title {
font: 20px 'Georgia';
margin: 0 0 20px 0;
padding: 0 0 5px 30px;
border-bottom: 1px solid #dacf9c;
}
body#info #main h2.page_title {
background: url(/img/menu/info.png) no-repeat;
}
body#calendar #main h2.page_title {
background: url(/img/menu/calendar.png) no-repeat;
}
body#menu #main h2.page_title {
background: url(/img/menu/menu.png) no-repeat;
}
body#photo #main h2.page_title {
background: url(/img/menu/photo.png) no-repeat;
}
body#coupon #main h2.page_title {
background: url(/img/menu/coupon.png) no-repeat;
}
body#about #main h2.page_title {
background: url(/img/menu/about.png) no-repeat;
}
body#contact #main h2.page_title {
background: url(/img/menu/contact.png) no-repeat;
}
body#free #main h2.page_title {
background: url(/img/menu/free.png) no-repeat;
}
body#top #main h2.page_title {
padding-left: 5px;
}

* html body#info #main h2.page_title {
background: url(/img/menu/info.gif) no-repeat;
}
* html body#calendar #main h2.page_title {
background: url(/img/menu/calendar.gif) no-repeat;
}
* html body#menu #main h2.page_title {
background: url(/img/menu/menu.gif) no-repeat;
}
* html body#photo #main h2.page_title {
background: url(/img/menu/photo.gif) no-repeat;
}
* html body#coupon #main h2.page_title {
background: url(/img/menu/coupon.gif) no-repeat;
}
* html body#about #main h2.page_title {
background: url(/img/menu/about.gif) no-repeat;
}
* html body#contact #main h2.page_title {
background: url(/img/menu/contact.gif) no-repeat;
}
* html body#free #main h2.page_title {
background: url(/img/menu/free.gif) no-repeat;
}




/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}
#navi ul li {
margin: 0 0 2px 0;
}
#navi ul li a {
height: 100%;
display: block;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #fdfbf7;
}

#navi ul li a.navi_top {
background: #fdfbf7 url(/img/menu/home.png) no-repeat 3px 3px;
}
#navi ul li a.navi_info {
background: #fdfbf7 url(/img/menu/info.png) no-repeat 3px 3px;
}
#navi ul li a.navi_calendar {
background: #fdfbf7 url(/img/menu/calendar.png) no-repeat 3px 3px;
}
#navi ul li a.navi_menu {
background: #fdfbf7 url(/img/menu/menu.png) no-repeat 3px 3px;
}
#navi ul li a.navi_photo {
background: #fdfbf7 url(/img/menu/photo.png) no-repeat 3px 3px;
}
#navi ul li a.navi_coupon {
background: #fdfbf7 url(/img/menu/coupon.png) no-repeat 3px 3px;
}
#navi ul li a.navi_about {
background: #fdfbf7 url(/img/menu/about.png) no-repeat 3px 3px;
}
#navi ul li a.navi_contact {
background: #fdfbf7 url(/img/menu/contact.png) no-repeat 3px 3px;
}
#navi ul li a.navi_free {
background: #fdfbf7 url(/img/menu/free.png) no-repeat 3px 3px;
}
#navi ul li a.navi_links{
background: #fdfbf7 url(/img/menu/link.png) no-repeat 3px 3px;
}
#navi ul li a.navi_melmaga {
background: #fdfbf7 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}

#navi ul li a:hover {
background-color: #f7f4e8;
}

body#top #navi ul li a.navi_top {
background: #e5dcb4 url(/img/menu/home.png) no-repeat 3px 3px;
color: #333333;
}
body#info #navi ul li a.navi_info {
background: #e5dcb4 url(/img/menu/info.png) no-repeat 3px 3px;
color: #333333;
}
body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url(/img/menu/calendar.png) no-repeat 3px 3px;
color: #333333;
}
body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url(/img/menu/menu.png) no-repeat 3px 3px;
color: #333333;
}
body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url(/img/menu/photo.png) no-repeat 3px 3px;
color: #333333;
}
body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url(/img/menu/coupon.png) no-repeat 3px 3px;
color: #333333;
}
body#about #navi ul li a.navi_about {
background: #e5dcb4 url(/img/menu/about.png) no-repeat 3px 3px;
color: #333333;
}
body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url(/img/menu/contact.png) no-repeat 3px 3px;
color: #333333;
}
body#free #navi ul li a.navi_free {
background: #e5dcb4 url(/img/menu/free.png) no-repeat 3px 3px;
color: #333333;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
color: #333333;
}


/* For IE6 */
* html #navi ul li a.navi_top {
background: #fdfbf7 url(/img/menu/home.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_info {
background: #fdfbf7 url(/img/menu/info.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_calendar {
background: #fdfbf7 url(/img/menu/calendar.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_menu {
background: #fdfbf7 url(/img/menu/menu.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_photo {
background: #fdfbf7 url(/img/menu/photo.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_coupon {
background: #fdfbf7 url(/img/menu/coupon.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_about {
background: #fdfbf7 url(/img/menu/about.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_contact {
background: #fdfbf7 url(/img/menu/contact.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_free {
background: #fdfbf7 url(/img/menu/free.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_links {
background: #fdfbf7 url(/img/menu/link.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_melmaga {
background: #fdfbf7 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
}

* html #navi ul li a:hover {
background-color: #f7f4e8;
}

* html body#top #navi ul li a.navi_top {
background: #e5dcb4 url(/img/menu/home.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#info #navi ul li a.navi_info {
background: #e5dcb4 url(/img/menu/info.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url(/img/menu/calendar.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url(/img/menu/menu.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url(/img/menu/photo.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url(/img/menu/coupon.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#about #navi ul li a.navi_about {
background: #e5dcb4 url(/img/menu/about.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url(/img/menu/contact.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#free #navi ul li a.navi_free {
background: #e5dcb4 url(/img/menu/free.gif) no-repeat 3px 3px;
color: #333333;
}
* html body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
color: #333333;
}




#navi ul.sub_navi {
margin: 10px 0 10px 5px;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 12px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
color: #333;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
color: #000;
}


【CSS変更後】
/* --------------------------------------
メイン
--------------------------------------- */

#main h2.page_title {
font: 20px 'Georgia';
margin: 0 0 20px 0;
padding: 0 0 5px 30px;
border-bottom: 1px solid #dacf9c;
}
body#info #main h2.page_title {
background: url({menuicon_info_png}) no-repeat;
}
body#calendar #main h2.page_title {
background: url({menuicon_calendar_png}) no-repeat;
}
body#menu #main h2.page_title {
background: url({menuicon_menu_png}) no-repeat;
}
body#photo #main h2.page_title {
background: url({menuicon_photo_png}) no-repeat;
}
body#coupon #main h2.page_title {
background: url({menuicon_coupon_png}) no-repeat;
}
body#about #main h2.page_title {
background: url({menuicon_about_png}) no-repeat;
}
body#contact #main h2.page_title {
background: url({menuicon_contact_png}) no-repeat;
}
body#free #main h2.page_title {
background: url({menuicon_free_png}) no-repeat;
}
body#top #main h2.page_title {
padding-left: 5px;
}

* html body#info #main h2.page_title {
background: url({menuicon_info_gif}) no-repeat;
}
* html body#calendar #main h2.page_title {
background: url({menuicon_calendar_gif}) no-repeat;
}
* html body#menu #main h2.page_title {
background: url({menuicon_menu_gif}) no-repeat;
}
* html body#photo #main h2.page_title {
background: url({menuicon_photo_gif}) no-repeat;
}
* html body#coupon #main h2.page_title {
background: url({menuicon_coupon_gif}) no-repeat;
}
* html body#about #main h2.page_title {
background: url({menuicon_about_gif}) no-repeat;
}
* html body#contact #main h2.page_title {
background: url({menuicon_contact_gif}) no-repeat;
}
* html body#free #main h2.page_title {
background: url({menuicon_free_gif}) no-repeat;
}




/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}
#navi ul li {
margin: 0 0 2px 0;
}
#navi ul li a {
height: 100%;
display: block;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #fdfbf7;
}

#navi ul li a.navi_top {
background: #fdfbf7 url({menuicon_home_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_info {
background: #fdfbf7 url({menuicon_info_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_calendar {
background: #fdfbf7 url({menuicon_calendar_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_menu {
background: #fdfbf7 url({menuicon_menu_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_photo {
background: #fdfbf7 url({menuicon_photo_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_coupon {
background: #fdfbf7 url({menuicon_coupon_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_about {
background: #fdfbf7 url({menuicon_about_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_contact {
background: #fdfbf7 url({menuicon_contact_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_free {
background: #fdfbf7 url({menuicon_free_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_links{
background: #fdfbf7 url({menuicon_link_png}) no-repeat 3px 3px;
}
#navi ul li a.navi_melmaga {
background: #fdfbf7 url({menuicon_mailmagazine_png}) no-repeat 3px 3px;
}

#navi ul li a:hover {
background-color: #f7f4e8;
}

body#top #navi ul li a.navi_top {
background: #e5dcb4 url({menuicon_home_png}) no-repeat 3px 3px;
color: #333333;
}
body#info #navi ul li a.navi_info {
background: #e5dcb4 url({menuicon_info_png}) no-repeat 3px 3px;
color: #333333;
}
body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url({menuicon_calendar_png}) no-repeat 3px 3px;
color: #333333;
}
body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url({menuicon_menu_png}) no-repeat 3px 3px;
color: #333333;
}
body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url({menuicon_photo_png}) no-repeat 3px 3px;
color: #333333;
}
body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url({menuicon_coupon_png}) no-repeat 3px 3px;
color: #333333;
}
body#about #navi ul li a.navi_about {
background: #e5dcb4 url({menuicon_about_png}) no-repeat 3px 3px;
color: #333333;
}
body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url({menuicon_contact_png}) no-repeat 3px 3px;
color: #333333;
}
body#free #navi ul li a.navi_free {
background: #e5dcb4 url({menuicon_free_png}) no-repeat 3px 3px;
color: #333333;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url({menuicon_mailmagazine_png}) no-repeat 3px 3px;
color: #333333;
}


/* For IE6 */
* html #navi ul li a.navi_top {
background: #fdfbf7 url({menuicon_home_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_info {
background: #fdfbf7 url({menuicon_info_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_calendar {
background: #fdfbf7 url({menuicon_calendar_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_menu {
background: #fdfbf7 url({menuicon_menu_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_photo {
background: #fdfbf7 url({menuicon_photo_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_coupon {
background: #fdfbf7 url({menuicon_coupon_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_about {
background: #fdfbf7 url({menuicon_about_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_contact {
background: #fdfbf7 url({menuicon_contact_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_free {
background: #fdfbf7 url({menuicon_free_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_links {
background: #fdfbf7 url({menuicon_link_gif}) no-repeat 3px 3px;
}
* html #navi ul li a.navi_melmaga {
background: #fdfbf7 url({menuicon_mailmagazine_gif}) no-repeat 3px 3px;
}

* html #navi ul li a:hover {
background-color: #f7f4e8;
}

* html body#top #navi ul li a.navi_top {
background: #e5dcb4 url({menuicon_home_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#info #navi ul li a.navi_info {
background: #e5dcb4 url({menuicon_info_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#calendar #navi ul li a.navi_calendar {
background: #e5dcb4 url({menuicon_calendar_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#menu #navi ul li a.navi_menu {
background: #e5dcb4 url({menuicon_menu_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#photo #navi ul li a.navi_photo {
background: #e5dcb4 url({menuicon_photo_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#coupon #navi ul li a.navi_coupon {
background: #e5dcb4 url({menuicon_coupon_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#about #navi ul li a.navi_about {
background: #e5dcb4 url({menuicon_about_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#contact #navi ul li a.navi_contact {
background: #e5dcb4 url({menuicon_contact_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#free #navi ul li a.navi_free {
background: #e5dcb4 url({menuicon_free_gif}) no-repeat 3px 3px;
color: #333333;
}
* html body#melmaga #navi ul li a.navi_melmaga {
background: #e5dcb4 url({menuicon_mailmagazine_gif}) no-repeat 3px 3px;
color: #333333;
}




#navi ul.sub_navi {
margin: 10px 0 10px 5px;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 12px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
color: #333;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
color: #000;
}
» パーマリンク
テンプレート『Header』の玉子画像が変更されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、CSSを変更していただくことで表示が可能となります。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集 』をクリックして、HTML・CSS編集画面へお進みください。

【CSS変更前】
#header {
margin: 0 10px 5px 10px;
}
#header_inner {
width: 100%;
padding: 100px 0 30px 0;
background: url(/img/theme_header/photo.jpg) no-repeat center;
}


【CSS変更後】
#header {
margin: 0 10px 5px 10px;
}
#header_inner {
width: 100%;
padding: 100px 0 30px 0;
background: url({template_header_img}) no-repeat center;
}
» パーマリンク
ファビコンを設定したが、反映されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTML内に以下のタグを追加していただくことで表示が可能となります。

 {favicon_url}
※『HTML』のタグの中に記述します。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

【HTMLサンプル】
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{site_title}{site_title_sub}</title>
<meta name="keywords" content="{site_keywords}" />
<meta name="description" content="{site_description}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<link rel="alternate" type="application/rss+xml" title="{site_title} / RSS" href="{site_rss}" />
{favicon_url}
<style type="text/css" media="all">@import "{site_css}";</style>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/tooltip.js"></script>
<script type="text/javascript" src="/js/thickbox.js"></script>
</head>
» パーマリンク
メニューにおすすめアイコンが表示されない
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTML内に以下のタグを追加していただくことで表示が可能となります。

 {menu_recommend}

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

【HTMLサンプル】

<!-- BEGIN menu_list_items -->
<div class="menu">
<div class="menu_price">
{menu_price} {menu_price_unit}
</div>
<div class="menu_title">
{menu_recommend}{menu_title}
</div>
<div class="menu_body">
{menu_photo_t}
{menu_body}
</div>
<br class="clear" />
</div>
<!-- END menu_list_items -->
» パーマリンク
メールマガジンを追加したが、反映されない。
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、お手数をおかけいたしますが下記のようにCSSの編集を行ってください。

※テンプレート『paper』『wide』をご利用の方は変更の必要はございません。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集 』をクリックして、HTML・CSS編集画面へお進みください。


【CSSサンプル】※『obi』『Background』『header』『Top』『tab』をご利用の方

body#melmaga #top_navi a.navi_melmaga
▼上記を既定の場所に追加します。

/* --------------------------------------
トップナビゲーション
--------------------------------------- */

#top_navi {
clear: both;
float: right;
margin: 20px 0;
padding: 0;
height: 100%;
}
#top_navi a {
display: block;
background: #444444;
color: #ffffff;
margin: 3px;
padding: 10px 15px;
text-decoration: none;
float: left;
font-size: 11px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
#top_navi a:hover {
background: #333333;
color: #ffffff;
}

body#top #top_navi a.navi_top,
body#info #top_navi a.navi_info,
body#calendar #top_navi a.navi_calendar,
body#menu #top_navi a.navi_menu,
body#photo #top_navi a.navi_photo,
body#coupon #top_navi a.navi_coupon,
body#about #top_navi a.navi_about,
body#melmaga #top_navi a.navi_melmaga,
body#contact #top_navi a.navi_contact {
background: #333333;
color: #ffffff;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【CSSサンプル】※『gradation』『corner』『Default』『Plain』をご利用の方

#navi ul li a.navi_melmaga{
background: #cc0000 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}

body#melmaga #navi ul li a.navi_melmaga{
background: #feb2a7 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}
* html body#melmaga #navi ul li a.navi_melmaga{
background: #feb2a7 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
color: #ffffff;
}

▼上記を既定の場所に追加します。※色の指定につきましては、個別に変更する必要がございます。

/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #ffcccc;
}
#navi ul li {
border-bottom: 1px solid #ffcccc;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #cc0000;
}

#navi ul li a.navi_top {
background: #cc0000 url(/img/menu/home.png) no-repeat 3px 3px;
}
#navi ul li a.navi_info {
background: #cc0000 url(/img/menu/info.png) no-repeat 3px 3px;
}
#navi ul li a.navi_calendar {
background: #cc0000 url(/img/menu/calendar.png) no-repeat 3px 3px;
}
#navi ul li a.navi_menu {
background: #cc0000 url(/img/menu/menu.png) no-repeat 3px 3px;
}
#navi ul li a.navi_photo {
background: #cc0000 url(/img/menu/photo.png) no-repeat 3px 3px;
}
#navi ul li a.navi_coupon {
background: #cc0000 url(/img/menu/coupon.png) no-repeat 3px 3px;
}
#navi ul li a.navi_about {
background: #cc0000 url(/img/menu/about.png) no-repeat 3px 3px;
}
#navi ul li a.navi_contact {
background: #cc0000 url(/img/menu/contact.png) no-repeat 3px 3px;
}
#navi ul li a.navi_free {
background: #cc0000 url(/img/menu/free.png) no-repeat 3px 3px;
}
#navi ul li a.navi_links {
background: #cc0000 url(/img/menu/link.png) no-repeat 3px 3px;
}
#navi ul li a.navi_melmaga{
background: #cc0000 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}

#navi ul li a:hover {
background-color: #fce5e1;
}

body#top #navi ul li a.navi_top {
background: #feb2a7 url(/img/menu/home.png) no-repeat 3px 3px;
}
body#info #navi ul li a.navi_info {
background: #feb2a7 url(/img/menu/info.png) no-repeat 3px 3px;
}
body#calendar #navi ul li a.navi_calendar {
background: #feb2a7 url(/img/menu/calendar.png) no-repeat 3px 3px;
}
body#menu #navi ul li a.navi_menu {
background: #feb2a7 url(/img/menu/menu.png) no-repeat 3px 3px;
}
body#photo #navi ul li a.navi_photo {
background: #feb2a7 url(/img/menu/photo.png) no-repeat 3px 3px;
}
body#coupon #navi ul li a.navi_coupon {
background: #feb2a7 url(/img/menu/coupon.png) no-repeat 3px 3px;
}
body#about #navi ul li a.navi_about {
background: #feb2a7 url(/img/menu/about.png) no-repeat 3px 3px;
}
body#contact #navi ul li a.navi_contact {
background: #feb2a7 url(/img/menu/contact.png) no-repeat 3px 3px;
}
body#free #navi ul li a.navi_free {
background: #feb2a7 url(/img/menu/free.png) no-repeat 3px 3px;
}
body#melmaga #navi ul li a.navi_melmaga{
background: #feb2a7 url(/img/menu/mailmagazine.png) no-repeat 3px 3px;
}


/* For IE6 */
* html #navi ul li a.navi_top {
background: #cc0000 url(/img/menu/home.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_info {
background: #cc0000 url(/img/menu/info.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_calendar {
background: #cc0000 url(/img/menu/calendar.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_menu {
background: #cc0000 url(/img/menu/menu.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_photo {
background: #cc0000 url(/img/menu/photo.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_coupon {
background: #cc0000 url(/img/menu/coupon.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_about {
background: #cc0000 url(/img/menu/about.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_contact {
background: #cc0000 url(/img/menu/contact.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_free {
background: #cc0000 url(/img/menu/free.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_links {
background: #cc0000 url(/img/menu/link.gif) no-repeat 3px 3px;
}
* html #navi ul li a.navi_melmaga{
background: #cc0000 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
}

* html #navi ul li a:hover {
background-color: #fce5e1;
}

* html body#top #navi ul li a.navi_top {
background: #feb2a7 url(/img/menu/home.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#info #navi ul li a.navi_info {
background: #feb2a7 url(/img/menu/info.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#calendar #navi ul li a.navi_calendar {
background: #feb2a7 url(/img/menu/calendar.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#menu #navi ul li a.navi_menu {
background: #feb2a7 url(/img/menu/menu.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#photo #navi ul li a.navi_photo {
background: #feb2a7 url(/img/menu/photo.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#coupon #navi ul li a.navi_coupon {
background: #feb2a7 url(/img/menu/coupon.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#about #navi ul li a.navi_about {
background: #feb2a7 url(/img/menu/about.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#contact #navi ul li a.navi_contact {
background: #feb2a7 url(/img/menu/contact.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#free #navi ul li a.navi_free {
background: #feb2a7 url(/img/menu/free.gif) no-repeat 3px 3px;
color: #ffffff;
}
* html body#melmaga #navi ul li a.navi_melmaga{
background: #feb2a7 url(/img/menu/mailmagazine.gif) no-repeat 3px 3px;
color: #ffffff;
}



#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}


/* フリーページナビゲーション用 */
{free_navi_link}


【CSSサンプル】※『simple』をご利用の方

#navi ul li a.navi_melmaga {
background: #ffffff;
}

body#melmaga #navi ul li a.navi_melmaga {
background: #f5f5f5;
}

▼上記を既定の場所に追加します。

/* --------------------------------------
#ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #eeeeee;
}
#navi ul li {
border-bottom: 1px solid #eeeeee;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
font-size: 11px;
text-decoration: none;
background: #ffffff;
}

#navi ul li a.navi_top {
background: #ffffff;
}
#navi ul li a.navi_info {
background: #ffffff;
}
#navi ul li a.navi_calendar {
background: #ffffff;
}
#navi ul li a.navi_menu {
background: #ffffff;
}
#navi ul li a.navi_photo {
background: #ffffff;
}
#navi ul li a.navi_about {
background: #ffffff;
}
#navi ul li a.navi_contact {
background: #ffffff;
}
#navi ul li a.navi_free {
background: #ffffff;
}
#navi ul li a.navi_link {
background: #ffffff;
}
#navi ul li a.navi_melmaga {
background: #ffffff;
}

#navi ul li a:hover {
background-color: #eeeeee;
}

body#top #navi ul li a.navi_top {
background: #f5f5f5;
}
body#info #navi ul li a.navi_info {
background: #f5f5f5;
}
body#calendar #navi ul li a.navi_calendar {
background: #f5f5f5;
}
body#menu #navi ul li a.navi_menu {
background: #f5f5f5;
}
body#photo #navi ul li a.navi_photo {
background: #f5f5f5;
}
body#about #navi ul li a.navi_about {
background: #f5f5f5;
}
body#contact #navi ul li a.navi_contact {
background: #f5f5f5;
}
body#free #navi ul li a.navi_free {
background: #f5f5f5;
}
body#melmaga #navi ul li a.navi_melmaga {
background: #f5f5f5;
}

#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}

/* フリーページナビゲーション用 */
{free_navi_link}


【CSSサンプル】※『Wood』をご利用の方

html>body body#melmaga #navi ul li a.navi_melmaga,

* html body#melmaga #navi ul li a.navi_melmaga,

▼上記を既定の場所に追加します。

/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}

#navi ul li {
}

html>body #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
background: url(/img/bg/white_alpha_30.png);
}
* html #navi ul li a {
height: 100%;
display: block;
margin: 1px 0;
padding: 10px;
font-size: 11px;
text-decoration: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_30.png',sizingMethod=scale);
}

html>body #navi ul li a:hover {
background: url(/img/bg/white_alpha_20.png);
}
* html #navi ul li a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_20.png',sizingMethod=scale);
}

html>body body#top #navi ul li a.navi_top,
html>body body#info #navi ul li a.navi_info,
html>body body#calendar #navi ul li a.navi_calendar,
html>body body#menu #navi ul li a.navi_menu,
html>body body#photo #navi ul li a.navi_photo,
html>body body#about #navi ul li a.navi_about,
html>body body#contact #navi ul li a.navi_contact,
html>body body#melmaga #navi ul li a.navi_melmaga,
html>body body#free #navi ul li a.navi_free {
background: url(/img/bg/white_alpha_10.png);
}
* html body#top #navi ul li a.navi_top,
* html body#info #navi ul li a.navi_info,
* html body#calendar #navi ul li a.navi_calendar,
* html body#menu #navi ul li a.navi_menu,
* html body#photo #navi ul li a.navi_photo,
* html body#about #navi ul li a.navi_about,
* html body#contact #navi ul li a.navi_contact,
* html body#melmaga #navi ul li a.navi_melmaga,
* html body#free #navi ul li a.navi_free {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/white_alpha_10.png',sizingMethod=scale);
}


#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}



【CSSサンプル】※『natural』をご利用の方

#navi ul li a.navi_melmaga {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}

▼上記を既定の場所に追加します。

/* --------------------------------------
#ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
border-top: 1px solid #dacdb9;
}
#navi ul li {
border-bottom: 1px solid #dacdb9;
}

#navi ul li a {
height: 100%;
display: block;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
font-size: 11px;
text-decoration: none;
background: #ffffff;
}

#navi ul li a.navi_top {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_info {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_calendar {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_menu {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_photo {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_about {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_contact {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_free {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_link {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_coupon {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}
#navi ul li a.navi_melmaga {
background: #ffffff;
background:url(/img/theme_natural/icon.jpg) no-repeat center left;
margin:3px 0 3px 15px;
}


#navi ul.sub_navi {
margin: 10px 0;
border-top: none;
}
#navi ul.sub_navi li {
margin: 0 0 10px 0;
border-bottom: none;
}
#navi ul.sub_navi li a {
display: inline-block;
padding: 0 0 0 24px;
font-size: 11px;
background: url(/img/list/nomal.gif) no-repeat 10px 3px;
text-decoration: underline;
}
#navi ul.sub_navi li a:hover {
background: url(/img/list/hover.gif) no-repeat 10px 3px;
}
» パーマリンク
『~』の設定がサイトに反映されません。
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTML内メニュー価格表示部分に以下のソースを追加していただくことで表示が可能となります。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集 』をクリックして、HTML・CSS編集画面へお進みください。

【HTML】
<div class="menu_price">
{menu_price} {menu_price_unit}{menu_over_flg}
</div>


上のソースをコピーし、HTMLのメニュー価格表示部分に貼り付けて保存してください。
また、携帯用のHTMLは以下になります。


【モバイル用 HTML】
■{menu_recommend}{menu_title}({menu_price}{menu_price_unit}{menu_over_flg})<br>

» パーマリンク
クーポンを登録したのに表示されません!
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTMLとCSS内に以下のソースを追加していただくことでクーポンの表示が可能となります。

管理画面>デザイン設定>デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

【HTML】
<!-- BEGIN coupon -->
<!----------------------------------------------

ページ:クーポン

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

<div class="autopagerize_page_element">

<!-- BEGIN coupon_list -->
<div class="coupon">
<div class="coupon_image">
{coupon_photo_l}
</div>
<div class="coupon_body">
<div class="coupon_qr">
{coupon_qr_code}
</div>
<div class="coupon_title">
<a href="{coupon_url}">{coupon_title}</a>
</div>
<ul>
<li>提示方法:<span>{coupon_teiji}</span></li>
<li>利用条件:<span>{coupon_how}</span></li>
<li>有効期限:<span>{coupon_date}</span></li>
</ul>
<br class="clear" />
</div>
<br class="clear" />
</div>
<!-- END coupon_list -->

</div>
»<a href="{coupon_print_url}" target="_blank">このページを印刷する</a>

</div>

<!-- END coupon -->

【CSS】
/* --------------------------------------
クーポン
--------------------------------------- */

.coupon_area {
}

.coupon {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #eeeeee;
}

.coupon_image {
}
.coupon_image img {
margin-bottom: 10px;
}

.coupon_qr {
width: 110px;
float: left;
}

.coupon_body {
}

.coupon_title {
margin-bottom: 10px;
font-size: 14px;
}

.coupon_body ul {
}
.coupon_body ul li {
list-style-type: none;
}
.coupon_body ul li span {
font-weight: bolder;
}


上のソースをコピーし、HTML・CSSにそれぞれ貼り付けて保存してください。
また、携帯用のHTMLは以下になります。


【モバイル用 HTML】
<!-- BEGIN coupon -->
<!----------------------------------------------

ページ:クーポン

---------------------------------------------->
<div style="{title_style}" align="center">{page_title}</div>

<div style="margin-bottom: 20px;">

<!-- BEGIN coupon_list -->
<div>
■{coupon_title}<br>
{coupon_photo_m}<br>
提示方法:{coupon_teiji}<br>
利用条件:{coupon_how}<br>
有効期限:{coupon_date}<br>
</div>
<hr style="{hr_style}">
<!-- END coupon_list -->

</div>
<!-- END coupon -->


» パーマリンク
店舗情報に追加した項目が表示されません
店舗情報設定で追加した項目は独自タグ {about_all} により表示されます。
2009/11/25 以前にお申し込み頂いたお客様は、デザインをダウンロードし直すか
デザイン設定より独自タグ{about_all}を追加ください。

【デザイン設定より{about_all}を追加する方法】

『 管理画面 』 → 『 デザイン設定 』 → 編集するデザインを選択 → HTML・CSS編集にきりかえる

htmlのテキストエリアのアバウト部分の店舗情報が個別表示されてあるところを削除し、
{about_all}に書き変えてください。


<!-- BEGIN about -->
<!----------------------------------------------

ページ:アバウト

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

<div class="map">
{map}
</div>

<div class="detail">
{about_all}
</div>

</div>
<!-- END about -->

» パーマリンク
店舗情報の並び替えが反映されません
店舗情報の並び替えは独自タグ {about_all} で表示されたときに反映されます。
2009/11/25 以前にお申し込み頂いたお客様は、デザインをダウンロードし直すか
デザイン設定より独自タグ{about_all}を追加ください。

【デザイン設定より{about_all}を追加する方法】
管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。
HTMLのテキストエリアのアバウト部分の店舗情報が個別表示されてあるところを削除し、
{about_all}に書き変えてください。


<!-- BEGIN about -->
<!----------------------------------------------

ページ:アバウト

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

<div class="map">
{map}
</div>

<div class="detail">
{about_all}
</div>

</div>
<!-- END about -->
» パーマリンク
スライドショーのサイズが変わりません。
スライドショーのサイズ変更は、CSSの独自タグ {slideshow_width}、{slideshow_height} で表示されたときに反映されます。
2011/02/07 以前にお申し込み頂いたお客様は、デザインをダウンロードし直すか
デザイン設定よりCSSに独自タグ {slideshow_width}と{slideshow_height}に変更してください。

【デザイン設定より独自タグを変更する方法】
管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

↓CSSのテキストエリアの以下の部分を削除してください。

/*--------------------------------
Slide
--------------------------------*/

#mySlideshow {
width: 500px;
height: 300px;
z-index:5;
margin: 0 auto;
}


↓削除した箇所に以下を追加してください。

/*--------------------------------
Slide
--------------------------------*/

#mySlideshow {
width: {slideshow_width};
height: {slideshow_height};
z-index:5;
margin: 0 auto;
}

» パーマリンク
お問い合わせフォームカスタマイズの設定がサイトに反映されない。
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTML内トップページ表示部分に以下のソースを追加していただくことで表示が可能となります。

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。

【HTML】※PC版
▼お問い合わせ部分のHTMLの<fieldset>~</fieldset>を削除いただき、赤文字部分のタグを追加してください
<!-- BEGIN contact -->
<!----------------------------------------------

ページ:お問い合わせ

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

<div class="contact_message">
{contact_message}
</div>

<form name="frm" method="post" action="{contact_action}">
<input type="hidden" name="hash" value="{hash}" />


<!-- お問い合わせカスタマイズここから // -->
<div class="contact_form">{question}</div>
<!-- お問い合わせカスタマイズここまで // -->


<div class="button_area">
<input type="submit" value="メールを送信する" class="button" tabindex="5" />
</div>
</form>
<div style="margin:20px 0 0 0; line-height:130%;">
■ 個人情報の保護について <br />
<p style="font-size: 10px;">インターネットを通じて当ウェブサイトの「お問い合わせ」をご利用いただいた際に、必要な情報の元となるお客様の個人情報の取扱いを行いますが、
お客様の個人情報を、お客様の同意なしに第三者に開示することはありません。
</p>
</div>

</div>
<!-- END contact -->


【CSS】※PC版
▼下記CSSを末尾などに追加してください
.contact_area {
margin: 0px 0px 10px 0px;
border: 0px;
padding:0px;
display: block;
clear: both;
overflow: hidden;
line-height: 17px;
}

.contact_form {
margin: 0px;
padding: 0px 0px 0px 5px;
}

.contact_area label {
margin: 0px 0px 5px 0px;
}

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

.contact_area textarea {
margin: 0px;
font-size: 14px;
padding: 5px;
}

.button_area {
text-align: center;
padding: 5px 0px;
}
.button {
}

.contact_small {
width: 100px;
margin: 0px;
padding: 0px;
}
.contact_medium {
width: 200px;
margin: 0px;
padding: 0px;
}
.contact_large {
height: 100px;
width: 400px;
margin: 0px;
padding: 0px;
}

.checkbox {
margin: 0px;
display: block;
clear: both;
padding: 0px 0px 5px 0px;
}
.checkbox input {
display: inline;
float: left;
font-size: 14px;
margin: 0px 5px 0px 0px;
padding: 5px;
width: 13px;
border: none;
}
.checkbox label {
display: block;
width: 460px;
float: left;
margin: 0px 0px 5px 0px;
}

.radio {
margin: 0px;
display: block;
clear: both;
padding: 0px 0px 5px 0px;
}
.radio input {
display: inline;
float: left;
font-size: 14px;
margin: 0px 5px 0px 0px;
padding: 5px;
width: 13px;
border: none;
}
.radio span {
display: block;
width: 460px;
float: left;
margin: 0px 0px 5px 0px;
}


【HTML】※モバイル版
▼お問い合わせ部分のHTMLの<fieldset>~</fieldset>を削除いただき、赤文字部分のタグを追加してください
<!-- BEGIN contact -->
<!----------------------------------------------

ページ:お問い合わせ

---------------------------------------------->
<div style="{title_style}" align="center">{page_title}</div>

<div style="margin-bottom: 20px;">

<div>
<span style="{requier_style}">*</span> は必須項目です<br>
{contact_message}
</div>

<hr style="{hr_style}">

<form name="frm" method="post" action="{contact_action}">
<input type="hidden" name="hash" value="{hash}">


<div class="contact_form">{question}</div>


<input type="submit" value="メール送信">
</form>

</div>
<!-- END contact -->


【HTML】※スマートフォン版
▼お問い合わせ部分のHTMLの<fieldset>~</fieldset>を削除いただき、赤文字部分のタグを追加してください
<!-- BEGIN contact -->
<!----------------------------------------------

ページ:お問い合わせ

---------------------------------------------->
<div id="main_menu">
<div class="navigation">
<div class="list_line line">
<div id="tab"><h2>{page_title}</h2></div>
</div>

<div class="contact_message">
<p>{contact_message}</p>
</div>

<div class="form_area">
<form name="frm" method="post" action="{contact_action}" novalidate="novalidate">
<input type="hidden" name="hash" value="{hash}" />

<div class="contact_form">{question}</div>

<div class="send_button">
<input type="submit" value="メールを送信する" class="send_button_area" tabindex="5" /></div>

</form>
</div>

<div class="detail_box_ttl">
<section><h3>■ 個人情報の保護について</h3></section>
<p>インターネットを通じて当ウェブサイトの「お問い合わせ」をご利用いただいた際に、必要な情報の元となるお客様の個人情報の取扱いを行いますが、お客様の個人情報を、お客様の同意なしに第三者に開示することはありません。</p>
</div>

</div>
</div>
<!-- END contact -->


【CSS】※スマートフォン版
▼下記CSSを末尾などに追加してください
.contact_area {
margin: 0px 0px 10px 0px;
border: 0px;
padding:0px;
display: block;
clear: both;
overflow: hidden;
}

.form_area select {
padding: 5px;
}

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

.contact_small {
width: 50%;
}
.contact_medium {
width: 90%;
}
.contact_large {
width: 90%;
height: 100px;
}

.checkbox {
margin: 0px;
display: block;
clear: both;
padding: 0px 0px 5px 5px;
line-height: 17px;
}
.checkbox input {
display: inline;
float: left;
font-size: 14px;
margin: 0px 5px 0px 0px;
padding: 5px;
width: 13px;
border: none;
}
.checkbox label {
display: block;
width: 90%;
float: left;
margin: 0px 0px 15px 0px;
font-size: 14px;
}

.radio {
margin: 0px;
display: block;
clear: both;
padding: 0px 0px 15px 5px;
line-height: 17px;
}
.radio input {
display: inline;
float: left;
font-size: 14px;
margin: 0px 5px 0px 0px;
padding: 5px;
width: 13px;
border: none;
}
.radio span {
display: block;
width: 90%;
float: left;
margin: 0px 0px 15px 0px;
font-size: 14px;
}


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

管理画面 > デザイン設定 > デザイン編集」より『 HTML・CSS編集』をクリックして、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 -->

※モバイル用デザインはソースを編集しても予約フォームは表示されません。
コース一覧を表示させるためのソースとなります。
» パーマリンク
その他
契約終了したのに検索エンジンで検索結果に表示されてしまいます。
グーペの契約が終了し、ホームページがウェブ上にないのに検索エンジンの検索結果に表示されてしまうのは
検索エンジンにホームページのインデックス(登録)が残っているのが要因です。

ホームページがウェブ上になくなっても、検索エンジンのクローラーがホームページがウェブ上からなくなったことを検出するまではインデックスが残ってしまいます。


こちらをお客様ご自身で手動でリクエストを行っていただくことでGoogle、Yahoo!につきましては削除を行うことが可能です。

以下の手順で削除を行ってください。

(1)残っているインデックスを探す

ブラウザのURL入力欄に

https://www.google.co.jp/#q=site:お客様がご利用されていたホームページのURL

を入力して、Enterキーを押下してください。

例)https://www.google.co.jp/#q=site:https://goope.jp/

現在検索エンジンに残っているインデックスのURLがブラウザ上に全て表示されます。

(2)削除リクエストを行う

以下の「Google削除リクエストツール」で
URL入力欄に(1)で抽出したURLを入力し「削除をリクエスト」をクリックしてください。通常は数時間~数日で削除が行われます。

▽Google削除リクエストツール
https://www.google.com/webmasters/tools/removals?hl=ja

※こちらを利用するためにはGoogleのアカウントが必須です。
» パーマリンク
グーペのTwitterアカウントについて教えてください。
PRアカウント(@goope_pr)と、公式キャラクターアカウント(@goopejp)がございます。
キャンペーンや機能追加のお知らせなどは、PRアカウントをご確認ください。
» パーマリンク
SSLオプションを導入しましたが ブラウザに鍵マークがつきません。
グーペのテンプレートを構成するHTML、CSSの記述に
「http://」の記述が含まれている場合
正常にSSLが機能せず、エラーとなってしまう場合がございます。


Chromeでは以下の手順で
http://になっているコンテンツの特定が可能です。

・SSLを導入しているホームページの中でURLの隣が(i)になっている場合はhttpが混在しています。




・ホームページ上で右クリックをし、「検証」をクリックしてください。



・右側に表示される「Console」をクリックするとhttpsになっていない箇所が表示されます。




上記の方法で特定したhttp:// となっている箇所を
https://にご変更、あるいは該当のURLの削除を行ってください。
» パーマリンク
日本語ドメインでのSSLオプション契約ができません。
申し訳ございませんが、日本語ドメインでのSSLオプションご契約はできかねます。

SSLオプションをご利用の際は、日本語ドメイン以外でお申込みいただきますようお願いいたします。
» パーマリンク
雑誌その他メディアの掲載・取材は可能ですか?
弊社サービスまたは弊社に関する掲載・取材につきましては、GMOペパボ株式会社広報 [ pr@pepabo.com ] までお気軽にお問い合わせください。

また、掲載誌( サイト )や番組の情報をホームページでご紹介いたしますので、「 雑誌/書籍名/番組名/サイト名 」「 社名( 著者名 )」「 発売日/放送日 」をぜひお知らせください。
» パーマリンク
テンプレート「Header」の卵部分に入るサブ画像のサイズ
テンプレート「Header」のヘッダー部分に設定できるサブ画像のサイズは

幅720px 高さ203px となっております。
» パーマリンク
スライドショーの画像サイズは?
スライドショーの画像サイズは

パソコン、スマートフォン共通テンプレート

(レスポンシブテンプレート)につきましては

以下のマニュアル内の

パソコン&スマートフォン共通テンプレート
に記載がございます。



PC専用テンプレートは

基本は横500px 縦300pxとなっております。

» パーマリンク
ファビコン(favicon)てなんですか?
ファビコンファイルは拡張子が(.ico)のファイルです。

こちらのファイルを設定しますと、下の画像のようにブラウザーのURL部分、タブの部分、ブックマーク一覧画面などに指定した画像を表示させることができます。



こちらはフォトショップなどの画像編集ソフト、またはfavicon作成サイトなどで既定の形式で作成する必要がございますのでご注意ください。
» パーマリンク