よくある質問

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

申し込みをしたのですが『 仮登録メール 』が届きません。
お申し込みいただきますと、ご登録のメールアドレス宛に仮登録メールが自動送信されます。

仮登録メールは、通常お申し込みから数分以内で配信されます。数時間経ちましてもメールを受信できない場合は、下記の可能性がございます。

　・メールアドレスに誤りがある
　・Yahoo!やHotmailなどのフリーメールで申し込んでおり、
　　フリーメールサービス側の迷惑メール設定により受信できない

また、仮登録メールが、「迷惑メール」として、「迷惑メールフォルダ」に振り分けられている可能性もございますので、「迷惑メールフォルダ」もご確認ください。

上記確認後も、仮登録メールの受信を確認できなかった場合には【 お問い合わせフォーム 】よりご連絡ください。
飲食店向けとありますが、他業種では利用できないのでしょうか？
もちろん他業種のご利用も可能です。

コンテンツ管理機能や、デザインのフルカスタマイズ、また、フリーページ作成機能もございますので、業種にあったコンテンツを作成していただくことも可能です。

「ミンチーのホームページ紹介」のページでご紹介しておりますホームページは、飲食店以外の業種の方のホームページも掲載をさせていただいております。

→ミンチーのホームページ紹介
仮登録メールに有効期限はありますか？
仮登録メールの有効期限は、送信日時より48時間以内となっております。
メールが届きましたら、お早めに本登録処理をお願いたします。
仮登録メールに記載されているURLをクリックするとエラーになります。
仮登録メールに記載されている本登録処理用のURLは、1回のクリックのみ有効です。セキュリティへの配慮から、2回目以降のクリックは無効になります。

「登録はすでに完了しているか不正なパラメーターの為、処理は正常に終了できませんでした」というエラーが表示される場合、以下の内容をご確認ください。

　・すでに一度クリックを行っている
　本登録が完了している可能性があります。
　本登録完了メールを受信されていないかご確認ください。

　・URLをクリックした際にダブルクリックをしてしまった
　こちらも、本登録手続きが完了している可能性があります。
　本登録完了メールを受信されていないかご確認ください。

　・URLのコピー&ペーストが正しく行えていない
　ご自身でブラウザのアドレスバーにコピー＆ペーストをした場合、
　すべての文字列をコピーしきれておらず、エラーが発生することがあります。
　2行目のアドレスまで必ずコピーしてください。

上記に該当しない場合は、お申し込み時のアカウント情報を添えて、【 お問い合わせフォーム 】よりご連絡ください。
申し込み時にメールアドレスを間違えました。
お申し込み時にメールアドレスを間違ってご登録されますと、当サービスからの仮登録メールが受信できないため、お申し込み手続きが正常に完了いたしません。

誤ってご登録をされた際には、再度【 お申込みフォーム 】より、お申し込みください。
Hotmail や Yahoo! などのフリーメールアドレスで申し込みできますか？
Hotmail や Yahoo! などのフリーメールでのお申し込みも可能です。

お申し込み時にご登録いただいたメールアドレスは「ご契約メールアドレス」となります。

お申し込み後に送信する仮登録メールや、ご契約関連のすべてのメールは、この「ご契約メールアドレス」宛にお送りいたしますので、確実に受信可能な状態にしていただけますようお願いいたします。

また「使い捨て専用メールアドレス」等、虚偽の申告で取得されているメールアドレスでのご登録はご遠慮ください。

　※ご契約メールアドレスは、管理画面『アカウント情報＞お客様情報 』から
　　いつでもご変更いただけます。

　※フリーメールの場合、メール配信数の急激な増加に伴い、
　　サービス提供側でのメール処理に遅延が生じることがございます。
　　メール受信までに数時間かかることもありますのでご注意ください。

　※迷惑メールフォルダに受信されてしまう場合もございます。
　　迷惑メールフォルダに振り分けられていないかをご確認ください。
オンライン以外の申し込み方法はありますか？
サイト上からのお申し込みにのみ対応しておりますので、お電話やFAXからはお申し込みいただけません。 あらかじめご了承ください。
携帯電話のメールアドレスで申し込み出来ますか？
携帯電話のメールアドレスで申し込みを行うことはできません。
必ずパソコンで受信可能なメールアドレスをご入力ください。
『 Goope 』を利用するには、プロバイダーを変更しなければいけませんか？
『 Goope 』のご利用にあたって、お客様のプロバイダーを変更する必要はございません。
推奨環境について教えてください。
推奨環境は以下の通りです。

●OS
・WindowsXP以上
・MacOS X以上

●ブラウザ
・InternetExplorer7以上
・Firefox
・Safari1.0以上

お申し込みの際にうまくいかない場合や、確認メールが届かない場合、お手数ですが【お問い合わせフォーム】よりお問い合わせください。
契約期間の変更はできますか？
【 料金お支払い 】から『 次回ご契約分 』の「 契約期間 」をお選びいただけます。

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

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

　・初期設定費用（新規契約時のみ）
　・ご利用料金

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

お試し期間終了日までに弊社にてお客様からの入金の確認がとれない場合は、自動的に契約終了となり、お申し込みは無効となります。予めご了承ください。
サービス期間について教えてください。
新規にご契約いただいた方には、お試し終了日より当月末までサービス期間を設けております。

この期間、ご利用料金が別途発生することはありませんので、じっくりとホームページの作成を行ってください。
解約に伴う返金はありますか？
ご入金後の契約キャンセル、および返金はできません。予めご了承ください。

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

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

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

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

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

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

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

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

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

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

　※ご契約メールアドレスは管理画面の「アカウント情報＞お客様情報」でご確認いただけます。
請求書・領収書を送って下さい。
弊社では会社・法人名義の場合でも請求書・領収書の発行は行っておりません。
おさいぽとはなんですか？
『 Goope 』を運営する、paperboy&co.が提供する決済サービスです。
「おさいぽ！」は、ユーザーがあらかじめ、「おさいぽ！ポイント（1 円 ＝ 1 ポイント換算）」を購入し、おさいぽ！に対応したサービスの利用料を支払うことができます。
Goopeのご利用料金のお支払いは、この「おさいぽ！」を利用して行っていただきます。
おさいぽ！ -ネットのおサイフ-
自動更新とは何ですか？
『グーペ』は弊社決済サービス『おさいぽ！』を利用して契約更新を行います。

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

自動更新機能を設定いただくと、契約更新を忘れて、大事なホームページが見れなくなるなどの心配がなくなります。

また、『おさいぽ！』にてクレジットカード決済の『オートチャージ』機能をご利用いただくと、ポイント補充の手間が省けますので、こちらもご検討いただければと思います。

オートチャージ機能について

※ 自動更新は「１ヶ月契約」での更新となります。「12ヶ月契約」等での更新をご希望の場合には、お手数ではございますが、契約更新の際に管理画面からお支払いのお手続きをお願いいたします。
自動更新が設定できません。
自動更新が設定できない場合は、以下の理由が考えられます。

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


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

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

再度設定をご確認ください。

プランとはなんですか？
『グーペ』は「通常プラン」と「DXプラン（デラックスプラン）」の２つの契約プランを設けております。

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

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

【お得情報】
「DXプラン」を12ヶ月契約していただいたお客様に限り、「通常プラン」と同じ料金（1,050円）でご利用いただけます！なんと525円×12ヵ月=6,300円もお得！

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

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

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

※「DXプラン→通常プラン」へプランダウンをご希望の場合には、DXプランの契約終了日の翌日より「DXプラン」の機能がご利用できなくなります。
ホームページが急に見れなくなりました
以下の点をご確認ください。

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

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

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

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

http://goope.jp/support/faq/35

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

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


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

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

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

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

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

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

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

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

▼Googleプレイスについて
http://www.google.co.jp/landing/placepages/

※Googleへのサイト登録、GoogleウェブマスターツールおよびGoogleプレイスは、Googleが提供しておりますツールのため、ツールに関するサポートは行っておりません。あらかじめご了承ください。
レンタルサーバーなどが別に必要ですか？
レンタルサーバー等は別に必要ではありません。

『グーペ』のご契約のみで、ホームページの作成・運営に必要な画像のアップロード機能や、お問い合わせ等のデータ管理を行うことができます。
ディスク容量に制限はありますか？
ディスク容量は最大で1GB（ 1000MB ）までご利用可能です。
なお、下記データがディスク容量として計上されます。

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

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

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

以上をご確認の上、ログインが出来ない場合はエラーメッセージなどをご明記の上【 お問い合わせフォーム 】よりご連絡下さい。
アカウント、ログインIDを変更したいのですが？
大変申し訳ありませんが、アカウント、ログインIDの変更は受け付けておりません。変更されたい場合は、現在の契約を一旦解約して頂き、再度お申し込みをしていただく事となります。

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

また、現在の契約を解約された場合、残り期間の返金・新規アカウントへの料金相殺などはできません。予めご了承下さい。
管理画面の推奨環境について教えて下さい。
管理画面をご利用いただくための推奨環境は以下の通りです。

●OS
・WindowsXP以上
・MacOS X以上

●ブラウザ
・InternetExplorer7以上
・Safari3.0以上
・Firefox3.0以上

管理画面は、上記の推奨環境にてご利用をお願い申しあげます。
携帯電話・スマートフォン向けのホームページは作成できますか？
アカウントご契約時に、PC版、携帯版、スマートフォン版のテンプレートが作成されます。

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

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

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

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

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

　【 画像ファイル 】

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

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

くわしくは独自タグマニュアルをご覧ください。
http://goope.jp/support/manual/3_3_4
ミンチーからのお知らせにメニューを表示させる方法を教えてください。
グーペで開設しているホームページの中から、新しく登録されたメニューを紹介する
ミンチーからのお知らせ にメニューを表示させるには、以下の条件が必要です。

・ お試し期間が終了して本契約が開始されていること
・ メニューに画像が表示されていること
・ 店舗 ジャンルが 『 その他 』 以外に設定されていること

以上の条件をクリアしていれば、メニュー登録後自動的にミンチーが紹介をしてくれます。掲載に関しまして、問題がございましたら お問い合わせフォーム　よりご連絡ください。
ミンチーのホームページ紹介にホームページを表示させる方法を教えてください。
グーペで作成されたホームページを紹介する
ミンチーのホームページ紹介 にホームページを表示させるには、以下の条件が必要です。

・ お試し期間が終了して本契約が開始されていること
・ 店舗状態が「開店中」であること
・ 制作会社様のデザイン確認用アカウントでないこと

以上の条件をクリアしていれば、お試し期間終了後自動的にミンチーが紹介をしてくれます。

※表示順は、本契約開始の日付順となります。
※画像はスライドショーが登録されている場合のみ表示されます。
※NEWマークは本契約開始から５日間の間表示されます。

掲載に関しまして、問題がございましたら お問い合わせフォーム　よりご連絡ください。
カラーミーショップの「カートJS」機能が設定できません。
カラーミーショップの「カートJS」機能とは、弊社ショッピングカートASPサービス『カラーミーショップ』で提供している、ブログやホームページなどで新商品の記事を書くときなどに、カートに入れるボタン付の商品情報が表示できるJSコードを作成する機能です。

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



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



反映されました。

カラーミーショップの「カートJS」機能について、詳しくはこちらをご覧ください。
スマートフォン版デザインのプレビューができません。
HTML5/css3に対応していないブラウザは、パソコンからのプレビューができません。
カラーバリエーションについては、以下をご覧ください。


白グレー黒
薄い赤赤薄いピンク
ピンク薄い紫紫
薄い黄色黄色薄いオレンジ
オレンジ薄い茶色茶色
水色青紺
黄緑緑濃い緑
お知らせを登録したのですが、エラーページが表示されます。
お知らせのコンテンツ表示設定が「非表示」になっているためエラーページが表示されています。

管理画面へログイン後に、「ナビゲーション設定 ＞ コンテンツ設定」にて、「お知らせ」の項目を「表示」もしくは「下書き」に変更していただければ、エラーページは表示されなくなります。
デザイン編集が反映されません。デザイン編集中にプレビュー画面が崩れて表示されます。
正常にデザインが反映されない場合には、お客様がご利用のブラウザが、CSSファイルをキャッシュ（一時的に保存されているデータ）している場合がございます。

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

上記の方法でブラウザのキャッシュが削除されますので、お試し下さい。
メールマガジンは何通まで送信できますか？
メールマガジン機能は、配信予約の設定を行う仕組みとなっております。
１回の設定で配信できる上限は1,000通までとなっており、こちらの設定が月30回まで可能です。（メールマガジンの配信完了後に削除した配信設定も含む）

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

例えばご契約時のホームページアドレス「（例）http://r.goope.jp/hogemoge/ 」を、お客様の独自ドメイン「（例）http://hogemoge.com/ 」でもアクセスできるようになります。
設定した独自ドメインでホームページが表示されません。
設定した独自ドメインでホームページが表示できない場合、次の可能性がございます。

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

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

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

ホームページの表示についてご不明な点がございましたら【 お問い合わせフォーム 】よりお気軽にお問い合わせください。
日本語ドメインには対応していますか？
申し訳ございません。
『 Goope 』は、「【 日本語ドメイン 】＋ .jp、.com、.net、.biz 」には対応しておりません。
取得した独自ドメインで、メールアドレスは作成できますか？
取得した独自ドメインで、メールアドレスの作成が行えます。
詳しくは、マニュアルをご覧ください。

独自ドメインのメールを設定する
サブドメインを持ち込んで利用できますか？
ムームードメインで取得されたドメインでしたら、ムームーＤＮＳを利用することが可能です。
ムームー DNS への移行方法
初期のURLと独自ドメインURLはどう違うのですか？
初期のURLは【 http://r.goope.jp/（お好きな名前） 】のように、弊社が用意したドメインの後に、お客様に入力していただきました、お好きな名前が続く形となります。

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

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

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

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

ドメインのご取得をお考えの際には、弊社運営の『 ムームードメイン 』をご検討ください。
『 ムームードメイン 』は、580円（ 税込み ）からドメインを取得できる低価格サービスです。
DNSとは何ですか？
ドメイン・ネーム・システムの略で、インターネット上の「234.123.567.345」などの数字が表すIPアドレスを、覚えやすいように【 goope.jp 】などの「ドメイン名」に置き換えるシステムのことです。

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

DNS設定内容は下記となります。

　＜Goope DNS設定 ＞

　プライマリネームサーバー 　　dns1.goope.jp
　プライマリネームサーバーIP 　210.188.214.99

　セカンダリネームサーバー 　　dns2.goope.jp
　セカンダリネームサーバーIP 　210.188.214.100

そのほかのサービス会社をご利用されている場合には、ドメイン管理をされているサービス業者で変更手続きを行ってください。
ドメインを取得したらすぐに『 Goope 』で利用できますか？
ドメイン取得直後はDNS情報が反映されていないため、すぐにホームページをご確認いただけないことがございます。DNSの設定が反映されるまでには、約30分〜３日ほどのお時間がかかりますので、こちらを目安にお待ちください。

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

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

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

ご自身でテンプレートをカスタマイズし、リンクを追加していた部分のみご修正をお願いいたします。
管理画面で独自ドメインを設定しようとすると、『取得されていないか、WHOIS に反映されていないようです。このドメインを取得したい場合は、ムームードメインをご利用ください』とエラーが出て申し込み出来ません。
独自ドメインのDNS設定を変更されてからWHOISデータベースへの情報反映までには、48時間から72時間ほどのお時間がかかることがあります。

そのため、DNS設定の更新処理直後にはアラートメッセージを表示しております。
WHOISデータベースへの情報反映までしばらくお待ちください。
独自ドメインを変更することはできますか？
独自ドメインは、「管理画面 ＞ 基本設定＞ ドメイン設定」よりご変更いただけます。
ドメイン変更後も作成したホームページデータは保持されますか？
ドメイン変更後でも、設定された内容や登録されたデータは保持されます。引き続きこれまでのご設定でホームページ運営ができますのでご安心ください。
パソコンからメールの送受信する設定方法を教えてください。
グーペで独自ドメインをご利用いただいているお客様は、お客様のパソコンにインストールされているメールソフトで設定を行えば、メールの送受信を行うことができます。

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

・【Outlook 2007】の設定方法
・【OutLook Express】の設定方法
・【WindowsMail】の設定方法
・【Thunderbird】の設定方法
・【Becky!2】の設定方法
・【iPhone】の設定方法
・【MacOSX Mail】の設定方法

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

詳しくは、下記のオンラインマニュアルをご確認の上、メールソフトの設定をご確認ください。
メールの送信がうまくいかない場合
サポート体制について教えてください。
弊社では不測の事態に備えまして、24時間態勢でサーバー監視と【 お問い合わせフォーム 】からのご連絡を承っております。

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

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

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

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

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

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

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

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

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

【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の編集を行ってください。
『Obi』のデザインでは本機能はご利用いただけません。ご利用の場合は『Obi』以外のデザインをご利用ください。<

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

【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に以下のソースを追加していただくことで表示が可能となります。

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


【『 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】※『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』をご利用の方は変更の必要はございません。

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


【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』です。

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

【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を変更していただくことで表示が可能となります。

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

【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サンプル】
<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サンプル】

<!-- 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』をご利用の方は変更の必要はございません。

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


【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 変更前】
    <script type="text/javascript" src="/js/timed.slideshow.js"></script>
    <!----------------------------------------------
    
      ページ：トップ
    
    ---------------------------------------------->


【HTML 変更後】
    {slideshow_lib}
    
    <!----------------------------------------------
    
      ページ：トップ
    
    ---------------------------------------------->


上記のように編集を加えてください。


『～』の設定がサイトに反映されません。
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードしてください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTML内メニュー価格表示部分に以下のソースを追加していただくことで表示が可能となります。

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

【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】
<!-- 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のテキストエリアのアバウト部分の店舗情報が個別表示されてあるところを削除し、
{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}を追加する方法】
「管理画面 ＞ デザイン設定 ＞ デザイン編集」より『 詳細編集はこちら 』をクリックして、デザイン詳細編集画面へお進みください。
ＨＴＭＬのテキストエリアのアバウト部分の店舗情報が個別表示されてあるところを削除し、
{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}に変更してください。

【デザイン設定より独自タグを変更する方法】
「管理画面 ＞ デザイン設定 ＞ デザイン編集」より『 詳細編集はこちら 』をクリックして、デザイン詳細編集画面へお進みください。

↓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;
}

NTTレゾナント株式会社『エリアマッチ』広告にて、登録時プライバシーポリシーについての情報がないため出稿が行えませんでした。
NTTレゾナント様が提供されているエリアマッチ広告につきましては、審査の条件にて『プライバシーポリシー』の表記が必須事項となっております。

こちらを申し込まれる場合には下記の情報がホームページ上に記載されている必要がございますので、古いテンプレートをご利用の方は編集を行ってください。

「管理画面 ＞ デザイン設定 ＞ デザイン編集」より『 詳細編集はこちら 』をクリックして、デザイン詳細編集画面へお進みください。
こちらの『HTML』フォームに下記の文言を挿入します。

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


【挿入サンプル（お問い合わせ画面の場合）】
    <!-- 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}" />

        <fieldset>
          <legend>お名前<span class="requier">*</span></legend>
          <input type="text" name="name" class="contact_name" value="{contact_name}" tabindex="1" />
        </fieldset>

        <fieldset>
          <legend>メールアドレス<span class="requier">*</span></legend>
          <input type="text" name="email1" class="contact_email" value="{contact_mail}" tabindex="2" />
        </fieldset>

        <fieldset>
          <legend>電話番号</legend>
          <input type="text" name="tel" class="contact_tel" value="{contact_tel}" tabindex="3" />
        </fieldset>

        <fieldset>
          <legend>本文<span class="requier">*</span></legend>
          <textarea name="note" class="contact_body" tabindex="4">{contact_body}</textarea>
        </fieldset>

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


    </div>
    <!-- END contact -->
雑誌その他メディアの掲載・取材は可能ですか？
弊社サービスまたは弊社に関する掲載・取材につきましては、paperboy&co.広報 [ pr@paperboy.co.jp ] までお気軽にお問い合わせください。

また、掲載誌（ サイト ）や番組の情報をホームページでご紹介いたしますので、「 雑誌／書籍名／番組名／サイト名 」「 社名（ 著者名 ）」「 発売日／放送日 」をぜひお知らせください。
ファビコン（favicon）てなんですか？
ファビコンファイルは拡張子が（.ico)のファイルです。

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



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