本ページでは、本サイトにて使用するパーツを紹介しております。
見出しについて（基本の見出し）
見出し1
見出し1は基本的にタイトルに使われるものであり、本文の中で使われることはありません。
見出し2からご使用ください。
見出し2
見出し2は本文の中では最も大きな見出しになります。使われる頻度が最も高い見出しです。
見出し3
見出し3は本文の中では見出し2に次いで大きな見出しになります。こちらも使われることが多いでしょう。
見出し4
見出し4は本文の中では見出し3に次ぐ見出しになります。見出し2や見出し3に比べて使われることは少なくなります。
見出し5
見出し5は小さな見出しです。見出しとして用意されてはいますが、使われることはほとんどありません。
見出し6
見出し6は小さな見出しです。見出しとして用意されてはいますが、使われることはほとんどありません。
カスタムした見出し（デザインのある見出し）
■hd_custom01（帯付き、TOPページ専用）
hd_custom01は、TOPページで使用した帯付きの見出しです。H2とH3を用意しています。
H2は「テキストの配置を変更」より、「テキスト中央寄せ」で使用する想定です。
H2 hd_custom01
H3はTOPページの画像リンクで使用しています。
「テキストの配置を変更」より、「テキスト左寄せ」で使用する想定で、最大の幅が決まっています。
H3 hd_custom01
■hd_custom02（サブタイトル、シンプル＆スモール）（TOPページでのみ使用中）
hd_custom02は飾りのないシンプルなタイプの見出しです。
主にTOPページのサブタイトル(subheader)付きの見出しとして使用します。
- サブタイトル付きの見出しは、「段落」＋「見出しレベル2（H2）」を想定しています。
- サブタイトルなしで単独で使用することもできます。
subheader
H2 hd_custom02
シンプルなhd_custom02はsmallサイズがあります。
H2 hd_custom02+small
■hd_custom03（下層ページの基本的な見出しデザイン）
hd_custom03は下層でメインで使用する、飾り付きのデザインです。
hd_custom03のH2です。中央に短い下線飾りが付くデザインです。
「テキストの配置を変更」より、「テキスト中央寄せ」でご使用ください。
H2 hd_custom03
hd_custom03のH3です。先頭に縦のライン飾りが付くデザインです。
「テキストの配置を変更」より、「テキスト左寄せ」でご使用ください
H3 hd_custom03
リストブロック
様々なデザインのリストがありますが、基本的にはデフォルトを使用する想定です。
使用頻度の高いリスト
箇条書きリストや順番リストが用意されています。
- 箇条書きのシンプルなリストです。通常はこちらを使用してください。
- 入れ子にできます。
- さらに入れ子にできます。
- 入れ子にできます。
- このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。
- このリストはサンプルです。
- このリストは飾りがDashedのサンプルです。
- このリストはサンプルです。
- さらに入れ子にできます。
- このリストはサンプルです。
- このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。
- このリストはサンプルです。
- 順番リストサンプルです。
- 入れ子にできます。
- さらに入れ子にできます。
- 入れ子にできます。
- 入れ子にできます。
- このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。
- このリストはサンプルです。
使用しない想定のリスト
以下、デフォルトで用意がある飾り付きのリスト。本サイトでは使用しない想定です。
- このリストは飾りがアロータイプのサンプルです。本サイトでは使用しないイメージです。
- このリストはサンプルです。
- このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。
- このリストはサンプルです。
- このリストは飾りがチェックマークタイプのサンプルです。本サイトでは使用しないイメージです。
- このリストはサンプルです。
- このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。
- このリストはサンプルです。
- このリストは飾りが星形のサンプルです。本サイトでは使用しないイメージです。
- このリストはサンプルです。
- このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。このリストはサンプルです。
- このリストはサンプルです。
ボタン
通常のボタンブロック
通常のボタンブロックは上下の余白がないため、ボタンコンテナへブロックの設定「高度な設定」から、CSSを追加するなどしてください。
例）mt10,mt30,mb10,mb30
例：CSS追加クラスバージョン
例：追加クラスがないバージョン
例：1行に複数ボタンバージョン
GenerateBlocksを使用した、ボタンブロック
一例）複数ボタンの追加＆アイコンの選択、Mobile時の振る舞い（縦積みや横並びまま）指定等が可能です。
本サイトでは、ページ内リンクを前提とした移動ボタンとして、「学会について」「発起人について」「入会案内」ページで使用しています。
（/about/と配下ページでは、再利用ブロックとして登録しています。そのため修正する場合にはご注意ください）
リンクアイコン（PDF,Excel,Word）
PDF、Excel、Wordのファイルへのリンクは、自動でアイコンがつきます。
- ※ボタンタイプの場合はアイコンがつきません。
アイコンの表示例1：テキストリンク
アイコンの表示例2：ファイル
ブロックパーツから「メディア」→「ファイル」を選択しても、ファイルをアップロードすることができます。
PDFリンク
PDFのみ、テキスト部分を開くとブラウザでPDFファイルが開きます。
エクセルリンク
ワードリンク
その他
入会案内バナー（再利用ブロック）
入会案内バナーです。
TOPページと下層共通で使用しています。
「再利用ブロック」はサイト全体で再利用するブロックを作成して保存します。
こちらのブロックを更新すると、使用中のすべての場所に変更を適用します。
※⼀部コンテンツは会員専⽤パスワードが必要です。会員は随時募集していますので、⼊会ご希望の⽅はこちらをご確認ください。
用意した汎用CSSについて
テーブルの最初のセル幅指定、または改行禁止
改行禁止
.table_custom01 .nowrap
最初のセル幅の指定
.table_custom01.w20
20％
.table_custom01.w25
25％
.table_custom01.w30
30％