/* test.css (元ファイルは遠隔授業 2009 から持ってきた) */

h1  {
     color: #fffff0;
     background-color: #cc66ff;
     font-size: x-large;
     text-indent: 0.3em;
    }
h2  {
     color: #ffffff;
     background-color: #cc99ff;
     font-size: large;
     text-indent: 0.3em;
    }
h3 {
    color: #ffffff;
    background-color: #6699cc;
    font-size: large;
    text-indent: 0.3em;
   } 
h4 {
    color: #ffffff;
    background-color: #6699cc;
    font-size: normal;
    text-indent: 0.3em;
   } 
h5 {
    font-size: medium;
   }
body {
    line-height:150%;/*    行間の幅？*/
    background: #ffffff;/* 背景 (ffffff = 白) */
    margin-left: 10%;/*    左の余白*/
    margin-top: 3%;
    margin-right: 10%;
    margin-bottom: 3%;
     }
table { 
    margin-left: 3%;
    border-collapse: collapse;
    /*border: 2px #8b4513 solid;*/
      }
caption {
    padding: 5px
   }
th {
    padding: 2px 7px;
    border: 2px #8b4513 solid;
    color: #4c260a;
    background-color: #f0e68c;
   }
td {
    padding: 2px 7px;
    border: 2px #8b4513 solid;
   }
ul {
    padding-left: 3%;
    margin-bottom: 0em;
    list-style-type: square; /* <li>この前にある点が四角くなる</li> */
    /*color: #0000ff; 文章も色が変わってしまう*/
   }
ul.ul2 {
    padding-left: 3%
   }
ul li.history{
    list-style:url(./index_img/li.png)
   }
li {
    margin-bottom: 0em;
   }
dl {
    margin-left: 1em;
   }
dt {
    border-left:5px solid #7f7fff;
    text-indent: 0.2em;
    /* font-weight: bold; */
   }
dd {
    margin-bottom: 0em;
    margin-left: 2em;
   }
div#ltitle {
    color: #cc3300;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 3%;
    font-size: 170%;
    font-weight: 700
   } 
.kura {
    margin-left: 8%
   }
div#timage {
    text-align: center
   }   
a:link{
    color: #;/*開いてないリンクの色？*/
    text-decoration: none;
}
a:visited{
    color: #;/*開いたリンクの色*/
    text-decoration: none;
}
a:hover{
    color: #;
    text-decoration:none;
}
a:active{
    color: 6600cc;
    text-decoration:none;
}

a.q:link{
    color:#;
}
a.q:visited{
    color:#;
}
a.q:hover{
    color:#2f4f4f;
    text-decoration:none;
}
a.q:active{
    color:#2f4f4f;
    text-decoration:none;
}
/*p {margin-left: 5%}*/
p {text-indent: 1em; /*段落の最初を一文字下げる*/
  }
span.bfont {
  font-size: 120%
  } 
div#update {/*更新履歴*/
    font-size: small;
    text-align: right;/*右寄せ*/
    line-height: 100%;/*行間の幅*/
  }
span.bold {
  font-weight: bold
  }
span.spk {
   font-size: 110%;
   font-weight: bold    
  }
span.dir {  /*例). <span class="dir">ここの文字が変わる</span> */
   color: #008b8b;
   font-weight: bold;
  }
td.wi {
   width: 10mm
  }
pre.command { /* <pre class="command">$ </kbd>コマンドを書く</kbd></pre> */
   background-color: #bcffdd; /*#bcffff; /*#ffff99;*/
   /*text-indent: 1em;*/
   margin-left: 1em;
  }
kbd { /* キーボードで入力される文字のことを表わすらしい */
   text-decoration: underline; /* 下線 */
  }
code { /* 色変えるのに, これ使おうかなあ */
   color: #008b8b;
   font-weight: bold;
  }