/* サイト全体を定義しているスタイルシート */

/* 全体設定 */
  BODY {
    color: #666666;
    background: #ffffff;
    text-align: center;
  }
  
  /* 全体の幅 */
  #body_width {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    text-align: left;
  }

  /* リンク文字設定 */
  A {
    color: #333399;
    text-decoration: none;
  }
  A:link {
    color: #333399;
    background: none;
  }
  A:visited {
    color: #333399;
    background: none;
  }
  A:active {
    color: #333399;
    background: none;
  }
  A:hover {
    position:relative; top:1px; left:1px;
    color: #993399;
    background: none;
  }
  
  UL, OL {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  DL, DT {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  

/* バナー */
  div#banner {
    color: #999999;
    /*background: url("../../banner/pagebnnr.gif") no-repeat bottom right;*/
    border-bottom: solid #666666 3px;
    border-left: solid #666666 10px;
    margin-bottom: 10px;
    text-align: left;
  }
  div#banner h1::first-letter {
    color: #99f;
  }
  div#banner h1 {
    font: bold 26px Verdana;
    padding-left: 5px;
    margin: 0px 0px 0px 0px;
  }
  div#banner h2 {
    font: bold 14px Verdana;
    padding-left: 5px;
    margin: 0px 0px 0px 0px;
  }

/* セクション */
  H4 {
    width: 100%;
    background: #F6F6F6;
    padding-left: 3px;
    padding-top: 1px;
    margin-bottom: 10px;
    border-left: solid #999999 5px;
    font: 11pt Verdana;
  }
  
  .section_title, H3 {
    width: 100%;
    background: #E6E6E6;
    padding-left: 3px;
    padding-top: 1px;
    margin-bottom: 10px;
    border-bottom: solid #999999 2px;
    border-left: solid #999999 5px;
    font: 11pt Verdana;
  }
  
  .section_title_mini {
    width: 100%;
    background: #E6E6FF;
    padding-left: 3px;
    padding-top: 1px;
    margin-bottom: 10px;
    border-bottom: solid #9999DD 2px;
    border-left: solid #9999DD 5px;
    font: 11pt Verdana;
  }
  
  .section_documents {
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .section_documents BLOCKQUOTE {
    border: dashed #482400 2px;
    padding: 3px 5px 3px 5px;
  }
  
  .section_documents BLOCKQUOTE DT {
    background: url();
    padding-left: 0;
  }
  
  .section_documents PRE {
    z-index: 1;
    font-size: small;
    overflow: auto;
    position: relative;
    border: 1px solid #aaa;
    background-color: #ddd;
    width: 540px;
    padding: 3px 3px 3px 3px;
  }
  
  .section_documents .cmdline {
    color: #fff;
    background-color: #000;
  }

  .section_documents DT {
    background: url(/image/button-circle.png) no-repeat center left;
    padding-left: 18px;
  }

  .section_documents DD {
    margin-bottom: 15px;
  }

  .section_documents UL LI {
    list-style-image: url(/image/sankaku.gif);
  }

  .section_comment, .comment {
    color: #999999;
  }

/* フッタ */
  #footer HR {
    margin: 5px 0px 5px 0px;
  }
  #footer TABLE {
    font-size: 12px;
  }
1  #footer2 {
    border-top  : #888 1px dotted;
    text-align  : right;
    margin-top  : 20px;
  }

/* Art Gallery 用 */
  .cg-leftbox {
    padding-right: 5px;
    text-align: right;
    width: 200px;
  }
  .cg-centerbox {
    background: #ccccff;
    width: 5px;
  }
  .cg-rightbox {
    padding-left: 5px;
  }
  .cg-rightbox BLOCKQUOTE {
    border: dashed #999999 2px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
  }

/* その他 */
  /* テーブルリストのヘッダ色 */
  .table_title {
    background: #f0f0f0;
  }
  
  /* LI の左隙間 */
  .li_padding-left_zero {
    padding-left: 17px;
  }

  span.cmd {
    font-style: italic;
    font-weight: bold;
  }

  span.rep {
    font-weight: bold;
  }


  @media screen and (resolution > 2dppx) {
      #body_width {
	  margin: 0 auto;
	  width: 100%;
	  text-align: left;
      }
      .section_title, H3 {
	  width: 98%;
      }
      div#banner h1 {
          font: bold large Verdana;
      }
      div#banner h2 {
          font: bold small Verdana;
      }
      DD IMG {
	  margin-right: 10px;
      }
  }
  
