本ウェブサイトでは、JavaScriptおよびスタイルシートを使用しております。
お客様がご使用のヴラウザではスタイルが未適応のため、本来とは異なった表示になっておりますが、情報は問題なくご利用いただけま す。

テンプレートインデックス

テンプレートのインデックスページです。
テンプレートには以下の13種類があります。

1・大見出し

大見出し

<div class="headline">
<h1>大見出し</h1>
</div>

このソースをダウンロードする>>

ページトップへ▲

2・中見出し


中見出し・黒
ここに文章を入れることもできます


中見出し・オレンジ
ここに文章を入れることもできます


中見出し・グリーン
ここに文章を入れることもできます


中見出し・ブルー
ここに文章を入れることもできます


<div class="headline">
<h2>中見出し・黒<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

<div class="headline">
<h2 class="orange">中見出し・オレンジ<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

<div class="headline">
<h2 class="green">中見出し・グリーン<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

<div class="headline">
<h2 class="blue">中見出し・ブルー<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

ページトップへ▲

3・小見出し

■小見出し・黒

■小見出し・オレンジ

■小見出し・グリーン

■小見出し・ブルー

<div class="headline">
<h3>■小見出し・黒</h3>
</div>

このソースをダウンロードする>>

<div class="headline">
<h3 class="orange">■小見出し・オレンジ</h3>
</div>

このソースをダウンロードする>>

<div class="headline">
<h3 class="green">■小見出し・グリーン</h3>
</div>

このソースをダウンロードする>>

<div class="headline">
<h3 class="blue">■小見出し・ブルー</h3>
</div>

このソースをダウンロードする>>

ページトップへ▲

4・通常のテキスト

■通常のテキスト

  • フォントサイズ:12px
  • フォントカラー:黒(#4d4d4d)

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

■通常のテキスト

  • フォントサイズ:12px
  • フォントカラー:ブルー(#006699)

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry0">
<p>
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

<div class="entry0">
<p class="blue">
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

ページトップへ▲

5・小さいテキスト

■小さいテキスト

  • フォントサイズ:10px
  • フォントカラー:黒(#4d4d4d)

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

■小さいテキスト

  • フォントサイズ:10px
  • フォントカラー:青(#006699)

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry0">
<p class="cap">
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

<div class="entry0">
<p class="cap_blue">
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

ページトップへ▲

6・罫線つきテキスト

■テキストに罫線がつきます

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry1">
<p>
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

ページトップへ▲

7・箇条書き

■リストマーカーがつきます

  • ここに本文が入りますここに本文が入りますここに本文が入ります
  • ここに本文が入りますここに本文が入りますここに本文が入ります
  • ここに本文が入りますここに本文が入りますここに本文が入ります
  • ここに本文が入りますここに本文が入りますここに本文が入ります
  • ここに本文が入りますここに本文が入りますここに本文が入ります
  • ここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry5">
<ul>
<li>ここに本文が入ります</li>
<li>ここに本文が入ります</li>
<li>ここに本文が入ります</li>
<li>ここに本文が入ります</li>
</ul>
</div>

このソースをダウンロードする>>

ページトップへ▲

8・引用文

■テキストが枠で囲まれます

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry6">
<blockquote>
ここに本文が入ります
</blockquote>
</div>

このソースをダウンロードする>>

ページトップへ▲

9・「ページトップへ」リンク

■設定次第で通常のリンクをはることも可能です


ページトップへ▲


<p class="page_top"><a href="#pagetop">ページトップへ▲</a></p>

このソースをダウンロードする>>

ページトップへ▲

10・テキスト+画像

テキスト+画像・1
〜画像が左側〜


250×188
注釈を入れることができます

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります


<div class="entry3">
<div class="entry3_L">
<img src="{画像のパスを入力}" width="{画像の幅}" height="{画像の高}" alt="代替テキスト" class="photo" border="0" /><br />
<span class="caution">
注釈を入れることができます
</span>
</div>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<br clear="all" />

このソースをダウンロードする>>

テキスト+画像・2
〜画像が右側〜


250×188
注釈を入れることができます

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります


<div class="entry3">
<div class="entry3_R">
<img src="{画像のパスを入力}" width="{画像の幅}" height="{画像の高}" alt="代替テキスト" class="photo" border="0" /><br />
<span class="caution">
注釈を入れることができます
</span>
</div>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<br clear="all" />

このソースをダウンロードする>>

ページトップへ▲

テキスト+画像・3
〜大きい画像〜


510×200

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry4">
<img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="代替テキスト" />
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

ページトップへ▲

11・テキスト+画像×3

dummy

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

dummy

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

dummy

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります


<div id="layout1">
<h2><img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="{代替テキスト}" /></h2>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<div id="layout2">
<h2><img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="{代替テキスト}" /></h2>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<div id="layout3">
<h2><img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="{代替テキスト}" /></h2>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<br clear="all" />

このソースをダウンロードする>>

ページトップへ▲

12・テーブルレイアウト

ここに本文が入ります ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
ここに本文が入ります ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
ここに本文が入ります ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
ここに本文が入ります ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<table class="table_module">
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
</table>

このソースをダウンロードする>>

ページトップへ▲

13・ボーダーライン

■ボーダーライン



ページトップへ▲

Internet IR 優秀企業賞2009