body {
  background-color: #ffffff;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  font-size: 90%;
  font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
}


a:visited {
  color: #990000; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
}
a:active {
  color: #0000ff; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
}
a:hover {
  color: #0000ff; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
  font-weight: bold; /* フォントの太さ */
}

p.line80 {line-height: 80%}
p.line130 {line-height: 130%}
p.line150 {line-height: 150%}
p.line200 {line-height: 200%}


div.main {
  width: 90%;
  padding-left: 20px;    /* 左の空白 */
  padding-right: 20px;   /* 右の空白 */
  padding-top: 20px;     /* 上の空白 */
  padding-bottom: 20px;  /* 下の空白 */
  line-height: 200%
}
div.blka1 {
   float: left;
   width: 20%;
   text-align: center
}
div.blkb1 {
   float: left;
   padding-left: 10px;
   width: 70%;
   font-size: 80%;
}
div.navi {
   float: left; width: 180px; height: 100%;
}
div.issue {
   float: left; width: 598px
}
div.blk {
   float: right;
}

table.back01 {
background-image: url("img/kari_topim.jpg");
background-repeat: no-repeat; 
 }
table.back02 {
background-image: url("img/kari_or_back.jpg");
background-repeat: no-repeat; 
 }


table.table1 {
  border-collapse: collapse;
  border-style: solid; /* 枠の種類 */
  border-color: #666699; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  width: 500px;
  font-size: 90%; /* フォントサイズ */
}
th.th1{
  color: #ffffff; /* 文字の色 */
  background-color: #999999; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #666699; /* 枠の色 */
  border-width: 0px 1px; /* 枠の幅 */
}
td.td1 {
  color: #ffffff;
  background-color: #9999cc;
  border-style: solid;
  border-color: #666699;
  border-width: 0px 1px;
}

table.navi {
  border-collapse: collapse;
  border-style: solid; /* 枠の種類 */
  border-color: #666699; /* 枠の色 */
  border-width: 0px; /* 枠の幅 */
  width: 180px;
}
td.tdnavi{
  color: #990000; /* 文字の色 */
  background-color: #ffffff; /* 背景の色 */
  border-style: dashed; /* 枠の種類 */
  border-color: #666699; /* 枠の色 */
  border-width: 1px 0px; /* 枠の幅 */
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 90%;
  font-weight: bold;
}
table.navi2 {
  border-collapse: collapse;
  border-style: solid; /* 枠の種類 */
  border-color: #666699; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  width: 180px;
}
td.tdnavi2{
  text-align: left;
  color: #000000; /* 文字の色 */
  background-color: #ffffff; /* 背景の色 */
  border-style: dashed; /* 枠の種類 */
  border-color: #666699; /* 枠の色 */
  border-width: 0px 0px; /* 枠の幅 */
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 90%;
}

h1.h11 {
  color: #000099; /* 文字の色 */
  padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 20px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #9999ff; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
}
h2.h21 {
  color: #000099; /* 文字の色 */
  border-left-color: #99ddbb; /* 左枠の色 */
  padding: 4px 0px 0px 8px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 15px; /* 枠の幅 */
}
h2.h22 {
  color: #5a5a5a; /* 文字の色 */
  padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 10px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #9999ff; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
}

h3.h31 {
  color: #990000; /* 文字の色 */
  border-top-color: #9999cc; /* 上枠の色 */
  border-bottom-color: #9999cc; /* 下枠の色 */
  padding: 2px; /* 余白の幅 */
  border-style: double; /* 枠の種類 */
  border-width: 4px 0px; /* 枠の幅 */
  line-height: 130%; /* 行の高さ */
}

h3.h32 {
  color: #000000; /* 文字の色 */
  border-left-color: #666666; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
}

h3.h33 {
  padding-left : 5px; /* 左余白の幅 */
  border-width : 2px; /* 枠の幅 */
  border-style : dashed; /* 枠の種類 */
  border-color : #9999ff; /* 枠の色 */
  line-height: 130%; /* 行の高さ */
}

h3.h34 {
color: #000099; /* 文字の色 */
  padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 10px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #9999ff; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
}
h3.h35 {
  color: #990000; /* 文字の色 */
  border-top-color: #cc9999; /* 上枠の色 */
  border-bottom-color: #cc9999; /* 下枠の色 */
  padding: 2px; /* 余白の幅 */
  border-style: double; /* 枠の種類 */
  border-width: 4px 0px; /* 枠の幅 */
  line-height: 130%; /* 行の高さ */
}
h3.h36 {
  color: #000000; /* 文字の色 */
  border-left-color: #cc9999; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
}
h3.h37 {
  color: #000000; /* 文字の色 */
  border-left-color: #cccc99; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
}

dl.dl1 {line-height: 130%; font-size: 80%;}

.clear { clear: both } 
.cl { clear: left }
.cr { clear: right }
.f80 { font-size: 80%}
.f80b { font-size: 80%; font-weight: bold }
.f70 { font-size: 70%;}
.f70b { font-size: 70%; font-weight: bold }
.f80cw{ font-size: 80%; color: #ffffff}
.f80cb{ font-size: 80%; color: #333333}
.f80red{ font-weight: bold; color:red; }
.f100 { font-size: 100%}
.f120 { font-size: 120%}
.f200red {font-size: 200%; font-weight: bold; color:red}
.f140red {font-size: 140%; font-weight: bold; color:red}
.center{ margin-left: auto; margin-right: auto}
.ch1 {
  layout-grid-char: 5px; /* 文字間隔 */
  layout-grid-type: strict;
}
.ch2 {
  layout-grid-char: 5px; /* 文字間隔 */
  layout-grid-type: fixed;
}
.ch3 {
  layout-grid-char: 5px; /* 文字間隔 */
  layout-grid-type: loose;
}