共通部品：オプション
文字
太字
文字に太字のスタイルを付けたいときに使用してください。
文字揃え
テキストに関するものであればpタグ以外の要素に追加しても有効です。
特別な場合や文字量によりレイアウトが崩れる場合などにご利用ください。
多用しすぎないようご配慮をお願いします。
左寄せ
中央寄せ
右寄せ
テーブルのセル（tdなど）で縦方向の位置を中段にしたい場合はclassに「common-option-middle」を追加します。
| オプションのクラスがない場合 | オプションのクラスがある場合 | |
|---|---|---|
| ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト |
文字列 | 文字列 |
文字色
文字色の指定は濫用しないでください。特に注意喚起などで文字を赤くするといった使用はしないでください。
本当にその項目を他の項目よりも目立たせる必要があるか十分に検討してください。
目立たせたい場合は、見せ方や文章の構成、あるいはほかの共通部品を使用することを優先してください。
この文字は白色です。
この文字は赤系の色です。
この文字は青系の色です。
マーカー
強調したい文字列を「span」タグで囲ってclassを指定してください。
このように強調したい箇所に付けてください。
このように強調したい箇所に付けてください。
このように強調したい箇所に付けてください。
二重打消し線
二重の打消し線（赤線）を付けたい文字列を「del」または「span」タグで囲ってclassを指定してください。
delの場合：このように打ち消したい箇所に付けてください。
spanの場合：このように打ち消したい箇所に付けてください。
参考 - フォントのサイズにより線の太さが変わります：
このように打ち消したい箇所に付けてください。
※なお、この二重打消し線は特に強調したい場合にのみご利用ください。例えばキャンペーンで通常価格を打ち消して特価を表示したいような場合。
例. 販売価格 18,000 円 → キャンペン特価 12,000 円
通常の文章の打ち消しは「del」のみでご利用ください。
例.内容が更新されて情報を打ち消す場合の例はこのようになります。
特殊文字
α
Word API（α版）
リスト
リストのドットを外す
- 提出日：(Paragraph) : 2022/2/3
- 社員番号(Table1) : 0128XXYYZZ
- 所属(Table1) : 営業二課
SNS向けOGP
SNSでwebページがシェアされた時、ページのタイトル、URL、概要、画像を表示させる仕組みです。
設定する場合は以下のコードを編集して<head>タグ内に記述してください。
OGPを記述する際は、まず<head>タグに「prefix」の記述をし、OGPの使用を宣言します。
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website:
http://ogp.me/ns/website#">
（記事ページは「website」箇所を「article」に変更）