全く腰に負担のかからない介護テクニック

レイアウト(スマホ時は1カラム)

スマホ時に2列にしたい場合はclass=layoutSp2を指定

マージン/縦横サイズ

説明	class名	サンプルコード
マージン	mgn1～100
マージン上だけ	mgnT1～100
マージン右だけ	mgnR1～100
マージン左だけ	mgnL1～100
マージン下だけ	mgnB1～100
パッディング	pd1～100
パッディング上だけ	pdT1～100
パッディング右だけ	pdR1～100
パッディング左だけ	pdL1～100
パッディング下だけ	pdB1～100
横幅（%指定）	wid1～100
横幅（px指定）	widpx1～200
縦幅（px指定）	height1～200

フォント装飾

class名	サンプル
サンプル
指定なし	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
fontS1～100	例）class=fontS14 で指定した場合、フォントサイズが14pxに指定される
h1	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
h2	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
h3	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
h4	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
h5	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
h6	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
xxlarge	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
xlarge	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
large	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
medium	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
small	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
xsmall	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
xxsmall	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
lspac1	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
lspac2	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
lspac3	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
fontB	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
fontN	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
italic	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

その他

class名	説明
center	中央寄せ
left	左寄せ
right	右寄せ
floatR	float右（ブラウザサイズ768px以下で解除されます）
floatL	float左（ブラウザサイズ768px以下で解除されます）
floatN	floatなし
nowrap	改行禁止
noBdr	ボーダー無し
disBlock	ブロック要素
disInline	インライン要素
verTop	縦並び上
verTop	縦並び上
verMiddle	縦並び中央
verBottom	縦並び下
clear	floatクリア

カラー見本

文字class	文字見本	背景class	背景見本	ボーダーclass	ボーダー見本
fontC-lp	文字見本	bakC-lp	背景見本	borderC-lp	ボーダー見本
fontC-dl	文字見本	bakC-dl	背景見本	borderC-dl	ボーダー見本
fontC-mb	文字見本	bakC-mb	背景見本	borderC-mb	ボーダー見本
fontC-bl	文字見本	bakC-bl	背景見本	borderC-bl	ボーダー見本
fontC-lb	文字見本	bakC-lb	背景見本	borderC-lb	ボーダー見本
fontC-gr	文字見本	bakC-gr	背景見本	borderC-gr	ボーダー見本
fontC-yw	文字見本	bakC-yw	背景見本	borderC-yw	ボーダー見本
fontC-yo	文字見本	bakC-yo	背景見本	borderC-yo	ボーダー見本
fontC-or	文字見本	bakC-or	背景見本	borderC-or	ボーダー見本
fontC-rd	文字見本	bakC-rd	背景見本	borderC-rd	ボーダー見本
fontC-pl	文字見本	bakC-pl	背景見本	borderC-pl	ボーダー見本
fontC-bk	文字見本	bakC-bk	背景見本	borderC-bk	ボーダー見本
fontC-gy	文字見本	bakC-gy	背景見本	borderC-gy	ボーダー見本
fontC-lg	文字見本	bakC-lg	背景見本	borderC-lg	ボーダー見本
fontC-wh	文字見本	bakC-wh	背景見本	borderC-wh	ボーダー見本

---

見出し装飾No.1 class=mds1

見出し装飾No.2 class=mds2

見出し装飾No.3 class=mds3

見出し装飾No.4 class=mds4

見出し装飾No.5 class=mds5

サンプルコード見本

※装飾とフォントサイズをclassで指定してください。

---

見出し装飾No.1 class=mds1

テキストがはいります文中外部リンクはclass=linkOutを指定テキストがはいります文中リンクは青字になります急ぎガラスを入りにけりことことと行く汽車のはて温石いしの萱山の上にひとつの松ありてあるいは雷にうたれしや三角標にまがへりと大上段に真鍮の棒をかざしてさまよへりごみのごとくにあきつとぶ高圧線のま下にて秋をさびしき白服の酒くせあしき土木技手いましも汽車を避け了へてこなたへ来るといまははた急ぎガラスを入りにけりことことと行く汽車のはて温石いしの萱山の上にひとつの松ありてあるいは雷にうたれしや三角標にまがへりと大上段に真鍮の棒をかざしてさまよへりごみのごとくにあきつとぶ高圧線のま下にて秋をさびしき白服の酒くせあしき土木技手いましも汽車を避け了へてこなたへ来るといまははた急ぎガラスを入りにけりことことと行く汽車のはて温石いしの萱山の上にひとつの松ありてあるいは雷にうたれしや三角標にまがへりと大上段に真鍮の棒をかざしてさまよへりごみのごとくにあきつとぶ高圧線のま下にて秋をさびしき白服の酒くせあしき土木技手いましも汽車を避け了へてこなたへ来るといまははた急ぎガラスを入りにけり

• リスト形式はulタグにclass=discを指定してください
• リスト形式
• リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式リスト形式
• リスト形式

• 算用形式はulタグにclass=decimalを指定してください
• リスト形式
• リスト形式
• リスト形式

• 入れ子にすることも可能です。
• リスト形式
• リスト形式
  • 算用形式はulタグにclass=decimalを指定してください
  • リスト形式
  • リスト形式
    • 算用形式はulタグにclass=decimalを指定してください
    • リスト形式
    • リスト形式
    • リスト形式
  • リスト形式
• リスト形式

---

captionタイトル

thタグはグレー	tdタグ
thタグはグレー	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

TABLEはclass=wid100を指定すると100%表示
thを左に置く場合はclass=thLeftを指定してください。
スマホ時、縦並びにするにはclass=spVerticalを指定してください。

class=wid100なし

thタグはグレー	tdタグ
thタグはグレー	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

class=spVerticalなしはスマホ時もそのまま

thタグはグレー	tdタグ
thタグはグレー	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

class=spScrollを指定するとスマホ時はスクロール

thタグはグレー	tdタグ
thタグはグレー	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

thタグを上に置く場合はclass指定なし

thタグはグレー	thタグはグレー
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。	tdタグ

tdタグだけでも可

tdタグ	tdタグ
tdタグ	tdタグ

等幅にする場合はclass=tableFixedを指定

thタグはグレーthタグはグレー	thタグはグレー	thタグはグレーthタグはグレー	thタグはグレー
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。	tdタグ	メロスは激怒した。 必ず、かの邪智暴虐の王を除かなければならぬと決意した。	tdタグ
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。	tdタグ	メロスは激怒した。 必ず、かの邪智暴虐の王を除かなければならぬと決意した。	tdタグ

captionは無くてもOK

thタイトル	tdタグ
thタイトルthタイトル	tdタグ
thタイトル	メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

下線だけのTABELはclass=tableBorderを指定
スマホ時はボーダー1本になります。
td/tdにカラーClassを指定するとボーダーカラー変更可能

---

dtタイトル

dlリストはdtタグにclass=widpx●●●で横幅を指定します。

dtタイトルdtタイトル

長い文章だと崩れてしまうので、短いリスト作成に使えます。

dtタイトル

あああああ

---

PDFファイル名がはいります

その他ファイル名がはいります

ZIPファイル名がはいります

外部サイトリンク

---

class=btn

class=btn y-btn

class=btn y-btn

class=btn y-btnR

class=btn y-btnR y-down

class=btn btn-lp

class=btn y-btn btn-bl

class=btn y-btn btn-yo

class=btn y-btnR btn-rd

class=btn y-btnR y-down btn-pl

class=btn-lpの「btn-●●」の部分に、テキストカラーで利用しているカラーコードを入れると、該当カラーのボタンになります。

---