医療関係者向けサイト

サンプルページ

見出しh3

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

見出しh4

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

見出しh5

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

見出しh6

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

文字装飾・リンク

文字装飾

マーカー、太字

サンプルテキストマーカを引いたテキスト(class="base-marker")

シンプルな太字にするときは(class="base-text--bold")

テキストカラー変更

デフォルトテキスト(class="base-text")
サイトカラーのテキスト(class="base-text--siteColor")
サイトサブカラーのテキスト(class="base-text--siteSubColor")
赤のテキスト(class="base-text--red")
グレーのテキスト(class="base-text--gray")

大きさ

小さい文字(class="base-text--small")
大きい文字(class="base-text--large")

位置

文字を中央揃え

文字を右揃え

上付き文字、下付き文字

文字上付き文字

文字下付き文字

文字上付き文字(低め、pの上にマージンがある時など)

文字上付き文字(高め、「α」など高さの低い文字の時など)

引用文

サンプルテキストサンプルテキスト
サンプルテキストサンプルテキスト

上のスペースひかえめ

お知らせNEW

緑背景の文字

リンク

ノーマルリンク class="link"

矢印付きリンク class="link_arw"

class="link_btn"

リスト

  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  1. リストサンプル
  2. リストサンプル
  3. リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル

ナンバーボックス

1.サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

2.サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

3.サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

1.

警告

1.1

本剤はIL−12/23の作用を選択的に抑制する薬剤であるため、感染のリスクを増大させる可能性がある。また、結核の既往歴を有する患者では結核を活動化させる可能性がある。また、本剤との関連性は明らかではないが、悪性腫瘍の発現が報告されている。本剤が疾病を完治させる薬剤でないことも含め、これらの情報を患者に十分説明し、患者が理解したことを確認した上で、治療上の有益性が危険性を上回ると判断される場合にのみ投与すること。また、本剤投与後に副作用が発現した場合には、主治医に連絡するよう患者に注意を与えること。[2.1、8.1-8.3、9.1.1-9.1.3、11.1.2、11.1.3、15.1.6 参照]

【ウステキヌマブBS皮下注45mgシリンジ「F」・90mgシリンジ「F」の効能又は効果】

4.

効能又は効果 〇既存治療で効果不十分な下記疾患 尋常性乾癬、乾癬性関節炎

タイトル:

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト いくつもこの形式を並べたい場合には下記、テーブルの記載のものを使う

緑タイトル

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

青タイトル

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

Q1

しつもん

 A.

こたえのテキストや画像はdivの中に
h4にid設定しておくと便利です

図のタイトル

テーブル

基本のテーブル

サンプル

サンプル

色つきのセル
class="td_title"
プレーン
センター寄せ
class="center"
右寄せ
class="right"

スマホの時に横スクロール

スクロールサンプルサンプル
プレーンセンター寄せセンター寄せ
横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールします横にスクロールしますセンター寄せセンター寄せ

警告のテーブル

見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

枠なしのテーブル

見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出し 右寄せサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出し 左寄せサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

枠なしのテーブルを応用したフェイクチェックリスト

※入力を想定しないものです
※ボックスの下に余白が出ないよう base-table--noMargin で調整しています
※サンプルテキストがない場合には全角スペースを入れてください。何もない状態で base-fakeTxtfield を使うとカッコの位置がずれます

サンプルタイトルサンプルタイトル
□ 項目
サンプルテキスト
□ 項目
テキスト真ん中寄せ
□ 胸部X線
テキスト左寄せ

ボックス

base-box--border、base-box--caution、base-box--link

h4サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h6サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

base-box--green、base-box--gray

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h6サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

ボックスの中でリストのみを使う場合

ボックスの中でリストのみを使用して下に余白が多く出来る場合、ulに
base-list--noMargin
を追加してください。(全種類のリストで使えます)

  • ul class="base-list base-list--circle base-list--noMargin"
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
"base-column""base-box_heading"
h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプル画像

サンプルテキスト

サンプル画像

サンプルテキスト

画像・コンテンツ配置

画像に黒ボーダー

サンプル画像

(class="base-img base-img--border")

画像のセンター寄せ

サンプル画像

(class="base-img base-img--center")

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

画像の左寄せ

サンプル画像

“base-column”で“base-column_itemNarrow”と"base-column_itemWide"を囲む

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

画像の右寄せ

サンプル画像

“base-column”で“base-column_itemNarrow”と"base-column_itemWide"を囲む

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

大きめの写真

(class="base-img base-img--wide")

サンプル画像

スマホの画像をリサイズしない

画像の横幅が小さすぎてスマホで荒くなってしまう場合に使用

(class="base-img base-img--noResize")

サンプル画像

センター寄せ

(class="base-img base-img--noResize base-img--center")

サンプル画像

目次リスト

ページトップへ