#contentgroup {
  margin-left:1em;
  margin-right:1em;
  text-align:left;
}

#contentgroup p.top {
  clear:both;
  font-size:0.8em;
  margin:15px 0 4px 0;
  padding:0;
  text-align:right;
}

#contentgroup p.kana {
  background-color:#897858;
  clear:both;
  color:#ffffff;
  font-weight:bold;
  font-size:1em;
  line-height:160%;
  margin:4px 0 0 0;
  padding:0 0 0 5px;
}

/* リスト全体 */
#contentgroup dl {
  margin-top:0;
}

/* 難読語 */
#contentgroup dl dt {
  clear:both;
  float:left;
  line-height:160%;
  padding-left:5px;
  width:14em;
}

/* 難読語1 */ dt.n1 {background-color:#f0ede3;}
/* 難読語2 */ dt.n2 {background-color:#ffffff;}

/* 難読語の読み方 */
dl dd.y1,
dl dd.y2 {
  float:left;
  line-height:160%;
  margin-left:0em;
  width:16em;
}

/* 難読語の読み方1 */ dl dd.y1 {background-color:#f0ede3;}
/* 難読語の読み方2 */ dl dd.y2 {background-color:#ffffff;}

/* カテゴリ */
#contentgroup dl dd.c1,
#contentgroup dl dd.c2 {
  color:#777777;
  line-height:160%;
  margin-left:30em;
}

/* カテゴリ1 */ dl dd.c1 {background-color:#f0ede3;}
/* カテゴリ2 */ dl dd.c2 {background-color:#ffffff;}