/****
Bubble Child Laboratory CSS file
tag, class, id の順に並んでいる。

	2008/03/28 打ち消しのクラスを作成。strikeタグは使わない。
	2007/07/09 a img の継承の時のみ、画像のリンクの線を消す。
	2007/07/09 .breadcrumbsクラスとh1タグを変更する。
	2007/01/13 imgタグ、および.figクラスのpaddingを除去。
	2006/07/30 IDに lastupdate を追加。h* の border の太さを段階的に変化させる。
	2006/07/11 サイトの色を青系に統一する。h1, h2, h3, dtのタグの色を大幅に変更。その他の色も少し変更。
	2006/07/08 アブストラクトのIDを少し変更。
	2006/06/28 LIGHTS OUT のクラスを挿入。
	2006/05/13 naviをbreadcrumbsに変更。aタグの擬似クラスを削除。.nmを削除。色を消してみる。
	2006/05/08 aタグのボーダーを削除。classにnaviを追加。borderをsolidに統一。
	2006/05/05 aタグの四つの擬似クラスを追加。セーフカラー導入。
	2006/04/18 ver 9.9 スクロールバーの色指定を削除。背景画像など大幅に改定。
	2005/06/05 ver 9.8
	2005/05/10 h3を追加。
	2004/05/09 scrollbar
	2004/04/18 ver 9.7
	2003/02/13 ver 9.1
****/





/** tags **/
body
{
	text-decoration		:none;
	line-height		:200%;
}

a
{
	padding			:0pt 5pt 0pt 5pt;
}

a img
{
	border-style		:none;
}

h1
{
	background-color	:#000066;
	color			:#ccccff;

	/* 光が当たっているような効果を出す */
	border-top		:8pt solid #333399;
	border-right		:8pt solid #333366;
	border-bottom		:8pt solid #000033;
	border-left		:8pt solid #666699;

	text-align		:center;
	font-size		:200%;
	line-height		:190%;
	letter-spacing		:10pt;
	
	margin-bottom		:20pt; /* .breadcrumbsクラスのmargin-bottomと同じ数値 */
	margin-left		:3%;
	margin-right		:3%;
}

h2
{
	background-color	:#000099;
	color			:#ccccff;

	/* 光が当たっているような効果を出す */
	border-top		:6pt solid #0000ff;
	border-right		:6pt solid #333366;
	border-bottom		:6pt solid #000066;
	border-left		:6pt solid #333399;

	font-size		:120%;
	line-height		:150%;
	padding			:1% 5% 1% 5%;
	letter-spacing		:5pt;
	margin-right		:7%; /* .chapter の値と等しいか、僅かに小さい。 */
	margin-left		:7%; /* .chapter の値と等しいか、僅かに小さい。 */
}

h3
{
	background-color	:#0000ff;
	color			:#ccccff;

	/* 光が当たっているような効果を出す */
	border-top		:4pt solid #6666ff;
	border-right		:4pt solid #333366;
	border-bottom		:4pt solid #000066;
	border-left		:4pt solid #000099;

	font-size		:110%;
	padding			:0% 5% 0% 2%;
}

ol
{
	list-style-type		:dicimal;
}

ul
{
	list-style-type		:square;
}

p
{ /* 文、パラグラフ */
	text-indent		:2%; /* 行頭の文字下げのパーセンテージを指定。所謂行頭の一段下げに相当。 */
}

dl
{ /* 定義リスト */
	padding-bottom		:1pt; /* これが無いとdlの表示が変になる。一番下のddと次のh2が重なる。 */
}

dt
{ /* 定義する言葉 */
	margin			:0% 0% 0% 3%;
	padding			:0% 1% 0% 1%;
	background-color	:#ccccff;
	color			:#000000;
}

dd
{ /* 定義された内容 */
	margin			:0% 0% 0% 5%;
	padding-bottom		:25pt;
}

blockquote
{ /* 引用 */
	border-style		:solid;
	border-width		:1pt;
	border-color		:#0000ff;
	padding			:0% 1% 0% 1%;
}

th
{/* 表のヘッダ */
	border-width		:2pt;
	border-style		:solid;
	border-color		:#ccccff;
}

td
{ /* 表のセル一つ。trは表の横一列 */
	padding			:3pt;
	line-height		:170%;

	border-width		:1pt;
	border-style		:solid;
	border-color		:#ccccff;
}

caption
{ /* tableのcaption（表題）。 */
	padding			:5pt;
}





/** classes **/
.chapter
{ /* 章のためのクラス。h2と共に使う。 */
	margin-left		:9%; /* h2 の値と等しいか、僅かに大きい。 */
	margin-right		:9%; /* h2 の値と等しいか、僅かに大きい。 */
	margin-bottom		:50pt; /* 下の章との間隔を空けるため */
	padding			:0% 2% 0% 2%;

	border-style		:none solid none solid;
	border-width		:2pt;
	border-color		:#000099;
}

.fig
{ /* 図のcaptionのためのクラス */
	color			:#000099;
	font-size		:75%;
	line-height		:150%;
}

.new
{ /* 最新更新のためのクラス */
	font-size		:75%;
}

.breadcrumbs
{ /* breadcrumbs list (topic path) のためのクラス。もしかするとIDでも良かったかもしれない。 */
	font-size		:75%;
	line-height		:10%;
	margin-bottom		:20pt; /* h1タグのmargin-bottomと同じ値 */
	margin-left		:9%;
	margin-right		:9%;
}

.strike
{
	text-decoration		:line-through;
}

/* LIGHTS OUT (特殊な処理を行っているので、非常に細かくスタイルを指定してある) */
	.lightsout
	{
		background-color	:#993399;
		width			:18mm;
		height			:18mm;
		position		:relative;
		border-width		:1px;
		border			:solid;
	}
	
	.lightsbody
	{	
		background-color	:#cccccc;
	}
	
	.lightstitle
	{
		font			:bold 30px 'Trebuchet MS';
		letter-spacing		:5px;
		color			:#ffffff;
	}
/* the end of "LIGHTS OUT" styles */





/** ids **/
#ban
{ /* バナーのためのID、各ページに一つずつのみ。いわゆるフッタ。 */
	text-align		:right;
	font-size		:75%;

	margin-right		:9%; /* h2の値と等しい。 */
	margin-left		:9%; /* h2の値と等しい。 */
	padding-right		:1%;
	padding-bottom		:3pt;

	border-style		:none solid solid none;
	border-width		:2pt;
	border-color		:#000099;
}

#maintitle
{ /* BCL main title のためのID (index.html のみ) */
	font-family		:century;
	letter-spacing		:5pt;
	margin-bottom		:15pt;
}

#abstract
{ /* BCLの抜粋(アブスト) (index.html のみ。基本的に.chapterと同じ。) */
	font-size		:65%;
	line-height		:140%;

	margin-left		:9%; /* h2 の値と等しいか、僅かに大きい。 */
	margin-right		:9%; /* h2 の値と等しいか、僅かに大きい。 */
	margin-bottom		:50pt; /* 下の章との間隔を空けるため */
	padding			:0% 2% 0% 2%;

	border-style		:none solid none solid none;
	border-width		:2pt;
	border-color		:#000099;
}

#update
{ /* 更新日を示す。(index.html のみ。基本的に.chapterと同じ。) */
	text-align		:right;

	font-weight		:bold;

	margin-left		:9%; /* h2 の値と等しいか、僅かに大きい。 */
	margin-right		:9%; /* h2 の値と等しいか、僅かに大きい。 */
	margin-bottom		:15pt; /* 下の章との間隔を空けるため */
	padding			:0% 2% 0% 2%;

	border-style		:none solid none solid none;
	border-width		:2pt;
	border-color		:#000099;
}

#kensaku
{ /* Yahoo! の検索窓のための設定。#updateとあまり変わらない。 */
	text-align		:right;
	
	border-style		:none solid none solid none;
	border-width		:2pt;
	border-color		:#000099;
	
	margin-left		:9%;
	margin-right		:9%;
	padding-right		:2%;
}


/* the end of the file. */