@charset "utf-8";

/*===================================================

全体的なスタイル

===================================================*/

body {
	width:620px;
	background-color:#ffffff;			/* ページ全体の背景色*/
	font-size:95%;					/* フォントサイズを％で指定する*/
	font-family: "ＭＳ　ゴシック",sans-serif;	/* フォントの種類を指定する*/
	line-height:1.5;				/* 行の高さを倍率で指定する*/
	color:#000000;					/* 文字色 */
}

p {
	width:580px;					/* 段落の幅*/
	margin:15px 25px 15px 25px;			/* 段落のマージン設定*/
}

h3 {
	font-size:18px;					/* 小見出し文字サイズ*/
	width:600px; height:30px;			/* 見出し幅*/
	margin:30px 15px 15px 15px			/* マージン設定*/
	padding:1px;
	background-color:#3366cc;			/* 見出し背景色*/
	color:#ffffff;					/* 見出し文字色*/
	border-radius:3px;				/* 角丸にする*/
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
							/* 角丸にする（ベンダープレフィックス付きの指定）*/
}

hr {
	clear:both;					/* フロート配置をクリアする*/
	width:500px;					/* ボックス幅の指定*/
	margin:10px 0px;				/* マージン設定*/
	border:1px dotted #cccccc;			/* 内容の区切り線の詳細設定*/
}


/*===================================================

人物紹介のイメージ画像スタイル

===================================================*/

img.character {
	width:200px; height:350px;			/* 画像の表示サイズを指定*/
	margin:20px 30px 20px 30px;			/* 画像表示位置のマージン*/
	float:right;					/* 画像を右寄せにする*/
}


/*===================================================

用語集のイメージ画像スタイル

===================================================*/

img.keywords {
	width:200px; height:130px;			/* 画像の表示サイズを指定*/
	margin:20px 30px 20px 30px;			/* 画像表示位置のマージン*/
	float:right;					/* 画像を右寄せにする*/
}


/*=========================================================

フッター

=========================================================*/

div#footer {
	clear:both;					/* 表示位置の回り込みを解除する*/
	padding:0px 0px 0px 0px;			/* パディング設定*/
	font-size:x-small;				/* フォントサイズを小さくする*/
	text-align:right;				/* 表示位置の指定*/
	background-color:#ffffff;			/* フッター部分の背景色*/
	color:#000000;					/* 文字色 */
}