@charset "utf-8";
.around {
    border: 1px #ccc solid;
}

.wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 30px;
}

.h2-container {
    /* padding: 0 0 30px; */
    margin-bottom: 10px;
}

.h3-container {
    width: 90%;
    padding: 0 0 30px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.image-cntainer {
    border-radius: 5px;
    padding: 10px;
    background-color: #0f0f0f;
}

.ta-right {
    text-align: right;
}

.listtype-none {
    list-style-type: none;
}

.btn a {
    display: block;
    margin: 10px;
    width: 150px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #999;
    background-color: blue;
    color: #fff;
    /* font-family:Helvetica, Arial, san-serif; */
    font-weight: bold;
    /* font-size:150%; */
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.btn a:hover {
    opacity: 0.5;
}

.btn01 a {
    padding: 3px 5px;
    background-color: lavender;
    color: #333;
    border-right: 2px solid darkgray;
    border-bottom: 2px solid darkgray;
    border-radius: 5px;
    /* background-color: navy;
    color: lightgray; */
    transition: background-color 0.5s 0s, color 0.5s 0s;
}

.btn01 a:hover {
    background-color: navy;
    color: lavender;
    border-radius: 5px;
    /* background-color: #ccc;
    color: navy; */
}