@charset "shift_jis";

div.col {
  margin: 10px 0 50px;
  padding: 35px 30px 20px;
  border:1px solid #76bbff;

}
div.ttl {
  background: url(img/wa-kuro.png) left center no-repeat;
  padding-left: 30px;
  margin-bottom: 2.0em;
  font-weight: 600;
  color: #333;
}
.subttl {
  background: url(./botan_7.gif) left center no-repeat;
  padding-left: 20px;
  margin-bottom: 1.0em;
}
div.col p {
  padding-bottom: 2.0em;
}

dl { overflow: hidden; }
dl dt { float: left; }
dl dd { margin: 0; }

dt.subttl { clear:both; }
.w01 { width: 1.0em; }
dt.w01+dd { padding-left: 1.5em; }
.w03 { width: 3.0em; }
dt.w03+dd { padding-left: 3.0em; }
.w04 { width: 4.0em; }
dt.w04+dd { padding-left: 4.0em; }
.w05 { width: 5.0em; }
dt.w05+dd { padding-left: 5.0em; }
.w06 { width: 6.0em; }
dt.w06+dd { padding-left: 6.0em; }
.w07 { width: 7.0em; }
dt.w07+dd { padding-left: 7.0em; }
.w08 { width: 8.0em; }
dt.w08+dd { padding-left: 8.0em; }
.w09 { width: 9.0em; }
dt.w09+dd { padding-left: 9.0em; }
.w10 { width: 10.0em; }
dt.w10+dd { padding-left: 10.0em; }

/* 単語の区切りを指定 */
wbr + span { white-space: nowrap; }

table.tbl {
  font-size: 100%;
}
table.tbl th:first-child {
  padding: 0 10px;
}
table.tbl td {
  padding: 0 5px;
}


@media only screen and (max-width: 639px) {
 dl dt { float: none; }
 [class^="w"] { width: auto; }
 dt[class^="w"]+dd { padding-left: 2.0em; }
}
@media only screen and (max-width: 319px) {
 span { white-space: normal; }
}