@charset "utf-8";
/*
-------------------------------------------------------------------------------- width: 721px -
*/
/* ---------------- history ---------------- */
/* timeline */
dl.history {
    clear: left;
    margin: 0 0 30px 15px;
    border-bottom: 1px solid #dad3cd;
}
dl.history:before, dl.history:after { content: ""; display: table; }
dl.history:after { clear: both; }
dl.history > dt {
    float: left;
    width: 190px;
    padding: 20px 0;
    border-top: 1px solid #dad3cd;
}
dl.history > dt:first-of-type {
    border-top-style: none;
}
dl.history > dt strong {
    padding-right: 10px;
    font-size: 125%;
    font-weight: normal;
    font-style: italic;
}
dl.history > dt strong.large {
    display: block;
    margin-bottom: 10px;
    font-size: 250%;
}
dl.history > dt span {
    padding: 3px 20px;
    background-color: #e2ddd8;
    font-size: 82%;
    vertical-align: 2px;
}
dl.history > dd {
    float: left;
    width: 535px;
    padding: 20px 0;
    border-top: 1px solid #dad3cd;
}
dl.history > dd:first-of-type {
    border-top-style: none;
}
dl.history > dd p.bodyText {
    margin: 0;
}
dl.history > dd .imageBox {
    margin-top: 20px;
}
dl.history > dd .imageBox:before, dl.history > dd .imageBox:after { content: ""; display: table; }
dl.history > dd .imageBox:after { clear: both; }
dl.history > dd .imageBox .img {
    float: left;
    width: 160px;
}
dl.history > dd .imageBox dl {
    float: right;
    width: 355px;
}
dl.history > dd .imageBox dl dt {
    font-size: 93%;
    font-weight: bold;
}
dl.history > dd .imageBox dl dd {
    margin-top: 10px;
    font-size: 82%;
    line-height: 1.8;
}
/*
-------------------------------------------------------------------------------- width: - 720px
*/
@media screen and (max-width: 720px) {
/* ---------------- history ---------------- */
/* timeline */
dl.history {
    margin: 0 0 15px 10px;
    border-bottom-style: none;
}
dl.history > dt {
    float: none;
    width: auto;
    padding: 10px 0;
}
dl.history > dt strong.large {
    display: inline;
    margin-bottom: 0;
    font-size: 200%;
    vertical-align: -2px;
}
dl.history > dt span {
    padding: 3px 12px;
    font-size: 69%;
    vertical-align: 3px;
}
dl.history > dd {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
    border-top-style: none;
}
dl.history > dd .imageBox {
    margin-top: 10px;
}
dl.history > dd .imageBox .img {
    width: 120px;
}
dl.history > dd .imageBox dl {
    width: 100%;
    margin-left: -120px;
}
dl.history > dd .imageBox dl dt {
    padding-left: 130px;
    font-size: 82%;
}
dl.history > dd .imageBox dl dd {
    padding-left: 130px;
    font-size: 75%;
    line-height: 1.5;
}
} /* width: - 720px */