/* CSS 共通部分 */

/* フォントサイズの設定 */
BODY {
	font-size: 12pt;
}

/* 見出しフォントの設定 */
@media screen and (max-width: 1050px) {					/* スマホ用の設定 */
	H1, .h1 {							/* ホーム、コーナー画面のトップタイトル */
		font-size: 150%;
		font-weight: 900;
	}
	H2, .h2 {							/* ホーム、コーナー画面のセカンドタイトル */
		font-size: 130%;
		font-weight: 800;
	}
	H3, .h3 {							/* ホーム、コーナー画面のサードタイトル */
		font-size: 110%;
		font-weight: 700;
	}
	H4, .h4 {							/* 記事画面の見出し */
		font-size: 100%;
		font-weight: 700;
	}
	H5, .h5 {							/* 記事画面の二次見出し */
		font-size: 100%;
		font-weight: 600;
	}
	H6, .h6 {							/* 記事画面の三次見出し */
		font-size: 100%;
		font-weight: 500;
	}
}

@media print, screen and (min-width: 1050px) {					/* PC用の設定 */
	H1, .h1 {							/* ホーム、コーナー画面のトップタイトル */
		font-size: 200%;
		font-weight: bold;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	H2, .h2 {							/* ホーム、コーナー画面のセカンドタイトル */
		font-size: 170%;
		font-weight: bold;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	H3, .h3 {							/* ホーム、コーナー画面のサードタイトル */
		font-size: 150%;
		font-weight: bold;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	H4, .h4 {							/* 記事画面の見出し */
		font-size: 130%;
		font-weight: bold;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}
	H5, .h5 {							/* 記事画面の二次見出し */
		font-size: 110%;
		font-weight: bold;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
}
	H6, .h6 {							/* 記事画面の三次見出し */
		font-size: 100%;
		font-weight: bold;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		}
}

/* [色彩] */ 
	/* 標準色の設定 */
BODY {
	color: #003333; 														/* 文字色は深緑 */
	background-color: #fffff0; 									/* 背景色は、淡いアイボリー */
	font-family: "Meiryo UI",Osaka,sans-serif; 	/* Meiryo UIを標準フォントにする */
}
A:link {
	color: #993300; 														/* リンク(未訪問)色は赤茶色 */
}
A:visited {
	color: #663300; 														/* リンク(既訪問)色は焦げ茶色 */
}
	/* 反転色の設定 */
.rv {
	color: #ffffff; 														/* 文字色は白色 */
	background-color: #006666; 									/* 背景色は青緑 */
}
A.rv:link {
	color: #f0ffff; 														/* リンク(未訪問)色は淡い水色 */
}
A.rv:visited {
	color: #fffff0; 														/* リンク(既訪問)色は淡いアイボリー */
}

/* 各タグの標準設定 */

/* 段落の設定 - 冒頭一文字インデント、マージン指定、パディングデフォルト */
P, .p {
	margin-top : 0.5em;
	margin-bottom : 0.5em;
	text-indent : 1em;
}

P.ni, P.series {
	margin-top : 0.5em;
	margin-bottom : 0.5em;
	text-indent : 0em;
}

/* 引用部分の設定 */
  /* 引用部分は、段落中も段落単位も「」で囲む */
Q:before, BLOCKQUOTE:before {
	content : '「';
}

Q:after, BLOCKQUOTE:after {
	content : '」';
}

  /* 出典は()で括る */
CITE:before {
	content : '(';
}

CITE:after {
	content : ')';
}

/* 箇条書きの設定 */

/* 記事リストの箇条書きマーカーは、3D青丸を使用。クラスは、list */
UL.list {
	list-style-image : url("./images/button.gif");
}

/* 記事の見出しはULで箇条書きとし、マーカーを☆にする。クラスは、n。 */
UL.n {
	list-style-type : none;
	margin-left : 1.4em;
	padding-left : 0.5em;
}

UL.n LI.n:before {
	content : '☆ ';
	margin-left : -1.4em;
}

/* マーカーなしの箇条書き。クラスは、e。 */
UL.e {
	list-style-type : none;
}

/* 順番ありの箇条書き */
OL.l1 {														/* 二層以上の際の最上層は、ローマ数字大文字 */
	list-style-type : upper-roman;
}

OL.l2 {														/* 標準は、西洋数字 */
	list-style-type : decimal;
}

OL.l3 {														/* 第三層以上の場合の最下層は、ローマ数字子文字 */
	list-style-type : lower-roman;
}

/* 定義リスト関連 */
DT {															/* タイトルは太字 */
	font-weight : bold;
}

/* 表の設定 */
  /* タグの標準設定 */
TH { /* 内容は、左詰、上詰 */
	text-align : left;
	vertical-align : top;
}

TD { /* TDセルは上詰めがデフォルト */
	vertical-align : top;
}

/* 画像の標準設定 */
IMG { /* 画像は上下左右中央配置がデフォルト */
	margin : auto;
}

/* 記事部分の設定 */
@media screen and (max-width: 1050px) {					/* スマホ用の設定 */
	DIV.body { /* 記事部分は幅1024pxで中央寄せ */
		width : 100%px;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
}

@media print, screen and (min-width: 1050px) {					/* PC用の設定 */
	DIV.body { /* 記事部分は幅1024pxで中央寄せ */
		width : 1024px;
		margin : auto;
	}
}
/* その他の共通設定 */
.nocr { /* 折り返しなし */
	white-space : nowrap;
}

.so { /* 取消線 */
	text-decoration-line:line-through;
}

FIGURE {
	margin : 1px;
}

FIGCAPTION {
	text-align : center;
}

/* フッター部分 */
FOOTER.t { 
	width : 100%; /* トップページは画面幅いっぱい */
}

P.tf { /* フッター行は、右詰、上下右間隔設定 */
	text-align : right;
	padding-top : 0.5em;
	padding-bottom : 0.5em;
	padding-left : auto;
	padding-right : 1em;
}

/*
[ページ内リンクの書き方]
・ヘッダー部分をFIXEDにしているので、リンクはヘッダー分上に余白を空けないといけない。
　この余白は、以下の記述で作る。
　<TABLE>
　　<TR>
　　　<TD STYLE="visibility:hidden;">
　　　　<A NAME="1" STYLE="padding-top:160px;">
　　　　　<DIV STYLE="margin-top:-160px;padding-top:160px;"> </DIV>
　　　　</A>
　　　</TD>
　　</TR>
　</TABLE>
　これをリンクしたい見出しの前に挿入する。
　(箇条書きならば<LI>の前、表ならばその行の<TR>の前)
　Firefox/MS BrouserとChrome/Safariで、挙動が異なっており、両方に対応しようとすると
　このような表記になる。
*/