有限会社 長尾海苔店は山口県山口市で有明産・山口県産の海苔、いりこの加工・販売を行っています。

  #サンプルページ - 海苔といりこの長尾海苔店 | 家庭用・贈答用・業務用販売・通販

#サンプルページ

ページのスタイル

見出しのスタイル

見出し2

<h2>見出し2</h2>

見出し3

<h3>見出し3</h3>

見出し4

<h4>見出し4</h4>
見出し5
<h5>見出し5</h5>
見出し6
<h6>見出し5</h6>

ul箇条書きスタイル

  • 箇条書き1
  • 箇条書き2
  • 箇条書き3
<ul>
  <li>箇条書き1</li>
  <li>箇条書き2</li>
  <li>箇条書き3</li>
</ul>

ol箇条書きスタイル

  1. 箇条書き1
  2. 箇条書き2
  3. 箇条書き3
<ol>
  <li>箇条書き1</li>
  <li>箇条書き2</li>
  <li>箇条書き3</li>
</ol>

dl箇条書きスタイル

定義
定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
定義
定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
定義
定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
<dl>
  <dt>定義</dt>
  <dd>定義データ</dd>
  <dt>定義</dt>
  <dd>定義データ</dd>
  <dt>定義</dt>
  <dd>定義データ</dd>
</dl>
定義
定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
定義
定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
定義
定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
<dl class="dl02">
  <dt>定義</dt>
  <dd>定義データ</dd>
  <dt>定義</dt>
  <dd>定義データ</dd>
  <dt>定義</dt>
  <dd>定義データ</dd>
</dl>

引用スタイル

引用見出し

引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。

<blockquote>引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。</blockquote>

引用見出し

引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。

<blockquote class="bq02">引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。</blockquote>

テーブルスタイル

テーブル見出し テーブル見出し テーブル見出し
テーブルのデータ テーブルのデータ テーブルのデータ
テーブルのデータ テーブルのデータ テーブルのデータ
<table>
  <tbody>
  <tr>
    <th>テーブル見出し</th>
    <th>テーブル見出し</th>
    <th>テーブル見出し</th>
  </tr>
  <tr>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  <tr>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  </tbody>
</table>
テーブル見出し テーブルのデータ テーブルのデータ
テーブル見出し テーブルのデータ テーブルのデータ
<table>
  <tbody>
  <tr>
    <th>テーブル見出し</th>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  <tr>
    <th>テーブル見出し</th>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  </tbody>
</table>
テーブル見出し テーブル見出し テーブル見出し
テーブルのデータ テーブルのデータ テーブルのデータ
テーブルのデータ テーブルのデータ テーブルのデータ
<table class="res-h">
  <tbody>
  <tr>
    <th>テーブル見出し</th>
    <th>テーブル見出し</th>
    <th>テーブル見出し</th>
  </tr>
  <tr>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  <tr>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  </tbody>
</table>
テーブル見出し テーブルのデータ テーブルのデータ
テーブル見出し テーブルのデータ テーブルのデータ
<table class="res-v">
  <tbody>
  <tr>
    <th>テーブル見出し</th>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  <tr>
    <th>テーブル見出し</th>
    <td>テーブルのデータ</td>
    <td>テーブルのデータ</td>
  </tr>
  </tbody>
</table>

ワークフローのスタイル(class:flow)

ワークフローの見出し3

ステップ1の流れが入ります。ステップ1の流れが入ります。ステップ1の流れが入ります。ステップ1の流れが入ります。ステップ1の流れが入ります。

ワークフローの見出し3

<div class="flow clearFix">
<p><img src="http://ngnr.jp/wp/wp-content/themes/ghgh/img/sample_thumnail01.png" alt=""></p>
<div>
<h3>ワークフローの見出し3</h3>
ステップ1の流れが入ります。ステップ1の流れが入ります。ステップ1の流れが入ります。ステップ1の流れが入ります。ステップ1の流れが入ります。
</div>
</div>
<div class="flow_mark">
  <img src="http://ngnr.jp/wp/wp-content/themes/ghgh/img/flow_mark.png">
</div>
<div class="flow_bold">
  <h3>ワークフローの見出し3</h3>
</div>

イメージボックススタイル

サンプル画像

見出し3

文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります

<p class="sample">イメージボックススタイル</p>
<div class="image-box clearFix">
<p><img src="http://ngnr.jp/wp/wp-content/themes/ghgh/img/sample_medium01.png" alt="サンプル画像" scale="0"></p>
<div>
<h3>見出し3</h3>
文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります
</div>
</div>

QandAスタイル

質問が入ります。質問が入ります。質問が入ります。質問が入ります。質問が入ります。
解答が入ります。解答が入ります。解答が入ります。解答が入ります。解答が入ります。
<dl class="qanda">
  <dt>質問が入ります。質問が入ります。質問が入ります。質問が入ります。質問が入ります。</dt>
  <dd>解答が入ります。解答が入ります。解答が入ります。解答が入ります。解答が入ります。</dd>
</dl>

ウェブフォント

ホーム

チェック

ダウンロード

注意

カート

アイコンリスト

<p><i class="fa fa-home"></i> ホーム</p>
<p><i class="fa fa-check"></i> チェック</p>
<p><i class="fa fa-download"></i> ダウンロード</p>
<p><i class="fa fa-warning"></i> 注意</p>
<p><i class="fa fa-shopping-cart"></i> カート</p>

レスポンシブで横長画像の差し替え

プラグインなし

プラグインあり

<img class="res_img" src="http://ngnr.jp/wp/wp-content/themes/ghgh/img/responsiveimg.png">
※スマートフォンサイズ(468px以下)ではresponsiveimg_sp.pngという画像に切り替わる

フォームスタイル

会社名
お名前(必須)
性別
メールアドレス
メールアドレス(確認)
郵便番号
都道府県
市町村
その他住所
TEL(必須)
FAX
ご相談内容

内容(必須)

<form method="post" action="" enctype="multipart/form-data">
  <table>
    <tbody>
      <tr>
        <th>会社名</th>
        <td><input type="text" name="会社名" size="60" value="" /></td>
      </tr>
      <tr>
        <th>お名前(必須)</th>
        <td><input type="text" name="お名前" size="60" value="" /></td>
      </tr>
      <tr>
        <th>性別</th>
        <td>
<label><input type="radio" name="性別" value="男性"  />男性</label>
<label><input type="radio" name="性別" value="女性"  />女性</label>
        </td>
      </tr>
      <tr>
        <th>メールアドレス</th>
        <td><input type="email" name="メールアドレス" size="30" value="" /></td>
      </tr>
      <tr>
        <th>メールアドレス(確認)</th>
        <td><input type="email" name="メールアドレス(確認)" size="30" value="" /></td>
      </tr>
      <tr>
        <th>郵便番号</th>
        <td><input type="text" name="郵便番号" id="zip" size="7" value="" /></td>
      </tr>
      <tr>
        <th>都道府県</th>
        <td><input type="text" name="都道府県" id="pref" size="10" value="" /></td>
      </tr>
      <tr>
        <th>市町村</th>
        <td><input type="text" name="市町村" id="city" size="10" value="" /></td>
      </tr>
      <tr>
        <th>その他住所</th>
        <td><input type="text" name="その他住所" id="addr" size="60" value="" /></td>
      </tr>
      <tr>
        <th>TEL(必須)</th>
        <td><span class="mwform-tel-field">
<input type="text" name="TEL[data][0]" size="6" maxlength="5" />
-
<input type="text" name="TEL[data][1]" size="5" maxlength="4" />
-
<input type="text" name="TEL[data][2]" size="5" maxlength="4" />
</span></td>
      </tr>
      <tr>
        <th>FAX</th>
        <td><span class="mwform-tel-field">
<input type="text" name="FAX[data][0]" size="6" maxlength="5" />
-
<input type="text" name="FAX[data][1]" size="5" maxlength="4" />
-
<input type="text" name="FAX[data][2]" size="5" maxlength="4" />
</span></td>
      </tr>
      <tr>
        <th>ご相談内容</th>
        <td><span class="vertical-item">
<label><input type="checkbox" name="ご相談内容[data][]" value="相談1"  />相談1</label>
</span><span class="vertical-item">
<label><input type="checkbox" name="ご相談内容[data][]" value="相談2"  />相談2</label>
</span><span class="vertical-item">
<label><input type="checkbox" name="ご相談内容[data][]" value="その他"  />その他</label>
</span>
         </td>
      </tr>
      <tr>
        <th>内容(必須)</th>
        <td><textarea name="内容" cols="50" rows="5"></textarea></td>
      </tr>
    </tbody>
  </table>
  <p>
    <input type="submit" name="submitConfirm" value="確認" />
    <input type="reset" name="reset" value="リセット">
  </p>
</form>

特別なページのスタイル

お問い合わせリンクスタイル

◯◯◯◯◯に関することはお気軽にお問い合わせください!

000-000-0000
営業時間 月~金 9:00~18:00

お問い合わせ・資料請求

メールは24時間受け付けております。

<div class="contact">
  <div id="contact_sb">
    <p class="lead">◯◯◯◯◯に関することはお気軽にお問い合わせください!</p>
    <p class="tel"><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> 000-000-0000<br><span>営業時間 月~金 9:00~18:00</span></a></p>
    <p class="mail"><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i> お問い合わせ・資料請求</a></p>
    <p class="ex">メールは24時間受け付けております。</p>
  </div>

海苔・いりこに関することはお気軽にお問い合わせください!

083-989-2256

平日 9:00 - 17:00

お問い合わせ

メールは24時間受け付けております。

こちらの記事も読まれています。

  • いりこだしについていりこだしについて 長尾海苔で海苔に味付けする際に使用している「味液」ですが、昆布や鰹に海老を加えて出汁をとっている企業が多いです。長尾海苔では海老ではなくあまり主流ではないですが「いりこ」を加えて出汁をとっています。九州をはじめとして、西日本の企業では比較的利用されているいりこですが、長尾海苔は海苔と同様に「いりこ」も仕入れておりますので、その味に自信のあるいりこを利用することによって他店と違 […]
  • 青まぜ焼海苔青まぜ焼海苔 当社の青まぜ焼海苔は熊本県産の飛等級の乾海苔を使用し、黒のりの中に青のりが混じったもので青のりの香りと、香ばしさのある焼海苔です。原料となる青まぜ乾海苔は、水温が比較的高い秋の終わりににしか生産されないため全体の生産量の1%未満しか生産されていません、そのようなこともありとても珍しい海苔です。 おすすめの食べ方は、海苔だけで食べるならビールやお酒などアルコール類のおつまみで食 […]
  • 煮干入札会煮干入札会 8月25日に山口県柳井市の山口県漁協柳井事業所で行われた山口県内海地区煮干入札会に参加いたしました。昨年度に比べて生産量は若干少なく、大きさと品質が自分の求めていたものとは違い少ない買付となりました。煮干の入札は毎回イワシの大きさや品質が変わることが多く空振りに終わることも多々あります。しかし自分が求めている煮干を買付したいのでなるべく多く入札会に参加しています。 &n […]
  • サイトオープンのご挨拶サイトオープンのご挨拶 ご愛顧いただいてるお客様や取引先の皆さまからの声にお応えして、この度「長尾海苔」公式ウェブサイトを開設致しました。商品情報や商品注文だけでなく、長尾海苔のこだわりや新着の情報などを発信していければと思っておりますので、どうぞよろしくお願いします。 […]
  • インターネットショップ開設のお知らせインターネットショップ開設のお知らせ この度、長尾海苔店はインターネットショップを開設いたしました。当社は今まで飲食店・給食・弁当業者・ギフト商社など主に業務用の海苔を販売してきたため、個人のお客様との接点は多くありませんでした。 しかしながら、近年たくさんのお客様に海苔は美味しい食べ物であるという事を知って頂きたいと思い、インターネットショップ開設にいたりました。商品の原料の乾海苔は当社仕入れ担当者である私が […]

ソーシャルボタン

前後の記事

  次の記事
PAGE TOP