山形商工会議所 -The Yamagata Chamber of Commerce and Industry-
〒990-8501 山形市七日町3-1-9
カテゴリタイトル
ページタイトル
（ページタイトル補足）
H3見出し
H3本文テキスト。H3本文テキスト。H3本文テキスト。H3本文テキスト。H3本文テキスト。
h4見出し
H4本文テキスト。H4本文テキスト。H4本文テキスト。H4本文テキスト。H4本文テキスト。H4本文テキスト。
h5見出し
H5本文テキスト。H5本文テキスト。H5本文テキスト。H5本文テキスト。
h6見出し
H6本文テキスト。H6本文テキスト。H6本文テキスト。H6本文テキスト。
注釈文、区切り線について
↑区切り線を入れたい場所に「<div class="border"><hr></div>」を挿入。
↑太い区切り線を入れたい場所に「<div class="border_bold"><hr></div>」を挿入。
注釈文は<div class="note">で囲む。
テキスト修飾について
文字のサイズ・色・スタイルについて
テキストs1
テキストs2
テキスト（指定なし・標準）
テキストs3
テキストs4
テキストs5
テキストs6
｜ 赤(color_red)｜ 青(color_blue)｜ オレンジ(color_orange)｜ 黄緑(color_ygreen)｜ 青緑(color_bgreen)｜ 赤紫(color_purple)｜ 青紫(color_violet)｜ 濃灰(color_dgray)｜ 灰(color_gray)｜ 淡灰(color_lgray)｜ 黒(color_black)｜ 白(color_white)｜
｜ 強調(strong)｜ 弱い強調(em)｜ 太字(bold)｜ 斜体(italic)｜ 上付き(sup)｜ 下付き(sub)｜ 標準(normal)｜ 下線赤(l_red)｜ 下線黒(l_black)｜
文字の配置について
左寄せテキスト(class="left")
右寄せテキスト(class="right")
センタリングテキスト(class="center")
テキストリンク
リストについて
データリスト
- データタイトル
- データ内容
- データタイトルデータタイトルデータタイトルデータタイトル
- データ内容
箇条書きリスト
- リストマークが「disc」の場合はulタグに「class="disc"」を指定。
- リストマークが「circle」の場合はulタグに「class="circle"」を指定。
- リストマークが「square」の場合はulタグに「class="square"」を指定。
- リストマーク無しの場合はulタグに「class="none"」を指定。
- ★リストマークに記号や埋め込みフォントなど独自のアイコンなどを使いたい場合はulタグに「class="custom_icon"」を指定。
- リストマークに記号や埋め込みフォントなど独自のアイコンなどを使いたい場合はulタグに「class="custom_icon"」を指定。
連番リスト
- リスト番号が「decimal」の場合はolタグに「class="decimal"」を指定。
- リスト番号が「lower-roman」の場合はolタグに「class="l_roman"」を指定。
- リスト番号が「upper-roman」の場合はolタグに「class="u_roman"」を指定。
- リスト番号が「lower-alpha」の場合はolタグに「class="l_alpha"」を指定。
- リスト番号が「upper-alpha」の場合はolタグに「class="u_alpha"」を指定。
- リスト番号無しの場合はolタグに「class="none"」を指定。
特殊リスト
ラインなしリスト
- テキストリスト(ulタグにclass="icon_list")
- テキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリスト
- リンクリスト(ulタグにclass="link_list")
- リンクリストリンクリストリンクリストリンクリストリンクリストリンクリストリンクリストリンクリストリンクリストリンクリストリンクリスト
ライン付きリスト
- ライン付きテキストリスト(ulタグにclass="icon_list line")
- ライン付きテキストリストライン付きテキストリストライン付きテキストリストライン付きテキストリストライン付きテキストリストライン付きテキストリストライン付きテキストリスト
- ライン付きリンクリスト(ulタグにclass="link_list line")
- ライン付きリンクリストライン付きリンクリストライン付きリンクリストライン付きリンクリストライン付きリンクリストライン付きリンクリストライン付きリンクリストライン付きリンクリスト
表組について
テーブル全体を「<class="table-responsive">」を指定したdivタグで囲ってください。
| 項目 | 項目 | 項目 | 項目 |
|---|---|---|---|
| 改行なし (class="nbr") |
左寄せ (class="left") |
中央揃え (class="center") |
右寄せ (class="right") |
| 背景:青 (class="bg_blue") |
背景:淡青 (class="bg_lblue") |
背景:極淡青 (class="bg_pblue") |
|
| 背景:紫 (class="bg_purple") |
背景:淡紫 (class="bg_lpurple") |
背景:極淡紫 (class="bg_ppurple") |
|
| 背景:赤 (class="bg_red") |
背景:淡赤 (class="bg_lred") |
背景:オレンジ (class="bg_orange") |
背景:淡オレンジ (class="bg_lorange") |
| 背景:黄緑 (class="bg_ygreen") |
背景:淡黄緑 (class="bg_lygreen") |
背景:青緑 (class="bg_bgreen") |
背景:淡青緑 (class="bg_lbgreen") |
| 背景:濃灰 (class="bg_dgray") |
背景:灰 (class="bg_gray") |
背景:淡灰 (class="bg_lgray") |
背景:黒 (class="bg_black") |
画像について
左寄せの画像(class="img_l")
右寄せの画像(class="img_r")
中央寄せの画像(class="img_c")
(※中央寄せの場合は、imgを内包するpやdivなどに「class="img_c"」を設定する。)
画像１つのみセンタリング配置するBOXには「class="img_box_l"」を指定。
画像２つを横並びで配置するBOXには「class="img_box"」を指定。（スマホサイズでは縦並びになります。）
画像３つ以上を横並びで配置するBOXには「class="img_box_s"」を指定。（スマホサイズでは２個ずつ並びます。）
アイコン型の画像には「class="img_icon"」を設定する。
拡大版の画像にリンクするときはaタグに「 data-fancybox="(任意のグループ名)" data-caption="(写真のキャプション)"」を指定する。（※要Fancyboxスクリプト）