http://goope.jp/ jp 2012-02-09T16:26:22+09:00 2011-12-09T00:00:00+09:00 http://goope.jp/info/information/?id=111 平素は【グーペ】をご利用頂き、誠にありがとうございます。 年末年始の各種お客様サポート対応についてご案内いたします。 -------------------------------------------------------------------------- ＜お問い合わせ対応＞ 　2011年12月26日（月）19:00まで ＜年始の営業開始日＞ 　 　2012年1月4日 (水）より通常営業となります。 ＜アカウント停止対応＞ 2011年12月末日に更新期限となるお客様につきましては、 各金融機関の営業開始日の2012年1月4日までにご入金が確認できない場合、 翌5日にアカウント停止処理を行わせていただきます。 該当のお客様は、なるべく年内にご入金くださるようお願い申し上げます。 2011-12-01T00:00:00+09:00 http://goope.jp/info/information/?id=110 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、弊社より新サービス　『ギフポ』の提供を開始いたしました。 ギフポとは、日々の暮らしが楽しくなるインターネットのサービスを、かわいいメッセージメールに、あなたの気持ちを添えて贈ることができるサービスです。 詳しくはこちらをご覧ください。 ギフポ-ネットサービスをプレゼント！ <a href="http://gifpo.jp/" target="_blank">http://gifpo.jp/</a> <a href="http://gifpo.jp/" target="_blank"><img src="/info/img/capture/20111201.png" alt="ギフポ-ネットサービスをプレゼント" style="border: 10px solid #f5f5f5;" /></a> 『ギフポ』からの贈り物は、メールアドレスを知っている方へ贈ることができます。 また、おさいぽ！IDをお持ちの方は、さらに簡単にご利用できます！ もちろん、グーペも対応しております！ 以下のようなシチュエーションに、是非ギフポをご利用ください。 ・友人や親戚のお店の開店祝いに ・友人や親戚のお店のリニューアル祝いに ・お店の上棟祝いに ・あえてなんでもない日に これからも『グーペ』並びに『ギフポ』を、何卒宜しくお願い申し上げます。 2011-11-21T00:00:00+09:00 http://goope.jp/info/information/?id=109 こんにちは。もう、冬ですね。 本日、新しいデザインを４つ、追加しましたのでお知らせいたします。 かねてよりご要望いただいていた、美容サロン向けのデザインとなっています。 幅を広めにとっているので、よりスッキリとしたホームページに仕上がる事、間違いなしです！ アイコンも設定可能となっております。 <a href="http://r.goope.jp/sample/t_55906"><img src="/service/img/design/l/17.png" alt="Paper" style="border: 10px solid #f5f5f5;" /></a> <a href="http://r.goope.jp/sample/t_55906">SalonGold</a> ゴールドをテーマカラーにした、ゴージャスなデザインです。 <a href="http://r.goope.jp/sample/t_55907"><img src="/service/img/design/l/18.png" alt="Obi" style="border: 10px solid #f5f5f5;" /></a> <a href="http://r.goope.jp/sample/t_55907">SalonSilver</a> シルバーをテーマカラーにした、クールなデザインです。 <a href="http://r.goope.jp/sample/t_55908"><img src="/service/img/design/l/19.png" alt="Wide" style="border: 10px solid #f5f5f5;" /></a> <a href="http://r.goope.jp/sample/t_55908">SalonPink</a> ピンクをテーマカラーにした、キュートなデザインです。 <a href="http://r.goope.jp/sample/t_55909"><img src="/service/img/design/l/20.png" alt="Wide" style="border: 10px solid #f5f5f5;" /></a> <a href="http://r.goope.jp/sample/t_55909">SalonBlue</a> ブルーをテーマカラーにした、涼しげなデザインです。 管理画面の「デザイン設定 ＞ ダウンロード」からダウンロード可能です。 また、背景画像も追加しております。 背景画像を設定できるテンプレートの「デザイン編集」から、「背景画像を使用する（共有背景画像）」を選択いただき、 設定いただければと思います。 是非、ダウンロードしてご利用ください！ 2011-10-25T00:00:00+09:00 http://goope.jp/info/information/?id=106 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、新コンテンツ<a href="/info/menu_discovery/" target="_blank">『メニューディスカバリー！』</a>をリリース致しました。 『メニューディスカバリー！』は、メニュー写真から、行きたい店舗を探すことができるコンテンツです。 グーペで作成されたホームページのメニューから、それぞれの店舗のホームページをチェックすることができたり、ソーシャルボタンでメニューを共有することができます。 <div style="text-align:center;"><a href="/info/menu_discovery/"><img src="/info/img/capture/201110menudc_01.png" alt="" /></a></div> 『メニューディスカバリー！』は、お客様が管理画面から写真付きのメニューを登録すると、自動的に反映されます。 その際「おすすめメニュー」にしておくと、少しだけ目立たせることができます。 メニュー登録の方法に関しましては、下記のオンラインマニュアルをご参照ください。 ▼メニュー登録のオンラインマニュアル <a href="http://goope.jp/support/manual/3_2_3" target="_blank">メニューを更新する</a> また、管理画面 > 『店舗情報設定』から、店舗のジャンルを設定しておくと、検索時にジャンルで絞り込んだ際、メニューが検索されやすくなります。 <div style="background-color:#33CCFF; color:white; padding:3px; font-weight:bold;" id="info_20110701_02">『メニューディスカバリー！』にメニューを反映させない場合</div> 管理画面　> アカウント情報から、最下層の『ホームページ紹介』の『紹介NG』にチェックをして、『更新する』を押してください。 <div style="border:solid 3px #DDD; padding:5px;"><div style="text-align:center;"><img src="/info/img/capture/201110menudc_02.png" alt="" /></div></div> 機能追加につきまして、ご意見、ご要望等ございましたら下記ご要望フォームよりご連絡いただきますと、機能追加の際に検討させていただきます。 <a href="http://goope.jp/youbou" target="_blank">ご要望フォーム</a> 『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう機能改善に努めてまいります。 今後とも、『グーペ』をよろしくお願いたします。 2011-09-06T00:00:00+09:00 http://goope.jp/info/information/?id=103 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日より、『DXプラン』ご利用の方は、お問い合わせフォームをカスタマイズできるようになりましたので、お知らせいたします。 <div style="background-color:red; color:white; padding:5px; text-align:center;">お問い合わせフォームのカスタマイズは『DXプラン』のお客様のみご利用いただけます。</div> <div style="border:solid 3px #DDD; padding:5px;"><div style="text-align:center;"><img src="/info/img/capture/20110906.png" alt="" /></div></div> お問い合わせフォームをカスタマイズすることで、お客様の声をより詳しく取り入れることができます。 設置方法に関しましては、下記のオンラインマニュアルをご参照ください。 ▼お問い合わせカスタマイズ機能のオンラインマニュアル <a href="http://goope.jp/support/manual/3_2_6#link_4" target="_blank">お問い合わせ項目の登録</a> <div style="background-color:#33CCFF; color:white; padding:3px; font-weight:bold;" id="info_20110701_02">デザインのアップデートについて</div> 本機能の追加に伴いまして、デザインのアップデートを行いました。 管理画面の「デザイン設定＞ダウンロード」から、 最新のデザインをダウンロードする事で、本機能をご利用いただけます。 デザインをカスタマイズをされているお客様は、お手数をおかけいたしますが、下記のようにHTMLとCSSの編集を行ってください。 【HTML】<span style="color:red;">※PC版</span> ↓お問い合わせ部分のHTMLの<fieldset>～</fieldset>を削除いただき、赤文字部分のタグを追加してください <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><!-- 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}" /> <span style="color:red;"> <!-- お問い合わせカスタマイズここから // --> <div class="contact_form">{question}</div> <!-- お問い合わせカスタマイズここまで // --> </span> <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 --> </div> 【CSS】<span style="color:red;">※PC版</span> ↓下記CSSを末尾などに追加してください <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">.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; } </div> 【HTML】<span style="color:red;">※モバイル版</span> ↓お問い合わせ部分のHTMLの<fieldset>～</fieldset>を削除いただき、赤文字部分のタグを追加してください <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><!-- 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}"> <span style="color:red;"> <div class="contact_form">{question}</div> </span> <input type="submit" value="ﾒｰﾙ送信"> </form> </div> <!-- END contact --> </div> 【HTML】<span style="color:red;">※スマートフォン版</span> ↓お問い合わせ部分のHTMLの<fieldset>～</fieldset>を削除いただき、赤文字部分のタグを追加してください <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> <!-- 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 --> </div> 【CSS】<span style="color:red;">※スマートフォン版</span> ↓下記CSSを末尾などに追加してください <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">.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; } </div> 以上が本日追加いたしましたお問い合わせフォームカスタマイズ機能の詳細となります。 今後も『グーペ』では、お客様が簡単にホームページの作成、運営ができるよう機能改善に努めて参ります。 今後とも「グーペ」をよろしくお願いいたします。 2011-08-23T00:00:00+09:00 http://goope.jp/info/information/?id=102 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、携帯電話とスマートフォンからのカレンダー更新機能がリリースされましたので、お知らせいたします。 <div style="text-align:center;"><img src="/info/img/capture/20110823_01.png" alt="携帯管理画面カレンダー管理ページ" /><br />携帯管理画面カレンダー管理ページ(左)とスマートフォン管理画面カレンダー管理ページ(右)</div> これにより携帯電話・スマートフォンからもスケジュール登録、更新ができるようになりました。 詳しい編集方法に関しましては、下記のオンラインマニュアルをご参照ください。 ▼携帯管理画面のオンラインマニュアル <a href="/support/manual/3_2_12#link_5" target="_blank">携帯電話からカレンダーを管理する</a> ▼スマートフォン管理画面のオンラインマニュアル <a href="/support/manual/3_2_26#link_6" target="_blank">スマートフォンからカレンダーを管理する</a> さらに、スマートフォンから、PC版管理画面をご利用いただけるようになりました。 <div style="text-align:center;"><img src="/info/img/capture/20110823_02.png" alt="スマートフォン管理画面PC切り替えボタン" /></div> スマートフォン用管理画面の下部「PC版へ」ボタンをタップすることで、PC版の管理画面を使用することができますが、スマートフォンからPC版管理画面をご利用いただく場合、スマートフォンに搭載されているブラウザがPCで利用するものと仕様が異なるため、スマートフォンからでは利用できない場合があります。 また、予想外の動作・挙動が起こる可能性もございますので、弊社では、スマートフォン版管理画面での動作のみを保障しており、PC版管理画面での動作を保障できかねますのでご了承ください。 機能追加につきまして、ご意見、ご要望等ございましたら下記ご要望フォームよりご連絡いただきますと、機能追加の際に検討させていただきます。 <a href="http://goope.jp/youbou" target="_blank">ご要望フォーム</a> 『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう機能改善に努めてまいります。 今後とも、『グーペ』をよろしくお願いたします。 2011-08-04T00:00:00+09:00 http://goope.jp/info/information/?id=100 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、スマートフォン用テンプレートのカスタマイズ機能がリリースされましたので、お知らせいたします。 <div style="text-align:center;"><img src="/info/img/capture/20110804_01.png" alt="ホームページスマホ版" /></div> 「グーペ」はこれまでパソコン・携帯電話のホームページデザインをカスタマイズが可能でしたが、 これからはスマートフォンから閲覧された場合でも、お店の雰囲気に合わせたオリジナルデザインでホームページを運営することができ、ますます充実したサイト運営が可能になりました。 <div style="text-align:center;border:solid 3px #DDD; padding:5px;"><img src="/info/img/capture/20110804_02.png" alt="グーペ管理画面スマホデザイン設定" /></div> 「かんたん編集」では、21種類ものカラーバリエーションを選ぶことができ、 スマートフォンテンプレート用のパーツを、簡単に表示切り替えすることができます。 また、スマートフォンテンプレートだけの便利なパーツ「メニューバー」が設定できます！ 「メニューバー」とは、トップページのヘッダー下に表示されるバーです。タップすると、お客様がサイトに訪れた際、ここからお店へ連絡したり、お店の確認をすることができます。 <div style="text-align:center;"><img src="/info/img/capture/20110804_03.png" alt="メニューバー" /></div> スマートフォン用テンプレートのカスタマイズは標準機能として提供するため、オプション料金等は不要です。「グーペ」をご契約中であれば、すぐにご利用いただけます。 「管理画面にログイン」→「デザイン設定」→「スマートフォン用デザイン」 詳しい編集方法に関しましては、下記のオンラインマニュアルをご参照ください。 ▼スマートフォン用デザインのオンラインマニュアル <a href="/support/manual/3_3_12" target="_blank">スマートフォン用テンプレートの設定</a> 『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう機能改善に努めてまいります。 今後とも『グーペ』をよろしくお願い致します。 2011-07-13T00:00:00+09:00 http://goope.jp/info/information/?id=96 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、グーペ管理画面の「スマートフォン最適化」を行いましたので、お知らせいたします。 これにより管理画面が、スマートフォンからも閲覧・管理しやすくなりました。 <div style="text-align:center;"><img src="/info/img/capture/20110713_01.png" alt="グーペ管理画面スマホ最適化ログイン画面" /></div> <div style="text-align:center;"><img src="/info/img/capture/20110713_02.png" alt="グーペ管理画面スマホ最適化トップ画面" /></div> 今回リリースされた機能につきましては、現在リリースされております携帯版管理画面と同等の【インフォメーション更新】【お問い合わせ返信】【アクセス解析】となります。 詳しい使い方は<a href="/support/manual/3_2_26/" target="_blank">こちら</a>をご確認ください。 「管理画面のスマートフォン最適化」はiPhoneやAndroid端末からの閲覧に対応しており、特に設定の必要はございません。閲覧者がスマートフォンでのアクセスだった場合、自動で表示が切り替わります。 <span style="color:red;">※iPhone、iPod touch、Android端末に対応しておりますが、全ての端末での表示・動作を保障しておりません。予めご了承ください。</span> 今後、スマートフォン用のテンプレートカスタマイズ機能などの追加を予定しております。 スマートフォン対応に関する機能追加につきまして、ご意見、ご要望等ございましたら下記ご要望フォームよりご連絡いただきますと、機能追加の際に検討させていただきます。 <a href="http://goope.jp/youbou" target="_blank">ご要望フォーム</a> 今後とも、『グーペ』をよろしくお願いたします。 2011-07-04T00:00:00+09:00 http://goope.jp/info/information/?id=95 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日より、ホームページのナビゲーション（コンテンツメニュー）部分にバナーやウィジェット（ブログパーツ）が簡単に追加できるようになりました。 <div style="border:solid 3px #cccccc; padding:5px;">▼お知らせ内容の項目 1. <a href="#info_20110701_01">機能の説明</a> 2. <a href="#info_20110701_02">デザインのアップデートについて</a> 3. <a href="#info_20110701_03">【重要】管理画面の変更について</a></div> <div style="border:solid 3px #FF6699; padding:5px;">・本機能はPC版のみの提供となります。 ・「Obi」のデザインでは本機能はご利用いただけません。ご利用の場合は「Obi」以外のデザインをご利用ください。</div> <div style="background-color:#33CCFF; color:white; padding:3px; font-weight:bold;" id="info_20110701_01">機能の説明</div> <img src="https://goope.jp/info/img/capture/20110704.png" alt="ナビゲーションパーツ追加例" /> ●バナーの追加 リンク先の設定が可能となりますので、目立たせたいコンテンツへの誘導の際などにお使いください。 ●ウィジェット（ブログパーツ）の追加 ウィジェットを配布しているサイトより表示するのに必要なコード（タグ）が取得できます。こちらを登録することで表示ができます。 ※パーツの追加はバナーとウィジェット合わせて10個までとなります。 設置方法に関しましては、下記のオンラインマニュアルをご参照ください。 ▼ナビゲーションパーツのオンラインマニュアル <a href="http://goope.jp/support/manual/3_2_25" target="_blank">ナビゲーションを設定する</a> <div style="background-color:#33CCFF; color:white; padding:3px; font-weight:bold;" id="info_20110701_02">デザインのアップデートについて</div> 本機能の追加に伴いまして、デザインのアップデートを行いました。 管理画面の「デザイン設定＞ダウンロード」から、 最新のデザインをダウンロードする事で、本機能をご利用いただけます。 デザインをカスタマイズをされているお客様は、お手数をおかけいたしますが、下記のようにHTMLとCSSの編集を行ってください。 【HTML】 ↓ナビゲーション部分のHTMLに<span style="color:red;">赤文字部分</span>のタグを追加してください <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><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><span style="color:red;"> <!-- ナビゲーションパーツここから // --> {navi_parts} <!-- // ナビゲーションパーツここまで --></span> </div> <!-- // ナビゲーション部分ここまで --> </div> 【CSS】 ↓下記CSSを末尾などに追加してください <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">#navi_parts { margin: 10px 0px; } .navi_parts_detail { margin-bottom:5px; text-align:center; } </div> <div style="background-color:#33CCFF; color:white; padding:3px; font-weight:bold;" id="info_20110701_03">管理画面の変更について</div> <span style="font-weight:bold; color:red;">【重要】</span> 本機能追加により管理画面にて、ナビゲーション部分に関する機能をまとめる為、下記の通り変更を行っております。 <div style="border:solid 3px #cccccc; padding:5px;">1. サイドメニューに「ナビゲーション設定」の項目を追加いたしました。 2. 「外部リンク更新」の機能を「ナビゲーション設定」へ移動いたしました。 　（これによりサイドメニューより「外部リンク更新」が削除されております） 3. 「基本設定」にありました「コンテンツ設定」を「ナビゲーション設定」へ移動いたしました。</div> お手数ではございますが、何卒ご理解の程、よろしくお願い申し上げます。 ----------- 今後も、『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう機能改善に努めてまいります。 今後とも『グーペ』をよろしくお願い致します。 2011-06-30T00:00:00+09:00 http://goope.jp/info/information/?id=94 <a href="https://goope.jp/order/"><img src="/info/img/201107_c_tama.jpg" alt="サービス開始から777日記念！７つの玉を集めて7ヵ月分無料キャンペーン" /></a> 本日『グーペ』は多くのお客様に支えられ、サービス開始より<b style="color:red; font-weight:bold;">777日</b>を迎えることができました。（※1） これを記念しまして、現在より7月7日までにお申込みいただいた方を対象に、 管理画面に隠された7つの玉を集めますと（※2）、 <span style="color:red;">7か月分無料サービス期間をプレゼントするキャンペーン</span>を行います。 キャンペーン対象条件： ・期間内にお申込みを行われたアカウントで管理画面にて7つの玉を集めた方 <span style="color:red;">※ご入金、ご契約はキャンペーン期間外でも対象となります。</span> <span style="color:red;">※管理画面内の『アカウントの追加』より追加されたアカウントは対象外となっております。</span> <span style="color:red;">※対象アカウントは管理画面上に下記のように対象マークが表示されます。</span> <img src="/info/img/campaign_201107_btn.jpg" alt="サービス開始から777日記念！７つの玉を集めて7ヵ月分無料キャンペーン" /> キャンペーン期間： 2011年6月30日 11：00～2011年7月7日終日 キャンペーン内容： 該当のアカウントは、管理画面より初回契約のご利用料金をお支払いいただきますと、7ヵ月分の無料期間が追加されます。 是非この機会に、グーペのご利用をご検討いただければと存じます。 今後とも『グーペ』をよろしくお願いいたします。 ※1 サービス開始2周年を忘れて素通りしたということはございません ※2 管理画面トップにございます『touch！グーペをさわってみよう』のあたりが怪しいです <p style="text-align:center;"><a href="https://goope.jp/order/" target="_parent"><img src="/home/img/order_btn.gif" alt="お申し込みはこちら" /></a></p> 2011-05-23T00:00:00+09:00 http://goope.jp/info/information/?id=90 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日より、『DXプラン』ご利用の方は、PDFファイルのアップロードが管理画面より行えるようになりましたので、お知らせいたします。 <div style="background-color:red; color:white; padding:5px; text-align:center;">PDFアップロードは『DXプラン』のお客様のみご利用いただけます</div> <div style="background-color:#999; color:white; padding:5px;">▼PDFファイル登録画面</div> <div style="border:solid 3px #DDD; padding:5px;"><div style="text-align:center;"><img src="https://goope.jp/info/img/capture/20110509_01.png" alt="" /></div> 【１】管理画面の左メニューより「画像アップロード」をクリックすると、 「PDFアップロード」のタブメニューがあるので、こちらをクリックすると、登録画面が開きます。 【２】アップするPDFファイルを選択。「PDFの説明」には、説明を入力してください。 この説明文は、PDFファイルへリンクを貼る際の文章として利用されます。 <span style="color:red;">※アップ可能なPDFファイルは１ファイルあたり5MBまでとなります。 ※PDFファイルを登録すると、１ページ目の内容で自動的に画像を生成します。 （一部のPDFファイルでは画像作成ができない場合がございます）</span> 【３】登録済みのPDFファイルの画像をクリックすると、「詳細画面」が表示されます。 </div> <div style="background-color:#999; color:white; padding:5px;">▼PDFファイル詳細画面</div> <div style="width:510px; border:solid 3px #DDD; padding:5px;"><div style="text-align:center;"><img src="https://goope.jp/info/img/capture/20110509_02.png" alt="" /></div> 【１】リンク生成よりPDFへリンクするHTMLを表示することができます。 HTMLにて直接PDFへリンクを貼る場合にご利用ください。 </div> <div style="background-color:#999; color:white; padding:5px;">▼簡易入力エディタよりPDFファイルへのリンク埋め込み方法</div> <div style="width:510px; border:solid 3px #DDD; padding:5px;">「フリーページ更新」などに設けてある「簡易入力エディタ」よりPDFファイルへのリンクを 埋め込むことができます。 <div style="text-align:center;"><img src="https://goope.jp/info/img/capture/20110509_03.png" alt="" /></div> 【１】リンクタイプより「テキストリンク」か、「画像付リンク」を選択してください。 【２】リンクを埋め込みたいPDFファイルを選択すると、簡易入力エディタ側にリンクを埋め込む HTMLが入力されます。 </div> <div style="background-color:#999; color:white; padding:5px;">▼PDFファイルへのリンク埋め込み例</div> <div style="width:510px; border:solid 3px #DDD; padding:5px;">PDFファイルへのリンクをフリーページへ埋め込んだ例となります。 <div style="text-align:center;"><img src="https://goope.jp/info/img/capture/20110509_04.png" alt="" /></div> 【１】「画像付リンク」でPDFへのリンクを埋め込んだ場合は、画像をクリックすると PDFファイルが別ウィンドウで開きます。 【２】「テキストリンク」でPDFへのリンクを埋め込んだ場合は、「PDFの説明」にリンクが 貼られます。（「PDFの説明」がない場合は、「PDFファイルを開く」という文言でリンクが貼られます） </div> 以上が本日追加いたしましたPDFファイルアップ機能の詳細となります。 今後も『グーペ』では、お客様が簡単にホームページの作成、運営ができるよう 機能改善に努めて参ります。今後とも「グーペ」をよろしくお願いいたします。 2011-05-18T00:00:00+09:00 http://goope.jp/info/information/?id=89 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、ホームページの「スマートフォン最適化」を行いましたので、お知らせいたします。 これにより「グーペ」を利用して作成したホームページが、スマートフォンからも閲覧しやすくなりました。 <div style="text-align:center;"><img src="https://goope.jp/info/img/capture/20110518.png" alt="スマホ表示最適化" /></div> 「サイトのスマートフォン最適化」はiPhoneやAndroid端末からの閲覧に対応しており、特に設定の必要はございません。閲覧者がスマートフォンでのアクセスだった場合、自動で表示が切り替わります。 <span style="color:red;">※iPhone、iPod touch、Android端末に対応しておりますが、全ての端末での表示・動作を保障しておりません。予めご了承ください。</span> 今後、スマートフォン用のテンプレートカスタマイズ機能、スマートフォン用管理画面などの追加を予定しております。 スマートフォン対応に関する機能追加につきまして、ご意見、ご要望等ございましたら下記ご要望フォームよりご連絡いただきますと、機能追加の際に検討させていただきます。 <a href="http://goope.jp/youbou" target="_blank">ご要望フォーム</a> 今後とも、『グーペ』をよろしくお願いたします。 2011-04-25T00:00:00+09:00 http://goope.jp/info/information/?id=86 ＜お問い合わせ対応＞ 期間中、弊社では暦通り営業を行っておりますので、土、日、祝日に関しましては、 営業を行っておりません。 このため、期間中はお問い合わせ対応が遅れる場合がございますのでご了承ください。 　※ 緊急性の高いお問い合わせについては対応いたします。 　※ サーバー監視業務に関しましては通常通り 24 時間対応いたします。 ＜アカウント停止対応＞ 2010年4月末日に更新期限となるお客様につきましては、連休期間後の　2010年5月9日までに ご入金が確認できない場合、翌10日にアカウント停止処理を行わせていただきます。 該当のお客様は、なるべく期限内にご入金くださるようお願い申し上げます。 2011-04-14T00:00:00+09:00 http://goope.jp/info/information/?id=83 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、お問い合わせ機能にて以下の機能拡張を行いましたのでお知らせします。 ---------------------------------------------------------------- 【１】確認メールへの詳細情報の追加 【２】お客様へのお問い合わせ受付メール送信 ---------------------------------------------------------------- 拡張した機能詳細は以下の通りです。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【１】確認メールへの詳細情報の追加 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 今までは、お客様からお問い合わせが来た場合には、 『【Goope】お問い合わせが寄せられました』という件名のメールが 管理者のメールアドレス宛に送信されておりましたが、 こちらのメールにお問い合わせの詳細内容を加えることができます。 追加される内容は以下のような内容となります。 ================================================================ 【お名前】 山田　太郎 【メール】 sample＠goope.jp 【電話番号】 00-1234-5678 【内容】 こんにちは。 １月１日は営業をしてますか？ ================================================================ 設定は、管理画面の「お問い合わせ管理＞お問い合わせ設定」より 『確認メール詳細追加』のチェックボックスにチェックを入れてください。 なお、お問い合わせの内容すべてがメールにて送信されることと なりますので、確認メールのメールアドレスを転送設定などされている場合には、 転送先にも同様の内容が送信されますのでご注意ください。 ※『確認メール携帯受信アドレス』を設定されている場合は、 　同じように詳細情報が追加されます。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【２】お客様へのお問い合わせ受付メール送信 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 今までは、お客様がお問い合わせをされた際には、 お客様には、お問い合わせ受付のメールが送信されておりませんでしたが、 本機能の設定を行うと、お客様がお問い合わせ時に入力されました メールアドレス宛にお問い合わせ受付のメールが 送信されるようになります。 送信されるメールは以下のような内容となります。 ================================================================ 件名：お問合せありがとうございます 山田　太郎 様 この度は、お問合せいただき誠にありがとうございます。 以下の内容でお問合せをお受けいたしました。ご確認ください。 ■お問い合わせ内容 ---------------------------- 【お問い合わせ先】 Cafe Goope http://r.goope.jp/sample 【お名前】 山田　太郎 様 【メール】 sample＠goope.jp 【電話番号】 00-1234-5678 【内容】 こんにちは。 １月１日は営業をしてますか？ ※※※ここにメール署名の設定があれば挿入されます。※※※ ================================================================ 設定は、管理画面の「お問い合わせ管理＞お問い合わせ設定」より 『お問い合わせ受付メール送信』のチェックボックスにチェックを入れてください。 「お問い合わせ設定」にて、『メール署名』を設定されている場合には、 メールの末尾に署名が挿入されます。 以上が本日追加いたしました機能拡張の内容となります。 本日の機能拡張は、モバイル版でも同様の内容となります。 今後も『グーペ』では、お客様が簡単にホームページの作成、運営ができるよう 機能改善に努めて参ります。今後とも「グーペ」をよろしくお願いいたします。 2011-03-23T00:00:00+09:00 http://goope.jp/info/information/?id=81 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、以下の機能を追加いたしましたのでお知らせいたします。 ・ソーシャルボタン（Twitter・Facebook）の表示 ・お気に入り登録ボタンの表示（Internet Explorer・Firefoxのみ） ・お知らせ・メニューのTwitter同時投稿 <img src="/info/img/sns_btn_20110323.png" alt="ソーシャルボタン及びTwitter同時投稿対応のお知らせ" /> ■ソーシャルボタン・お気に入り登録ボタン デザイン編集にて独自タグを追加していただくと、それぞれのボタンが表示されます。 HTML内の任意の場所に貼付けてご利用ください。 <table cellspacing="2" cellpadding="0" border="0" style="background: #ccc;"><tr><th style="padding: 10px; background: #f5f5f5;">Twitter「ツイートボタン」</th><td style="padding: 10px; background: #fff; font-weight: bolder;">{twitter_button}</td></tr><tr><th style="padding: 10px; background: #f5f5f5;">Facebook「いいね！ボタン」</th><td style="padding: 10px; background: #fff; font-weight: bolder;">{facebook_button}</td></tr><tr><th style="padding: 10px; background: #f5f5f5;">お気に入り登録ボタン</th><td style="padding: 10px; background: #fff; font-weight: bolder;">{favorite_button}</td></tr></table> <span style="color:red;">※「お気に入り登録ボタン」は、Internet ExplorerとFirefoxのみ表示されます</span> ご利用方法に関しましての詳細は、下記マニュアルをご参照ください。 →<a href="http://goope.jp/support/manual/3_2_24" target="_blank">【オンラインマニュアル】Twitter・Facebook・お気に入りに追加とは</a> →<a href="http://goope.jp/support/manual/3_2_23" target="_blank">【オンラインマニュアル】Twitter・Facebook・お気に入りに追加ボタンをショップに設置</a> ■Twitter同時投稿 Twitter同時投稿は、お知らせ・メニューを投稿する際にTwitterにも投稿される機能です。 「基本設定＞連携機能」より、Twitter連携の設定を行った後にご利用ください。 ご利用方法に関しましての詳細は、下記マニュアルをご参照ください。 →<a href="http://goope.jp/support/manual/3_2_22" target="_blank">【オンラインマニュアル】Twitter（ツイッター）連動機能</a> 今後も『グーペ』では、お客様が簡単にホームページの作成、運営ができるよう機能改善に努めて参ります。今後とも「グーペ」をよろしくお願いいたします。 2011-03-12T00:00:00+09:00 http://goope.jp/info/information/?id=80 平成23年3月11日に発生した東北地方太平洋沖地震により被害を受けられた皆様に 謹んでお見舞い申し上げます。被災地の一日も早い復興をお祈り申し上げます。 当サービスでは今回の災害により「災害救助法」の適用を受ける地域に居住される お客様につきまして、可能な限りの便宜的措置を図らせていただきます。 当面の対応といたしまして、未入金によるサービス停止を延期いたします。 尚、災害の影響で、お問い合わせ業務に通常よりお時間がかかることが予想されます。 ご利用のお客様には申し訳ございませんが、問い合わせの際には 予めご了承頂きますようお願いいたします。 【2011/3/14 13:00追記】 関東地方において、本日３月14日より計画停電が行われる可能性について報道されておりますが、現在のところ、この計画停電による当サービスの停止は予定していません。 【2011/3/28 16:00追記】 今回の震災に伴い、一部地域にお住まいのユーザー様でご契約更新のアカウントをお持ちの方を対象に未入金によるサービス停止の一時回避を実施いたします。 ■対象について 　ご登録情報の住所が以下の県となっているのユーザー様 　「岩手県、宮城県、福島県、栃木県、茨城県」 また、お試し期間と対象地域以外のユーザー様に関しましては、未入金によるサービス停止の処理を本日より再開いたします。 【2011/6/20 15:00追記】 　2011/4/20に、弊社（株式会社paperboy&co.）よりメールにてご案内したとおり、グーペでは東日本大震災の被災地に該当するお客様に関しまして、ご利用料金が『未入金』の場合でも、アカウント停止を行っておりませんでしたが、６月末日よりご入金確認を再開する運びとなりました。 　今後も継続して【グーペ】のご利用を希望されるお客様は、 　管理画面よりお支払いの手続きをお願いいたします。 　 -------------------------------------------------------------------- 　　■ご入金締め切り日　2011/06/30 　　■お支払い方法 　　管理画面にログインの上、『料金お支払い』画面にてお手続き 　　を行ってください。 　　　▼『料金お支払い』マニュアル 　　 http://goope.jp/support/manual/2_2 　　※2011/7/1に、弊社にてご入金確認を行います。 　　その際に、ご入金が確認出来なかった場合は『アカウント停止』となり、 　　管理画面からの更新作成されたホームページが閲覧できない状態となります。 お客様には大変ご迷惑をお掛けいたしますが、なにとぞご理解のほど、 よろしくお願い申し上げます。 2011-02-21T00:00:00+09:00 http://goope.jp/info/information/?id=79 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、「管理画面表示モード」を追加いたしました。 こちらは、管理画面の表示を作成されますホームページの内容に合わせて「シンプルモード」と「ノーマルモード」の２種類に切り替えられる機能となっております。 【シンプルモード】 … 必要最低限の機能のみ表示されるシンプルなモード 【ノーマルモード】 … カスタマイズ用の様々な機能を使うことができるモード まずは「シンプルモード」でホームページの作成に必要な機能をお使いいただきまして、『グーペ』の管理画面の操作に慣れていただきましたら、「ノーマルモード」へ切り替えていただきまして、更に細かくホームページを作り込んでいただければと思います。 -------------------------------------------------------------------------- 「ノーマルモード」でご利用できる機能は以下になります。 【基本設定】 ファビコンの設定、独自ドメイン設定、メールアドレス設定、上級サイト管理機能 【トップページ設定】 スライドショーのスピード、サイズ変更 【デザイン設定】 詳細編集 【アカウント情報】 副管理者機能 【お知らせ更新】 携帯更新設定 【クーポン設定】 合言葉設定 【フリーページ】 フリーページの全機能 【求人ページ】 求人ページの全機能 【予約管理】 予約管理の全機能 -------------------------------------------------------------------------- 「管理画面表示モード」を切り替える場合は、管理画面右上より切り替えることができます。 <span style="color:red;">※本機能リリース以前に、『グーペ』をご利用のお客様は、「ノーマルモード」となっております。</span> ご利用方法に関しましての詳細は、下記マニュアルをご参照ください。 →<a href="http://goope.jp/support/manual/3_1_4" target="_blank">【オンラインマニュアル】管理画面表示モードの切り替え</a> 今後も『グーペ』では、お客様が簡単にホームページの作成、運営ができるよう機能改善に努めて参ります。 2011-01-31T00:00:00+09:00 http://goope.jp/info/information/?id=75 <img src="/info/img/110131.jpg" alt="グーペお申込み店舗数6666店舗突破キャンペーン!66人のお客様に6ヶ月分無料！" /> <div style="color:red;"> --------------------------------------------------------- 66名に達したので、当キャンペーンは終了しております。 お申し込みありがとうございました。 --------------------------------------------------------- </div> 666は悪魔の数字としてキリスト教では忌み嫌われているようでございますが 先日『グーペ』ではお申込み数が<b style="color:red; font-weight:bold;">6666件を突破</b>いたしました！ これを記念しまして現在からお申込みいただいた66人のお客様に6か月分無料 サービス期間をプレゼントするキャンペーンを行います。 該当アカウント：現在から先着でお申込み頂いた方から66アカウント <span style="color:red;">※66件を超えた時点で作成されたアカウントは対象外となります。 対象アカウントは管理画面上に下記のように対象マークが表示されます。</span> <img src="/info/img/campaign_0131_btn.jpg" alt="6666" /> キャンペーン期間：上記対象数に達した時点で終了となります キャンペーン内容： 該当のアカウントは、管理画面より初回契約のご利用料金を お支払いいただきますと、6ヵ月分の無料期間が追加されます。 本キャンペーンは<b style="color:red; font-weight:bold;">お申し込みの先着順</b>となりますので、お早目にお申し込みください。 今後とも『グーペ』をよろしくお願いいたします。 2011-01-25T00:00:00+09:00 http://goope.jp/info/information/?id=74 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、アクセスカウンターなどが簡単に表示切替ができる 「パーツ表示切替」機能を追加いたしました。 「パーツ表示切替」機能では、ホームページ上で共通で 表示される以下の９つのパーツの表示・非表示が デザイン編集の「かんたん編集」より１クリックで切り替えることができます。 <img src="/info/img/110124.jpg" alt="パーツ表示切替" /> ------------------------------------------- １．ヘッダー部分の「紹介文」 ２．ヘッダー部分の「店舗名」 ３．ヘッダー部分の「電話番号」 ４．ヘッダー部分の「RSSボタン」 ５．サイド部分の「本日のスケジュール」 ６．サイド部分の「携帯サイトの案内（QRコード）」 ７．サイド部分の「アクセスカウンター」 ８．フッター部分の「コピーライト」 ９．フッター部分の「powered by 表記」 ------------------------------------------- 表示切替ができるパーツの詳細、操作方法に 関しましては、以下のオンラインマニュアルをご参照ください。 ▼オンラインマニュアル <a href="http://goope.jp/support/manual/3_3_7#link_5" target="_blank">パーツ表示切替－テンプレートのかんたん編集方法</a> <div style="border:solid 4px #FF6666; padding:5px;">本機能は、デザインを「かんたん編集」で編集されている場合にお使いいただける機能となります。 「詳細編集」でCSSを編集されている場合は、本機能をお使いになると、<span style="color:#FF3300;">CSSが初期値に上書きされますので、ご注意ください。</span></div> なお、本機能追加に伴いまして、 以下の２タイプのデザインに関しまして、アップデートを行いました。 ▼アップデートを行ったデザイン ・『 Obi 』 ・『 natural 』 ・『 Japan 』 管理画面の「デザイン設定＞ダウンロード」から、 最新のデザインをダウンロードする事で、本機能をご利用いただけます。 上記３タイプのデザインをカスタマイズをされているお客様は、 お手数をおかけいたしますが下記のようにHTMLとCSSの編集を行ってください。 ● 『Obi』のCSS編集 HTMLの、ヘッダー部分とフッター部分の二ヶ所と、CSSのアップデートがございます。 【HTML】ヘッダー部分 ↓以下を削除してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><div class="shop_title"> {name} {tel} <a href="{site_rss}"> <img src="/img/icon/rss.png" /> </a> </div> </div> ↓削除した箇所に以下を追加してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><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></div> 【HTML】フッター部分 ↓以下を削除してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><div class="copyright"> <p> ©{year} <a href="{site_url}">{name}</a>. All Rights Reserved. </p> <p> Powered by <a href="{goope_url}">グーペ</a> / <a href="{admin_url}">Admin</a> </p> </div></div> ↓削除した箇所に以下を追加してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><div class="copyright"> ©{year} <a href="{site_url}">{name}</a>. All Rights Reserved. </div> <div class="powered">Powered by <a href="{goope_url}">グーペ</a> / <a href="{admin_url}">Admin</a></div></div> 【CSS】コピーライト部分 ↓以下を削除してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">/* コピーライト */ .copyright { width: 200px; float: left; margin-bottom: 20px; font-size: 11px; } .copyright p { margin: 20px 0; }</div> ↓削除した箇所に以下を追加してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">/* コピーライト */ .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; }</div> ● 『natural』のHTML・CSS編集 HTMLと、CSSのテーマ別レイアウト部分とヘッダー部分のアップデートがございます。 【HTML】ヘッダー部分 ↓以下を削除してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><!-- ヘッダー部分ここから // --> <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> ↓削除した箇所に以下を追加してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"><!--ヘッダー部分ここから // --> <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> <!-- // ヘッダー部分ここまで --></div> 【CSS】テーマ別レイアウト部分 ↓以下を削除してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">#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; }</div> ↓削除した箇所に以下を追加してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">#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; }</div> 【CSS】ヘッダー部分 ↓以下を削除してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">/* -------------------------------------- ヘッダー --------------------------------------- */ .shop_title { text-align: right; margin: 35px 10px 0 0; }</div> ↓削除した箇所に以下を追加してください。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">/* -------------------------------------- ヘッダー --------------------------------------- */ .shop_title { text-align: right; margin: 0 10px 0 0; }</div> ● 『Japan』のCSS編集 『Japan』はCSSのヘッダー部分のみアップデート（削除のみ）がございます。 【CSS】ヘッダー部分 ↓以下を削除してください。削除のみとなります。 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();">h1.site_logo img{ margin-top:-50px; }</div> 今後も、『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう 機能改善に努めてまいります。 今後とも『グーペ』をよろしくお願い致します。 2010-12-21T00:00:00+09:00 http://goope.jp/info/information/?id=70 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、クーポンとフリーページに「合言葉」の機能を追加しました。 合言葉を設定したクーポン・フリーページは、アクセスをすると、合言葉の入力を求める 画面となり、合言葉が合致した場合だけ、ページの内容を見ることができます。 メール等で合言葉を教えたいお客様に「合言葉を入力するアドレス」と「合言葉」を セットで送ることで、そのお客様だけがアクセスできる限定ページが作成できます。 例えば、メールマガジン読者のみにお得なクーポンを発行したり、お店で招待者限定の クリスマスパーティーを開く場合にイベントの詳細を掲載したり・・・など、いろいろな使い方で、 ホームページをツールとしてお使いいただけます。 本日追加いたしました機能のご利用方法に関しましては、下記マニュアルをご参照ください。 ▼クーポンのオンラインマニュアル <a href="http://goope.jp/support/manual/3_2_7" target="_blank">クーポンを管理する</a> ▼フリーページのオンラインマニュアル <a href="http://goope.jp/support/manual/3_2_5" target="_blank">フリーページを更新する</a> 今後とも「グーペ」をよろしくお願いいたします。 2010-12-15T00:00:00+09:00 http://goope.jp/info/information/?id=68 <img src="/info/img/20101215/20101215.jpg" alt="実家のホームページを作ろうキャンぺーン" /> すっかり真冬の寒さとなりましたが、皆様いかがお過ごしでしょうか。 お正月は実家に帰っていて暇を持て余している方（もしくは持て余す予定の方）、必見！ 「実家のホームページを作ろうキャンぺーン」が始まりました。 実家がお店を経営している方で、期間内にお申し込みされた方が対象となります。 <strong style="font-weight: bolder; color: #ff3355; font-size:15px;">今なら対象の方全員初期費用無料！</strong> グーペに登録済みの方でアカウントを増やしたい方も、必見です。 親孝行をするなら今しかない！ 素敵なホームページを、ご両親、ご家族にプレゼントしていい年を迎えましょう。 キャンペーン対象期間：2010/12/15（水） ～ 2011/01/15（土） キャンペーン対象条件：実家がお店を経営している方 キャンペーン内容 ：初期費用3150円（税込）が無料 ※アカウント作成時に『キャンペーンに参加します』にチェックを入れた方が 対象となります<img src="/info/img/20101215/capture.jpg" border="0" style="padding:20px 0 0 0;" alt="お申し込みキャプチャー画像" /> <center><a href="/order/" target="_blank"><img src="/info/img/20101215/btn.jpg" border="0" style="padding:20px 0 0 0;" alt="お申し込みはコチラ" /></a></center><br> <img src="/info/img/20101215/line_1.gif"><br> <strong style="font-weight: bolder; font-size:15px;">■事例紹介<a href="http://tasuke-sushi.jp/" target="_blank" style="font-weight: bolder; font-size:15px;">太助寿司様</a>　制作者・太助寿司娘　あやこ様</strong> <a href="http://tasuke-sushi.jp/" target="_blank"><img src="/info/img/20101215/case_1.jpg" border="0" alt="太助寿司様" /></a> <br class="clear" /> <img src="/info/img/20101215/questions.jpg" alt="質問者ミンチー・回答者あやこ様" /><br /> <img src="/info/img/20101215/buta_1.gif" style="float:left;" alt="ミンチー"><p style="margin-left:70px;"> 実家のホームページを作ろうと思ったきっかけは何ですか？</p> <br class="clear" /> <img src="/info/img/20101215/girl_1.gif" style="float:left;" alt="角田様"><p style="margin-left:70px;">青森に新幹線が開通するというビッグイベントがまずあって、観光で訪れる方にアピールしたいな、と思ったのがきっかけです。 なにか、<strong style="font-weight: bolder; font-size:12px;">実家のサポートができればと常々思っていた</strong>ので、このタイミングでホームページを作るのはどうかな、と思い立ちました。</p> <br class="clear" /> <img src="/info/img/20101215/line_2.gif"><br> <img src="/info/img/20101215/buta_2.gif" style="float:left;" alt="ミンチー"><p style="margin-left:70px;"> ホームページをつくるにあたって、大変だったことは何ですか？</p><br class="clear" /> <img src="/info/img/20101215/girl_2.gif" style="float:left;" alt="角田様"><p style="margin-left:70px;"> 素材に使う写真を撮りに、青森まで帰ったことです（笑） 寿司の画像が1枚も手元にないことを、こんなに後悔したのは生まれてはじめてです。地元の友達や知り合いに撮ってもらうという案もあったのですが、 やっぱり今まで間近で両親が<strong style="font-weight: bolder; font-size:12px;">働く様子を見てきたので、画になりそうな仕事の風景だとかがパッと思いつく</strong>んですよね。 なので、人にお願いするよりも自分で撮ってしまった方が早いかなって。 とはいえ写真の技術もなにもないので、<strong style="font-weight: bolder; font-size:12px;">とにかく気合</strong>で撮りまくりました。</p> <br class="clear" /> <img src="/info/img/20101215/line_2.gif"><br> <img src="/info/img/20101215/buta_1.gif" style="float:left;" alt="ミンチー"><p style="margin-left:70px;"> どういう部分にこだわって作りましたか？</p> <br class="clear" /> <img src="/info/img/20101215/girl_3.gif" style="float:left;" alt="角田様"><p style="margin-left:70px;">“シンプルでわかりやすく、清潔”というホームページ全体のイメージと、これだけは作りたい！と思っていた<strong style="font-weight: bolder; font-size:12px;">「ごあいさつ」のページ</strong>ですね。 ネタやシャリのこだわりなど、アピールしたい点がちゃんと伝わるようにしました。あとは、<strong style="font-weight: bolder; font-size:12px;">ホームページでも店を訪れたような親しみを感じてもらいたかったので、ごあいさつページのヘッダーには両親の写真を入れました。</strong> このページで店の気分は伝わるんじゃないかなあと思います。 これは、いろいろなことを共有している娘だから、自然とできたのかもしれません。</p> <br class="clear" /> <img src="/info/img/20101215/line_2.gif"><br> <img src="/info/img/20101215/buta_1.gif" style="float:left;" alt="ミンチー"><p style="margin-left:70px;"> ホームページを作ってみてよかったことや変化はありましたか？</p> <br class="clear" /> <img src="/info/img/20101215/girl_2.gif" style="float:left;" alt="角田様"><p style="margin-left:70px;">“ホームページ作るよ！と伝えた時は、「おお　そうか」というような鈍い反応でしたが、撮影ではいろいろと協力してくれました。 「笹あった方がいいかな？」とか（笑）完成したホームページを見せた時は、ずいぶん喜んでいました。今ではアドレスをお客様にお知らせしたいから早くカード的なものを作ってくれと催促するまでに…。 <strong style="font-weight: bolder; font-size:12px;">両親も、ホームページができたことでちょっと気合が入った</strong>ような感触がありました。</p> <br class="clear" /> <img src="/info/img/20101215/line_2.gif"><br> <img src="/info/img/20101215/buta_1.gif" style="float:left;" alt="ミンチー"><p style="margin-left:70px;"> グーペを使ってみてよかったところはどこですか？</p> <br class="clear" /> <img src="/info/img/20101215/girl_1.gif" style="float:left;" alt="角田様"><p style="margin-left:70px;">最初のとっかかりとして、<strong style="font-weight: bolder; font-size:12px;">自分でも作れそう！</strong>と思える、わかりやすさがよかったです。グーぺがなかったら、一から作らないといけないし、そうなるとまず、作っていなかったと思います。 基本設定を埋めていくだけで完成する単純さと、<strong style="font-weight: bolder; font-size:12px;">デザインテンプレートの豊富さ</strong>…少し知識があればカスタムできるし、<strong style="font-weight: bolder; font-size:12px;">フリーページがあるので自由度も高い</strong>ですね。お問い合わせを携帯で受信できるところとか、<strong style="font-weight: bolder; font-size:12px;">細かい部分も気が利いている</strong>感じがしました。月々の使用料も並寿司程度なので負担にならないです。</p> <br class="clear" /> <img src="/info/img/20101215/line_2.gif"> <br> <img src="/info/img/20101215/buta_1.gif" style="float:left;"><p style="margin-left:70px;" alt="ミンチー"> 最後に、実家のホームページを作りたい！という方に一言おねがいします</p> <br class="clear" /> <img src="/info/img/20101215/girl_2.gif" style="float:left;"><p style="margin-left:70px;" alt="角田様">実家を出て離れて暮らしていても、ネットがあればサポートできる、というのが今の時代のいいところだと思います。 グーぺのようなサービスは、<strong style="font-weight: bolder; font-size:12px;">知識はないけど気持はある、みたいな人にこそ向いている</strong>と思います。必然的に両親とやり取りすることも多くなるので、親との関係を修復したい人にもおすすめです。 親孝行はできるうちにした方が…実家に帰った時にご馳走で迎えられるかもしれないですよ。 </p> <br class="clear" /> <img src="/info/img/20101215/line_2.gif"> 【ご両親の声】 <img src="/info/img/20101215/case_2.jpg" style="float:left; padding-right:15px;" alt="ご両親の声" /><p style="margin-right:10px;">出来上がりを見たときには、よくできているなあと感心しました。見てくれたお客さんもみんな、写真もよく撮れているし、しっかりしたいいホームページだねと言ってくれています。 雑誌の取材などで、短時間で店のことを説明するのは難しいと感じることが多かったのですが、<strong style="font-weight: bolder; font-size:12px;">娘が作ったホームページは、自分がいつも考えていることがブレ無く伝わっている</strong>ように感じました。「ホームページを見てきました」と言ってお客さまが来てくれたら、いつにも増して嬉しいですね。 </p> <br> <center><a href="/order/" target="_blank"><img src="/info/img/20101215/btn.jpg" border="0" style="padding:20px 0 0 0;" alt="お申し込みはコチラ" /></a></center> 2010-12-08T00:00:00+09:00 http://goope.jp/info/information/?id=67 平素は【グーペ】をご利用頂き、誠にありがとうございます。 年末年始の各種お客様サポート対応についてご案内いたします。 -------------------------------------------------------------------------- ＜お問い合わせ対応＞ 　2010年12月28日（火）19:00まで ＜年始の営業開始日＞ 　 　2011年1月4日 (火）より通常営業となります。 ＜アカウント停止対応＞ 　2010年12月末日に更新期限となるお客様につきましては、各金融機関の営業開始日の 　2011年1月4日までにご入金が確認できない場合、翌5日にアカウント停止処理を行わ 　せていただきます。 　該当のお客様は、なるべく年内にご入金くださるようお願い申し上げます。 2010-11-24T00:00:00+09:00 http://goope.jp/info/information/?id=66 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、機能の拡張を行いました。拡張により以下の３つの操作が可能となりました。 ・カテゴリーごとにアイコンを選択できるようにしました。 ・アイコン（カテゴリー）の表示優先度を設定できるようにしました。 ・カレンダーの曜日を日本語表記（月曜なら月）で表示できるようにしました。 本日拡張いたしました機能のご利用方法に関しましては、下記マニュアルをご参照ください。 ▼オンラインマニュアル <a href="http://goope.jp/support/manual/3_2_4" target="_blank">カレンダーを更新する</a> 今後とも「グーペ」をよろしくお願いいたします。 2010-11-10T00:00:00+09:00 http://goope.jp/info/information/?id=65 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、副管理者機能を追加いたしました。 副管理者機能は、グーペの管理画面へログインできるアカウントを コンテンツへのアクセス権限を制限して追加することができる機能となります。 この機能を利用することにより、デザイナーはデザイン部分のコンテンツのみに アクセスを制限させることができ、デザインを外部委託されているお客様は、 ぜひ、この副管理者機能をご利用いただければと思います。 ご利用方法は、管理画面の「アカウント情報」の「副管理者を登録」より副管理者の登録が 行えます。修正と削除は「副管理者リスト」より行うことができます。 <img src="/info/img/101110_1.gif" alt="副管理者機能"> 登録した副管理者で管理画面へログインを行うには、従来のログインIDの後に 「@副管理者のログインID」を入力してログインを行います。 <img src="/info/img/101110_2.gif" alt="副管理者機能"> 副管理者でログインを行うと、メニュー等がアクセス権限を与えられたコンテンツのみとなります。 設定方法などの詳細は、下記のオンラインマニュアルをご参照ください。 ▼[マニュアル]副管理者機能 ・<a href="http://goope.jp/support/manual/3_2_20">副管理者機能</a> 今後も、『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう 機能改善に努めてまいります。 今後とも『グーペ』をよろしくお願い致します。 2010-11-01T00:00:00+09:00 http://goope.jp/info/information/?id=62 いつもグーペをご利用いただきまして誠にありがとうございます。 本日よりフォトアルバムより登録した写真の並び替えが可能となりましたので、お知らせいたします。 利用方法は、管理者画面へログインしていただきまして、 「フォトアルバム更新　＞　表示順並び替え」とメニューを移動していただきますと、 フォトアルバムのカテゴリーごとに並び替えができる画面が開きますので、 こちらの画面にて並び替えが行えます。 今回の機能拡張がより良いホームページ作成の手助けとなれば幸いでございます。 今後とも『グーペ』をよろしくお願いいたします。 2010-10-26T00:00:00+09:00 http://goope.jp/info/information/?id=61 いつもグーペをご利用いただきまして誠にありがとうございます。 かねてよりご要望として多かった「メールの転送機能」を追加いたしました。メール転送ができることで、ホームページからのメールをいつも使っているメールアドレスに転送をすることができるので、メールの管理がしやすくなります。 ※メールおよびメールの転送機能は、グーペにて独自ドメインをご利用いただいている方のみとなります。 設定方法などの詳細は、下記のオンラインマニュアルをご参照ください。 ▼[マニュアル]メール転送の設定方法 ・<a href="http://goope.jp/support/manual/3_5_15" target="_blank">メール転送の設定方法</a> 今後とも『グーペ』をよろしくお願いいたします。 2010-10-14T00:00:00+09:00 http://goope.jp/info/information/?id=60 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日、予約管理機能を追加いたしました。 管理画面の『予約管理』からご確認いただけます。 <img src="/info/img/101014_1.gif" alt="予約管理機能"> 初回アクセス時に『予約管理機能』ボタンをクリックし、コースやプランを設定していただくと、ホームページのメニューに予約ページが追加されます。 <img src="/info/img/101014_2.gif" alt="予約管理機能"> 追加されました。 <img src="/info/img/101014_3.gif" alt="予約管理機能"> 管理画面で予約を登録することが出来ます。 管理ページで登録された予約状況が一覧表示され、一目で空席、混雑状況などを把握することが出来ます。 これにともない、現在配布中のデザインもすべてアップデートしております。 管理画面の「デザイン設定＞ダウンロード」から、最新のデザインをダウンロードする事で、予約管理機能をご利用いただけます。 テンプレートのカスタマイズをされているお客様は、お手数をおかけいたしますが下記のようにHTMLとCSSの編集を行ってください。 ● 『HTML』の追加 『Obi』以外のテンプレートは全て下記を既定の場所に追加してください。『Obi』のHTMLは下部の【Obi用HTML】をご覧下さい。 【HTML】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> <!-- 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 --> </div> 【Obi用HTML】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> <!-- 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 --> </div> ● 『CSS』の追加 以下は全ページ共通CSSとなりますので追加をお願い致します。 こちらの追加に加え、各テンプレートのCSSの追加が必要となります。 【全ページ共通CSS】下部に個別のCSSの表記がございますので対象のCSSを同様に追加してください。 テンプレート『Paper』『Wide』をご利用の方は変更の必要はございません。 ※色の指定につきましては、個別に変更する必要がございます。 【全ページ共通CSS】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- 予約ページ --------------------------------------- */ .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; }</div> ●『Japan』をご利用の方 #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; } 上記を既定の場所に追加します。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- #ナビゲーション --------------------------------------- */ #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; } /* フリーページナビゲーション用 */ </div> ●『Natural』をご利用の方 #navi ul li a.navi_reservation { background: #ffffff; background:url(/img/theme_natural/icon.jpg) no-repeat center left; margin:3px 0 3px 15px; } 上記を既定の場所に追加します。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- #ナビゲーション --------------------------------------- */ #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; } /* フリーページナビゲーション用 */ </div> ●『Obi』をご利用の方 body#reservation #top_navi a.navi_reservation, 上記を既定の場所に追加します。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- トップナビゲーション --------------------------------------- */ #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} </div> ●『Header』をご利用の方 body#reservation #header_navi ul li a.navi_reservation, 上記を既定の場所に追加します。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- ヘッダーナビゲーション --------------------------------------- */ #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} </div> ●『Top』をご利用の方 body#reservation #top_navi ul li a.navi_reservation, 上記を既定の場所に追加します。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- トップナビゲーション --------------------------------------- */ #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} </div> ●『Tab』をご利用の方 body#reservation #tab_navi ul li a.navi_reservation, 上記を既定の場所に追加します。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- タブナビゲーション --------------------------------------- */ #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} </div> ●『Wood』をご利用の方 html>body body#reservation #navi ul li a.navi_reservation, * html body#reservation #navi ul li a.navi_reservation, 上記を既定の場所に追加します。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- ナビゲーション --------------------------------------- */ #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; } </div> ●『Gradation』『corner』『Default』『Plain』をご利用の方 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; } 上記を既定の場所に追加します。 ※色の指定につきましては、個別に変更する必要がございます。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- メイン --------------------------------------- */ #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} </div> ●『Background』をご利用の方 body#reservation #navi ul li a.navi_reservation, 上記を既定の場所に追加します。 ※色の指定につきましては、個別に変更する必要がございます。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- ナビゲーション --------------------------------------- */ #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} </div> ●『Simple』をご利用の方 #navi ul li a.navi_reservation { background: #ffffff; } body#reservation #navi ul li a.navi_reservation { background: #f5f5f5; } 上記を既定の場所に追加します。 ※色の指定につきましては、個別に変更する必要がございます。 【CSSサンプル】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> /* -------------------------------------- ナビゲーション --------------------------------------- */ #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}</div> ● 『モバイル用 HTML』の追加 【モバイル用 HTML】 <div style="width:480px; height: 120px; overflow: auto; border: 3px solid #ccc; padding: 10px; font-size: 11px;" onclick="this.select();"> <!-- 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 --> </div> 今後も、『グーペ』ではお客様が簡易にサイトの構築、運営ができるよう 機能改善に努めてまいります。 今後とも『グーペ』をよろしくお願い致します。 2010-10-04T00:00:00+09:00 http://goope.jp/info/information/?id=59 <a href="http://goope.jp/service/area"><img src="http://goope.jp/info/img/1001_area.jpg"></a> 平素は『グーペ』をご利用いただき、誠にありがとうございます。 本日は、お得なキャンペーンのお知らせです。 2010年12月31日までに『エリアマッチ広告』をグーペよりお申込いただきますと、 弊社決済サービス『おさいぽ！』のポイントを5000円分プレゼントさせていただきます！ 【エリアマッチ広告とは？】 NTTレゾナント株式会社が運営する広告配信サービスです。 「gooグルメ」や「食べログ」等のグルメ系サイト、各種地図、路線検索サイト等で、お客様のお店があるエリアに関する情報を見ている一般のユーザ様へ、お店の広告を効果的に配信できます。 忘年会シーズンへの集客アップへ向けて、是非このお得なキャンペーン中にお申込みをご検討ください。 <a href="http://goope.jp/service/area" >→詳しくはキャンペーンページをご確認ください</a> 2010-09-16T00:00:00+09:00 http://goope.jp/info/information/?id=58 いつもグーペをご利用いただきまして誠にありがとうございます。 かねてよりご要望として多かった「XMLサイトマップ」の出力機能と「robots.txtの編集機能（独自ドメインのみ）」を追加いたしました。どちらも検索エンジンに対してのサイト管理上級者向けの機能となります。 ------------------------------------------------- ■XMLサイトマップ出力機能 ------------------------------------------------- XMLサイトマップとは、検索エンジンにホームページの存在しているURLを教えることができる仕組みのことです。 グーペでは、このXML形式のサイトマップを現在ご利用しているコンテンツに合わせて自動出力しています（１日１回更新） ▼[マニュアル]サイトマップの登録方法と検索エンジン提供のツールへのサイト登録方法 ・<a href="http://goope.jp/support/manual/3_2_14" target="_blank">google ウェブマスターツール・登録方法</a> ・<a href="http://goope.jp/support/manual/3_2_15" target="_blank">google ウェブマスターツール・サイトマップの設定方法</a> ※ XMLサイトマップは、検索エンジンにURLの存在を教えるだけの機能のため、検索順位を上げる機能ではありません。 ※ SEO対策の方法などは、サポートの対象外となりますので、あらかじめご了承ください。 ------------------------------------------------- ■robots.txt編集機能 ------------------------------------------------- robots.txtとは、検索エンジンの巡回を制限できる仕組みのことです。検索エンジンの巡回を制限する必要がある場合のみ、ご利用ください。 ※ robots.txtは、トップディレクトリに設置する必要があるため、独自ドメインご利用の方のみ設置ができます。 ※ 編集の際は、入力ミスなどにより間違った編集をされますとホームページが検索対象外になることもありますので、十分にご注意ください。 ▼[マニュアル]robots.txt編集機能 ・<a href="http://goope.jp/support/manual/3_2_18" target="_blank">robots.txt編集</a> 今後とも『グーペ』をよろしくお願いいたします。 2010-09-01T00:00:00+09:00 http://goope.jp/info/information/?id=57 本日より、上位プランである、「DXプラン」が追加されました。 グーペもともとの、月額1,050円で基本機能が使用できる「通常プラン」に比べ、上位プランの「DXプラン」は月額1,575円で、基本機能＋「アクセス解析・メールマガジン機能」がご利用頂ける大変デラックスな内容となっております。 <strong style="font-weight: bolder; color: #ff3355;">さらには「DXプラン」を12ヶ月契約して頂いたお客様に限り、「通常プラン」と同じ料金でご利用いただけますので、是非ご利用ください。</strong> DXプランの詳細は<a href="http://goope.jp/service/price" target="_blank">コチラ</a> ※DXプラン追加に伴い、既にご利用料金をお支払いいただいております契約につきましては無料にて「DXプラン」とさせていただいております。 （9/1 AM10:45までのお支払いまでが対象となります） <img src="/info/img/100901_1.gif" /> グーペのアカウントをお持ちの方はログイン画面よりログインしてください。 <a href="#jido">【自動更新設定】を設定されているお客様はこちら</a> <img src="/info/img/100901_3.gif" /> ログイン後、「料金お支払い」内の「ご契約アカウント一覧」を選択し、「契約更新」ボタンをクリックしてください。 <img src="/info/img/100901_4.gif" /> プラン選択の画面が表示されます。 「通常プラン」か「DXプラン」の選択ができますので、ご希望のプランのチェックボックスにチェックを入れ、契約期間を選択し、お支払い手続きをしたら設定完了です。 <strong style="font-weight: bolder; color: #ff3355;">「DXプラン」を12ヶ月契約して頂いたお客様に限り、「通常プラン」と同じ料金でご利用いただけます。</strong> <a name="jido"></a> <img src="/info/img/100901_2.gif" /> 現在【自動更新設定】を設定されているお客様は、ログイン後上記の画面が表示されます。 既にご利用料金をお支払いいただいております契約につきましては無料にて「DXプラン」とさせていただいております。今後の自動更新でご利用になられますプランを選択し、「プランを変更する」をクリックしてください。 「あとで確認する」をクリックされた方は、管理画面の料金お支払いページにて設定することができます。 何も設定されていない場合は、お支払いただいております契約期間が終了後、「通常プラン」に戻りますのでご注意ください。 通常プランに戻されるお客様は赤い枠の注意事項をご一読頂き、チェックボックスにチェックを入れ、「プランを変更する」ボタンをクリックし、画面に従ってお進みください。 「あとで確認する」をクリックすると、管理画面に戻ります。プラン変更は後ほど行えます。 <span style="color: #ff3355;">※【自動更新設定】は1ヶ月ごとの契約となりますので、12か月契約がご利用できません。 そのため、「DXプラン」を12か月契約された方は「通常プラン」と同じ料金でご利用できるお得なサービスを行っておりますが、【自動更新設定】のままですとサービスがご利用できない状態となっております。 サービスをご利用の際は、大変お手数ですが管理画面より【自動更新設定】を解除していただき、料金お支払いページより12ヶ月契約をしていただきますようお願い致します。</span>