@charset "UTF-8";
#container {
  width: 980px;
  margin-bottom: 40px;
}

h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.7em;
  margin: 0 0 3%;
  padding-bottom: 5px;
}

h3 {
  color: #336799;
  font-size: 1.1em;
  border-bottom: 1px solid #A1A1A1;
  margin: 0 0 2%;
  padding: 0 0 0.3%;
}

.category_title {
  border-left: solid 4px #1B4FAA;
  border-bottom: solid 1px #1B4FAA;
  background-color: #F4F4F4;
  font-size: 1.15em;
  padding: 1.7% 0 1.2% 2%;
  margin: 0 0 2%;
  letter-spacing: 0.05em;
  font-weight: bold;
}

p.note {
  border: 2px solid #FD807A;
  background-color: #FFF0E9;
  padding: 2%;
  margin: 0 0 4%;
  line-height: 1.4;
  font-size: 0.95em;
}

p.note span {
  display: block;
  font-size: 1.13em;
  font-weight: bold;
  color: #FF0000;
}

p.note strong {
  font-size: 1.05em;
  font-weight: normal;
  color: #FF0000;
}

/* 表皮効果とは */
dl {
  margin: 0 0 2%;
  padding: 0 0 2%;
  border-bottom: 1px dotted #AAAAAA;
}

dl dt {
  text-indent: -1.7em;
  margin: 0 0 0 1.7em;
  font-size: 0.95em;
  line-height: 1.4;
  float: left;
  width: 67%;
}

dl dt img {
  vertical-align: -4px;
}

dl dd {
  float: right;
  width: 24%;
}

dl.double dt {
  text-indent: -1.7em;
  margin: 0 0 0 1.7em;
  float: left;
  width: 43%;
}

dl.double dd {
  float: right;
  width: 48.5%;
}

/* パンチダウン工具レイアウト */
table.useful_pd {
  width: 738px;
}

table.useful_pd td {
  vertical-align: top;
  padding: 8px 0;
}

/* clfx */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}