@charset "Shift_JIS";
@import url("base.css");

/* 目標：白を基調としたややカラフルで、かつ見やすいスタイルシートを作成すること */



/* 特殊→ブロック（マージン→背景→ボーダー）→テキスト→フォント */
/* 全称→タイプ→子孫→子供→隣接→属性→クラス→ID→擬似 */


/* 基調 */
*	{ color:#336; }
html{ background:#fcfcfc; }


/* 基本要素 */
h1	{  color:#99f; }
h2	{
 display:inline;
 position:relative;
 top:-0.6em;
 left:-2%;
 background:#99f;
 border:solid 1px #ddd;
 color:#fff;
}
h3	{
 padding:0.2em 2%;
 background:#669;
 border:solid 1px #99c;
 color:#f9f9ff;
 font-weight:bold;
}
h4	{ border-left-color:#567; }
h5	{ border-left-color:#789; }
h6	{ border-left-color:#9ab; }
h4,h5,h6 { color:#567; }

p	{}
a	{}

/* リスト */
ul	{}
ol	{}
dl	{}
dt	{
 background:#fcfcfc;
 border-color:#ccc;
}
dd	{}


/* 引用 */
q	{}
blockquote	{}


/* その他 */
abbr	{}
code	{}
sup,sub	{}
em	{}
pre	{}
hr	{}


/* ins/del */
ins	{}
del	{}


/* section */
div.section div.section {
 background:#f3f3ff;
 border-color:#ccc;
}
div.section div.section div.section {}
div.section div.section div.section div.section {}
div.section div.section > div.section {}
div.summary 	{}
div.summary p	{}
div.warning		{}
div.warning h2	{}

div.note	{}
div.note:before	{}
div.note p	{}