body {  
  background-color: #666688;
  background-image: url("wall2.jpg");
  margin: 0em 1em 0em 1em;
  padding: 0px 0px 0px 0px;
  font-family: "MS PGothic", Osaka, sans-serif; 
  }

p, ul, dl, ol, h1, td {
  line-height: 1.5em; 
  }

.box{ 
  background-color: #ffffcc;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  margin: 0px;
  padding: 0.5em 1.5em 0.5em 1.5em;
  }

span.note{
  color: #cc5555;
  font-size: 0.8em;
  font-family: Verdana, sans-serif;
  }

ul{ 
  list-style-image: url("listmark.png");
  }

li{
  margin-bottom: 1em;
  }


/* かぎプロアイコン --------------------------------------------------------- */
img.kagipro-icon{
    border-style : none;
    vertical-align : bottom;
    }

a.kagipro-ref{
    text-decoration : none;
    }

/* フェイスアイコン --------------------------------------------------------- */
img.faceicon{
    border-style : none;
    vertical-align : middle;
    margin : 0px 3px 0px 3px;
    }

/* 数式 --------------------------------------------------------------------- */
img.display{
    margin : 8px 20px 8px 20px;
    border-style : none;
    vertical-align : middle;
    }

img.inline{
    margin : 2px 4px 2px 4px;
    border-style : none;
    vertical-align : middle;
    }
    

/* ヘッダ・フッタ ----------------------------------------------------------- */

div.header{ 
  background-color: #333366;
  line-height: 0.5em;
  height: 18px;
  color: #ccccff;
  margin: 0px;
  }

div.header img{ 
  border: none;
  }

div.header a:hover{
  border: none;
  }

div.headpath{
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #000000;
  margin-bottom: 2em;
  padding-bottom: 1em;
  }

div.footer{
  color: #ccccff;
  text-align: right;
  background-color: #333366;
  padding: 2px 2px 2px 2px;
  margin: 0px;
  }

div.footpath{
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #000000;
  margin-top: 2em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  }

/* リンク ------------------------------------------------------------------- */

a{
  color: #2211cc;
  }

a:link {
  }

a:visited {
  color: #551188;
  }

a:active {
  }

a:hover {
  color: #ff0000;
  }

a:hover.no {
  border-color: #ffffdd;
  }



/* 見出し   ----------------------------------------------------------------- */

h1{  
  color: #333355;
  font-size: 3em;
  font-family: 'MS PMincho', 'ヒラギノ明朝 Pro W3', times, serif;
  text-align: center;
  font-weight: bold;
  margin: 10px 0px 20px 0px;
  padding: 0px 3px 0px 3px;
  }

h2{ 
  color: #ffffff;
  font-size: 1.4em;
  font-family: 'MS PMincho', 'ヒラギノ明朝 Pro W3', serif;
  font-weight: bold;
  line-height: 1.3em;
  border-style: solid;
  border-width: 1px 1px 1px 0.5em;
  border-color: #333355;
  background-color: #6655aa;
  padding: 2px 2px 2px 0.5em;
  margin: 2em 0em 1em 0em;
  }

h3,h4{
  color: #333355;
  font-family: 'MS PMincho', 'ヒラギノ明朝 Pro W3', serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.1em;
  border-style: solid;
  border-width: 0em 0em 0em 0.5em;
  border-color: #6655aa;
  background-color: #ffffcc;
  padding: 2px 2px 2px 0.5em;
  }

/* セクション区切り，マージンあり */
.section{
  border-style: dashed;
  border-width: 1px 0px 0px 0px;
  border-color: #000000;
  margin: 1em 0px 1em 0em;
  }


/* フォント ----------------------------------------------------------------- */

b{  
  font-family: Verdana, sans-serif;
}

/* 0.9倍 */
.times09{
  font-size: 90%;
}

/* 0.8倍 */
.times08{
  font-size: 80%;
}

/* ページ目次へ (下にくっつける) */
.bottom_r{
  font-size: 80%;
  text-align: right;
  border-style: solid;
  border-width: 0px 1em 0px 0px;
  border-color: #ffaa00;
  padding: 0px 0.5em 0px 0px;
  margin: 0px 0px 1em 0px;
}

/* ページ目次へ (下と間を空ける)  */
.middle_r{
  font-size: 80%;
  text-align: right;
  border-style: solid;
  border-width: 0px 1em 0px 0px;
  border-color: #ffaa00;
  padding: 0px 0.5em 0px 0px;
  margin: 0px 0px 5em 0px;
}

pre{ 
  font-family: monospace;
  padding: 0.5em 0.5em 0.5em 0.5em;
  line-height: 1em;
}

pre.cord{ 
  color: #111111;
  font-size: 0.8em;
  font-family: Courier, monospace;
  border: 2px solid #ffaa00;
  padding: 1em;
  margin-left: 1.2em;
  line-height: 1.2em;
  background-color: #ffffff;
  width: 92%;
}

.com{
  font-size: 90%;
  font-family: Courier, monospace;
  color: #336633;
  margin-left: 2em;
}

.u{
  text-decoration: underline;
}

.middle{
  vertical-align: middle;
}

.big{
  font-size: 2em;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

tt{
  font-family: monospace;
}

div.right{
  font-size: 90%;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
}

.right{
  text-align: right;
}

.left{
  text-align: left;
}

/* 赤 (太字) */
.red{
  color: #aa3300;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}

/* 黄色 (太字) */
.yellow{
  color: #ffaa00;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}

/* 'new!'のマーク */
.new{
  color: #aa3300;
  font-size: 80%;
  font-family: Verdana, sans-serif;
}

/* 黒 */
.black{
  color: #000000;
}

/* 黒い大きい文字 */
.big{
  font-size: 300%;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}

/* 赤い大きい文字 */
.bigred{
  color: #aa3300;
  font-size: 300%px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}



/* イメージ ----------------------------------------------------------------- */

img{
  border-width: 0px;
  vertical-align: middle;
}

.l_pct{
  float: left;
  border: solid 0px #000000;
  margin: 5px 5px 5px 0px;
  vertical-align: middle;
}

.r_pct{
  float: right;
  border: solid 0px #000000;
  margin: 0px;
  vertical-align: middle;
}



/* フロート ----------------------------------------------------------------- */

/* 上領域 */
.tarea{
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 0px;
}

/* 左領域 */
.larea{
  font-size: 80%;
  line-height:1.5;
  width:200px;
  height:100%;
  float:left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* 右領域 */
.rarea{
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 210px;
}


/* 水平線 ------------------------------------------------------------------- */

hr{
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}


.line{
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #000000;
  margin: 1em 0px 0px 0px;
}

.dline{
  border-style: dashed;
  border-width: 0px 0px 1px 0px;
  border-color: #000000;
  margin: 1em 0px 1em 0px;
}


/* マージン ----------------------------------------------------------------- */

.m{
  margin-left: 3em;
  margin-right: 1em;
}

.mm{
  margin-left: 1em;
  margin-right: 1em;
}

/* テキストエリア */
textarea{
    font-family : monospace;
}