甲信越しんきん健康保険組合

甲信越しんきん健康保険組合

文字サイズ
  • 小
  • 中
  • 大

追加CSS 使用例2

pc_commnom.cssのものも追加。

#01：見出しのクラス

<h2 class="mMH01">

<h3 class="mSH01"><span class="in">

#02：Space　スペースを空けるためのクラス

Sp_t03（上マージン0.3em）

Sp_t05（上マージン0.5em）

Sp_t1（上マージン1em）

Sp_t2（上マージン2em）

mText（下マージン18px）

Sp_b05（下マージン0.5em）

Sp_L1（左マージン1em）

#03：Text　 テキスト装飾に関するクラス

テキストを強調

TextEmphasis01（文字色のみで強調）

TextEmphasis02（文字色と太字で強調）

TextEmphasis03（文字色と太字と下線で強調。spanタグに適用）

テキストの色を変更

文字色を変更するクラスです。クラス名は＜TextCol01＞。
バリエーションを増やす際はクラス名の#######の部分を変更します。＜TextCol#######＞

#03：Indent　 注釈、リストに関するクラス

デフォルト注釈　.mNoteList

  • ※直接支払制度を利用した場合でも、付加給付（および差額が出た場合はその額）の
    当組合への申請は別途必要となります。
  • ※直接支払制度を利用せず、後日、当組合に出産育児一時金を申請する場合は、制度を利用しない旨の合意文書が必要になります。

注 釈 （1）　.ListNote01

デフォルトのクラス＜mNoteList＞の文字100％verです。

  • ※<UL>タグに使うCSSで、文字のサイズは100％です。
    インデントします。

注 釈（2）　.ListNote02／.ListNote03

＜ListNote02＞

  • （注） 文章の先頭に（注）を付けたキャプション用です。クラス名は＜ListNote02＞。
    ＜ｕｌ＞タグについていて、文字は87.5％です。

（注） 文章の先頭に（注）を付けたキャプション用です。クラス名は＜ListNote02＞。
＜Ｐ＞タグにも付けられます。文字は87.5％です。

＜ListNote03＞

  • （注） （注）から始まるキャプション用クラスです。クラス名は＜ListNote03＞。
    文字サイズは文字は100％。＜ｕｌ＞タグで使用しています。

（注） 文章の先頭に（注）を付けたキャプション用です。クラス名は＜ListNote03＞。
＜Ｐ＞タグにも付けられます。

注 釈（3）　 .ListNum01／.ListNum02

＜ListNum01＞

  • （1） クラス名は＜ListNum01＞
  • （2） （1）から始まるキャプション用クラスです。
  • （3） 文字サイズは87.5％です。

＜ListNum02＞

  • （1） クラス名は＜ListNum02＞
  • （2） （1）から始まるキャプション用クラスです。
  • （3） 文字サイズは100％です。

注 釈（4）　 .mDiscList

  • クラス名は＜mDiscList＞
  • リストマーク設定、list-style-type: disc;

注 釈（5）　 .ListSquare

  • クラス名は＜ListSquare＞
  • リストマーク設定、list-style-type: square;

注 釈（6）　 .ListAlphaU ／ .ListAlphaL

  • クラス名は＜ListAlphaU＞
  • リストマークはアルファベット大文字です。

  • クラス名は＜ListAlphaL＞
  • リストマークはアルファベットの小文字です。リストマークはアルファベットの小文字です。リストマークはアルファベットの小文字です。リストマークはアルファベットの小文字です。

数字のリスト（mDecimalList）

  • クラス名は＜mDecimalList＞
  • あああ
  • あああ
  • ああああ

ステップリスト

<ol class="mStepList">

  1. STEP1できるだけ冷静に
    ショックで冷静な判断を失うことがあります。できるだけ冷静に対処してください。
  2. STEP2加害者を確認
    ナンバー、運転免許証、車検証などを確認しましょう。
  3. STEP3警察へ連絡
    どんな小さな事故でも、必ず警察に連絡しましょう。
  4. STEP4示談は慎重に
    示談により、損害賠償請求権の一部を放棄した場合、その範囲で健康保険の給付を受けられなくなることがあります。後遺障害などで後から治療が必要になったとき、健康保険が使えないといった事態を避けるためにも、示談をする場合は事前に健康保険組合にご相談ください。

ステップリスト（入れ子にするとき）

STEPリスト内で入れ子にするとき

  1. STEP1 ｢家族すこやか40健診(特定健診)申込書(兼)...申し込んでください。
    • テキストテキスト
    • テキストテキスト
    • ★ファックスでの提出は不可とさせていただきます。
      • ※テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
      • ※テキストテキスト
    • ★ファックスでの提出は不可とさせていただきます。
      • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
      • テキストテキスト
    • ★退職後継続加入者（任意継続被保険者）の方は、当健保組合へ直接ご提出ください。
      • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
      • テキストテキスト

#03：Images 画像装飾に関するクラス

＜mFig01＞
上マージン50px、下マージン55ｐｘ、画像70%

＜mFig02＞
上マージン20px、下マージン55ｐｘ、画像70%

＜mFig03＞
mFig02の画像100%バージョン

＜mFig04＞
マージン上下、1.8em。画像100%。

＜mFig05＞
マージン上1em、下1.5em。画像100%。
画像下にcaption入れる場合。

※キャプションを入れる場合はこのCSSを使用

#04：Link ＜リンクに関するクラス＞

アイコン

PDFアイコンのリンクです。クラス名は＜mIconPDF＞

エクセルアイコンのリンクです。クラス名は＜IconXLS＞

ワードアイコンのリンクです。クラス名は＜IconDOC＞

参考リンク・関連リンク

通常の参考リンク。<dl class="mReference">として使用。

参考リンク

参考リンク。mReferenceなどがリスト内で使用できない時に、<p>に使用します。
クラス名は＜Reference03、Reference04＞。

参考リンク・文字は87.5％です。

参考リンク・文字は100％です。

関連リンク。Reference2などがリスト内で使用できない時に使用します。
クラス名は＜Reference05、Reference06＞。

関連リンク・文字は87.5％です。

関連リンク・文字は100％です。

#05：BOX ＜囲みに関するクラス＞

コラムボックス　.AsideBox01

"mAsideBOX"を通常の囲みとして使用するCSSです。

見出しテキスト

テキストの内容はココにテキストの内容はココにテキストの内容はココにテキストの内容はココに

  • ※合算高額療養費として支給された額、および入院時の食事代や居住費・差額ベッド代などは自己負担額から除く。
  • ※算出額が○○円未満の場合は不支給。○○円未満の端数は切り捨て。
  • ※具体的な計算例は「高額療養費の計算方法」をご参照ください。

"mAsideBOX" とは上下のマージン値が違います。

#06：Table ＜テーブルに関するクラス＞

th幅指定解除　.Table04

＜mTable02＞のth幅指定解除verです。
セル内テキストを "縦位置中央" に指定する場合は、クラス＜taM＞を、
"縦位置中央＆横位置中央" に指定する場合はクラス＜taCM＞をセルに設定します。

年齢 検査項目 検査内容
20歳以上 乳がん 乳房超音波検査またはマンモグラフィ（一部会場のみ）
※どちらか一方
子宮がん 子宮頸部細胞診
30歳以上

肝炎

 B型・C型肝炎検査（血液検査）
40歳以上 骨粗しょう症 超音波など

上記の 「超音波など」 部分の様にthと同じ状態を通常のセル内で表現する時は
クラス ＜tdItem01＞を指定します。

#06：研友企画CSS

印刷表記

A4サイズ

ページ先頭へ戻る