医療関係者向けサイト

サンプルページ

見出しh3

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

見出しh4

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

見出しh5

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

見出しh6

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

文字装飾・リンク

文字装飾

マーカー、太字

マーカを引いたテキスト(className="base-marker")

シンプルな太字(className="base-text--bold")

下線つきのテキスト(className="base-underline")

テキストカラー変更

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

大きさ

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

位置

文字を中央揃え

文字を右揃え

上付き文字、下付き文字

文字上付き文字

文字下付き文字

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

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

引用文

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

上のスペースひかえめ

お知らせNEW

サンプルテキスト base-text--verticalMiddle色背景の文字 base-text--mainBack

色背景の文字

リンク

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

外部リンクの場合はaタグで target="_blank" torel="noopener" を入れる

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

className="link_btn"

リスト

  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  1. リストサンプル
  2. リストサンプル
  3. リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  1. 厚生労働省:バイオ後続品の品質・安全性・有効性確保のための指針(薬生薬審発0204第1号令和2年2月4日),2020
  2. カニクイザル出生前及び出生後の発生並びに母体の機能に関する試験(シンポニー皮下注50mgシリンジ:2011年7月1日承認、申請資料概要2.6.6.6.4)
  3. 器官別又は症候群別有害事象の解析(シンポニー皮下注50mgシリンジ:2017年3月30日承認、申請資料概要2.7.4.2.1.5)
  4. 社内資料:臨床試験の経緯[承認時評価資料]
  5. 社内資料:海外第Ⅲ相臨床試験成績(AVT05-GL-C01)
  6. 社内資料:海外第Ⅰ相臨床試験成績(AVT05-GL-P01)
  7. Ling J, et al.:J Clin Pharmacol.2010; 50: 792-802
  8. 個々の試験結果の要約(シンポニー皮下注50mgシリンジ: 2011年7月1日承認、申請資料概要2.7.2.2)
  9. 全試験を通しての結果の比較と解析(シンポニー皮下注50mgシリンジ:2011年7月1日承認、申請資料概要2.7.2.3)
  10. 日本人及び白人健康成人を対象とした海外第Ⅰ相試験(シンポニー皮下注50mgシリンジ:2011年7月1日承認、審査報告書)
  11. Xu Z, et al.:J Clin Pharmacol. 2010; 50: 276-284
  12. Tabrizi MA, et al.:Drug Discov Today. 2006; 11: 81-88
  13. 代謝(シンポニー皮下注50mgシリンジ:2011年7月1日承認、申請資料概要2.4.3.4)
  14. ヒトTNFαに対する結合能の解析(シンポニー皮下注50mgシリンジ:2011年7月1日承認、申請資料概要2.6.2.1.1.1)
  15. ヒトTNFα活性の抑制機序(シンポニー皮下注50mgシリンジ:2011年7月1日承認、申請資料概要2.6.2.1.1.2)
  16. 社内資料:薬理作用に関連する試験―可溶性及び膜結合型TNFαに対する結合活性―
  17. 社内資料:薬理作用に関連する試験―ADCC及びCDC活性―
  18. マウス多発性関節炎モデルに対する作用(シンポニー皮下注50mgシリンジ:2011年7月1日承認、申請資料概要2.6.2.1.1.5)

特殊タイトル

タイトル:

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

main色タイトル

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

sub色タイトル

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

Q1

しつもん

 A.

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

図のタイトル

テーブル

基本のテーブル

サンプル
色つきのセル
className="td_title"
プレーン
センター寄せ
className="center"
グレーのセル
className="td_titleGray"
右寄せ
className="right"

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

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

警告のテーブル base-table--caution

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

枠なしのテーブル

見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出し 右寄せサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出し 左寄せサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出しサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
コロンもないテーブル
※ サンプル

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

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

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

ボックス

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

タイトルにはbase-box_headingを利用

h4サンプルテキスト

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

h6サンプルテキスト

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

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

base-box--sub、base-box--gray

h5サンプルテキスト

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

h6サンプルテキスト

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

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

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

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

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

h5サンプルテキスト

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

サンプル画像

サンプルテキスト

サンプル画像

サンプルテキスト

ナンバーボックス

1. ナンバーボックス base-box--number

1.

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

2.

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

3.

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

出典、注釈用

サンプルテキスト

1.1

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

サンプルテキスト

1.1

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

1. 警告(抜粋)

1.1

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

画像・コンテンツ配置

画像に黒ボーダー

サンプル画像

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

画像のセンター寄せ

サンプル画像

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

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

画像の左寄せ

サンプル画像

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

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

画像の右寄せ

サンプル画像

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

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

大きめの写真

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

サンプル画像

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

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

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

サンプル画像

センター寄せ

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

サンプル画像

目次リスト