【賢威8】カスタマイズ用パーツ（文字、アイコン、ボタン）

<span class="red">文字の色を赤にします。</span>
<span class="blue">文字の色を青にします。</span>
<span class="green">文字の色を緑にします。</span>
<span class="yellow">文字の色を黄にします。</span>
<span class="navy">文字の色を紺にします。</span>
<span class="orange">文字の色をオレンジにします。</span>
<span class="pink">文字の色をピンクにします。</span>
<span class="purple">文字の色を紫にします。</span>
<span class="olive">文字の色をオリーブにします。</span>
<span class="lime">文字の色を黄緑にします。</span>
<span class="aqua">文字の色を水色にします。</span>
<span class="black">文字の色を黒にします。</span>
<span class="gray">文字の色を灰にします。</span>
<span class="white" style="background-color: #ccc;">文字の色を白にします。</span>
<span class="brown">文字の色を茶にします。</span>

文字に<span class="line-blue">青色のマーカー</span>をつけます。
文字に<span class="line-yellow">黄色のマーカー</span>をつけます。
文字に<span class="line-orange">オレンジのマーカー</span>をつけます。
文字に<span class="line-pink">ピンクのマーカー</span>をつけます。
文字に<span class="line-lime">黄緑色のマーカー</span>をつけます。
文字に<span class="line-gray">灰色のマーカー</span>をつけます。

文字の上に<span class="dot">傍</span><span class="dot">点</span>をつけます。

<p class="note">※注釈・注記に使用できます。最初の1文字分だけ左に飛び出て、それ以降の文字がぶら下がります。「※」以外にも数字や「・」や「○」等の記号にも使用できます。</p>

<p class="note2">※1.注釈・注記に使用できます。最初の2文字分だけ左に飛び出て、それ以降の文字がぶら下がります。「※」以外にも数字や「・」や「○」等の記号にも使用できます。</p>

<span class="icon_point color01"></span> ポイント
<span class="icon_caution color01"></span> 注意
<span class="icon_blank color01"></span> 別ウインドウ
<span class="icon_arrow_up color01"></span> 矢印上
<span class="icon_arrow_right color01"></span> 矢印右
<span class="icon_arrow_down color01"></span>  矢印下
<span class="icon_arrow_left color01"></span> 矢印左
<span class="icon_download color01"></span> ダウンロード
<span class="icon_pdf color01"></span> PDF
<span class="icon_zip color01"></span> ZIP
<span class="icon_mail color01"></span> メール
<span class="icon_cart color01"></span> ショッピングカート
<span class="icon_search color01"></span> 虫眼鏡
<span class="icon_home color01"></span> ホーム
<span class="icon_folder color01"></span> フォルダ
<span class="icon_time color01"></span> 時計
<span class="icon_calendar color01"></span> カレンダー
<span class="icon_building color01"></span> ビル
<span class="icon_map color01"></span> マップ
<span class="icon_new color01"></span> NEW
<span class="icon_beginner color01"></span> 初心者マーク

<span class="icon_point red"></span> ポイント
<span class="icon_caution blue"></span> 注意
<span class="icon_blank green"></span> 別ウインドウ
<span class="icon_arrow_up yellow"></span> 矢印上
<span class="icon_arrow_right navy"></span> 矢印右
<span class="icon_arrow_down orange"></span>  矢印下
<span class="icon_arrow_left purple"></span> 矢印左
<span class="icon_download olive"></span> ダウンロード
<span class="icon_pdf lime"></span> PDF
<span class="icon_zip aqua"></span> ZIP
<span class="icon_mail black"></span> メール
<span class="icon_cart gray"></span> ショッピングカート
<span class="icon_search white" style="background-color: #ccc;"></span> 虫眼鏡
<span class="icon_home brown"></span> ホーム

<a href="#btnlink" class="btn dir-arw_r btn_gray"><span class="icon_arrow_s_right"></span>ボタンのテキスト</a>
<a href="#btnlink" class="btn dir-arw_r btn_bluegreen"><span class="icon_arrow_s_right"></span>ボタンのテキスト</a>
<a href="#btnlink" class="btn dir-arw_r btn_orange"><span class="icon_arrow_s_right"></span>ボタンのテキスト</a>
<a href="#btnlink" class="btn dir-arw_r btn_style01"><span class="icon_arrow_s_right"></span>ボタンのテキスト</a>
<a href="#btnlink" class="btn dir-arw_r btn_style02"><span class="icon_arrow_s_right"></span>ボタンのテキスト</a>
<a href="#btnlink" class="btn dir-arw_r btn_style03"><span class="icon_arrow_s_right"></span>ボタンのテキスト</a>

<a href="#btnlink" class="btn dir-arw_l btn_gray"><span class="icon_arrow_s_left"></span>ボタンのテキスト</a>

<a href="#btnlink" class="btn btn_gray"><span class="icon_mail white"></span> お問合せはこちら</a>
<a href="#btnlink" class="btn btn_style01"><span class="icon_map blue"></span> 地図はこちら</a>
<a href="#btnlink" class="btn btn_bluegreen"><span class="icon_search white"></span> キーワードで検索</a>
<a href="#btnlink" class="btn btn_orange"><span class="icon_cart white"></span> カートに入れる</a>
<a href="#btnlink" class="btn btn_style01"><span class="icon_pdf red"></span> PDFのダウンロード</a>
<a href="#btnlink" class="btn btn_style03"><span class="icon_arrow_up white"></span> TOPへ戻る</a>
<a href="#btnlink" class="btn btn_gray">続きを読む <span class="icon_arrow_right white"></span></a>
<a href="#btnlink" class="btn btn_bluegreen"><span class="icon_arrow_left white"></span> 最初に戻る</a>