イラスト素材

アメブロ囲み枠

アメブロカスタマイズ

ホームページ素材

コピペOK｜シンプルで上品な料金表・メニュー表を女性向けホームページに設置

コピペで簡単に女性向けホームページに設置できる料金表・メニュー表をつくりました。
女性受けするデザインでシンプル上品なものになっています。

シンプル上品な料金表・メニュー表│コピペで簡単!女性向けホームページ向け

ベーシックデザイン

Treatment & Lesson

料金のご案内

フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択して全コピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 25px; background-color: #fdfaf9; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <!– ヘッダー –>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, #fdfaf9, #e0cec3, #fdfaf9); margin: 10px auto 0;”></div>
  </div>

  <!– カテゴリー枠 –>
  <div style=”background-color: #ffffff; border: 1px solid #f2eae8; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(188, 168, 166, 0.1);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px; display: flex; align-items: center;”>フェイシャルメニュー</div>

    <!– アイテムブロック 1 –>
    <div style=”margin-bottom: 15px; background-color: #fdfaf9; padding: 15px; border-radius: 10px;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>

    <!– アイテムブロック 2 –>
    <div style=”margin-bottom: 5px; background-color: #fdfaf9; padding: 15px; border-radius: 10px;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>

  <!– 案内メモ –>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: #f2eae8; padding: 10px; border-radius: 10px;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

ドットデザイン

Treatment & Lesson

料金のご案内

●フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”position: relative; max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: radial-gradient(#e8d3d1 1.5px, transparent 1.5px); background-size: 16px 16px; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px dashed #d8c0be; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px; display: flex; align-items: center;”>
      <span style=”color: #d8c0be; margin-right: 6px;”>●</span>フェイシャルメニュー
    </div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

チェックデザイン

Treatment & Lesson

料金のご案内

フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: linear-gradient(0deg, transparent 23px, #e8d3d1 23px, #e8d3d1 25px, transparent 25px), linear-gradient(90deg, transparent 23px, #e8d3d1 23px, #e8d3d1 25px, transparent 25px); background-size: 25px 25px; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px dashed #d8c0be; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px;”>フェイシャルメニュー</div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

斜めストライプデザイン

Treatment & Lesson

料金のご案内

フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(232, 211, 209, 0.3) 10px, rgba(232, 211, 209, 0.3) 20px); color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px solid #e0cec3; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px;”>フェイシャルメニュー</div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

縦ストライプデザイン

Treatment & Lesson

料金のご案内

フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: linear-gradient(90deg, rgba(232, 211, 209, 0.3) 1px, transparent 1px); background-size: 12px 100%; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px solid #e0cec3; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px;”>フェイシャルメニュー</div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

ダイヤモンド格子デザイン

Treatment & Lesson

料金のご案内

フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: linear-gradient(rgba(224, 206, 195, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(224, 206, 195, 0.3) 1px, transparent 1px); background-size: 20px 20px; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px solid #f2eae8; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px;”>フェイシャルメニュー</div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

ゴールド二重デザイン

Treatment & Lesson

料金のご案内

フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 20px; background-color: #fdfaf9; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; border: 1px solid #e0cec3; box-sizing: border-box; font-size: 16px;”>
  <div style=”border: 1px solid #d8c0be; border-radius: 15px; padding: 15px;”>
    <div style=”text-align: center; margin-bottom: 30px;”>
      <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
      <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
      <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
    </div>
    <div style=”background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(188, 168, 166, 0.08);”>
      <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px;”>フェイシャルメニュー</div>
      <div style=”margin-bottom: 15px; background-color: #fdfaf9; padding: 15px; border-radius: 10px;”>
        <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
        <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
        <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
      </div>
      <div style=”margin-bottom: 5px; background-color: #fdfaf9; padding: 15px; border-radius: 10px;”>
        <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
        <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
        <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
      </div>
    </div>
    <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: #f2eae8; padding: 10px; border-radius: 10px;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
  </div>
</div>

グラデーションデザイン

Treatment & Lesson

料金のご案内

フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 25px 15px; background: linear-gradient(135deg, #fdfaf9 0%, #f6ebe8 50%, #fdfaf9 100%); color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.9); border: 1px solid #ffffff; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(188, 168, 166, 0.12);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px;”>フェイシャルメニュー</div>
    <div style=”margin-bottom: 15px; background-color: rgba(253, 250, 249, 0.8); padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: rgba(253, 250, 249, 0.8); padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.8); padding: 10px; border-radius: 10px; border: 1px solid #ffffff;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

ギンガムチェックデザイン

Treatment & Lesson

料金のご案内

●フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”position: relative; max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: linear-gradient(rgba(232, 211, 209, 0.4) 50%, transparent 50%), linear-gradient(90deg, rgba(232, 211, 209, 0.4) 50%, transparent 50%); background-size: 32px 32px; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px dashed #d8c0be; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px; display: flex; align-items: center;”>
      <span style=”color: #d8c0be; margin-right: 6px;”>●</span>フェイシャルメニュー
    </div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

スカラップデザイン

Treatment & Lesson

料金のご案内

●フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”position: relative; max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: radial-gradient(circle at 10px -5px, transparent 12px, #f2eae8 13px, #f2eae8 14px, transparent 15px); background-size: 20px 20px; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px dashed #d8c0be; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px; display: flex; align-items: center;”>
      <span style=”color: #d8c0be; margin-right: 6px;”>●</span>フェイシャルメニュー
    </div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

ピンストライプデザイン

Treatment & Lesson

料金のご案内

●フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”position: relative; max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: linear-gradient(90deg, transparent 18px, #e8d3d1 18px, #e8d3d1 20px, transparent 20px); background-size: 20px 20px; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px dashed #d8c0be; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px; display: flex; align-items: center;”>
      <span style=”color: #d8c0be; margin-right: 6px;”>●</span>フェイシャルメニュー
    </div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

ダイヤモンドチェック

Treatment & Lesson

料金のご案内

●フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”position: relative; max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: linear-gradient(45deg, transparent 23px, #e8d3d1 23px, #e8d3d1 24px, transparent 24px), linear-gradient(-45deg, transparent 23px, #e8d3d1 23px, #e8d3d1 24px, transparent 24px); background-size: 24px 24px; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px dashed #d8c0be; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px; display: flex; align-items: center;”>
      <span style=”color: #d8c0be; margin-right: 6px;”>●</span>フェイシャルメニュー
    </div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

アーガイルデザイン

Treatment & Lesson

料金のご案内

●フェイシャルメニュー

ベーシックコース (60分)

クレンジング・マッサージ・パックの基本コース。

¥ 8,800 (税込)

スペシャル美白コース (90分)

導入マシンを使用し、透明感のある肌へ導きます。

¥ 12,000 (税込)

※ 初回限定 20% OFF キャンペーン実施中！

Copy Code ✦ 枠内を選択してコピーしてください

<div style=”max-width: 100%; margin: 20px auto; padding: 25px 15px; background-color: #fff9f8; background-image: linear-gradient(135deg, #e8d3d1 25%, transparent 25%), linear-gradient(225deg, #e8d3d1 25%, transparent 25%), linear-gradient(315deg, #e8d3d1 25%, transparent 25%), linear-gradient(45deg, #e8d3d1 25%, transparent 25%); background-size: 20px 20px; background-position: 10px 0, 10px 0, 0 0, 0 0; color: #564f4f; font-family: ‘Hiragino Mincho ProN’, ‘Serif’; border-radius: 20px; box-sizing: border-box; font-size: 16px;”>
  <div style=”text-align: center; margin-bottom: 30px;”>
    <div style=”font-size: 12px; color: #bca8a6; letter-spacing: 2px; text-transform: uppercase;”>Treatment &amp; Lesson</div>
    <div style=”font-size: 29px; color: #a38582; font-weight: bold; margin-top: 2px; line-height: 1.2;”>料金のご案内</div>
    <div style=”width: 60px; height: 2px; background: linear-gradient(to right, transparent, #e0cec3, transparent); margin: 10px auto 0;”></div>
  </div>
  <div style=”background-color: rgba(255, 255, 255, 0.95); border: 1px dashed #d8c0be; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(188, 168, 166, 0.08);”>
    <div style=”font-size: 17px; color: #a38582; font-weight: bold; margin-bottom: 18px; display: flex; align-items: center;”>
      <span style=”color: #d8c0be; margin-right: 6px;”>●</span>フェイシャルメニュー
    </div>
    <div style=”margin-bottom: 15px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>ベーシックコース (60分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>クレンジング・マッサージ・パックの基本コース。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 8,800 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
    <div style=”margin-bottom: 5px; background-color: #fffaf9; padding: 15px; border-radius: 10px; border: 1px solid #f2eae8;”>
      <div style=”font-size: 15px; font-weight: bold; color: #564f4f;”>スペシャル美白コース (90分)</div>
      <div style=”font-size: 13px; color: #8c8282; margin: 3px 0 8px 0; line-height: 1.5;”>導入マシンを使用し、透明感のある肌へ導きます。</div>
      <div style=”text-align: right; font-size: 19px; color: #564f4f; font-weight: bold; font-family: ‘Optima’, sans-serif;”><span style=”font-size: 14px;”>¥</span> 12,000 <span style=”font-size: 11px; font-weight: normal;”>(税込)</span></div>
    </div>
  </div>
  <div style=”font-size: 13px; color: #a38582; text-align: center; background-color: rgba(242, 234, 232, 0.9); padding: 10px; border-radius: 10px; border: 1px solid #e0cec3;”>※ 初回限定 20% OFF キャンペーン実施中！</div>
</div>

使い方の３ステップ

STEP 01

使いたい素材のコード（英語の枠内）をすべてコピーします。

STEP 02

アメブロの投稿画面を「HTML表示」に切り替えて、好きな場所に貼り付けます。

STEP 03

「通常表示」に戻し、枠内の文字を書き換えたら完成です♡

アメブロ囲み枠ご使用時のお願い

ブログやホームページにコピペして使っていただいてOKです
商用利用可能です
無断転載・再配布は禁止です

デザインの著作権は捨てていません
（LINE公式などで自作と偽り配布することは禁止です）

ご使用時の報告は不要です

まとめ ✦

コピペで簡単にホームページに設置できるシンプル上品な料金表・メニュー表をつくりました♡
女性向けホームページにぴったりのニュアンスカラーになっています。

料金表はコピペで簡単に取り入れられて、ブログの世界観をぐっと素敵にしてくれるアイテムです。

でも実は、ブログよりも「ホームページ」を持つ方が、あなたの世界観をもっと自由に、もっと深く表現できるんです。

今回の料金表のように、細部まで”らしさ”にこだわったデザインを、ホームページ全体で叶えられたら…♡

ルルプチは、訪れた人が思わず「素敵」と感じる、大人可愛いホームページ作りが得意です。
あなたの世界観を丸ごと表現できるホームページ、気になった方はこちらをご覧ください◎

↓ 画像タップで移動します

イラスト素材

アメブロ囲み枠

アメブロカスタマイズ

ホームページ素材

コピペOK｜シンプルで上品な料金表・メニュー表を女性向けホームページに設置

シンプル上品な料金表・メニュー表│コピペで簡単!女性向けホームページ向け

ベーシックデザイン

ドットデザイン

チェックデザイン

斜めストライプデザイン

縦ストライプデザイン

ダイヤモンド格子デザイン

ゴールド二重デザイン

グラデーションデザイン

ギンガムチェックデザイン

スカラップデザイン

ピンストライプデザイン

ダイヤモンドチェック

アーガイルデザイン

使い方の３ステップ

アメブロ囲み枠ご使用時のお願い

まとめ ✦

CATEGORY