ヘブンタグ - デザイン置き場 [デザイン選んでワンクリックするだけ！]

<div style="text-align:center;padding:10px"> <div style="background:#FFF;margin:10px 0;font-weight: bold;line-height:1.5;padding:10px;border:3px solid black;"><span style="font-size:14px;letter-spacing:4px;color:#000;"> <!--タイトル入力--> 好みで選べる<br /> 2つのプラン★</span></div> <div style="background:#000;margin:10px 0;font-weight: bold;line-height:1.5;padding:10px;"> <span style="font-size:14px;letter-spacing:4px;color:#FFF;"> <!--コース名入力--> 通常コース</span></div> <div style="width: 100%;text-align:center;display:flex;"> <div style="width:calc(100% / 3);display: inline-block;background:#4689FF; vertical-align: top; margin: 5px 0px; padding: 10px; justify-content:center;align-items: center;align-content: center;box-sizing:border-box;line-height:1.5;font-weight: bold; font-size:14px; color:#FFF; "> <!--流れ①--> 0 1<br>予約 </div> <div style="display: inline-block; vertical-align: top; margin-left:10px; text-decoration: none;width:calc(100% / 1);padding:10px 10px 10px 0;text-align:left;line-height:1.5; font-size:15px; "> <!--詳細入力--> ・お電話、もしくはWEBにてご予約ください。<br> ・ご指名がございましたらお伺いいたします。 </div> </div> <div style="width: 100%;text-align:center;display:flex;"> <div style="width:calc(100% / 3);display: inline-block;background:#75A9FF; vertical-align: top; margin: 5px 0px; padding: 10px; justify-content:center;align-items: center;align-content: center;box-sizing:border-box;line-height:1.5;font-weight: bold; font-size:14px; color:#FFF; "> <!--流れ②--> 0 2<br>到着 </div> <div style="display: inline-block; vertical-align: top; margin-left:10px; text-decoration: none;width:calc(100% / 1);padding:10px 10px 10px 0;text-align:left;line-height:1.5; font-size:15px; "> <!--詳細入力--> ・ホテルに到着後、お部屋の番号をお伝えくださいませ。<br> ・女の子の到着までしばらくお待ちください。 </div> </div> <div style="width: 100%;text-align:center;display:flex;"> <div style="width:calc(100% / 3);display: inline-block;background:#A4C6FF; vertical-align: top; margin: 5px 0px; padding: 10px; justify-content:center;align-items: center;align-content: center;box-sizing:border-box;line-height:1.5;font-weight: bold; font-size:14px; color:#FFF; "> <!--流れ③--> 0 3<br>合流 </div> <div style="display: inline-block; vertical-align: top; margin-left:10px; text-decoration: none;width:calc(100% / 1);padding:10px 10px 10px 0;text-align:left;line-height:1.5; font-size:15px; "> <!--詳細入力--> ・ホテルへ着いたらお部屋のドアをノックします。<br> ・優しく迎え入れてあげてください。 </div> </div> <div style="background:#000;margin:10px 0;font-weight: bold;line-height:1.5;padding:10px;"><span style="font-size:14px;letter-spacing:4px;color:#FFF;"> <!--コース名入力--> 待ち合わせコース</span></div> <div style="width: 100%;text-align:center;display:flex;"> <div style="width:calc(100% / 3);display: inline-block;background:#FF5192; vertical-align: top; margin: 5px 0px; padding: 10px; justify-content:center;align-items: center;align-content: center;box-sizing:border-box;line-height:1.5;font-weight: bold; font-size:14px; color:#FFF; "> <!--流れ①--> 0 1<br>予約 </div> <div style="display: inline-block; vertical-align: top; margin-left:10px; text-decoration: none;width:calc(100% / 1);padding:10px 10px 10px 0;text-align:left;line-height:1.5; font-size:15px; "> <!--詳細入力--> ・お電話にてご予約ください。<br> ・お手数ですが、受付スタッフまで「待ち合わせコースで」とお伝えください。<br> ・ご指名キャストをお伺いいたします。<br> ※キャストによって待ち合わせコースがご利用いただけませんのであらかじめご了承ください。<br> ・当店が指定する待ち合わせ場所をお伝えします。 </div> </div> <div style="width: 100%;text-align:center;display:flex;"> <div style="width:calc(100% / 3);display: inline-block;background:#FF82B2; vertical-align: top; margin: 5px 0px; padding: 10px; justify-content:center;align-items: center;align-content: center;box-sizing:border-box;line-height:1.5;font-weight: bold; font-size:14px; color:#FFF; "> <!--流れ②--> 0 2<br>合流 </div> <div style="display: inline-block; vertical-align: top; margin-left:10px; text-decoration: none;width:calc(100% / 1);padding:10px 10px 10px 0;text-align:left;line-height:1.5; font-size:15px; "> <!--詳細入力--> ・予約時間になりましたら、お伝えした待ち合わせ場所にてお待ちください。<br> ・キャストが到着後、非通知からご連絡の電話をさせていただきます。<br> ※非通知の拒否の解除をお願いします。 </div> </div> <div style="width: 100%;text-align:center;display:flex;"> <div style="width:calc(100% / 3);display: inline-block;background:#FFABCE; vertical-align: top; margin: 5px 0px; padding: 10px; justify-content:center;align-items: center;align-content: center;box-sizing:border-box;line-height:1.5;font-weight: bold; font-size:14px; color:#FFF; "> <!--流れ③--> 0 3<br>合流後 </div> <div style="display: inline-block; vertical-align: top; margin-left:10px; text-decoration: none;width:calc(100% / 1);padding:10px 10px 10px 0;text-align:left;line-height:1.5; font-size:15px; "> <!--詳細入力--> ・合流後、指定のラブホテルへ向かってください。<br> ・チェックインをお願いいたします。 </div> </div> </div>

<div cellspacing="0" style="display:table;width:100%;margin:15px auto 0;border: 1px solid black;"> <div style="display:table-cell;width:100%;background-color:#000;color:white;padding:10px 0;font-size:12px;text-align:left;font-weight: bold; text-align:center;letter-spacing:2px;">料金表</div> </div> <!----料金表ここから----> <div cellspacing="0" style="display:table;width:100%;margin:0 auto 0;border: 1px solid black;"> <div style="display:table-row;text-align:center;font-weight: bold;"> <div style="display:table-cell;vertical-align:middle;padding:5px;box-sizing:border-box;background:#FF69A3;border: 1px solid black;height:6em;"><span style="font-size:12px;color:#FF69A3">■</span></div> <div style="display:table-cell;vertical-align:middle;padding:5px;box-sizing:border-box;background:#FF69A3;border: 1px solid black;height:6em;"><span style="font-size:12px;color:#FFF;line-height:1.3;"> <!--コース名入力--> 通常コース </span></div> <div style="display:table-cell;vertical-align:middle;padding:5px;box-sizing:border-box;background:#FF69A3;border: 1px solid black;height:6em;"><span style="font-size:12px;color:#FFF;line-height:1.3;"> <!--コース名入力--> 姫様コース<br />(オプション付き) </span></div> <div style="display:table-cell;vertical-align:middle;padding:5px;box-sizing:border-box;background:#FF69A3;border: 1px solid black;height:6em;"><span style="font-size:12px;color:#FFF;line-height:1.3;"> <!--コース名入力--> 女王様コース<br />(M性感) </span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 00分</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 00分</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円 </span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円 </span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円 </span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 00分</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#ffffff;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 00分</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円 </span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 000分</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#fff;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#fff;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 000分</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display: table-cell;vertical-align:middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> </div> </div> <!----料金表ここまで----> <!----コース詳細ここから----> <div style="width: 100%;margin: 10px auto 0px;border:3px solid black;padding: 10px;box-sizing: border-box;"> <div style="background-color:#FFF;color:#000;padding:0 0 10px 0;font-size:12px;text-align:left;font-weight: bold;"> <!--テキスト入力--> ▼姫様コースは下記2つの専用コースよりお選びいただけます。</div> <div style="display:table; text-align:center; font-weight: bold; width:100%; height:4em; border-collapse: separate;"> <div style="display: table-row"> <div style="display: table-cell; vertical-align: middle; width: 30%; text-decoration:none;padding:10px;box-sizing:border-box;background:#FF69A3; border: 3px solid #fff;"><span style="font-size:12px;color:#FFF"> <!--種別入力--> ドM専用</span></div> <div style="display: table-cell; vertical-align: middle; text-align:left;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF; border: 3px solid #fff;"> <span style="font-size:12px;color:#000;"> <!--詳細入力--> 可愛い女の子にいじめられちゃうコース！ロリ系少女からの足コキや、オナニー鑑賞をセットに！</span></div> </div> <div style="display: table-row"> <div style="display: table-cell; vertical-align: middle; width: 30%; text-decoration:none;padding:10px;box-sizing:border-box;background:#FF69A3; border: 3px solid #fff;"><span style="font-size:12px;color:#FFF"> <!--種別入力--> ドS専用</span></div> <div style="display: table-cell; vertical-align: middle; text-align:left;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF; border: 3px solid #fff;"><span style="font-size:12px;color:#000;"> <!--詳細入力--> 可愛い女の子を責め放題コース！手錠など拘束玩具セット！欲しがる少女をいじめぬく！</span></div> </div> </div> </div> <!----コース詳細ここまで----> <div style="display:table; width:100%; margin:20px auto 0px;border: 1px solid black;"> <div style="display:table-cell; background-color:#000;color:white;padding:10px 0;font-size:12px;text-align:left;font-weight: bold; text-align:center;letter-spacing:2px;">特別料金表</div> </div> <!----料金表ここから----> <div style="display:table; width:100%; margin:0 auto;border: 1px solid black;"> <div style="display:table-row; text-align:center;font-weight: bold;width:100%;height:6em;"> <div style="display:table-cell; width:20%;padding:5px;box-sizing:border-box;background:#FF69A3;border: 1px solid black;height:6em;"><span style="font-size:12px;color:#FF69A3">■</span></div> <div style="display:table-cell; vertical-align: middle;padding:5px;box-sizing:border-box;background:#FF69A3;border: 1px solid black;height:6em;"><span style="font-size:12px;color:#FFF;line-height:1.3;"> <!--コース名入力--> 淫らな<br />回春手こきコース<br />※ソフトタッチのみ </span></div> <div style="display: table-cell; vertical-align: middle;padding:5px;box-sizing:border-box;background:#FF69A3;border: 1px solid black;height:6em;"><span style="font-size:12px;color:#FFF;line-height:1.3;"> <!--コース名入力--> デートコース<br />※エッチなサービスは一切ありません</span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display:table-cell; vertical-align: middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 00分</span></div> <div style="display:table-cell; vertical-align: middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display:table-cell; vertical-align: middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#fff;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> </div> <div style="display:table-row;text-align:center;font-weight: bold;width:100%;height:4em;"> <div style="display:table-cell; vertical-align: middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF0F5;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000"> <!--分入力--> 00分</span></div> <div style="display:table-cell; vertical-align: middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> <div style="display:table-cell; vertical-align: middle;text-decoration: none;padding:10px;box-sizing:border-box;background:#FFF;border: 1px solid black;height:4em;"><span style="font-size:12px;color:#000;"> <!--金額入力--> 00,000円</span></div> </div> </div> <!----料金表ここまで---->

<div style="text-align: center;"><span style="margin: 0px; padding: 0px; font-size: 36px; line-height: 22.295px; font-family: serif; text-shadow: #FF66FF 0px 0px 15px, #FF66FF 0px 0px 10px, #FF66FF 0px 0px 20px, #FF66FF 0px 0px 30px;"><strong style="margin: 0px; padding: 0px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;"><span style="color:#FFFFFF;">♥♥♥テキスト♥♥♥<br /> <br /> ━━　テキスト　━━</span></strong></span><br />  </div> <div align="center" style="margin: 0px; padding: 5px; font-size: 15.925px; line-height: 22.295px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color: rgb(2, 2, 2); background-color: rgba(255, 255, 255, 0.498039);"> <div style="margin: 0px; padding: 1em; font-size: 15.925px; border-radius: 20px; border: 1px solid rgb(255, 204, 255); border-image-source: none; background: linear-gradient(#FFAAFF 0%, #FFEEFF 50%, #FFAAFF 100%);"><strong style="margin: 0px; padding: 0px; font-size: x-large; line-height: 33.6px; color: rgb(255, 255, 102);">♥　テキスト　♥</strong><br /> <br /> <a href="https://www.cityheaven.net/top/" style="margin: 0px; padding: 0px; font-size: 14px; line-height: 16.8px; color: rgb(50, 132, 239); text-decoration: none;"><span style="color:#EE82EE;"><span style="margin: 0px; padding: 0px; font-weight: bold; font-size: 30px; text-shadow: white 0px 0px 4px, white 0px 0px 4px, white 0px 0px 4px, white 0px 0px 4px, red 0px 0px 6px, blue 0px 0px 6px;"><span style="margin: 0px; padding: 0px; line-height: 1.3em; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;">【テキスト</span></span></span></a><a href="https://www.cityheaven.net/top/" style="margin: 0px; padding: 0px; font-size: 14px; line-height: 16.8px; color: rgb(50, 132, 239); text-decoration: none;"><span style="color:#EE82EE;"><span style="margin: 0px; padding: 0px; font-weight: bold; font-size: 30px; line-height: inherit; text-shadow: white 0px 0px 4px, white 0px 0px 4px, white 0px 0px 4px, white 0px 0px 4px, red 0px 0px 6px, blue 0px 0px 6px;"><span style="margin: 0px; padding: 0px; line-height: 1.3em; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;">】</span></span></span></a><br /> <span style="color:#EE82EE;"><span style="margin: 0px; padding: 0px; font-weight: bold; font-size: 25px; text-decoration: underline; line-height: 1.5em; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 2px 2px;">テキスト<br /> テキスト</span></span><br /> <br /> <span style="color:#0000FF;">テキスト</span><a href="https://www.cityheaven.net/top/"><span style="color:#0000FF;">コチラ</span></a><br /> <br /> <span style="line-height: inherit; color: rgb(255, 255, 102);"><span style="margin: 0px; padding: 0px; font-size: x-large; text-shadow: rgb(77, 77, 77) 0px 2px 0px, rgb(77, 77, 77) 2px 0px 0px, rgb(77, 77, 77) 0px -2px 0px, rgb(77, 77, 77) -2px 0px 0px, rgb(77, 77, 77) -2px -2px 0px, rgb(77, 77, 77) 2px -2px 0px, rgb(77, 77, 77) -2px 2px 0px, rgb(77, 77, 77) 2px 2px 0px;"><strong><span style="font-size:large;">テキスト<br /> テキスト<br /> テキスト</span></strong></span></span></div> </div>

※プラチナメール会員の特典、求人情報のポイント紹介などにご利用ください <div style="width:100%; background-color:#834ad4; line-height:100px; color:white; text-align:center; font-size:50px;">当店のご利用方法 </div> <div style="width:100%; background-color:#3697c7; padding-top:20px; padding-bottom:10px; min-height:100px;"> <div style="margin-left:20px; width:100px; height:100px; border-radius:50%; background-color:white; text-align:center; line-height:100px; font-size:50px; font-weight:bold; font-family:Impact,Charcoal; color:#3697c7;">01 </div> <div style="margin-top:-100px; margin-left:150px; color:white;"> <span style="font-size:30px; font-weight:bold;">見出し01</span><br> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <div style="width: 0; height: 0; border:30px solid transparent; border-top:30px solid #3697c7; margin-left:40px; position:relative;"> </div> <div style="width:100%; background: rgb(111,168,179); /* Old browsers */ background: -moz-linear-gradient(top, rgba(111,168,179,1) 1%, rgba(123,190,199,1) 10%, rgba(123,190,199,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(111,168,179,1) 1%,rgba(123,190,199,1) 10%,rgba(123,190,199,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(111,168,179,1) 1%,rgba(123,190,199,1) 10%,rgba(123,190,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa8b3', endColorstr='#7bbec7',GradientType=0 ); /* IE6-9 */ min-height:100px; margin-top:-60px; padding-top:20px; padding-bottom:10px;"> <div style="margin-left:20px; width:100px; height:100px; border-radius:50%; background-color:white; text-align:center; line-height:100px; font-size:50px; font-weight:bold; font-family:Impact,Charcoal; color:#7bbec7;">02 </div> <div style="margin-top:-100px; margin-left:150px; color:white;"> <span style="font-size:30px; font-weight:bold;">見出し02</span><br> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <div style="width: 0; height: 0; border:30px solid transparent; border-top:30px solid #7bbec7; margin-left:40px; position:relative;"> </div> <div style="width:100%; background: rgb(85,158,141); /* Old browsers */ background: -moz-linear-gradient(top, rgba(85,158,141,1) 0%, rgba(96,179,158,1) 10%, rgba(96,179,158,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(85,158,141,1) 0%,rgba(96,179,158,1) 10%,rgba(96,179,158,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(85,158,141,1) 0%,rgba(96,179,158,1) 10%,rgba(96,179,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#559e8d', endColorstr='#60b39e',GradientType=0 ); /* IE6-9 */ min-height:100px; margin-top:-60px; padding-top:20px; padding-bottom:10px;"> <div style="margin-left:20px; width:100px; height:100px; border-radius:50%; background-color:white; text-align:center; line-height:100px; font-size:50px; font-weight:bold; font-family:Impact,Charcoal; color:#60b39e;">03 </div> <div style="margin-top:-100px; margin-left:150px; color:white;"> <span style="font-size:30px; font-weight:bold;">見出し03</span><br> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <div style="width: 0; height: 0; border:30px solid transparent; border-top:30px solid #60b39e; margin-left:40px; position:relative;"> </div> <div style="width:100%; background: rgb(219,175,55); /* Old browsers */background: -moz-linear-gradient(top, rgba(219,175,55,1) 0%, rgba(242,194,61,1) 10%, rgba(242,194,61,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(219,175,55,1) 0%,rgba(242,194,61,1) 10%,rgba(242,194,61,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(219,175,55,1) 0%,rgba(242,194,61,1) 10%,rgba(242,194,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbaf37', endColorstr='#f2c23d',GradientType=0 ); /* IE6-9 */ min-height:100px; margin-top:-60px; padding-top:20px; padding-bottom:10px;"> <div style="margin-left:20px; width:100px; height:100px; border-radius:50%; background-color:white; text-align:center; line-height:100px; font-size:50px; font-weight:bold; font-family:Impact,Charcoal; color:#f2c23d;">04 </div> <div style="margin-top:-100px; margin-left:150px; color:white;"> <span style="font-size:30px; font-weight:bold;">見出し04</span><br> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <div style="width: 0; height: 0; border:30px solid transparent; border-top:30px solid #f2c23d; margin-left:40px; position:relative;"> </div> <div style="width:100%; background: rgb(204,127,45); /* Old browsers */background: -moz-linear-gradient(top, rgba(204,127,45,1) 0%, rgba(230,145,48,1) 10%, rgba(230,145,48,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(204,127,45,1) 0%,rgba(230,145,48,1) 10%,rgba(230,145,48,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(204,127,45,1) 0%,rgba(230,145,48,1) 10%,rgba(230,145,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc7f2d', endColorstr='#e69130',GradientType=0 ); /* IE6-9 */ min-height:100px; margin-top:-60px; padding-top:20px; padding-bottom:10px;"> <div style="margin-left:20px; width:100px; min-height:100px; border-radius:50%; background-color:white; text-align:center; line-height:100px; font-size:50px; font-weight:bold; font-family:Impact,Charcoal; color:#e69130;">05 </div> <div style="margin-top:-100px; margin-left:150px; color:white;"> <span style="font-size:30px; font-weight:bold;">見出し05</span><br> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <div style="width: 0; height: 0; border:30px solid transparent; border-top:30px solid #e69130; margin-left:40px; position:relative;"> </div> <div style="width:100%; background: rgb(186,84,34); /* Old browsers */background: -moz-linear-gradient(top, rgba(186,84,34,1) 0%, rgba(209,96,40,1) 10%, rgba(209,96,40,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(186,84,34,1) 0%,rgba(209,96,40,1) 10%,rgba(209,96,40,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(186,84,34,1) 0%,rgba(209,96,40,1) 10%,rgba(209,96,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba5422', endColorstr='#d16028',GradientType=0 ); /* IE6-9 */ min-height:100px; margin-top:-60px; padding-top:20px; padding-bottom:10px;"> <div style="margin-left:20px; width:100px; min-height:100px; border-radius:50%; background-color:white; text-align:center; line-height:100px; font-size:50px; font-weight:bold; font-family:Impact,Charcoal; color:#d16028;">06 </div> <div style="margin-top:-100px; margin-left:150px; color:white;"> <span style="font-size:30px; font-weight:bold;">見出し06</span><br> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <div style="width:100%; background-color:#8f6552; min-height:150px; padding-top:20px; padding-bottom:10px; color:white;"> <div style="padding-left:20px; padding-right:20px;"> <span style="font-size:30px; font-weight:bold;">注意事項</span><br> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト <br><br><br> <hr style="padding-left:20px; width:80%; margin:0 auto;"> <br> <span style="font-size:30px; font-weight:bold;">店舗情報</span><br> 業種／エリア<br> <span style="font-size:30px; font-weight:bold;">『ヘブンネット』</span><br> 営業時間／00:00-00:00<br> <span style="font-size:30px; font-weight:bold;">TEL:000-000-0000</span><br> </div></div>