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

