@charset "utf-8";

/* タグを囲っている要素 */
#taglist-wrapper {
    float: left;
    width: 750px;
    padding: 18px 20px 30px;
    background: #fff;
    box-sizing: border-box;
}
/* タグリスト<ul>タグ */
.taglist {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
/* タグ名 */
.tag {
    margin: 12px 12px 0 0;
    padding: 5px 8px;
    color: #07519a;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #eaeaea;
}
/* 右サイドにある、「最新記事」「オススメ記事」「カテゴリ一覧」 */
#right_contents {
    float: right;
    width: 170px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}
/* 「最新記事」「おすすめ記事」「カテゴリ一覧」という文言 */
#right_contents h3 {
    text-align: center;
    background: url("/images/bg_service.jpg") repeat-x center bottom;
    padding: 5px 0;
    color: #fff;
    font-weight: bold;
}
/* 最新記事のタイトルと画像, カテゴリ名 */
#right_contents ul.subList li,
#right_contents ul.categoryList li {
    border-bottom: 1px dotted;
    padding: 7px 5px;
}
/* 「カテゴリ一覧」という文言 */
#right_contents h3.category,
#right_contents .side_hot_entry {
    margin-top: 10px;
}
/*「 全ての記事を見る」という文言 */
#right_contents p.all {
    text-align: right;
}
/* rss */
#right_contents p.rss {
    float: right;
    background-color: #d7d9d2;
    margin-top: 10px;
    padding: 0 3px;
    border: solid 1px #5a5a5a;
    font-weight: bold;
}
#right_contents p.rss:hover {
    opacity: 0.8;
}
/* xml */
#right_contents span.xml {
    background-color: #8a8e7d;
    margin-right: 2px;
    padding: 0 7px;
    color: #fff;
}
#right_contents span.rss_version {
    text-align: right;
    background-color: #ff8207;
    padding: 0 7px;
    color: #fff;
}
#right_contents p.rss a {
    text-decoration: none;
}
/* サムネイル画像とタイトルを横並びにする。 */
.aside_entry div {
    overflow: hidden;
}

.aside_entry img {
    float: left;
    margin-right: 10px;
}