@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Alice');

body #container {
    width: 100%;
    min-width: 960px;
    padding: 20px 0 50px;
    background: #f5f2ec;
}
body #container #main {
    width: 960px;
    margin: 0 auto;
}
body #container #main ol.breadlist {
    margin: -10px 0 0;
    padding: 0 0 10px;
}
body #container #main ol.breadlist li {
    float: left;
    margin: 0 7px 0 0;
    font-size: 86% !important;
    color: #43250b;
}
body #container #main ol.breadlist li a {
    padding: 0 10px 0 0;
    background: url("../img/ico-breadlist.gif") right center no-repeat;
    color: #43250b;
}
body #container #main ol.breadlist li a.no-arrow {
    background: 0;
    padding: 0;
}
body #container #main ol.breadlist li.footer-text { margin-left: 15px }
body #container #main ol.breadlist li a:hover { color: #0a5a91 }
body #container #main .left-area {
    float: left;
    width: 640px;
}
body #container #main .right-area {
    float: right;
    width: 300px;
}
.icon { margin: 5px 0 -20px }
.icon span.category {
    background-color: #eee;
    margin: 0 5px 0 0;
    padding: 0 10px 0 0;
    display: block;
    float: left;
}
.icon span.category a {
    color: #333;
    font-size: 79%;
    padding: 3px 0 1px 10px;
}
.icon span.member {
    background-color: #eee;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}
.icon span.member a {
    background: url("../img/bg-icon-member-left.gif") 7px center no-repeat;
    color: #333;
    font-size: 79%;
    padding: 0 0 0 20px;
}
.pager {
    display: table;
    margin: 30px auto;
    /*text-align: center;*/
}
.pager li {
    display: inline;
    font-size: 86%;
    color: #c09b7b;
    margin: 0 5px 0 0;
    text-align: center;
}
.pager li a {
    background-color: #ddd;
    padding: 5px 8px;
    *padding: 3px 8px;
    padding: 5px 8px 3px 8px/IE9;
}
.pager li a:hover {
    background-color: #666;
    color: #fff;
}
.pager li span.now {
    background-color: #666;
    color: #fff;
    padding: 5px 8px;
    *padding: 3px 8px;
    padding: 5px 8px 3px 8px/IE9;
}
.pager li.prev a,
.pager li.next a { background: 0 }
.pager li.prev a:hover,
.pager li.next a:hover { color: #0a5a91 }
body #container #main .left-area .fbnr-area { margin: 45px 15px 0 }
body #container #main .left-area .fbnr-area ul li { float: left }
body #container #main .left-area .fbnr-area ul li.right { float: right }
body #container #main .left-area .category-area .inner .btn-golist { text-align: right }
body #container #main .left-area .category-area .inner .nav-link-category {
    background: url("../img/dotline-horizontal6.gif") left bottom repeat-x;
    padding: 0 0 20px;
    margin: 0 0 11px;
}
body #container #main .left-area .category-area .inner .nav-link-category table { background: url("../img/bg-sort.gif") left top repeat-y }
body #container #main .left-area .category-area .inner .nav-link-category table tr td {
    background: url("../img/dotline-horizontal5.gif") left bottom repeat-x;
    vertical-align: middle;
}
body #container #main .left-area .category-area .inner .nav-link-category table tr.last td { background-image: none }
body #container #main .left-area .category-area .inner .nav-link-category table tr td.left-area {
    float: none;
    width: 134px;
    padding: 10px 15px 10px 0;
    text-align: right;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .nav-link-category table tr td.right-area {
    float: none;
    width: 436px;
    padding: 10px 0 0 15px;
}
body #container #main .left-area .category-area .inner .nav-link-category table tr td.right-area ul { /*margin: 0 0 10px*/ }
body #container #main .left-area .category-area .inner .nav-link-category table tr td.right-area ul li {
    float: left;
    padding: 0 11px 0 10px;
    background: url("../img/ico-sort.gif") left center no-repeat;
    font-size: 86%;
    white-space: nowrap;
}
body #container #main .left-area .category-area .inner .nav-link-category table tr td.right-area ul li.first {
    background-image: none;
    padding: 0 11px 0 0;
}
body #container #main .left-area .report-list ul li dl dd dl dt a { color: #d13f68 }
body #container #main .left-area .report-list ul li dl dd dl dt a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner ul.three-column { margin: 0 0 0 -18px !important }
body #container #main .left-area .category-area .inner ul.three-column li {
    background-image: none !important;
    float: left;
    width: 188px;
    margin: 0 0 20px 18px !important;
}
body #container #main .left-area .category-area .inner ul.three-column li p.txt { margin: 3px 0 0 }
body #container #main .left-area .category-area .inner ul.three-column li p.txt a {
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .left-area .category-area .inner ul.three-column li p.txt span.data {
    font-size: 72%;
    color: #333;
    font-weight: bold;
    display: block;
}
body #container #main .left-area .category-area .inner ul.three-column li p.txt span.name {
    font-size: 72%;
    color: #d13f68;
    display: block;
}
body #container #main .left-area .category-area .inner ul.four-column { margin: 0 0 0 -20px }
body #container #main .left-area .category-area .inner ul.four-column li {
    float: left;
    margin: 0 0 15px 21px;
    width: 134px;
    height: 231px;
}
body #container #main .left-area .category-area .inner ul.four-column li.blog-top-list {
    float: left;
    margin: 0 0 15px 21px;
    width: 134px;
    height: 194px;
}
body #container #main .left-area .category-area .inner ul.four-column li p.txt {
    margin: 3px 0 0;
    line-height: 1.3;
    font-size: 72%;
}
body #container #main .left-area .category-area .inner ul.four-column li p.txt span.name {
    font-size: 72%;
    color: #944c0c;
    display: block;
}
body #container #main .left-area .article-area .inner ul.four-column { margin: 0 0 0 -20px }
body #container #main .left-area .article-area .inner ul.four-column li {
    float: left;
    margin: 0 0 18px 21px;
    width: 134px;
}
body #container #main .left-area .article-area .inner ul.four-column li p.txt { margin: 3px 0 0 }
body #container #main .left-area .article-area .inner ul.four-column li p.txt a {
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .left-area .article-area .inner ul.four-column li p.txt span.name {
    font-size: 72%;
    color: #944c0c;
    display: block;
}
.bgnor { background: none !important }
body #container #main .right-area .book-area { margin: 0 0 10px }
body #container #main .right-area .book-area .inner {
    background-color: #fff;
    border-left: 2px solid #dfcdbf;
    border-right: 2px solid #dfcdbf;
    border-bottom: 2px solid #dfcdbf;
    padding: 11px 13px;
}
body #container #main .right-area .book-area p.photo {
    float: left;
    width: 100px;
    padding: 7px;
    border: 1px solid #ccc;
}
body #container #main .right-area .book-area p.title {
    float: left;
    width: 84px;
    margin: 1px 0 0 10px;
}
body #container #main .right-area .book-area p.date {
    float: right;
    font-weight: bold;
    font-size: 86%;
}
body #container #main .right-area .book-area p.btn-view-book {
    float: right;
    width: 148px;
    margin: 10px 0 0;
}
body #container #main .right-area .book-area ul {
    float: right;
    width: 154px;
    margin: 14px 0 0;
}
body #container #main .right-area .book-area ul li {
    padding: 0 0 0 10px;
    margin: 0 0 5px;
}
body #container #main .right-area .book-area ul li p {
    background: url("../img/ico-incidenta2.gif") left 3px no-repeat;
    /*background-position-y: 7px;*/
    padding: 0 0 0 15px;
    font-size: 86%;
}
body #container #main .right-area .pr-txt-area {
    margin: 15px 0 16px;
/*
    background: url("../img/dotline-horizontal4.gif") left bottom repeat-x;
*/
    padding-bottom: 10px;
}
body #container #main .right-area .pr-txt-area div + div {
    padding: 11px 0 1px;
    clear: both;
}
body #container #main .right-area .pr-txt-area > div{
/*
    background: url("../img/dotline-horizontal4.gif") left top repeat-x;
*/
    padding-top: 10px;
}
body #container #main .right-area .pr-txt-area div a {
    display: block;
    margin-bottom: 15px;
    *zoom: 1;
    _display: inline-block;
    _height: 1em;
}
body #container #main .right-area .pr-txt-area div a:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
body #container #main .right-area .pr-txt-area div img {
    margin-right: 15px;
    width: 100px;
    float: left;
    display: inline;
}
body #container #main .right-area .pr-txt-area div span span {
    font-size: 86%;
    line-height: 1.4;
}
body #container #main .right-area .pr-txt-area div ul li { margin: 0 0 10px }
body #container #main .right-area .pr-txt-area div ul li p.photo {
    padding: 2px;
    background-color: #fff;
    float: left;
    width: 100px;
}
body #container #main .right-area .pr-txt-area div ul li p.txt {
    float: right;
    width: 180px;
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .right-area .pr-txt-area div ul li p.txt a { color: #43250b }
body #container #main .right-area .pr-txt-area div ul li p.txt a:hover { color: #0a5a91 }
body #container #main .right-area .banner-area { margin: 0 0 10px }
body #container #main .right-area .banner-area p { margin: 0 0 10px }
body #container #main .right-area .banner-area .sumai {
    margin-bottom: 10px;
    text-align: center;
}
body #container #main .right-area .banner-area .sumai p.suumo_text a {
    color: #43250b;
    font-size: 86%;
}
body #container #main .right-area .banner-area .sumai p.suumo_text a:hover { color: #0a5a91 }
body #container #main .right-area .banner-area .corner { margin-bottom: 10px }
body #container #main .right-area .otherplace-area { margin: 0 0 15px }
body #container #main .right-area .otherplace-area .inner {
    background-color: #fff;
    border-left: 2px solid #dfcdbf;
    border-right: 2px solid #dfcdbf;
    border-bottom: 2px solid #dfcdbf;
    padding: 11px 16px 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body #container #main .right-area .otherplace-area .inner dl {
    padding: 5px;
    margin: 0 0 15px 0;
}
body #container #main .right-area .otherplace-area .inner dl dt {
    float: left;
    width: 106px;
    position: relative;
}
body #container #main .right-area .otherplace-area .inner dl dt .present,
body #container #main .right-area .otherplace-area .inner dl dt .coupon {
    position: absolute;
    top: -3px;
    right: -3px;
}
body #container #main .right-area .otherplace-area .inner dl dd {
    float: right;
    width: 144px;
}
body #container #main .right-area .otherplace-area .inner dl dd span.icon-region {
    background-color: #ff7200;
    color: #fff;
    padding: 0 10px;
    font-weight: bold;
}
body #container #main .right-area .otherplace-area .inner dl dd span.icon-region a { color: #fff;font-size: 12px; }
body #container #main .right-area .otherplace-area .inner dl dd p {
    font-size: 86%;
    line-height: 1.4;
}
body #container #main .right-area .otherplace-area .inner ul { padding: 10px 0 0 0 }
body #container #main .right-area .otherplace-area .inner ul li {
    background: url("../img/ico-incidenta3.gif") left center no-repeat;
    padding: 0 0 0 11px;
    margin: 0 0 6px;
    font-size: 86%;
    line-height: 1.6;
}
body #container #main .right-area .otherplace-area .inner ul li a span {
    margin: 0 0 0 5px;
    font-size: 72%;
    color: #666;
}
body #container #main .right-area .otherplace-area .inner ul li a:hover span { color: #0a5a91 }
body #container #main .right-area .otherplace-area .area {
    padding: 0 10px 5px;
    margin: 0 0 8px;
/*     background: url("../img/bg-region-area.gif") left bottom no-repeat;
    background-size: 264px 500px; */
    background: #fcf9f0;
    border-left: 1px solid #e3dbc7;
    border-bottom: 1px solid #e3dbc7;
    border-right: 1px solid #e3dbc7;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body #container #main .right-area .otherplace-area .cookie ul {
    background: url("../img/dotline-horizontal2.gif") repeat-x left bottom;
    padding: 0 0 6px 0;
    margin: 0 0 9px 0;
}
body #container #main .right-area .otherplace-area .cookie ul li {
    background: url("../img/ico-incidenta2.gif") no-repeat left 3px;
    padding: 0 0 0 18px;
    font-size: 86%;
}
body #container #main .right-area .otherplace-area .cookie ul li.present { background: url("../img/ico-present-fig1.gif") no-repeat left .1em }
body #container #main .right-area .otherplace-area .cookie ul li.coupon { background: url("../img/ico-coupon-fig1.gif") no-repeat left .2em }
body #container #main .right-area .otherplace-area .cookie p {
    background: url("../img/bg-cookie-btn.gif") no-repeat left center;
    background-size: 264px;
    margin: 0 0 5px;
    padding: 6px 10px;
    font-size: 86%;
}
body #container #main .right-area .otherplace-area .cookie p a {
    display: block;
    padding: 0 0 0 10px;
    background: url("../img/ico-incidenta4.gif") left 5px no-repeat;
    color: #43250b;
}
body #container #main .right-area .otherplace-area .cookie p a:hover { color: #0a5a91 }
body #container #main .right-area .kurashi-column { margin: 0 0 15px }
body #container #main .right-area .kurashi-column .inner {
    background-color: #fff;
    border-left: 2px solid #dfcdbf;
    border-right: 2px solid #dfcdbf;
    border-bottom: 2px solid #dfcdbf;
    padding: 11px 0 0;
}
body #container #main .right-area .kurashi-column .inner .ranking {
    position: relative;
    padding: 23px 0 0;
}
body #container #main .right-area .kurashi-column .inner .ranking .new-colum { border-top: 1px solid #ccb29c }
body #container #main .right-area .kurashi-column .inner .ranking .new-colum h5 {
    position: absolute;
    left: 8px;
    top: 0;
}
body #container #main .right-area .kurashi-column .inner .ranking .new-colum h5 a {
    display: block;
    width: 138px;
    height: 24px;
    background: url("../img/btn-new-colum.gif") left bottom no-repeat;
    text-indent: -9999px;
    outline: 0;
}
body #container #main .right-area .kurashi-column .inner .ranking .popularity-colum h5 {
    position: absolute;
    right: 8px;
    top: 0;
}
body #container #main .right-area .kurashi-column .inner .ranking .popularity-colum h5 a {
    display: block;
    width: 138px;
    height: 24px;
    background: url("../img/popularity-colum.gif") left top no-repeat;
    text-indent: -9999px;
    outline: 0;
}
body #container #main .right-area .kurashi-column .inner .ranking ul {
    padding: 10px 10px 0;
    background: #fff;
}
body #container #main .right-area .kurashi-column .inner .ranking .popularity-colum ul { display: none }
body #container #main .right-area .kurashi-column .inner .ranking ul li div {
    padding: 0 0 5px 12px;
    background: url("../img/ico-incidenta3.gif") 0 6px no-repeat;
}
body #container #main .right-area .kurashi-column .inner .ranking ul li {
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .right-area .kurashi-column .inner .ranking ul li.btn-golist a {
    padding: 15px 0 8px;
    background-image: none;
    float: right;
}
body #container #main .right-area .kurashi-column .inner .ranking.flg .new-colum h5 a { background-position: left top }
body #container #main .right-area .kurashi-column .inner .ranking.flg .popularity-colum h5 a { background-position: left bottom }
body #container #main .right-area .kurashi-column .inner .ranking.flg .new-colum ul { display: none }
body #container #main .right-area .kurashi-column .inner .ranking.flg .popularity-colum ul { display: block }
body #container #main .left-area .article-area .inner .affiliate-area {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
}
body #container #main .left-area .article-area .inner .affiliate-area ul {
    width: 570px;
    margin: 20px auto 0 auto;
}
body #container #main .left-area .article-area .inner .affiliate-area ul li {
    width: 120px;
    float: left;
    margin-right: 30px;
}
body #container #main .left-area .article-area .inner .affiliate-area ul li.last { margin-right: 0 }
body #container #main .left-area .article-area .inner .affiliate-area ul li dl dt {
    text-align: center;
    height: 100px;
    margin-bottom: 5px;
}
body #container #main .left-area .article-area .inner .affiliate-area ul li dl dt img {
    height: 100px;
    max-width: 100px;
}
body #container #main .left-area .article-area .inner .affiliate-area ul li dl dd { font-size: 12px }
body #container #main .right-area .member-area {
    background: url("../img/bg-member.gif") left top no-repeat;
    padding: 14px 20px;
    margin: 0 0 15px;
}
body #container #main .right-area .constellation-area {
    margin: 0 0 10px;
    padding: 0 0 5px;
}
body #container #main .right-area .constellation-area .header {
    padding: 14px 14px 10px;
    background: url("../img/tit-constellation-area.gif") center bottom no-repeat;
}
body #container #main .right-area .constellation-area .header p { text-align: right }
body #container #main .right-area .constellation-area .inner {
    padding: 5px 15px 15px;
    background-color: #fff;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
body #container #main .right-area .constellation-area .inner ol {
    border: 1px solid #95e2e9;
    padding: 14px 19px;
}
body #container #main .right-area .constellation-area .inner ol li {
    float: left;
    width: 60px;
    margin: 0 20px 0 0;
}
body #container #main .right-area .constellation-area .inner ol li.end { margin: 0 }
body #container #main .right-area .constellation-area .inner ol li .photo {
    margin: 0 0 5px;
    background: url("../img/ico-constellation-area-rank1.gif") left top no-repeat;
    text-align: right;
}
body #container #main .right-area .constellation-area .inner ol li.rank2 .photo { background-image: url("../img/ico-constellation-area-rank2.gif") }
body #container #main .right-area .constellation-area .inner ol li.rank3 .photo { background-image: url("../img/ico-constellation-area-rank3.gif") }
body #container #main .right-area .constellation-area .inner ol li .title {
    text-align: center;
    font-size: 86%;
}
body #container #main .right-area .fortune-area {
    margin: 0 0 10px;
    padding: 0 0 5px;
    font-size: 86%;
}
body #container #main .right-area .fortune-area .header {
    padding: 7px 7px 15px;
    background-color: #fff;
    border-left: 2px solid #dfcdbf;
    border-right: 2px solid #dfcdbf;
    border-top: 2px solid #dfcdbf;
}
body #container #main .right-area .fortune-area .header h4 {
    float: left;
    font-weight: bold;
    color: #666;
    font-size: 10pt;
    margin-bottom: 0;
}
body #container #main .right-area .fortune-area .header p {
    float: right;
    font-size: 83.5%;
}
body #container #main .right-area .fortune-area .inner {
    padding: 5px 15px 15px;
    background-color: #fff;
    border-left: 2px solid #dfcdbf;
    border-right: 2px solid #dfcdbf;
    border-bottom: 2px solid #dfcdbf;
}
body #container #main .right-area .fortune-area .inner .constellation {
    float: left;
    width: 60px;
}
body #container #main .right-area .fortune-area .inner .constellation .photo {
    margin: 0 0 10px;
    background: url("../img/ico-constellation-area-rank1.gif") left top no-repeat;
    text-align: right;
}
body #container #main .right-area .fortune-area .inner .constellation .title { text-align: center }
body #container #main .right-area .fortune-area .inner .content {
    float: right;
    width: 200px;
}
body #container #main .right-area .fortune-area .inner ul {
    clear: both;
    padding: 10px 0 0;
}
body #container #main .right-area .fortune-area .inner ul li { line-height: 200% }
body #container #main .right-area .fortune-area .inner ul li strong { font-weight: bold }
body #container #main .right-area .fortune-area .inner .constellation .rank2 { background-image: url("../img/ico-constellation-area-rank2.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank3 { background-image: url("../img/ico-constellation-area-rank3.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank4 { background-image: url("../img/ico-constellation-area-rank4.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank5 { background-image: url("../img/ico-constellation-area-rank5.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank6 { background-image: url("../img/ico-constellation-area-rank6.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank7 { background-image: url("../img/ico-constellation-area-rank7.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank8 { background-image: url("../img/ico-constellation-area-rank8.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank9 { background-image: url("../img/ico-constellation-area-rank9.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank10 { background-image: url("../img/ico-constellation-area-rank10.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank11 { background-image: url("../img/ico-constellation-area-rank11.gif") }
body #container #main .right-area .fortune-area .inner .constellation .rank12 { background-image: url("../img/ico-constellation-area-rank12.gif") }

body #container #main .right-area .event-area,
body #container #main .right-area .questionnaire-area {
    margin: 0 0 15px
}
/*body #container #main .right-area .event-area .header {
    padding: 14px 14px 10px;
    background: url("../img/tit-event-area.gif") center bottom no-repeat;
}*/
body #container #main .right-area .questionnaire-area .header {
/*    padding: 14px 14px 10px;
    background: url("../img/tit-questionnaire-area.gif") center bottom no-repeat;*/
}
body #container #main .right-area .event-area .header p,
body #container #main .right-area .questionnaire-area .header p {
    text-align: right
}
body #container #main .right-area .event-area .inner,
body #container #main .right-area .questionnaire-area .inner {
    background-color: #fff;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    border-bottom: 2px solid #e3dbc7;
}
body #container #main .right-area .event-area .inner ol,
body #container #main .right-area .questionnaire-area .inner ol {
    margin: 0 16px;
    padding: 0 0 10px;
}
body #container #main .right-area .event-area .inner ol li,
body #container #main .right-area .questionnaire-area .inner ol li {
    padding: 10px 0 0;
    font-size: 86%;
    line-height: 1.6;
}
body #container #main .right-area .event-area .inner ol li span,
body #container #main .right-area .questionnaire-area .inner ol li span {
    display: block;
    font-weight: bold;
}
body #container #main .right-area .event-area .inner ol li div,
body #container #main .right-area .questionnaire-area .inner ol li div {
    padding: 0 0 0 10px;
    background: url("../img/ico-incidenta4.gif") left 6px no-repeat;
}

body #container #main .right-area .present-area {
    margin: 0 0 10px;
    padding: 0 0 5px;
    position: relative;
}
body #container #main .right-area .present-area .header {
/*    padding: 14px 15px 10px;
    background: url("../img/tit-present-area.png") center top no-repeat;*/
}
body #container #main .right-area .present-area .header p { text-align: right }
body #container #main .right-area .present-area .inner {
    padding: 5px 16px 15px;
    background-color: #fff;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    border-bottom: 2px solid #e3dbc7;
}
body #container #main .right-area .present-area .inner dl {
    padding: 14px 0 11px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
}
body #container #main .right-area .present-area .inner dl dt {
    float: left;
    width: 106px;
}
body #container #main .right-area .present-area .inner dl dd {
    float: right;
    width: 150px;
    font-size: 86%;
    line-height: 1.6;
}
body #container #main .right-area .present-area .inner dl dd dl {
    padding: 0;
    background-image: none;
}
body #container #main .right-area .present-area .inner dl dd dl dt {
    float: none;
    width: auto;
    color: #ff7200;
    padding: 5px 0 0;
}
body #container #main .right-area .present-area .inner dl dd dl dd.title { padding: 5px 0 0 }
body #container #main .right-area .present-area .inner dl dd dl dd.data { font-weight: bold }
body #container #main .right-area .present-area .inner ol li {
    padding: 10px 0 11px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
    font-size: 86%;
    line-height: 1.6;
}
body #container #main .right-area .present-area .inner ol li div {
    padding: 0 0 0 10px;
    background: url("../img/ico-incidenta4.gif") left 6px no-repeat;
}
body #container #main .left-area .category-area .inner .report-list.recommend-list { padding-bottom: 20px }
body #container #main .left-area .category-area .inner .report-list.recommend-list ul>li {
    float: left;
    background: 0;
    width: 290px;
    margin-bottom: 0;
}
body #container #main .left-area .category-area .inner .report-list.recommend-list ul>li.left {
    padding-right: 10px;
    background: url(/pc/kurashi/common/img/dotline-vertical.gif) repeat-y scroll right top;
}
body #container #main .left-area .category-area .inner .report-list.recommend-list ul>li.right { padding-left: 10px }
body #container #main .left-area .category-area .inner .report-list.recommend-list ul>li>dl {
    background: url(/pc/kurashi/common/img/dotline-horizontal6.gif) repeat-x scroll left bottom;
    padding-bottom: 10px;
}
body #container #main .left-area .category-area .inner .report-list.recommend-list ul>li>dl>dt {
    width: 80px;
    height: 80px;
    float: left;
}
body #container #main .left-area .category-area .inner .report-list.recommend-list ul>li>dl>dd {
    float: right;
    width: 200px;
}
body #container #main .left-area .category-area .inner .report-list.recommend-list ul>li>dl>dd dd {
    float: none;
    width: auto;
}
body #container #main .left-area .category-area .inner .report-list.recommend-list ul:last-child li.left { padding-bottom: 0 }
body #container #main .left-area .category-area .inner .report-list.recommend-list ul:last-child li dl {
    padding-bottom: 0;
    background: 0;
}
body #container #main .left-area .category-area {
    background: url("../img/line-horizontal2.gif") left top no-repeat;
    padding: 8px 0 0;
    margin: 0 0 15px;
}
body #container #main .left-area .category-area .inner {
    background-color: #fff;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    border-bottom: 2px solid #e3dbc7;
    padding: 0 18px;
    position: relative;
}
body #container #main .left-area .inner .category-title { padding: 25px 0 0 }
body #container #main .left-area .category-title h1,
body #container #main .left-area .category-title h2 {
    font-size: 150%;
    margin: 0 0 25px;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .category-title .description {
    background-color: #fcf9f0;
    padding: 12px;
    margin: 0 0 30px;
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .left-area .category-area .inner .category-title .description p.txt {
    float: left;
    width: 340px;
}
body #container #main .left-area .category-area .inner .category-title .description p.btn-infomation {
    float: right;
    width: 223px;
}
/*body #container #main .left-area .category-area .inner .report-list { background: url("../img/bg-caterory-tit.gif") left 3px no-repeat }*/
body #container #main .left-area .category-area .inner .report-list h3 {
    background: url("../img/dotline-horizontal6.gif") left bottom repeat-x;
    padding: 0 0 18px 12px;
    margin: 0 0 11px;
    font-size: 129%;
}
body #container #main .left-area .category-area .inner .report-list ul { margin: 0 0 -10px }
body #container #main .left-area .category-area .inner .report-list ul li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    background: url("../img/dotline-horizontal6.gif") left bottom repeat-x;
}
body #container #main .left-area .category-area .inner .report-list ul li.no-article {
    background: 0;
    padding: 20px 0 30px;
}
body #container #main .left-area .category-area .inner .report-list ul li dl dt {
    float: left;
    width: 178px;
    position: relative;
}
body #container #main .left-area .category-area .inner .report-list ul li>dl>dt {
    display: table;
    /*height: 134px;*/
    line-height: 134px;
}
body #container #main .left-area .category-area .inner .report-list ul li>dl>dt a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
body #container #main .left-area .category-area .inner .report-list ul li dl dt .present,
body #container #main .left-area .category-area .inner .report-list ul li dl dt .coupon {
    position: absolute;
    top: -2px;
    right: -3px;
    z-index: 1;
}
body #container #main .left-area .category-area .inner .report-list ul li dl dd {
    float: right;
    width: 404px;
}
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl { padding: 0 }
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dt {
    float: none;
    width: auto;
    font-size: 129%;
    line-height: 1.4;
    color: #d13f68;
    padding: 5px 0;
}
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd.title {
    float: none;
    width: auto;
    font-weight: bold;
    padding: 5px 0 0;
}
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd ul.info-box { margin: 0 }
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd ul.info-box li {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 2px 0 2px 15px;
    font-size: 79%;
    line-height: 1.8;
    background: 0;
    color: #999;
}
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd ul.info-box li a { color: #999 }
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd ul.info-box li.date { background: url("../img/ico-date2.gif") no-repeat left center }
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd ul.info-box li.tag { background: url("../img/ico-tag2.gif") no-repeat left center }
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd ul.info-box li.cate { background: url("../img/ico-cate2.gif") no-repeat left center }
body #container #main .left-area .category-area .inner .report-list ul li dl dd dl dd ul.info-box li.name { background: url("../img/ico-name2.gif") no-repeat left center }
body #container #main .left-area .category-area .inner .report-list dd.nav-link-golist {
    font-size: 86%;
    text-align: right;
    margin: 11px 0 0;
}
body #container #main .left-area .category-area .inner .report-list dd.nav-link-golist a {
    background: url("../img/ico-incidenta3.gif") left center no-repeat;
    padding: 0 0 0 10px;
}
body #container #main .left-area .category-area .inner .report-list dd.incidental {
    font-size: 86%;
    text-align: right;
    margin: 19px 0 0;
}
body #container #main .left-area .category-area .inner .report-list dd.incidental a {
    background: url("../img/ico-incidenta2.gif") left center no-repeat;
    padding: 0 0 0 15px;
}
body #container #main .left-area .category-area .inner .category-title.special .main-img {
    margin: 0 0 15px 0;
    background: url("../img/dotline-horizontal6.gif") left bottom repeat-x;
    padding: 0 0 28px 0;
}
body #container #main .left-area .category-area .inner .event-area .category-title h2 {
    background: url("../img/ico-culture-event.gif") left center no-repeat;
    font-size: 150%;
    margin: 0 0 28px;
    padding: 0 0 0 30px;
}
body #container #main .left-area .category-area .inner .event-area .report-list h3 { padding: 0 0 18px 12px }
body #container #main .left-area .category-area .inner .event-area .report-list { background: url("../img/bg-caterory-tit.gif") left 3px no-repeat }
body #container #main .left-area .category-area .inner .event-area .btn-golist {
    float: none;
    text-align: right;
    margin: 0;
}
body #container #main .left-area .category-area .inner .culture-area {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 2px solid #e0e0e0;
}
body #container #main .left-area .category-area .inner .culture-area .inner {
    border: 0;
    padding: 0;
}
body #container #main .left-area .category-area .inner .culture-area .report-list { background: url("../img/bg-caterory-tit.gif") left 3px no-repeat }
body #container #main .left-area .category-area .inner .culture-area .report-list h3 {
    padding: 0 0 18px 12px;
    margin: 0;
    background-image: none;
}
body #container #main .left-area .category-area .inner .btn-bunka-room {
    text-align: center;
    margin: 36px 0 30px;
    padding: 0 0 28px;
    background: url("../img/dotline-horizontal6.gif") left bottom repeat-x;
}
body #container #main .left-area .category-area .inner .practise-area { padding: 20px 0 0 }
body #container #main .left-area .category-area .inner .practise-area .inner {
    border: 0;
    padding: 0;
}
body #container #main .left-area .category-area .inner .practise-area .report-list { background: url("../img/ico-practise.gif") left 3px no-repeat }
body #container #main .left-area .category-area .inner .practise-area .report-list h3 {
    padding: 0 0 18px 50px;
    margin: 0;
    background-image: none;
}
body #container #main .left-area .category-area .inner .present-area { padding: 25px 0 60px }
body #container #main .left-area .category-area .inner .present-area .inner {
    border: 0;
    padding: 0;
}
body #container #main .left-area .category-area .inner .present-area .report-list { background: url("../img/ico-present-area.gif") left top no-repeat }
body #container #main .left-area .category-area .inner .present-area .report-list h2 {
    padding: 0 0 25px 40px;
    margin: 0;
    background-image: none;
    font-size: 150%;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .today-present {
    background: url(../img/bg-present-top.gif) no-repeat left top;
    padding: 6px 0 24px 0;
    margin: 0 0 15px 0;
    border-bottom: 2px solid #e0e0e0;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .today-present .inner {
    background: url(../img/bg-present-bottom.gif) repeat-y left bottom;
    padding: 11px 15px 15px 15px;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .photo-area {
    width: 306px;
    float: left;
    position: relative;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .photo-area p {
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .photo-area .frame-t {
    position: absolute;
    top: -16px;
    left: -17px;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .photo-area .frame-b {
    position: absolute;
    bottom: -4px;
    right: -1px;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .text-area {
    width: 250px;
    float: right;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .text-area h3 {
    background: 0;
    margin: 10px 0 13px 0;
    padding: 0;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .text-area .txt { color: #944c0c }
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .text-area .btn {
    text-align: center;
    margin: 30px 0 0 0;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .questionnaire {
    border-bottom: 2px solid #e0e0e0;
    padding: 0 0 20px 0;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .questionnaire h3 {
    background: 0;
    padding: 0;
    margin: 0 0 15px 0;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .questionnaire ul { margin: 15px 0 0 0 }
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .questionnaire ul li {
    background: url("../img/ico-incidenta2.gif") no-repeat left .3em;
    padding: 0 0 0 18px;
    font-size: 86%;
    margin: 0;
}
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .present-campaig { padding: 30px 0 0 }
body #container #main .left-area .category-area .inner .present-area .report-list .category-list .present-now { margin: 40px 0 0 }
body #container #main .left-area .category-area .inner .present-area .report-list .category-list h3 {
    background: url("../img/bg-caterory-tit.gif") left 5px no-repeat;
    padding: 0 0 0 12px;
    margin: 0 0 20px;
    font-size: 129%;
}
#container #main .present-area .present-now li .photo{
    position: relative;
    height: 140px;
}
#container #main .present-area .present-now li .photo img{
    width: auto;
    max-width: 180px;
    max-height: 140px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
body #container #main #contents #ad-movie { margin: 0 0 20px }
body #container #main .left-area .article-area,
body #container #main #contents .article-area {
    background: url("../img/line-horizontal2.gif") left top no-repeat;
    padding: 8px 0 0;
    margin: 0 0 20px;
}
body #container #main #contents .article-area {
    background: url("../img/line-horizontal2.gif") left top repeat-x;
    padding: 8px 0 0;
    margin: 0 0 20px;
}
html body #container #main #contents .category-area.blogs .division .article-area{
    background-color: #f8f5eb;
    background-image: none;
    padding: 8px 0 0 11px;
    margin: 0 0 5px;
}
#main .left-area .category-area.blogs .division .article-area ul li{
    width: 185px;
    background-color: #fff;
    float: left;
    margin-right: 11px;
    margin-bottom: 17px;
}
#main .left-area .category-area.blogs .division .article-area ul li .image{
    position: relative;
    width: 175px;
    height: 135px;
    overflow: hidden;
    margin: 5px 5px 15px 5px;
    background-color: #333;
}
#main .left-area .category-area.blogs .division .article-area ul li .image a{
    display: block;
    height: 135px;
}
#main .left-area .category-area.blogs .division .article-area ul li .image a img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#main .left-area .category-area.blogs .division .article-area ul li .title{
    line-height: 16px;
    margin: 5px;
    height: 40px
}
#main .left-area .category-area.blogs .division .article-area ul li .date{
    font-size: 12px;
    margin: 5px;
}
#main .left-area .category-area.blogs .division .article-area ul li .user-area{
    position: relative;
    background-image: url(../img/livingmate/line_doted.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 70px;
    line-height: 1.2;
    padding-left: 80px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 12px;
}
#main .left-area .category-area.blogs .division .article-area ul li .user-area span{
    display: block;
    color: #7a7a7a;
    font-weight: normal;
    margin-top: 5px;
}
#main .left-area .category-area.blogs .division .article-area ul li .user-area img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
    width: 60px;
    border: 1px solid #cbc8c8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

body #container #main .left-area .article-area.bgnor,
body #container #main #contents .article-area.bgnor {
    padding: 0;
    background: 0;
    border-top: 2px solid #e3dbc7;
    margin: 0;
}
body #container #main #contents .article-area .inner .pr_client {
    float: right;
}
body #container #main .left-area .article-area .inner,
body #container #main #contents .article-area .inner {
    background-color: #fff;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    border-bottom: 2px solid #e3dbc7;
    padding: 18px;
    position: relative;
    margin-bottom: 15px;
}
body #container #main .left-area .article-area .inner .main-img,
body #container #main #contents .article-area .inner .main-img {
    margin-bottom: 15px;
    line-height: 28px;
}
body #container #main .left-area .article-area .inner .edit-area .link li.style1,
body #container #main #contents .article-area .inner .edit-area .link li.style1 {
    background: url("../img/ico-incidenta3.gif") left center no-repeat;
    padding: 0 0 0 10px;
}
body #container #main .left-area .article-area .inner .info-area,
body #container #main #contents .article-area .inner .info-area {
    background: url("../img/dotline-horizontal6.gif") left bottom repeat-x;
    padding: 0 0 5px 0;
    margin: 0 0 22px 0;
    clear: both;
}
body #container #main .left-area .article-area .inner .edit-area .info-area.btstyle,
body #container #main #contents .article-area .inner .info-area.btstyle {
    background: url("../img/dotline-horizontal6.gif") left top repeat-x;
    padding: 15px 0 5px 0;
    margin: 50px 0 0 0;
    clear: both;
}
body #container #main .left-area .article-area .inner .info-box li,
body #container #main #contents .article-area .inner .info-box li {
    display: inline;
    margin: 0 10px 0 0;
    padding: 3px 0 3px 15px;
    font-size: 79%;
    line-height: 1.8;
}
body #container #main .left-area .article-area .inner .info-area .info-box,
body #container #main #contents .article-area .inner .info-area .info-box { margin: 0 0 7px }
body #container #main .left-area .article-area .inner .info-box li.date,
body #container #main #contents .article-area .inner .info-box li.date {
    background: url("../img/ico-date2.gif") no-repeat left center;
    color: #999;
}
body #container #main .left-area .article-area .inner .info-box li.tag,
body #container #main #contents .article-area .inner .info-box li.tag,
body #container #main #contents .article-area .inner .info-area .info-box li.tag { background: url("../img/ico-tag2.gif") no-repeat left center }
body #container #main .left-area .article-area .inner .info-box li.tag a,
body #container #main #contents .article-area .inner .info-box li.tag a,
body #container #main #contents .article-area .inner .info-area .info-box li.tag a { color: #999 }
body #container #main .left-area .article-area .inner .info-box li.cate,
body #container #main #contents .article-area .inner .info-box li.cate,
body #container #main #contents .article-area .inner .info-area .info-box li.cate { background: url("../img/ico-cate2.gif") no-repeat left center }
body #container #main .left-area .article-area .inner .info-box li.cate a,
body #container #main #contents .article-area .inner .info-box li.cate a,
body #container #main #contents .article-area .inner .info-area .info-box li.cate a { color: #999 }
body #container #main .left-area .article-area .inner .info-area .question {
    background: url("../img/ico-question.gif") no-repeat left .4em;
    padding: 0 0 0 15px;
    float: none;
}
body #container #main #contents .article-area .inner .livingweb_logo {
    text-align: right;
}
body #container #main #contents .article-area .inner .info-area .social-box .question {
    background: url("../img/ico-question.gif") no-repeat left .4em;
    padding: 0 0 0 15px;
    float: right;
}
body #container #main .left-area .article-area .inner .link a,
body #container #main #contents .article-area .inner .link a {
    background: url("../img/ico-incidenta3.gif") left center no-repeat;
    padding: 0 0 0 11px;
}
body #container #main .left-area .article-area .inner .link a:hover,
body #container #main #contents .article-area .inner .link a:hover {
    background: url("../img/ico-link2.gif") left center no-repeat;
    padding: 0 0 0 11px;
}
body #container #main .left-area .article-area .inner .info-area .social-box { margin: 0 0 5px 0 !important}
body #container #main #contents .article-area .inner .info-area .social-box { margin: 0 0 30px 0 }
body #container #main .left-area .article-area .inner .info-area .social-box ul { float: none !important; position: relative; height: 25px;}
body #container #main #contents .article-area .inner .info-area .social-box ul { float: left; position: relative; }
body #container #main .left-area .article-area .inner .info-area .social-box li,
body #container #main #contents .article-area .inner .info-area .social-box li {
    float: left;
    margin: 0;
    vertical-align: top;
    position: absolute;
}
body #container #main .left-area .article-area .inner .info-area .social-box li a,
body #container #main #contents .article-area .inner .info-area .social-box li a { vertical-align: top }
body #container #main .left-area .article-area .inner .info-area .social-box li.facebook,
body #container #main #contents .article-area .inner .info-area .social-box li.facebook { margin: 0 15px 0 0; left: 90px;}
body #container #main .left-area .article-area .inner .info-area .social-box li.facebook .fb-like,
body #container #main #contents .article-area .inner .info-area .social-box li.facebook .fb-like { z-index: 3;}
body #container #main .left-area .article-area .inner .info-area .social-box li.facebook iframe,
body #container #main #contents .article-area .inner .info-area .social-box li.facebook iframe { position: relative }
body #container #main .left-area .article-area .inner .info-area .social-box iframe.twitter-share-button,
body #container #main #contents .article-area .inner .info-area .social-box iframe.twitter-share-button { width: 100px !important }
body #container #main .left-area .article-area .inner .info-area .social-box li.mixi,
body #container #main #contents .article-area .inner .info-area .social-box li.mixi { left: 215px;}
body #container #main .left-area .article-area .inner .info-area .social-box li.mail,
body #container #main #contents .article-area .inner .info-area .social-box li.mail {
    font-size: 86%;
    line-height: 18px;
    left: 310px;
}
body #container #main .left-area .article-area .inner .info-area .social-box li.mail a,
body #container #main #contents .article-area .inner .info-area .social-box li.mail a {
    display: block;
    padding-top: 1px;
    width: 130px;
    line-height: 18px;
}
body #container #main .left-area .article-area .inner .info-area .social-box li.mail a img,
body #container #main #contents .article-area .inner .info-area .social-box li.mail a img { margin: 0 5px 0 0 }
body #container #main .left-area .article-area .inner .category-title,
body #container #main #contents .article-area .inner .category-title { padding: 7px 0 0 }
body #container #main .left-area .article-area .inner .category-title h1,
body #container #main .left-area .article-area .inner .category-title h2,
body #container #main #contents .article-area .inner .category-title h1,
body #container #main #contents .article-area .inner .category-title h2 {
    font-size: 150%;
    margin: 0 0 15px;
    line-height: 1.4;
    font-weight: bold;
}
body #container #main .left-area .article-area .inner .attntion-area {
    padding-bottom: 20px;
/*
    border-bottom: 2px solid #e0e0e0;
*/
}
body #container #main .left-area .article-area .inner .event-area ul li { margin: 0 0 20px 0 }
body #container #main .left-area .article-area .inner .attntion-area ul li { margin: 0 0 20px 0 }
body #container #main .category-area .inner .related-area,
body #container #main .article-area .inner .related-area {
    border-top: 2px solid #e0e0e0;
    padding: 15px 0;
    margin: 10px 0 0 0;
}
body #container #main .article-area .inner .related-area ul { margin: 15px 0 0 0 }
body #container #main .article-area .inner .related-area ul li {
    background: url("../img/ico-incidenta2.gif") no-repeat left .3em;
    padding: 0 0 0 18px;
    font-size: 86%;
}
body #container #main .article-area .inner .related-area .info-box {
    margin: 5px 0 0 0;
    padding-bottom: 20px;
}
body #container #main .article-area .inner .related-area .info-box li {
    display: inline;
    margin: 0 15px 0 0;
    padding: 3px 0 3px 18px;
    font-size: 86%;
    line-height: 1.8;
}
body #container #main .article-area .inner .related-area .info-box li.date { background: url("../img/ico-date.gif") no-repeat left .1em }
body #container #main .article-area .inner .related-area .info-box li.tag { background: url("../img/ico-tag.gif") no-repeat left .1em }
body #container #main #contents .article-area .inner .related-area .yarpp-related ul {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    min-height: 45px;
}
body #container #main #contents .article-area .inner .related-area .yarpp-related ul li {
    background: 0;
    padding-left: 0;
    float: left;
}
body #container #main #contents .article-area .inner .related-area .yarpp-related ul li.related-article-image {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}
body #container #main #contents .article-area .inner .related-area .yarpp-related ul li.related-article-image .present,
body #container #main #contents .article-area .inner .related-area .yarpp-related ul li.related-article-image .coupon { position: absolute }
body #container #main #contents .article-area .inner .related-area .yarpp-related ul li.related-article-image img {
    width: 45px;
    height: 45px;
}
body #container #main #contents .article-area .inner .related-area .yarpp-related ul li.related-article-title { width: 500px }
body #container #main #contents .article-area .inner .related-area .yarpp-related ul li.related-article-title a {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
}
body #container #main .article-area .inner .backnumber-area .info-box li.cate { background: url("../img/ico-cate.gif") no-repeat left .1em }
body #container #main #contents .article-area .inner .backnumber-area {
    background-color: #fff6f6;
    border: 2px solid #ffbbbb;
    border-radius: 5px;
    margin: 20px 0 0;
    padding: 10px;
}
body #container #main #contents .article-area .inner .backnumber-area ul { margin: 15px 0 0 0 }
body #container #main #contents .article-area .inner .backnumber-area ul li {
    background: url("../img/ico-incidenta2.gif") no-repeat left .3em;
    padding: 0 0 0 18px;
    font-size: 86%;
}
body #container #main #contents .article-area .inner .backnumber-area ul li.link-backnumber {
    background: 0;
    padding: 5px 10px 0;
    text-align: right;
}
body #container #main #contents .article-area .inner .backnumber-area ul li.present { background: url("../img/ico-present-fig1.gif") no-repeat left .1em }
body #container #main #contents .article-area .inner .backnumber-area ul li.coupon { background: url("../img/ico-coupon-fig1.gif") no-repeat left .2em }
body #container #main .article-area .inner .backnumber-area .info-box,
body #container #main #contents.article-area .inner .related-area .info-box { margin: 5px 0 0 0 !important }
body #container #main .article-area .inner .backnumber-area .info-box li,
body #container #main #contents .article-area .inner .related-area .info-box li {
    display: inline;
    margin: 0 10px 0 0;
    padding: 3px 0 3px 15px;
    font-size: 86%;
    line-height: 1.8;
}
body #container #main .article-area .inner .backnumber-area .info-box li.date,
body #container #main #contents .article-area .inner .related-area .info-box li.date { background: url("../img/ico-date2.gif") no-repeat left center }
body #container #main .article-area .inner .backnumber-area .info-box li.tag,
body #container #main #contents .article-area .inner .related-area .info-box li.tag {
    background: url("../img/ico-tag2.gif") no-repeat left center;
    font-size: 79%;
}
body #container #main .article-area .inner .backnumber-area .info-box li.cate,
body #container #main #contents .article-area .inner .related-area .info-box li.cate { background: url("../img/ico-cate2.gif") no-repeat left center }
body #container #main .left-area .event-heading {
    margin-bottom: 10px;
}
body #container #main .left-area .article-area .inner .event-area ul {
    margin: -10px -20px -9px 0;
    overflow: hidden;
}
body #container #main .left-area .article-area .inner .attntion-area ul {
    margin: 10px -20px -9px 0;
    overflow: hidden;
}
body #container #main .left-area .article-area .inner .event-area ul li,
body #container #main .left-area .article-area .inner .attntion-area ul li {
    width: 290px;
    float: left;
    padding: 0 0 15px;
    margin: 15px 20px -1px 0;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
}
body #container #main .left-area .article-area .inner .fbnr-area ul li.left { float: left }
body #container #main .left-area .article-area .inner .fbnr-area ul li.right { float: right }
body #container #main .left-area .article-area .inner .event-area ul li dl dt,
body #container #main .left-area .article-area .inner .attntion-area ul li dl dt {
    float: left;
    position: relative;
    overflow: hidden; 
    width: 106px;
    height: 80px;
}
body #container #main .left-area .article-area .inner .event-area ul li dl dt .event,
body #container #main .left-area .article-area .inner .attntion-area ul li dl dt .present {
    position: absolute;
    top: -3px;
    right: -3px;
}
body #container #main .left-area .article-area .inner .event-area ul li dl dd,
body #container #main .left-area .article-area .inner .attntion-area ul li dl dd {
    float: right;
    width: 174px;
    font-size: 85%;
    line-height: 1.4;
    font-weight: bold;
}
/* ▼▼▼ イベント・セミナーページのアイキャッチは4:3未対応のため width は変更しない(対応する際、以下は不要) ▼▼▼ */
body #container #main .left-area .article-area .inner .event-area ul li dl dt{ width: 80px; }
body #container #main .left-area .article-area .inner .event-area ul li dl dd{ width: 200px; }
/* ▲▲▲ ここまで ▲▲▲ */
body #container #main .left-area .article-area .inner .event-area ul li dl dd .venue span {
    background: #fdecf3;
    color: #db0f6b;
    padding: 3px 8px;
    font-size: 85%;
    margin-bottom: 5px;
    display: inline-block;
}
body #container #main .left-area .article-area .inner .event-area ul li dl dd .desc {
    margin-top: 7px;
    font-size: 85%;
    color: #999;
}
body #container #main .left-area .article-area .inner .event-area ul li dl dt a {
    width: 80px;
    height: 80px;
    /*display: table-cell;*/
    vertical-align: middle;
    width: 290px;
    background: #cecece;
    text-align: center;
    margin-left: -145px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
}
body #container #main .left-area .article-area .inner .event-area ul li dl dt a img {
    /*max-width: 80px;
    max-height: 80px;*/
    height: 80px;
}
body #container #main #contents .article-area .inner .recommended-area {
    padding-top: 0;
    border-top: 0;
}
body #container #main .left-area .article-area .inner .fbnr-area {
    margin: 0 -5px;
    padding: 20px 0;
    border-top: 2px solid #e0e0e0;
}
body #container #main .left-area .article-area .inner .fbnr-area ul li { float: left }
body #container #main .left-area .article-area .inner .rank-area {
    padding: 20px 0;
    border-top: 2px solid #e0e0e0;
}
body #container #main .left-area .article-area .inner .rank-area ol { margin: 15px 0 0 0 }
body #container #main .left-area .article-area .inner .rank-area ol li {
    padding: 0 0 5px 25px;
    background: url("../img/ico-favorite-article-area-rank1.gif") left .15em no-repeat;
    font-size: 86%;
    line-height: 1.6;
    margin: 5px 0;
}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li:first-child {
    background-image: url("../img/dotline-horizontal2.gif"), url("../img/dotline-horizontal2.gif");
    background-position: left top,left bottom;
}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li {
    padding: 10px 0 11px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li span {
    display: block;
    color: #944c0c;
    font-weight: bold;
    margin: 0 0 5px;
}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li.ranking1 div { padding: 0 0 0 25px; background: url("../img/ico-favorite-article-area-rank1.gif") left top no-repeat}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li.ranking2 div { padding: 0 0 0 25px; background: url("../img/ico-favorite-article-area-rank2.gif") left top no-repeat}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li.ranking3 div { padding: 0 0 0 25px; background: url("../img/ico-favorite-article-area-rank3.gif") left top no-repeat}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li.ranking4 div { padding: 0 0 0 25px; background: url("../img/ico-favorite-article-area-rank4.gif") left top no-repeat}
body #container #main .left-area .article-area .inner .rank-area ol.post_rank li.ranking5 div { padding: 0 0 0 25px; background: url("../img/ico-favorite-article-area-rank5.gif") left top no-repeat}
body #container #main .left-area .article-area .inner .rank-area ol li.rank2 { background-image: url("../img/ico-favorite-article-area-rank2.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank3 { background-image: url("../img/ico-favorite-article-area-rank3.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank4 { background-image: url("../img/ico-favorite-article-area-rank4.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank5 { background-image: url("../img/ico-favorite-article-area-rank5.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank6 { background-image: url("../img/ico-favorite-article-area-rank6.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank7 { background-image: url("../img/ico-favorite-article-area-rank7.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank8 { background-image: url("../img/ico-favorite-article-area-rank8.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank9 { background-image: url("../img/ico-favorite-article-area-rank9.gif") }
body #container #main .left-area .article-area .inner .rank-area ol li.rank10 { background-image: url("../img/ico-favorite-article-area-rank10.gif") }
body #container #main .left-area .article-area .inner .other-area {
    padding: 20px 0;
    border-top: 2px solid #e0e0e0;
}
body #container #main .left-area .article-area .inner .other-area h4 { margin: 0 0 10px 0 }
body #container #main .left-area .article-area .inner .other-area ul {
    margin: 0;
    padding: 5px 0;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
}
body #container #main .left-area .article-area .inner .other-area ul.bgstyle { background: 0 }
body #container #main .left-area .article-area .inner .other-area ul li {
    display: inline-block;
    *float: left;
    *white-space: nowrap;
    border-right: 1px solid #444;
    padding: 0 10px 0 0;
    *padding: 0 10px 0 0;
    *margin: 0 10px 7px 0;
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .left-area .article-area .inner .other-area ul.bgstyle li:first-child {
    display: none;
}
body #container #main .left-area .article-area .inner .other-area ul li.last { border: 0 }
body #container #main .left-area .article-area .blog-recomend h4 { margin: 0 0 20px }
body #container #main .left-area .article-area .blog-recomend ul.four-column li p.photo { margin: 0 0 3px }
body #container #main .left-area .article-area .blog-recomend ul.four-column li p.title { color: #d13f68 }
body #container #main .left-area .article-area .blog-recomend ul.four-column li p.title a {
    font-size: 86%;
    color: #d13f68;
    line-height: 1.3;
}
body #container #main .left-area .article-area .blog-recomend ul.four-column li p.title a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner .suumo-journal-area {
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    padding: 15px 0;
    margin: 20px 0;
}
body #container #main .left-area .category-area .inner .suumo-journal-area ul { margin: 15px 0 0 0 }
body #container #main .left-area .category-area .inner .suumo-journal-area ul li {
    background: url("../img/ico-incidenta8.gif") no-repeat left .3em;
    padding: 0 0 0 18px;
    font-size: 86%;
}
body #container #main .left-area .category-area .inner .suumo-journal-area ul li a { color: #333 }
body #container #main .left-area .category-area .inner .suumo-journal-area ul li a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner .suumo-journal-area ul li span.data {
    font-size: 79%;
    color: #999;
    margin: 0 0 0 10px;
}
body #container #main .left-area .category-area .inner .ouchi-community-area {
    padding: 10px;
    margin: 0 0 30px 0;
    background: url("../img/bg_community.gif") repeat;
}
body #container #main .left-area .category-area .inner .ouchi-community-area .ttl-area h4 { float: left }
body #container #main .left-area .category-area .inner .ouchi-community-area .ttl-area .btn { float: right }
body #container #main .left-area .category-area .inner .ouchi-community-area .ouchi-inner {
    background: #fff;
    margin: 10px 0 0 0;
    padding: 10px;
}
body #container #main .left-area .category-area .inner .ouchi-community-area .ouchi-inner p.photo {
    float: left;
    width: 100px;
}
body #container #main .left-area .category-area .inner .ouchi-community-area .ouchi-inner ul {
    float: right;
    width: 442px;
}
body #container #main .left-area .category-area .inner .ouchi-community-area ul li {
    background: url("../img/ico-incidenta6.gif") no-repeat left .3em;
    padding: 0 0 0 18px;
    font-size: 86%;
}
body #container #main .left-area .category-area .inner .ouchi-community-area ul li a { color: #583706 }
body #container #main .left-area .category-area .inner .ouchi-community-area ul li a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner .ouchi-community-area ul li span.data {
    font-size: 79%;
    color: #999;
    margin: 0 0 0 10px;
}
body #container #main .left-area .category-area .inner .recommend-blog-area ul li { font-size: 100% }
body #container #main .left-area .category-area .inner .recommend-blog-area ul li .title {
    margin: 5px 0;
    font-size: 86%;
    line-height: 1.3;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .recommend-blog-area ul li .title a { color: #333 }
body #container #main .left-area .category-area .inner .recommend-blog-area ul li .title a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner .recommend-blog-area ul li .txt { line-height: 1.3 }
body #container #main .left-area .category-area .inner .recommend-blog-area ul li .txt a { color: #999 }
body #container #main .left-area .category-area .inner .recommend-blog-area ul li .txt a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner .recommend-blog-area ul li .date {
    font-size: 72%;
    color: #999;
}
body #container #main .left-area .category-area .inner .blog-recomend { margin: 60px 0 10px 0 }
body #container #main .left-area .category-area .inner .blog-recomend h3 {
    background: url("../img/bg-caterory-tit.gif") left 5px no-repeat;
    padding: 0 0 0 12px;
    margin: 0 0 20px;
    font-size: 129%;
}
body #container #main .left-area .category-area .inner .blog-recomend .title {
    margin: 5px 0;
    font-size: 86%;
    line-height: 1.3;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .blog-recomend .title {
    margin: 3px 0 0;
    line-height: 1.3;
}
body #container #main .left-area .category-area .inner .blog-recomend .title a { color: #333 }
body #container #main .left-area .category-area .inner .blog-recomend .title a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner .blog-recomend .txt a { color: #999 }
body #container #main .left-area .category-area .inner .blog-recomend .txt a:hover { color: #0a5a91 }
body #container #main .left-area .column-blog-area { margin: 0 0 15px }
body #container #main .left-area .column-blog-area .inner {
    background-color: #fff;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    border-bottom: 2px solid #e3dbc7;
}
body #container #main .left-area .column-blog-area .inner ul { padding: 18px 18px 10px }
body #container #main .left-area .column-blog-area .inner ul li.left {
    float: left;
    width: 290px;
    padding: 0 0 10px;
    margin: 0 0 10px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
}
body #container #main .left-area .column-blog-area .inner ul li.right {
    float: right;
    width: 290px;
    padding: 0 0 10px;
    margin: 0 0 10px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
}
body #container #main .left-area .column-blog-area .inner ul li dl dt {
    float: left;
    width: 80px;
    line-height: 1.3;
}
body #container #main .left-area .column-blog-area .inner ul li dl dd {
    float: right;
    width: 200px;
    line-height: 1.3;
}
body #container #main .left-area .column-blog-area .inner ul li dl dd dl dt {
    float: none;
    width: auto;
    font-size: 86%;
    padding: 5px 0 0;
    margin: 0 0 5px;
}
body #container #main .left-area .column-blog-area .inner ul li dl dd dl dt a { color: #d13f68 }
body #container #main .left-area .column-blog-area .inner ul li dl dd dl dt a:hover { color: #0a5a91 }
body #container #main .left-area .column-blog-area .inner ul li dl dd dl dd.title {
    float: none;
    width: auto;
    font-size: 86%;
    font-weight: bold;
}
body #container #main .left-area .column-blog-area .inner ul li dl dd dl dd.data {
    float: none;
    width: auto;
    font-size: 72%;
    color: #999;
    padding: 7px 0 0;
}
body #container #main .left-area .column-blog-area .inner ul.blog-area { padding: 0 18px 10px }
body #container #main .left-area .column-blog-area .inner ul.blog-area li.left {
    float: left;
    width: 290px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
    padding: 0 0 5px;
}
body #container #main .left-area .column-blog-area .inner ul.blog-area li.right {
    float: right;
    width: 290px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
    padding: 0 0 5px;
}
body #container #main .left-area .column-blog-area .inner ul.blog-area li div {
    background: url("../img/ico-incidenta3.gif") left 4px no-repeat;
    padding: 0 0 0 11px;
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .left-area .category-area .inner .blogger-area {
    padding: 0;
    margin: 0 0 15px;
}
body #container #main .left-area .category-area .inner .blogger-area h2 {
    font-size: 150%;
    padding: 25px 0;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .blogger-area ul li .title {
    margin: 5px 0;
    font-size: 86%;
    line-height: 1.3;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .blogger-area ul li .date {
    font-size: 79%;
    color: #999;
    margin: 10px 0 0;
    background: url("../img/ico-date2.gif") no-repeat left .2em;
    padding-left: 15px;
}
body #container #main .left-area .category-area .inner .blogger-area p.btn-golist {
    text-align: right;
    margin: 10px 0 9px 0;
}
body #container #main .left-area p.more-link {
    background: #fed9da;
    color: #6e293d;
    padding: 5px 10px;
    font-size: 86%;
    line-height: 1.2;
    float: right;
}
body #container #main .left-area p.more-link a {
    color: #6e293d;
    background: url(../img/ico-incidenta9.gif) no-repeat left .2em;
    padding: 0 0 0 15px;
}
body #container #main .left-area p.more-link a:hover { color: #0a5a91 }
body #container #main .left-area .category-area .inner .practise-area { padding: 25px 0 0 }
body #container #main .left-area .category-area .inner .practise-area .inner {
    border: 0;
    padding: 0;
}
body #container #main .left-area .category-area .inner .practise-area .report-list { background-image: none }
body #container #main .left-area .category-area .inner .practise-area .report-list h2 {
    padding: 0 0 25px;
    font-size: 150%;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .sumai-area .category-title { margin: 0 0 25px }
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area {
    background: url(../img/bg-living-search.gif) no-repeat left bottom;
    padding: 0 0 20px 0;
    margin: 0 0 50px 0;
}
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area h3 {
    font-size: 129%;
    font-weight: bold;
}
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area .inner {
    border: 0;
    padding: 11px 15px 0 20px;
}
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area .inner .txt { margin: 0 0 15px 0 }
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area .inner form dl {
    float: left;
    margin: 0 30px 0 0;
    padding: 3px 0;
}
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area .inner form dl dt {
    float: left;
    margin: 0 15px 0 0;
}
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area .inner form dl dd { float: left }
body #container #main .left-area .category-area .inner .sumai-area .suumo-search-area .inner form .btn-search { float: right }
body #container #main .left-area .category-area .inner .sumai-area .sumai-report h3 {
    background: url("../img/bg-caterory-tit.gif") no-repeat scroll left 5px transparent;
    font-size: 129%;
    margin: 0 0 20px;
    padding: 0 0 0 12px;
}
body #container #main .left-area .category-area .inner .sumai-area .report-list ul { margin: 0 }
body #container #main .left-area .category-area .inner .sumai-area .report-list ul.bg-dot {
    background: url("../img/dotline-horizontal6.gif") left top repeat-x;
    padding: 10px 0 0 0;
}
body #container #main .left-area .category-area .inner .sumai-area .report-list p.btn-golist { padding: 9px 0 18px }
#fancybox-content .fancybox-book .inner span.catch {
    display: block;
    padding: 10px 18px 0;
    font-size: 86%;
}
#fancybox-content .fancybox-book .inner ul { padding: 15px 18px 10px }
#fancybox-content .fancybox-book .inner ul.last { padding: 0 18px 10px }
#fancybox-content .fancybox-book .inner ul li.left {
    float: left;
    width: 250px;
    padding: 0 0 10px;
}

#fancybox-content .fancybox-book .inner ul li.right {
    float: right;
    width: 250px;
    padding: 0 0 10px;
}

#fancybox-content .fancybox-book .inner ul li a {
    background: url("../img/ico-incidenta2.gif") left top no-repeat;
    /*background-position-y: 2px;*/
    padding: 0 0 0 15px;
    font-size: 86%;
}
#fancybox-content .fancybox-book .inner ul.last li a { /*background-position-y: 0*/ }
#fancybox-content .fancybox-book .inner ul li a span {
    display: block;
    margin: 0 0 0 14px;
    font-size: 72%;
    color: #666;
}
#fancybox-content .fancybox-book .inner ul li a:hover span { color: #0a5a91 }
body #container #main .right-area .twitter { margin: 0 0 10px }
body #container #main .right-area .featured-story { margin: 0 0 10px 0 }
body #container #main .right-area .featured-story ul li.box {
    width: 296px;
    background-color: #fff;
    border: 2px solid #e3dbc7;
    margin: 0 0 5px;
}
/* fancybox レイアウト変更 */
#fancybox-content .fancybox-area{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
#fancybox-content .fancybox-area ul{
	-webkit-flex-basis: 30%;
	-ms-flex-basis    : 30%;
	flex-basis: 30%;
}
.thankyou-area__inner{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.thankyou-area__inner li{
	-webkit-flex-basis: 50%;
	-ms-flex-basis    : 50%;
	flex-basis: 50%;
}
/* fancybox レイアウト変更[E] */

body #container #main .right-area .featured-story ul li.box dl { padding: 5px 13px 5px 5px }
body #container #main .right-area .featured-story ul li.box dl dt {
    float: left;
    width: 106px;
    line-height: 1.3;
}
body #container #main .right-area .featured-story ul li.box dl dd {
    float: right;
    width: 161px;
    line-height: 1.6;
}
body #container #main .right-area .featured-story ul li.box dl dd dl { padding: 0 }
body #container #main .right-area .featured-story ul li.box dl dd dl dt {
    float: none;
    width: auto;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
    padding: 4px 0;
    color: #999;
    font-size: 72%;
}
body #container #main .right-area .featured-story ul li.box dl dd dl dd {
    float: none;
    width: auto;
    font-size: 86%;
    font-weight: bold;
    padding: 5px 0 0;
}
body #container #main #contents .article-area .inner #notfound {
    background-color: #eee;
    padding: 35px 35px 120px 35px;
}
body #container #main #contents .article-area .inner #notfound ul {
    background: url("../img/bg_notfound_icon.gif") left top no-repeat;
    padding: 0 0 20px 75px;
}
body #container #main #contents .article-area .inner #notfound ul li h2 {
    font-size: 24px;
    text-shadow: 1px 1px 0 #fff;
}
body #container #main #contents .article-area .inner #notfound ul li.nottxt {
    padding: 0 0 0 3px;
    color: #999;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}
body #container #main #contents .article-area .inner #notfound p.first {
    margin-bottom: 2em;
    padding: 30px 0 0 0;
    border-top: 1px dashed #999;
}
body #container #main .fortune-area {
    padding: 0 12px;
    margin: 0 0 20px 0;
}
body #container #main .fortune-area h4 {
    padding: 0 10px;
    margin: 0 0 10px;
    background: url("../img/bg-title-constellation.gif") left center no-repeat;
    line-height: 30px;
    font-size: 115%;
    font-weight: bold;
}
body #container #main .fortune-area ol { padding: 0 0 10px 0 }
body #container #main .fortune-area ol li {
    float: left;
    width: 70px;
    margin: 0 30px 0 0;
}
body #container #main .fortune-area ol li.rank6,
body #container #main .fortune-area ol li.rank12 { margin: 0 }
body #container #main .fortune-area ol li p.photo { margin: 0 0 5px }
body #container #main .fortune-area ol li p.title {
    padding: 13px 0 0 30px;
    margin: 0 0 5px;
    background: url("../img/ico-constellation-area-rank1.gif") left top no-repeat;
    font-size: 8pt;
}
body #container #main .fortune-area ol li p.period {
    text-align: center;
    font-size: 8pt;
}
body #container #main .fortune-area ol li.rank2 p.title { background-image: url("../img/ico-constellation-area-rank2.gif") }
body #container #main .fortune-area ol li.rank3 p.title { background-image: url("../img/ico-constellation-area-rank3.gif") }
body #container #main .fortune-area ol li.rank4 p.title { background-image: url("../img/ico-constellation-area-rank4.gif") }
body #container #main .fortune-area ol li.rank5 p.title { background-image: url("../img/ico-constellation-area-rank5.gif") }
body #container #main .fortune-area ol li.rank6 p.title { background-image: url("../img/ico-constellation-area-rank6.gif") }
body #container #main .fortune-area ol li.rank7 p.title { background-image: url("../img/ico-constellation-area-rank7.gif") }
body #container #main .fortune-area ol li.rank8 p.title { background-image: url("../img/ico-constellation-area-rank8.gif") }
body #container #main .fortune-area ol li.rank9 p.title { background-image: url("../img/ico-constellation-area-rank9.gif") }
body #container #main .fortune-area ol li.rank10 p.title { background-image: url("../img/ico-constellation-area-rank10.gif") }
body #container #main .fortune-area ol li.rank11 p.title { background-image: url("../img/ico-constellation-area-rank11.gif") }
body #container #main .fortune-area ol li.rank12 p.title { background-image: url("../img/ico-constellation-area-rank12.gif") }
body #container #main .fortune-single {
    position: relative;
    padding: 9px 9px 0;
    margin: 0 0 20px;
}
body #container #main .fortune-single h2 {
    font-size: 18pt;
    margin-bottom: 10px;
}
body #container #main .fortune-single p.photo {
    float: left;
    margin: 0 10px 0 0;
}
body #container #main .fortune-single p.title {
    float: left;
    padding: 13px 0 0 30px;
    margin: 0 10px 0 0;
}
body #container #main .fortune-single p.title.rank1 { background: url("../img/ico-constellation-area-rank1.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank2 { background: url("../img/ico-constellation-area-rank2.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank3 { background: url("../img/ico-constellation-area-rank3.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank4 { background: url("../img/ico-constellation-area-rank4.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank5 { background: url("../img/ico-constellation-area-rank5.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank6 { background: url("../img/ico-constellation-area-rank6.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank7 { background: url("../img/ico-constellation-area-rank7.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank8 { background: url("../img/ico-constellation-area-rank8.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank1 { background: url("../img/ico-constellation-area-rank1.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank9 { background: url("../img/ico-constellation-area-rank9.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank10 { background: url("../img/ico-constellation-area-rank10.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank11 { background: url("../img/ico-constellation-area-rank11.gif") left top no-repeat }
body #container #main .fortune-single p.title.rank12 { background: url("../img/ico-constellation-area-rank12.gif") left top no-repeat }
body #container #main .fortune-single p.period {
    float: left;
    padding: 15px 0 0;
    text-align: center;
    font-size: 83.5%;
}
body #container #main .fortune-single p.content {
    float: right;
    width: 360px;
    padding: 10px 0;
}
body #container #main .fortune-single ul {
    float: right;
    width: 360px;
}
body #container #main .fortune-single ul li { line-height: 160% }
body #container #main .fortune-single ul li strong { font-weight: bold }
body #container #main .fortune-single p.btn {
    margin: 0 -9px;
    padding: 10px 0;
}
body #container #main .fortune-single p.btn a {
    display: block;
    width: 162px;
    height: 35px;
    margin: 0 auto;
    background: url("../img/btn-select-constellation.gif") center bottom no-repeat;
    text-indent: -9999px;
    outline: 0;
}
body #container #main .fortune-single p.btn a:hover { background-position: center top }
body #container #main .fortune-single p.link-constellation {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
body #container #main .fortune-single p.rank2 { background-image: url("../img/ico-constellation-area-rank2.gif") }
body #container #main .fortune-single p.rank3 { background-image: url("../img/ico-constellation-area-rank3.gif") }
body #container #main .fortune-single p.rank4 { background-image: url("../img/ico-constellation-area-rank4.gif") }
body #container #main .fortune-single p.rank5 { background-image: url("../img/ico-constellation-area-rank5.gif") }
body #container #main .fortune-single p.rank6 { background-image: url("../img/ico-constellation-area-rank6.gif") }
body #container #main .fortune-single p.rank7 { background-image: url("../img/ico-constellation-area-rank7.gif") }
body #container #main .fortune-single p.rank8 { background-image: url("../img/ico-constellation-area-rank8.gif") }
body #container #main .fortune-single p.rank9 { background-image: url("../img/ico-constellation-area-rank9.gif") }
body #container #main .fortune-single p.rank10 { background-image: url("../img/ico-constellation-area-rank10.gif") }
body #container #main .fortune-single p.rank11 { background-image: url("../img/ico-constellation-area-rank11.gif") }
body #container #main .fortune-single p.rank12 { background-image: url("../img/ico-constellation-area-rank12.gif") }
body #container #main .left-area .article-area .inner .member-profile {
    background-color: #fcf9f0;
    border: 1px solid #e3dbc7;
}
body #container #main .left-area .article-area .inner .member-profile .inner {
    background-color: rgba(0,0,0,0) !important;
    border: medium none !important;
    padding: 10px !important;
}
body #container #main .left-area .article-area .inner .member-profile .inner dl dt.photo {
    float: left;
    width: 80px;
    margin-right: 20px;
}
body #container #main .left-area .article-area .inner .member-profile .inner dl dd dl dt.title {
    font-weight: bold;
    margin: 0 0 9px;
}
body #container #main .left-area .article-area .inner .member-profile .inner dl dd dl dt.title span {
    background-color: #999;
    color: #fff;
    font-size: 72%;
    margin: 0 8px 0 0;
    padding: 2px 5px;
}
body #container #main .left-area .article-area .inner .member-profile .inner dl dd dl dd.txt {
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .left-area .ss-ad-main {
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 2px solid #e0e0e0;
}
body #container #main .left-area #single .ss-ad-main p a {
    color: #d13f68;
    font-size: 129%;
}
body #container #main .left-area #single .ss-ad-main p {
    margin-bottom: 0;
    line-height: 1.3;
}
body #container #main .left-area #single .ss-ad-main p.ad-title {
    font-size: 86%;
    margin-bottom: 10px;
}
body #container #main .left-area #single .ss-ad-main p.ad-name { margin-bottom: 5px }
body #container #main .left-area #single .ss-ad-main p.ad-url { margin-bottom: 3px }
body #container #main .left-area #single .ss-ad-main p a#ss-ad-url {
    color: #999;
    font-size: 86%;
}
body #container #main .right-area .ss-ad-side-area {
    margin-bottom: 10px;
    padding: 11px 13px;
    width: 270px;
    background-color: #fff;
    border: 2px solid #e3dbc7;
}
body #container #main .right-area .ss-ad-side-area strong { font-weight: bold }
body #container #main .right-area .ss-ad-side-area p.ad-title {
    font-size: 86%;
    margin-bottom: 0;
    color: #666;
}
body #container #main .right-area .ss-ad-side-area ul { padding-bottom: 5px }
body #container #main .right-area .ss-ad-side-area li {
    border-top: 2px solid #e0e0e0;
    padding: 8px 0 0;
    margin: 10px 0 0;
}
body #container #main .right-area .ss-ad-side-area li dt.ad-name a {
    color: #d13f68;
    font-size: 100%;
}
body #container #main .right-area .ss-ad-side-area li dt a:hover { color: #0a5a91 }
body #container #main .right-area .ss-ad-side-area li dt a strong {
    font-size: 100%;
    line-height: 1.3;
}
body #container #main .right-area .ss-ad-side-area li dd strong {
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .right-area .ss-ad-side-area li dd.ad-text {
    font-size: 86%;
    line-height: 1.3;
}
body #container #main .right-area .ss-ad-side-area li dd a.ss-ad-url {
    color: #999;
    font-size: 86%;
    line-height: 1.3;
}
body #container #main #contents .article-area .inner .category-title {
    border-bottom: 2px solid #e0e0e0;
    padding: 0 0 25px;
    margin: 0 0 9px;
}
body #container #main .left-area .article-area .inner .category-title h1,
body #container #main .left-area .article-area .inner .category-title h2 { margin: 0 }
body #container #main .left-area .article-area .inner .category-title .search-data {
    background-color: #fcf5ef;
    line-height: 1.3;
    margin: 10px 0 0;
    padding: 12px;
}
body #container #main #contents .article-area .inner .category-title .search-data h2 {
    float: left;
    font-size: 86%;
    font-weight: normal;
    margin: 0;
    line-height: 1.6;
}
body #container #main .left-area .article-area .inner .category-title .search-data p span { font-weight: bold }
body #container #main .left-area .article-area .inner .category-title .search-data dl {
    float: right;
    margin: 0 -11px 0 0;
}
body #container #main .left-area .article-area .inner .category-title .search-data dt {
    float: left;
    font-size: 86%;
}
body #container #main .left-area .article-area .inner .category-title .search-data dd {
    float: left;
    font-size: 86%;
    background: url("../img/ico-sort.gif") no-repeat scroll left center transparent;
    padding: 0 11px 0 10px;
}
body #container #main .left-area .article-area .inner .category-title .search-data dd span { font-weight: bold }
body #container #main .left-area .article-area .inner .category-title .search-data dd.first {
    background-image: none;
    padding: 0 11px 0 0;
}
body #container #main .left-area .article-area .inner .search-list { background-image: none }
body #container #main .left-area .article-area .inner .search-list ul li {
    background: url("../img/dotline-horizontal6.gif") repeat-x scroll left bottom transparent;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
body #container #main .left-area .article-area .inner .search-list ul li dl dt {
    float: none;
    font-size: 117%;
    line-height: 1.3;
    padding: 0 0 5px;
    width: auto;
}
body #container #main .left-area .article-area .inner .search-list ul li dl dt a { color: #d13f68 }
body #container #main .left-area .article-area .inner .search-list ul li dl dt a:hover { color: #0a5a91 }
body #container #main .left-area .article-area .inner .search-list ul li dl dd {
    float: none;
    width: auto;
    line-height: 1.4;
}
body #container #main .left-area .article-area .inner .search-list ul li dl dd.search-info .info-box { margin: 0 }
body #container #main .left-area .article-area .inner .search-list ul li dl dd.search-info .info-box li {
    display: inline;
    font-size: 86%;
    line-height: 1.8;
    margin: 0 10px 0 0;
}
body #container #main .left-area .article-area .inner .search-list ul li dl dd.search-info .info-box li.date {
    background: url("../img/ico-date2.gif") no-repeat scroll left center transparent;
    color: #999;
    padding: 3px 0 3px 15px;
}
body #container #main .left-area .article-area .inner .search-list ul li dl dd.search-info .info-box li.link {
    background-image: none;
    color: #999;
    padding: 3px 0 3px 0;
}
body #container #main .left-area .article-area .inner #search-not-found form { margin-bottom: 20px }
body #container #main .left-area .article-area .inner #search-not-found input#search-input2 {
    border: 1px solid #999;
    width: 300px;
    line-height: 16px;
    padding: 4px;
}
body #container #main .left-area .article-area .inner #search-not-found input#search-submit2 {
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    color: #fff;
    background-color: #e31c79;
    border-radius: 5px;
    border-style: none;
    cursor: pointer;
}

body #container #main .article-area .inner .guidence {
  padding: 5px;
  background-color: #eee;
  margin: 10px 0 40px
}
body #container #main .article-area .inner .guidence-inner {
  padding: 15px;
  border: 1px solid #fff;
  text-align: center
}
body #container #main .article-area .inner .guidence-inner h3 {
  margin-bottom: 10px !important;
  color: #f1126b;
  font-size: 15px !important;
  background: none
}
body #container #main .article-area .inner .guidence-inner h3 span {
  font-size: 21px;
  font-weight: 700
}
body #container #main .article-area .inner .guidence-inner .desc {
  margin-bottom: 30px;
  width: 100%
}
body #container #main .article-area .inner .guidence-inner ul li {
  margin-bottom: 20px
}
body #container #main .article-area .inner .guidence-inner ul li {
  list-style-type: none;
  display: inline-block
}
body #container #main .article-area .inner .guidence-inner ul li .btn {
  line-height: 1;
  padding: 1.2em 3em;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px
}
body #container #main .article-area .inner .guidence-inner ul li .btn-pink {
  background-color: #ee5681;
  color: #fff;
  box-shadow: #d02152 0 -1px 0 0 inset;
  -moz-box-shadow: #d02152 0 -1px 0 0 inset;
  -webkit-box-shadow: #d02152 0 -1px 0 0 inset
}
body #container #main .article-area .inner .guidence-inner ul li .btn-pink:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7
}

div#recommended_kaden {
    margin: 0 0 30px 0;
    background: url("../img/bg-caterory-tit.gif") no-repeat scroll left 3px rgba(0,0,0,0);
}
div#recommended_kaden h3 {
    font-size: 129%;
    margin: 0 0 11px;
    padding: 0 0 0 12px;
}
div#recommended_kaden ol li {
    float: left;
    width: 290px;
    padding: 5px;
}
div#recommended_kaden ol li.clearfix { border: 0 }
div#recommended_kaden ol li dl { background: url("../img/dotline-horizontal6.gif") repeat-x scroll left bottom rgba(0,0,0,0) }
div#recommended_kaden ol li dl.last { border-bottom: 0 }
div#recommended_kaden ol li dl dt {
    width: 100px;
    float: left;
}
div#recommended_kaden ol li dl dt a { display: block }
div#recommended_kaden ol li dl dt img { margin: 0 10px 10px 10px }
div#recommended_kaden ol li dl dd {
    width: 182px;
    float: right;
}
div#recommended_kaden ol li dl dd span.date {
    background: url("../img/ico-date2.gif") no-repeat scroll left .2em rgba(0,0,0,0);
    color: #999;
    display: inline;
    font-size: 79%;
    height: 1.2em;
    line-height: 1.8;
    margin: 0 12px 0 0;
    padding: 2px 0 2px 15px;
}
div#recommended_kaden ol li dl dd p.title a { color: #d13f68 }
span.tag-name {
    display: -nline-block;
    padding: 3px 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    width: auto;
    margin-right: 5px;
}
span.tag-name.kaden-display { background-color: #ff5151 }
span.tag-name.kaden-communication { background-color: #7bccff }
span.tag-name.kaden-kitchen { background-color: #ee9d47 }
span.tag-name.kaden-beauty { background-color: #5adac0 }
span.tag-name.kaden-life { background-color: #b470cd }
span.tag-name.kaden-etc { background-color: #e53885 }
.kaden .com_area { margin-bottom: 20px }
.kaden .com_area h3 { margin-bottom: 5px }
.kaden .com_area img.main { margin-bottom: 20px }
.kaden .com_area ul {
    background-color: #e4f1f2;
    border: dotted 2px #00c2d1;
    padding: 10px;
    width: 570px;
    margin: 0 auto;
}
.kaden .com_area ul li {
    background: url("../img/ico-incidenta3.gif") no-repeat scroll left center rgba(0,0,0,0);
    line-height: 1.3;
    margin: 0 0 6px;
    padding: 0 0 3px 11px;
}
.article-area .inner .cookingtime {
    position: absolute;
    width: 120px;
    line-height: 60px;
    top: 105px;
    right: 10px;
}
div.jitan.consultation-area,
div.jitan-genre-area,
div.jitan.adviser-area {
    background-color: #fff;
    margin: 0 0 10px 0;
    padding: 1px;
    border: 1px solid #e3dbc7;
}
div.jitan.consultation-area h4,
div.jitan-genre-area h4,
div.jitan.adviser-area h4,
div.jitan.consultation-area h5,
div.jitan-genre-area h5,
div.jitan.adviser-area h5 {
    background-color: #f5eede;
    font-size: 16px;
    padding: 3px 0 3px 5px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
div.jitan.consultation-area ul,
div.jitan-genre-area ul,
div.jitan.adviser-area ul {
    background-color: #fff;
    padding: 0 0 0 11px;
}
div.jitan.adviser-area ul { padding: 0 0 0 15px }
.article-area .inner .cookingtime span {
    font-size: 17px;
    font-weight: bold;
    color: red;
}
div.jitan.member-profile { margin: 0 0 10px 0 }
div.jitan.member-profile dl dd dl dd.href { text-align: right }
div.jitan.consultation-area ul li {
    float: left;
    margin: 0 12px 0 0;
    width: 95px;
}
div.jitan.consultation-area ul li dl {
    margin: 0;
    padding: 0;
}
div.jitan.consultation-area ul li dl dt,
div.jitan.consultation-area ul li dl dd { float: none }
div.jitan.consultation-area ul li dl dt {
    width: 95px;
    line-height: 1;
}
div.jitan.consultation-area ul li dl dt a { display: block }
div.jitan.consultation-area p.more {
    background-color: #fff;
    text-align: right;
}
div.jitan.consultation-area p.more a {
    display: block;
    margin: 5px 5px 5px 0;
    width: 25em;
    float: right;
}
div.jitan-genre-area ul li {
    float: left;
    font-size: 12px;
    width: 130px;
    margin: 0 0 10px 0;
    line-height: 30px;
}
div.jitan-genre-area ul li.bread dl dd,
div.jitan-genre-area ul li.rice dl dd,
div.jitan-genre-area ul li.soup dl dd { padding-top: 33px }
div.jitan-genre-area ul li.etc dl dd { width: 65px }
div.jitan-genre-area ul li dt,
div.jitan-genre-area ul li dd { float: left }
div.jitan-genre-area ul li img { padding: 0 5px 0 0 }
div.jitan.adviser-area ul li {
    background: url("../img/dotline-horizontal2.gif") repeat-x scroll left top rgba(0,0,0,0);
    float: left;
    margin: 0 15px 0 0;
    padding: 10px 0;
    width: 250px;
}
div.jitan.adviser-area ul li dl dd {
    float: right;
    font-weight: normal;
    line-height: 1.3;
    width: 160px;
}
div.jitan.adviser-area ul li dl dd.name,
div.jitan.adviser-area ul li dl dd.desc { margin-bottom: 10px }
#teach {
    background: url(https://mrs.living.jp/wp-content/uploads/2013/12/20140116_teach_bg.gif) repeat-y top left;
    border: 1px dashed #ffa811;
}
.teach_photo {
    padding-left: 20px;
    padding-top: 15px;
    width: 102px;
}
.teach_photo img { border: 1px solid #c4b8a8 }
.teach_info {
    width: 383px;
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 0;
}
.kitch_photo {
    padding-left: 20px;
    padding-top: 10px;
    width: 102px;
}
.kitch_photo img { border: 1px solid #c4b8a8 }
.kitch_info {
    width: 383px;
    padding-top: 10px;
    padding-left: 25px;
    padding-bottom: 20px;
}
#teach_link a:link { color: #e35062 }
#teach_link a:visited { color: #e35062 }
#teach_link a:hover { color: #b90017 }
#teach_link02 {
    padding-top: 15px;
    width: 217px;
    float: right;
}
#teach_link02 a:link,
#teach_link02 a:visited {
    width: 190px;
    height: 27px;
    display: block;
    font-size: 11px;
    padding-left: 27px;
    padding-top: 7px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: url(https://mrs.living.jp/wp-content/uploads/2013/12/20140116_recipeBtn.png) no-repeat top left;
}
#teach_link02 a:hover,
#teach_link02 a:active {
    width: 190px;
    height: 27px;
    display: block;
    font-size: 11px;
    padding-left: 27px;
    padding-top: 7px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: url(https://mrs.living.jp/wp-content/uploads/2013/12/20140116_recipeBtn_on.png) no-repeat top left;
}
body #container #main .right-area .ranking-area {
    margin: 0 0 10px;
    padding: 0 0 5px;
}
body #container #main .right-area .ranking-area .inner ol li {
    padding: 10px 0 11px;
    background: url("../img/dotline-horizontal2.gif") left bottom repeat-x;
    font-size: 86%;
    line-height: 1.6;
}
body #container #main .right-area .ranking-area .inner ol li div {
    padding: 0 0 0 20px;
    background: url("../img/ico-favorite-article-area-rank1.gif") left top no-repeat;
}
body #container #main .right-area .ranking-area .inner {
    padding: 5px 16px 15px;
    background-color: #fff;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    border-bottom: 2px solid #e3dbc7;
}
body #container #main .right-area .ranking-area .inner ol li.rank2 div { background-image: url("../img/ico-favorite-article-area-rank2.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank3 div { background-image: url("../img/ico-favorite-article-area-rank3.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank4 div { background-image: url("../img/ico-favorite-article-area-rank4.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank5 div { background-image: url("../img/ico-favorite-article-area-rank5.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank6 div { background-image: url("../img/ico-favorite-article-area-rank6.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank7 div { background-image: url("../img/ico-favorite-article-area-rank7.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank8 div { background-image: url("../img/ico-favorite-article-area-rank8.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank9 div { background-image: url("../img/ico-favorite-article-area-rank9.gif") }
body #container #main .right-area .ranking-area .inner ol li.rank10 div { background-image: url("../img/ico-favorite-article-area-rank10.gif") }
body #container #main .right-area .ranking-area .inner ol li span {
    color: #d13f68;
    display: block;
    font-weight: bold;
    margin: 0 0 5px;
}
body #container #main .right-area .ranking-area .inner p.btn-golist {
    text-align: right;
    margin: 0 18px 0 0;
}
body #container #main .right-area .ranking-area .no-ranking { padding: 18px 18px 10px }
body #container #main .left-area .category-area .inner .recommend-blog-area h3 {
    background: url("../img/dotline-horizontal6.gif") repeat-x scroll left bottom rgba(0,0,0,0);
    font-size: 129%;
    margin: 0 0 11px;
    padding: 0 0 18px 12px;
}
body #container #main .left-area .category-area .inner .recommend-blog-area { background: url("../img/bg-caterory-tit.gif") no-repeat scroll left 3px rgba(0,0,0,0) }
body #container #main .left-area .article-area .ss-ad-main { position: relative }
body #container #main .left-area .article-area .ss-ad-main .ad-label {
    position: absolute;
    right: 0;
    top: 10px;
}
body #container #main .left-area .article-area #single .ss-ad-main p.ad-label a { font-size: 86% }
body #container #main .right-area .ss-ad-side-area .ad-label-side {
    text-align: right;
    font-size: 10px;
}
body #container #main .right-area .sns-area {
    margin: 0 0 15px
}
body #container #main .right-area .sns-area ul {
    padding: 5px 18px;
}
body #container #main .right-area .sns-area ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 12px;
    border-bottom: 1px dotted #c3b5a2;
}
body #container #main .right-area .sns-area ul li img {
    margin-right: 5px;
}

/*?E?E健康・エイジングケア タグ一覧*/
body #container #main .left-area .biken-cat-title  {
    padding-bottom: 25px;
}
body #container #main .left-area .biken-cat-title .wrap{
    width: 600px;
    height: 220px;
    background: url("../img/biken/bg-biken-cat-title.jpg") right center no-repeat;
    position: relative;
}
body #container #main .left-area .biken-cat-title .title {
    width: 520px;
    height: 80px;
    background: url("../img/biken/img-biken-logo-top.png") right center no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top:55px;
    left:40px;
}
body #container #main .left-area .biken-cat-title .link-cat li {
    width: 120px;
    height: 40px;
}
body #container #main .left-area .biken-cat-title .link-cat li.cat01 {
    position: absolute;
    top:170px;
    right: 15px;
}
body #container #main .left-area .biken-cat-title .link-cat li.cat02 {
    position: absolute;
    top:170px;
    right: 145px;
}
body #container #main .left-area .biken-cat-title .link-cat li a{
    display: block;
    width: 120px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
body #container #main .left-area .biken-cat-title .link-cat li.cat01 a{
    background: url("../img/biken/bg-link-cat02.png") right center no-repeat;
}
body #container #main .left-area .biken-cat-title .link-cat li.cat02 a{
    background: url("../img/biken/bg-link-cat02.png") right center no-repeat;
}
body #container #main .left-area .biken-cat-title .link-cat li a:hover {
    opacity: 0.7;
}
body #container #main .left-area .biken-nav-list {
    padding: 20px 0 20px;
    text-align: right;
}
body #container #main .left-area .biken-nav-list li {
    display: inline-block;
}
body #container #main .left-area .biken-nav-list li.cat-top {
    margin-right: 10px;
}
body #container #main .left-area .biken-nav-list li a {
    color: #fff;
    padding: 0 30px 0 15px;
    display: block;
    line-height: 30px;
    font-size: 12px;
    background: #74c000 url("../img/biken/bullet-biken-nav-list.png") right 10px center no-repeat;
}
body #container #main .left-area .biken-nav-list li.cat-top a{
     background-color: #a5d23a;

}
body #container #main .left-area .biken-nav-list li a:hover {
    opacity: 0.7;
}

/* ----- これは使われてぁE??ぁE2016-01-05時点 ------------------------ */
/* 美?E健康・エイジングケア 記事テンプレーチE*/
body #container #main .left-area .biken-cat-title-single {
    margin-bottom: 20px;
}
body #container #main .left-area .biken-cat-title-single {
    width: 600px;
    height: 170px;
    background: url("../img/biken/bg-biken-cat-title-single.jpg") right center no-repeat;
    position: relative;
}
body #container #main .left-area .biken-cat-title-single .title {
    width: 520px;
    height: 80px;
    background: url("../img/biken/img-biken-logo-top.png") right center no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top:40px;
    left:40px;
}
/* ----------------------------------------------------------------- */

/* add present-area */
body #container #main .left-area .category-area .inner .present-area .present_recomment{
    background-image: url('../img/bar_up.png');
    background-repeat: no-repeat;
    background-position: top;
    width: 600px;
    position: relative;
    padding-top: 6px;
    margin: 20px 0;
}
body #container #main .left-area .category-area .inner .present-area .present_recomment img{
    position: absolute;
    top:-8px;
    left: 10px;
}
/*body #container #main .left-area .category-area .inner .present-area .present_recomment p{
    background-image: url('../img/bar_base.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #f5eedf;
    width: 600px;
    padding: 9px 0 15px 0;
    text-indent: 55px;
    font-size: 12px;
    font-weight: bold;
}*/
body #container #main .left-area .category-area .inner .present-area .present_recomment span a{
    font-weight: normal;
    color: #944c0c;
    padding-left: 10px;
}
body #container #main .left-area .category-area .inner .present-area .present_recomment span a:hover{
    color: #d08a4d;
}


#single .trans_area {
    margin-top: 30px;
    padding-top: 30px;
    border-top:1px dotted #ccc;
}
#single .trans_area .box {
    margin-bottom: 30px;
    padding:0 0 30px 210px;
    min-height: 180px;
    position: relative;
    border-bottom:1px dotted #ccc;
}
#single .trans_area .box .image {
    width: 188px;
    height:auto;
    border: 1px solid #ccc;
    position: absolute;
    top:5px;
    left:0;
    text-align: center;
}
#single .trans_area.bordernone .box .image {
    border:none;
}
#single .trans_area .box .image a{
    position: static;
}
#single .trans_area .box .image .present{
    position: absolute;
    top: -3px;
    right: -3px;
}
#single .trans_area .box .image img {
    max-height: 140px;
    width: auto;
    max-width: 188px;
}
#single .trans_area .box .title {
    font-size: 18px;
    font-weight: bold;
    color: #F35C87;
    margin-bottom: 10px;
}
#single .trans_area .box .title a{
    color: #F35C87;
    text-decoration: none;
}
#single .trans_area .box .title a:hover {
    color: #D82E70;
}
#single .trans_area .box .text {
    margin-bottom: 15px;
    font-size: 13px;
}
#single .trans_area .box .auther {
    margin: 0;
    padding-left: 54px;
    min-height: 44px;
    position: relative;
}
#single .trans_area .box .auther li {
    margin: 0;
}
#single .trans_area .box .auther .auther-image {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 2px solid #F35C87;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#single .trans_area .box .auther .auther-image a:hover {
    opacity: 0.7;
}
#single .trans_area .box .auther .auther-image img {
    width: 100%;
}
#single .trans_area .box .auther .name {
    font-size: 13px;
    color: #F35C87;
}
#single .trans_area .box .auther .blog-name {
    font-size: 13px;
}
#single .trans_area .box .auther .blog-name:before {
    padding-right:3px;
    font-style:normal;
    font-weight:normal;
    line-height:1;
    text-decoration:none;
    display:inline-block;
    font-size: 13px;
}
#single .trans_area .box .auther .blog-name a {
    font-size: 13px;
    text-decoration: none;
}

body #container #main .left-area .category-area .blogger-area li.blog-top-list p.photo {
    background-color: #fff;
    height: 114px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
body #container #main .left-area .category-area .blogger-area li.blog-top-list p.photo img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}



/* blog */
body #container #main .left-area .category-area.blogs .inner{
    padding-top: 20px;
}
#main .left-area .category-area.blogs .division{
    margin-bottom: 20px;
}
#main .left-area .category-area.blogs .division img.cat_img{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
#main .left-area .category-area.blogs .division .blog_title{
    position: relative;
}
#main .left-area .category-area.blogs .division .blog_title h3{
    padding-bottom: 15px;
    font-size: 128%;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}
#main .left-area .category-area.blogs .division .blog_title span{
    position: absolute;
    margin-top: -6px;
    top: 50%;
    right: 2px;
    font-size: 86%;
    line-height: 1;
    padding-left: 16px;
    background: url(../img/selection/bullet-arrow-s.gif) no-repeat left bottom 1px;
    background-size: 29%;
}
#main .left-area .category-area.blogs .division .blog_title span a{
    background: url(/wp-content/themes/mrs/pc/kurashi/common/img/ico-right-arrow.png)no-repeat right 0;
    padding-right: 25px;
    background-size: 38%;
}
#main .left-area .category-area.blogs ul li dl dt{
    width: 135px;
    margin-right: 15px;
    float: left;
}
#main .left-area .category-area.blogs ul li dl dd{
    width: 450px;
    float: left;
}
#main .left-area .category-area.blogs ul li dl dd dl dt,
#main .left-area .category-area.blogs ul li dl dd dl dd{
    width: 100%;
    float: none;
}
#main .left-area .category-area.blogs ul li dl dd dl.author{
    clear: both;
}
#main .left-area .category-area.blogs ul li dl dd dl dd.nav-link-golist{
    font-size: 12px;
    text-align: right;
}
#main .left-area .category-area.blogs ul li dl dd dl.author dt{
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#main .left-area .category-area.blogs ul li dl dd dl.author dt img{
    width: 100%;
    height: auto;
}
#main .left-area .category-area.blogs ul li dl dd dl.author dd{
    font-size: 12px;
    padding-top: 5px;
    line-height: 1.4
}
#main .left-area .category-area.blogs ul li dl dd dl dt.title a{
    color:#d13f68;
    font-size: 129%;
}

#main .left-area .category-area.blogs  .area_report_list h3{
    padding: 5px 10px;
    background-color: #917A59;
    color: #fff;
    margin-bottom: 20px;
}
#main .left-area .category-area.blogs  .area_report_list ul li{
    width: 290px;
    float: left;
    margin-bottom: 10px;
}
#main .left-area .category-area.blogs  .area_report_list ul li p{
    font-size: 86%;
    text-align: right;
    padding: 0 5px 0 0;
}
#main .left-area .category-area.blogs  .area_report_list ul li p a{
    
}
#main .left-area .category-area.blogs  .area_report_list ul li.left{
    clear: both;
    margin-right: 10px;
}
#main .left-area .category-area.blogs .area_report_list ul li dl dt.photo{
    width: 90px;
    height: auto;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}
#main .left-area .category-area.blogs .area_report_list ul li h4{
    font-size: 106%;
    padding: 0 0 0 10px;
    border-left: 3px solid #FD9438;
    margin-bottom: 5px;
}
#main .left-area .category-area.blogs .area_report_list ul li dl dd.txt{
    width: 190px;
    float: left;
}
#main .left-area .category-area.blogs .area_report_list ul li dl dt.photo img{
    width: 100%;
    height: auto;
}
body #container #main .left-area .category-area.blogs .inner .category-title{
    padding-top: 0;
}
body #container #main .left-area .category-area.blogs .inner .category-title h2{
    margin-bottom: 10px;
}
body #container #main .left-area .category-area.blogs .inner .cat-desc{
    font-size: 14px;
    margin-bottom: 10px;
}
body #container #main .left-area .category-area.blogs .inner .new-article .wfont-p{
    font-size: 22px;
    color: #636363;
    padding-right: 17px;
    /*letter-spacing: .05em;*/
    display: inline-block;
    background-image: url(../img/livingmate/dotted.png);
    background-repeat: no-repeat;
    background-position: right 50%;
    font-family: 'Alice', serif;
}
body #container #main .left-area .category-area.blogs .inner .new-article .each-article{
    padding: 0 25px 0 5px;
    display: inline-block;
    font-size: 86%;
    background-image: url(../img/bg-heading-line.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
body #container #main .left-area .category-area .article-bottom-box {
    background: rgba(0, 0, 0, 0) url("../img/bg-article-heading.gif") repeat-x scroll left top;
    margin: 0px 0 0px;
    padding-top: 0px;
    border-top: 2px solid #e0e0e0;
}
body #container #main .left-area .category-area .article-bottom-box .heading {
    height: 60px;
    line-height: 60px;
}
body #container #main .left-area .category-area .article-bottom-box .heading .wfont-p {
    background-color: #fff;
    color: #333;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0 17px 0 5px;
}
body #container #main .left-area .category-area .article-bottom-box .heading .tit-ja {
    background: #fff url("../img/bg-heading-line.gif") no-repeat scroll left center;
    display: inline-block;
    font-size: 86%;
    padding: 0 25px 0 15px;
}
body #container #main .left-area .category-area #newrelease-blogger-area {
    margin-bottom: 0px;
    height: 385px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list {
    margin-right: -20px;
    width: auto;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li {
    position: relative;
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 0 19px 0 0;
    width: 187px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .image {
    margin-bottom: 8px;
}
body #container #main .left-area .category-area #newrelease-blogger-area .image-adjust {
    overflow: hidden;
    position: relative;
    width: 185px;
    height: 138px;
    background-color: #f3f3f3;
    overflow: hidden;
    vertical-align: middle;
}
body #container #main .left-area .category-area #newrelease-blogger-area .image-adjust img {
    max-width: 100%;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .property {
    height: 20px;
    line-height: 1.4;
    margin: 0 0 5px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .property .blog-cat {
    border-radius: 2px;
    color: #fff;
    margin-right: 5px;
    padding: 1px 5px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .property .blog-css-livingmate {
    background: #f9d095 none repeat scroll 0 0;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .property .blog-css-blogbitanbu {
    background: #ffafcf none repeat scroll 0 0;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .property span {
    display: inline-block;
    font-size: 79%;
    padding: 2px 0 0;
    text-align: center;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .title {
    font-size: 86%;
    height: 38px;
    margin: 0 0 10px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .author {
    background-image: url("../img/bg-top-blog-auther.gif");
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 1.4;
    margin: 0 0 10px;
    padding-top: 3px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .author .author-image {
    border: 1px solid #ccc;
    border-radius: 26px;
    display: block;
    float: left;
    height: 47px;
    overflow: hidden;
    width: 47px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .author .author-image img {
    width: 47px;
    height: 47px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .author span {
    font-size: 79%;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .author .name {
    display: block;
    float: right;
    font-size: 86%;
    font-weight: 700;
    margin-bottom: 5px;
    width: 125px;
}
body #container #main .left-area .category-area #newrelease-blogger-area ul.list li .author .blog-name {
    display: block;
    float: right;
    width: 125px;
}
body #container #main .left-area .category-area #newrelease-blogger-area .go_blog_list {
    margin: 15px 0 10px 0;
}
body #container #main .left-area .category-area #newrelease-blogger-area .go_blog_list p {
    border: 1px solid #d3d0c8;
    background-color: #f4eee7;
    border-radius: 3px;
    font-size: 12px;
    height: 25px;
    line-height: 2;
    width: 200px;
    float: right;
    text-align: center;
}
body #container #main .left-area .category-area #small-slider-area {
    margin-bottom: 40px;
}
body #container #main .left-area .category-area .article-bottom-box .heading .tit-ja {
    background: #fff url("../img/bg-heading-line.gif") no-repeat scroll left center;
    display: inline-block;
    font-size: 86%;
    padding: 0 25px 0 15px;
}
body #container #main .left-area .category-area #small-slider-area .slider-area {
    margin: 0 auto 0;
    width: 532px;
    display: none;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper {
    position: relative;
    height: auto;
    width: 532px;
}

body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper .bx-viewport {
    overflow: hidden !important;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper ul li p {
    overflow: hidden;
    position: relative;
    width: 122px;
    height: 90px;
    background-color: #f3f3f3;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 0 3px 0;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper a.image {
    border: 1px solid #ddd;
    display: inline-block;
    height: 90px;
    overflow: hidden;
    width: 122px;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper a.image img {
    border: medium none;
    max-width: 100%;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper a.title {
    display: inline-block;
    font-size: 86%;
    line-height: 1.4;
    vertical-align: top;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper .bx-prev {
    background-color: #fff;
    height: 22px;
    width: 22px;
    background: none;
    display: block;
    left: -33px;
    top: -85px;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper .bx-prev a {
    left: 0;
    top: 0;
    border-radius: 10px;
    background-color: #666;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper .bx-next {
    background-color: #fff;
    height: 22px;
    width: 22px;
    background: none;
    display: block;
    right: -32px;
    top: -85px;
}
body #container #main .left-area .category-area #small-slider-area .slider-area .bx-wrapper .bx-next a {
    left: 0;
    top: 0;
    border-radius: 10px;
    background-color: #666;
}
body #container #main .left-area .transition-source{
    margin: 0 0 5px 0;
}
body #container #main .left-area .transition-source p{
    background: url(../img/ico-incidenta2.gif) no-repeat left .3em;
    padding: 0 0 0 18px;
    font-size: 86%;
}
#container #main #contents .article-area .inner .info-area.btstyle.top-decrease{
    margin-top: 10px;
}
#container #main #contents .category-area.blogs .division .to-new-list {
    text-align: right;
}
#container #main #contents .category-area.blogs .division .to-new-list a {
    font-size: 12px;
    display: inline;
    text-decoration: none;
    background: url(../../../../pc/kurashi/common/img/selection/bullet-arrow-s.gif) no-repeat left center;
    padding-left: 20px;
}
.tmb-box.image{
    position: relative;
    overflow: hidden;
}
.tmb-box.image-adjust{ background-color: #FFF; }
.tmb-box.image-adjust img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}
.tmb-box.fl{ float: left; }
/* 4:3 */
.tmb-box.tmb-180{ width: 180px; height: 134px; }
.tmb-box.tmb-106{ width: 106px; height: 80px; }
.tmb-box.tmb-80{ width: 80px; height: 60px; }

/*PR*/
html body #container #main .pr_article,
html body #container #main .new-area-right .main-img .inner .pr_article {
    height: 13px;
    width: 27px !important;
    background: #898989;
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px 0 2px 3px;
    letter-spacing: 3px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    line-height: 1 !important;
    font-size: 12px;
}

.recommend-area .inner .photo a.pr_link{
    display: inline;
}
html body #container #main .single_pr {
    position: inherit;
    float: right;
}
html body #container #main .featured-story .single_pr {
    position: absolute;
}

 body #container #main #contents .article-area .inner .info-box .single_pr{
    
}

html body #container #main .left-area .attntion-area .pr_article,
html body #container #main .right-area .featured-story .pr_article,
html body #container #main .left-area .category-area.blogs .area_report_list ul li dl dt.photo .pr_article{
    height: 11px;
    width: 19px !important;
    padding: 3px 0 1px 0;
    letter-spacing: 0;
    font-size: 10px;
}

#main .left-area.livingmate .main-area .info-area .info-box li.pr_box{
    margin: 0 0 0 auto;
}

html body #container #main .trans_area .single_pr {
    position: absolute;
}

html body #container #main .left-area .recommend-area .pr_article{
    bottom: 0;
    right: 0;
    top: initial;
    left: initial;
}
html body #container #main #billboard{
    text-align: center;
    margin-bottom: 25px;
}

/*20180302追記*/
body #container #main .right-area .questionnaire-area,
body #container #main .right-area .event-area {
    position: relative;
}
body #container #main .right-area .present-area .nav-link-golist,
body #container #main .right-area .questionnaire-area .nav-link-golist,
body #container #main .right-area .event-area .nav-link-golist {
  font-size:86%;
  text-align:right;
  line-height:1.3;
    position: absolute;
    right: 11px;
    top: 10px;
    width: 80px;
    padding: 5px;
    font-size: 86%;
}
/*body #container #main .right-area .present-area .nav-link-golist {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 80px;
    padding: 5px;
    font-size: 86%;
}*/
body #container #main .right-area .present-area p.nav-link-golist a,
body #container #main .right-area .questionnaire-area p.nav-link-golist a,
body #container #main .right-area .event-area p.nav-link-golist a{
    background: url("../img/ico-incident-mate.gif") left center no-repeat;
    padding: 0 0 0 10px;
}

/*20180302追記*/
body #container #main .left-area .news-title {
    position: relative;
    background: #f5f2ec url(../img/bg-dot-border.png) left center repeat;
    padding: 0 12px;
    font-weight: bold;
    font-size: 15px;
}
body #container #main .left-area .news-title span {
    background: #f5f2ec;
    padding: 0 4px;
}
/*body #container #main .left-area .new-area .news-title:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 12px;
    width: 12px;
    height: 2px;
    background: url(../img/bg-dot-border.png) left center repeat;
}
body #container #main .left-area .news-title:after {
    position: absolute;
    content: "";
    left: 85px;
    top: 12px;
    width: 550px;
    height: 2px;
    background: url(../img/bg-dot-border.png) left center repeat;
}*/
body #container #main .left-area .main-col-title {
    position: relative;
    font-size: 15px;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    background: #FFF;
    font-weight: bold;
    padding: 10px 16px 0;
}
body #container #main .left-area .main-col-title:before {
    position: absolute;
    content: "";
    left: -2px;
    top: -3px;
    width: 640px;
    height: 13px;
    border-top: 4px solid #fb6f97;
}
body #container #main .left-area .main-col-title span {
    background: #ededed;
    color: #969696;
    font-size: 11px;
    padding: 1px 5px;
    font-family: sans-serif;
    font-weight: normal;
    margin-left: 10px;
}
body #container #main .right-area .sub-col-title {
    position: relative;
    font-size: 15px;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    background: #FFF;
    font-weight: bold;
    padding: 4px 16px 0;
}
body #container #main .right-area .sub-col-title:before {
    position: absolute;
    content: "";
    left: -2px;
    top: -3px;
    width: 300px;
    height: 13px;
    border-top: 3px solid #fb6f97;
}
body #container #main .right-area .sub-col-title span.sub-col-title-en {
    padding: 0;
    margin: 0;
    font-family: 'Alice', serif;
    background: none !important;
    font-weight: normal;
    font-size: 20px;
    color: #333;
    vertical-align: -1%;
    -webkit-transform: rotate(0.001deg);
    transform: rotate(0.001deg);
}
body #container #main .right-area .ranking-area .separate,
body #container #main .right-area .otherplace-area .separate,
body #container #main .right-area .questionnaire-area .separate,
body #container #main .right-area .present-area .separate {
    margin: 0;
    padding: 0 10px;
    background: none;
}
body #container #main .right-area .separate img,
body #container #main .right-area .otherplace-area img
body #container #main .right-area .questionnaire-area img,
body #container #main .right-area .present-area img {
    vertical-align: baseline;
}
body #container #main .right-area .ranking-area span.sub-title-en,
body #container #main .right-area .otherplace-area span.sub-title-en,
body #container #main .right-area .questionnaire-area span.sub-title-en,
body #container #main .right-area .present-area span.sub-title-en {
    margin: 0;
    padding: 0;
    background: none !important;
    color: #333;
    font-weight: normal;
    vertical-align: 5%;
    font-size: 13px;
}
body #container #main .right-area .sns-col-title {
    position: relative;
    background: #f5f2ec url(../img/bg-dot-border.png) left center repeat;
    padding: 0 12px;
    font-weight: bold;
    font-size: 15px;
}
body #container #main .right-area .sns-col-title-en {
    padding: 0;
    margin: 0;
    font-family: 'Alice', serif;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    vertical-align: -2%;
    -webkit-transform: rotate(0.001deg);
    transform: rotate(0.001deg);
}

body #container #main .right-area .sns-col-title span {
    background: #f5f2ec;
/*     padding: 0 2px; */
}
/*body #container #main .right-area .sns-col-title:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 12px;
    width: 12px;
    height: 2px;
    background: url(../img/bg-dot-border.png) left center repeat;
}
body #container #main .right-area .sns-col-title:after {
    position: absolute;
    content: "";
    left: 85px;
    top: 12px;
    width: 550px;
    height: 2px;
    background: url(../img/bg-dot-border.png) left center repeat;
}*/
body #container #main .right-area .ode-col-title {
    background: #fcf9f0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top: 1px solid #e3dbc7;
    border-left: 1px solid #e3dbc7;
    border-right: 1px solid #e3dbc7;
    border-bottom: 1px dashed #e3dbc7;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
}
/*.more-btn {
    padding: 0 0 0 11px;
    margin: 0 0 6px;
    font-size: 86%;
    line-height: 1.6;
}
.more-btn:before {
    position: absolute;
    content: "";
    left: -2px;
    top: -3px;
    width: 10px;
    height: 10px;
    background: url(../img/ico-incidenta3.gif) left center no-repeat;
}
.pre-title {
  display: table;
}
.pre-title .sub-col-title,
.pre-title .pre-title {
  display: table-cell;
}*/

body #container #main .left-area .event-area .nav-link-golist{
  font-size:86%;
  text-align:right;
  line-height:1.3;
}
body #container #main .left-area .event-area .nav-link-golist {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 80px;
    padding: 5px;
    font-size: 86%;
}
body #container #main .left-area .event-area p.nav-link-golist a{
    background: url("../img/ico-incident-mate.gif") left center no-repeat;
    padding: 0 0 0 10px;
}
/*body #container #main .right-area .sub-col-title-ft {
    position: relative;
    font-size: 15px;
    border-left: 2px solid #e3dbc7;
    border-right: 2px solid #e3dbc7;
    background: #FFF;
    font-weight: bold;
    padding: 10px 16px 0;
}
body #container #main .right-area .sub-col-title-ft:before {
    position: absolute;
    content: "";
    left: -2px;
    top: -3px;
    width: 300px;
    height: 13px;
    border-top: 3px solid #4ec4ce;
}*/


/*
------------------------------
    記事下SNSボタン周り[s]
------------------------------
*/


/*
* web font icon for city
*/
@font-face {
font-family: 'Hammersmith One';
    src: url('../icon/HammersmithOne-Regular.eot');
    src: url('../icon/HammersmithOne-Regular.eot?#iefix') format('embedded-opentype'),
    url('../icon/HammersmithOne-Regular.woff') format('woff'),
    url('../icon/HammersmithOne-Regular.ttf') format('truetype');
    /* woff  Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    /* ttf  Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.main-sns{
    margin: 25px 0;
    padding-top: 29px;
    border-top: 2px solid #e0e0e0;
}

.main-sns .sns-banner-list .sns-banner-list__upper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
}

.main-sns .sns-banner-list .sns-banner-list__upper dt{
    margin-right: 10px;
}

.main-sns .sns-banner-list .sns-banner-list__upper dd{
    color: #555555;
    width: 40%;
}

.main-sns .sns-banner-list ul.sns-banner-list__lower{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-ms-flexbox;
    display:flex;
    -ms-box-pack:justify;
    box-pack:justify;
    flex-pack:justify;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    margin-top: 20px;
}

.main-sns .sns-banner-list ul.sns-banner-list__lower li{
    overflow: hidden;
    position: relative;
}

.main-sns .sns-banner-list ul.sns-banner-list__lower li a{
    width: 135px;
    height: 50px;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1), -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    color: inherit;
    text-decoration: none;
    display: block;
    line-height: 18px;
}
.main-sns .sns-banner-list ul.sns-banner-list__lower li a:hover {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}

.main-sns .sns-banner-list ul.sns-banner-list__lower li.line a{ background-color: #00c300; }
.main-sns .sns-banner-list ul.sns-banner-list__lower li.facebook a{ background-color: #3b5998; }
.main-sns .sns-banner-list ul.sns-banner-list__lower li.twitter a{ background-color: #55acee; }
.main-sns .sns-banner-list ul.sns-banner-list__lower li.mailmagazine a{ 
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    width: 133px;
    height: 48px;
}

.main-sns .sns-banner-list ul.sns-banner-list__lower li.mailmagazine:after{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    border-right: 1px solid #c6c6c6;
}

.main-sns .sns-banner-list ul.sns-banner-list__lower li span{
    color: #FFF;
    font-family: 'Hammersmith One';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: .1em;
    height: 100%;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-ms-flexbox;
    display:flex;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1);
    padding-left: 2px;
}
.main-sns .sns-banner-list ul.sns-banner-list__lower li.mailmagazine span{ 
    color: #636363; 
    font-size: 16px;
}

.main-sns .sns-banner-list ul.sns-banner-list__lower li img{
    position: absolute;
    right: 10px;
}

.main-sns .sns-banner-list ul.sns-banner-list__lower li.line img{
    top: 9px;
}
.main-sns .sns-banner-list ul.sns-banner-list__lower li.facebook img{
    top: 9px;
}
.main-sns .sns-banner-list ul.sns-banner-list__lower li.twitter img{
    top: 13px;
}
.main-sns .sns-banner-list ul.sns-banner-list__lower li.mailmagazine img{ 
    top: 14px;
}

/* フルカラム時 */

.main-sns.wide .sns-banner-list{
    width: 850px;
    margin: 0 auto;
}

.main-sns.wide .sns-banner-list .sns-banner-list__upper dt {
    margin-right: 20px;
}

.main-sns.wide .sns-banner-list .sns-banner-list__upper dd {
    width: 43%;
}

.main-sns.wide .sns-banner-list ul.sns-banner-list__lower li a{
    width: 200px;
}

.main-sns.wide .sns-banner-list ul.sns-banner-list__lower li.mailmagazine a{
    width: 198px;
}

.main-sns.wide .sns-banner-list ul.sns-banner-list__lower li a:hover {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
}

/* ワイドレイアウト時 */

.main_wide .main-sns .sns-banner-list ul.sns-banner-list__lower li a{
    width: 197px;
}

.main_wide .main-sns .sns-banner-list ul.sns-banner-list__lower li.mailmagazine a{
    width: 195px;
}

.main_wide .main-sns .sns-banner-list ul.sns-banner-list__lower li a:hover {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
}

.main_wide .main-sns .sns-banner-list .sns-banner-list__upper dt {
    margin-right: 20px;
}

.main_wide .main-sns .sns-banner-list .sns-banner-list__upper dd {
    width: 44%;
}


/* 独自テンプレート[ おでコレ ] */
#single-odecolle .main-sns .sns-banner-list{
    width: 840px;
    margin: 0 auto;
}
#single-odecolle .main-sns .sns-banner-list .sns-banner-list__upper dt{
    margin-right: 20px;
}
#single-odecolle .main-sns .sns-banner-list .sns-banner-list__upper dd{
    width: 56%;
}
#single-odecolle .main-sns .sns-banner-list ul.sns-banner-list__lower li a{
    width: 187px;
}
#single-odecolle .main-sns .sns-banner-list ul.sns-banner-list__lower li.mailmagazine a{
    width: 185px;
}
#single-odecolle .main-sns .sns-banner-list ul.sns-banner-list__lower li a:hover{
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
}

/*
------------------------------
    記事下SNSボタン周り[e]
------------------------------
*/


/*
------------------------------
    ワイドレイアウト専用スタイル[s]
------------------------------
*/
body #container {  min-width: 1204px; }
/* single.php */
body #container #main.main_wide { width: 1204px; }

/* single-wide.php */
body #container #main.main_wide_of_wides {
    width: 1204px;
}

/* 共通 */
html body {min-width: 1274px;}
body #container #main.main_wide,
body #container #main.main_wide_of_wides { padding: 0 20px; }

body #container #main.main_wide .left-area,
body #container #main.main_wide_of_wides .left-area { width: 890px; }

body #container #main.main_wide .left-area .article-area .inner .event-area ul li,
body #container #main.main_wide .left-area .article-area .inner .attntion-area ul li,
body #container #main.main_wide_of_wides .left-area .article-area .inner .event-area ul li,
body #container #main.main_wide_of_wides .left-area .article-area .inner .attntion-area ul li { width: 415px; }

body #container #main.main_wide .left-area .article-area .inner .event-area ul li dl dd,
body #container #main.main_wide .left-area .article-area .inner .attntion-area ul li dl dd,
body #container #main.main_wide_of_wides .left-area .article-area .inner .event-area ul li dl dd,
body #container #main.main_wide_of_wides .left-area .article-area .inner .attntion-area ul li dl dd { width: 300px; }

body #container #main.main_wide .left-area .article-area .inner .attntion-area ul li dl dd a,
body #container #main.main_wide_of_wides .left-area .article-area .inner .attntion-area ul li dl dd a { font-size: 14px; }

/*
------------------------------
    ワイドレイアウト専用スタイル[e]
------------------------------
*/

/*2018/10/10 add*/
body #container #main #single .lnk1 {
    list-style: disc;
    text-decoration: underline;
}
#container #main #contents .inner .livingmate-area .main-area .rizap {
    padding: 40px 0px;text-align: center;
}

/* post content banner */
#post_content_banner{margin:40px auto;padding:30px 0px;background-color: #eee;max-width: 700px;}
#post_content_banner #notice{text-align: center;margin: 0;height: 25px;}
#post_content_banner #banner_inner {margin:0 auto;}
#post_content_banner #banner_inner.mate {width: 300px;}
#post_content_banner #banner_inner.narrow {width: 600px;}
#post_content_banner #banner_inner.wide {width: 620px;}
#post_content_banner #banner_inner .rectangle {width: 300px;height: 250px;}
#post_content_banner #banner_inner .rectangle1 {width: 300px;height: 250px;float: left;}
#post_content_banner #banner_inner .rectangle2 {width: 300px;height: 250px;float: right;}
/* post_content_infeed */
#post_content_infeed{margin-bottom: 15px;}

/*あなたはどっち投票誘導ボタン*/
.docchi-list .btn-area a{
    cursor: pointer;
    font-size: 13px;
    border: none;
    padding: 3px 28px;
    font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
    background-color: #ee5681;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    top: 15px;
    left: 100px;
    font-weight: 600;
}

.present-area .docchi-list {
    margin-bottom: 20px;
    background-color: #f5eedf;
    padding: 10px 20px 25px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
}

body #container #main .left-area .category-area .present-area .inner .report-list .category-list .questionnaire .docchi-list li{
    background: none;
    margin-bottom: 0px;
}

body #container #main .left-area .category-area .inner .report-list .docchi-list dd{
    width: 325px;
    padding-right: 15px;
}

body #container #main .left-area .category-area .inner .report-list .docchi-list dd dd{
    padding-right: 0px;
}

.icon-arrow-down::before{
    width: 12px;
    height: 12px;
    top: 7px;
    left: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    content: "";
}

.icon-arrow-down::after{
    width: 3px;
    height: 3px;
    top: 11px;
    left: 16px;
    border-top: 1px solid #ee5681;
    border-right: 1px solid #ee5681;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: "";
}

.docchi-list .btn-area .btn span{
    left: 7px;
    position: relative;
}
body #container #main .left-area .category-area .inner .report-list .docchi-list dt {
    font-weight: bold;
    padding: 0 0 5px;
}

/*body #container #main .left-area .category-area .inner .report-list .docchi-list ul li>dl>dt{
    margin-left: 15px;
}*/

body #container #main .left-area .category-area .inner .present-area .report-list .docchi-list h2{
    background-image: none;
    font-size: 150%;
    font-weight: bold;
    padding: 0 0 5px 0;
}
body #container #main .left-area .category-area .inner .present-area .report-list .docchi-list h2 {
  position: relative;
  display: inline-block;
  padding: 0 0 0 42px;
  margin-bottom: 5px;
}
body #container #main .left-area .category-area .inner .present-area .report-list .docchi-list h2:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: inline-block;
  width: 36px;
  height: 33px;
  background: url(../img/icon_q.png) no-repeat;
}

.docchi-status{
  font-size: 14px;
  color: #fff;
  background-color: #e31466;
  padding: 4px 10px 3px;
  margin-right: 15px;
  vertical-align: middle;
  font-weight: normal;
  border-radius: 3px;
}

.category-area .docchi-status{
    font-size: 13px;
    margin-right: 5px;
}

body #container #main .left-area .report-list ul li dl dd dl dt .docchi-status + a{
    line-height: 1.6;
}

/*living mate 2019 ワイド化*/
#main .left-area.livingmate2019 .main-area .info-area .info-box li.pr_box{
    margin: 0 0 0 auto;
    position: absolute;
    top: 0;
    right: 30px;
}

body #container #main .left-area.livingmate2019 .category-area.top{
    background-color: #fff;
    border: 2px solid #e3dbc7;
}

body #container #main .left-area.livingmate2019 .category-area .inner{
    border: none;
    background-color: transparent;
}

body #container #main .left-area.livingmate2019 .article-area,
body #container #main #contents.livingmate2019 .article-area{
    padding-top: 0;
}

/* コメント機能 */
.form_box-single {
    background: #f6f5f0;
    padding: 30px 40px;
    border-radius: 5px;
}

.form_box-single #respond .form_box {
    display: flex;
    flex-wrap: wrap;
}

.form_box-single #respond .form_box dt {
    font-size: 14px;
    width: 110px;
    float: left;
}

.form_box-single #respond .form_box dd#input-author {
    width: 480px;
}

.form_box-single #respond .form_box dd {
    height: 35px;
    float: left;
}

.form_box-single #respond .form_box dd#input-author input {
    width: 100%;
}

.form_box-single #respond .form_box dd input[type=text],
.form_box-single #respond .form_box dd textarea {
    border: 1px solid #dadada;
    padding: 5px;
    border-radius: 3px;
}
.form_box-single #respond .form_box dd input {
    font-size: 14px;
}

.form_box-single #respond .form_box dt#label-age {
    width: 35px;
    padding-left: 40px;
}

.form_box-single #respond .form_box dt {
    font-size: 14px;
    width: 110px;
}

.form_box-single #respond .form_box dd#input-age {
    width: 100px;
}

.form_box-single #respond .form_box dd#input-age input {
    width: 68%;
    text-align: right;
}


.form_box-single #respond .form_box dd#input-comment {
    width: 100%;
    height: 200px;
    display: inherit;
    margin-bottom: 10px;
}

.form_box-single #respond .form_box dt#label-comment {
    height: auto;
    width: 100%;
    clear: both;
    margin-top: 20px;
}

.form_box-single #respond .form_box dt span {
    font-size: 12px;
}

.form_box-single #respond .form_box dd#input-comment textarea {
    width: 100%;
    height: 95%;
    font-size: 14px;
}

.form_box-single #respond p.comment_count_text{
    text-align: right;
    margin: -9px 0 0;
}

.form_box-single #respond .comment-notice p.desc {
    font-size: 11px;
}

.form_box-single #respond p.form-submit {
    text-align: center;
    margin-bottom: 0;
}

body #container .form_box-single #respond .btn-result:hover,
.form_box-single #respond .form-submit input[type=submit]:hover {
    text-decoration: none;
    opacity: 0.7;
}

.form_box-single #respond .form-submit input[type=submit] {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    border: none;
    margin-right: 20px;
    padding: 9px 40px;
    font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
    background-color: #ee5681;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.list_box ul li.comment:nth-child(even){
    background: #f6f5f0;
}

.list_box ul li.comment dl {
    padding: 10px 20px;
}

.list_box ul li.comment dt {
    float: left;
    color: #e65969;
    width: 25px;
}

p.btn_next_comment {
    text-align: center;
}

p.btn_next_comment a {
    padding: 20px;
    clear: both;
    line-height: 17px;
    display: inline-block;
    color: #5a4b2c;
    background: transparent url(/wp-content/plugins/docchi/img/icon_link.jpg) no-repeat right 50%;
}


img.alignnone{
    display: block;
    margin: 0 auto;
}
#single span.caption{
    text-align: center;
}

body #container #main .left-area .article-area .inner .info-box li.update_date,
body #container #main #contents .article-area .inner .info-box li.update_date {
    background: url("../img/ico-re.gif") no-repeat left center;
    color: #999;
}

.mate_form{
    display: block;
    text-align: center;
    padding-bottom: 35px;
}

a.mate_form_link{
    background: url(../img/ico-incidenta2.gif) left center no-repeat;
    padding-left: 15px;
}

body #container #main #contents.left-area.livingmate2019 .livingmate-area .mate-list-area ul.clearfix{
    padding-bottom: unset;
}

.fancybox .tit-webmagazine,
.fancybox .tit-area{
    width: 915px;
    display: block;
    margin: 20px auto 0;
    padding-bottom: 5px;
    border-bottom: solid 2px #aaa;
    font-weight: bold;
    font-size: 15px;
}

#header .snav-area .nav-link ul.clearfix{
    position: absolute;
    top: 0px;
    right: 160px;
    max-width: 300px;
    display: flex;
}

#header .snav-area .nav-link .login,
#header .snav-area .nav-link .logout{
    margin-right: 2px;
}

#header .snav-area .nav-link .welcome{
    background: url(../img/ico-default-incidental.gif)top 4px left no-repeat;
    padding: 0 0 0 9pt;
    font-size: 72%;
    margin: 3px 15px 0 0;
}

/*検索ボックス*/
#floating-max,#floating-min {
    float: right;
    position: fixed;
    background-color: #fff;
    right: 40px;
    bottom: 40px;
    display: none;
}
#floating-max {
    padding: 15px 7px 10px 15px;
    z-index:30;
    box-shadow: 0 0 4px grey;
    width: 340px;
    height: 65px;
}
#floating-max form {
    margin: 0;
}
#floating-max input[type="text"] {
    border-radius: 2px;
    border: 0px solid #666;
    width: 260px;
    padding: 8px;
    box-shadow: 0 0 3px grey inset;
    height: 15px;
    font-size: 14px;
}
#floating-max input[type="text"]::placeholder {
    color:#969595;
}
#floating-max p {
    margin:0 0 10px;
    line-height: 15px;
    float:left;
    font-weight: bold;
    text-shadow: 0.1px 0.1px 0px;
    letter-spacing: 0.05em;
}
#floating-max p:after {
    background-color: #f4648d;
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
}
#floating-max input[type="submit"],#floating-min input[type="submit"] {
    text-indent: -9999px;
}
#floating-max #min-btn{
    position: absolute;
    top: 7px;
    right: 13px;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
#floating-max #min-btn:before,#floating-max #min-btn:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
    right: 0px;
    color: #666666;
}
#floating-max #min-btn:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#floating-max #search-btn,#floating-min #max-btn {
    background: url(/wp-content/themes/mrs/pc/common/common/img/floating-search-icon.png) no-repeat center/23px 23px #f4648d;
    border-radius: 50%;
    position: absolute;
    border: none;
    cursor: pointer;
}
#floating-max #search-btn {
    bottom: 10px;
    right: 15px;
    width: 45px;
    height: 45px;
}
#floating-min {
    padding: 0;
    margin:0;
    border-radius: 50px;
    z-index:29;
}
#floating-min #max-btn {
    bottom: 0px;
    right: 30px;
    width: 52px;
    height: 52px;
    box-shadow: 0 2px 5px 0px grey;
}