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

/* 目標：落ち着いた色調を用いたシックな感じのスタイルシートを作成すること */



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

/* 基調 */
*	{ color        : #fff ; }

html{ background   : #013 ; }


/* 基本要素 */
h1  { color        : #fff !important; }
h2	{
      padding      : 1.5em ;
      background   : #ddb ;
      border-color : #ddb ;
      color        : #655 ;
      text-align   : center ;
      font-size    : 160% ;
}
h3	{
      padding-left : 6% ;
      border       : none ;
      border-bottom: solid 1px #655 ;
      color        : #655 ;
	  font-size    : 130% ;
}
h4	{ margin-left  : 2% ; }
h5	{ margin-left  : 4% ; }
h6	{ margin-left  : 6% ; }
h4, h5, h6 {
      color        : #655 ;
      border-color : #655 ;
}

p	{ margin       : 1.5em 2.5em ; }

a:link		{
      color         : #3cf ;
}
div a:link		{
      color         : #33f ;
}

a:visited	{
      color         : #f6f ;
}
div a:visited	{
      color         : #c0c ;
}

a:hover		{
      color         : #f99 ;
}
div a:hover	{
      color         : #f66 ;
}




/* リスト */
ul, ol	{
       margin-left  : 6% ;
}

dt	{
       background   : transparent ;
       border       : none ;
       font-weight  : bold ;
}
dd	{  margin-left  : 2%; }




/* 引用 */
blockquote {
       margin-left  : 6% ;
	   padding-left : 0 ;
       background   : transparent ;
       border       : none ;
	   border-left  : solid 4px #060 ;
}
blockquote * {
       margin-left  : 0 ;
}
q {    color        : #060 !important; }

/* その他 */
em { color          : #c33 !important; }


/* ins/del */


/* section */
div * { color       : #543 ; }
div.section div.section {
        background  : #ddb ;
        border      : outset 3px #ddb ;
}
div.introduction 	{
        background  : #ddb;
        border      : outset 3px #ddb ;
}
div.contents	{
        background  : #ddb;
        border      : outset 3px #ddb ;
}
div.note		{
        background  : #ddb;
        border-color: #999 ;
}