/* NEWS用記事前後ボタン */
#contents .main-contents .contents-inner .base {
    padding: 10px 0px;
}

#contents .box-return {
    padding: 0px 15px;
}

#contents .box-sns {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

#contents .prolog-header {
    padding-left: 25px;
}

#details .prolog-header .txt-details,
#details .prolog-header .txt-details {
    margin-top: 15px;
    margin-bottom: 0px;
}

#details .title-image {
    margin-left: 15px;
}

#topics {
    width: 750px;
    overflow: hidden;
}

#topics:before,
#topics:after {
    content: "";
    display: table;
}

#topics:after {
    clear: both;
}

#topics a.topics_back {
    display: block;
    float: left;
    width: 20px;
    text-align: center;
}

#topics a.topics_back img {
    clear: both;
    width: 11px;
    filter:alpha(opacity=30);           /* IE7以下用 */
    -ms-filter: "alpha(opacity=30)";    /* IE8用 */
    -khtml-opacity: 0.3;                /* Safari , 他ブラウザ用  */
    -moz-opacity:0.3;                   /* Firefox , Netscape用 */
    opacity: 0.3;                       /* CSS3 */
}

#topics a.topics_back:hover {
    background-color: #EAEAEA;
}

#topics a.topics_back:hover img {
    filter:alpha(opacity=100);          /* IE7以下用 */
    -ms-filter: "alpha(opacity=100)";   /* IE8用 */
    -khtml-opacity: 1 ;                 /* Safari , 他ブラウザ用  */
    -moz-opacity: 1 ;                   /* Firefox , Netscape用 */
    opacity: 1 ;                        /* CSS3 */
}

#topics .topics_body {
    width: 710px;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

#topics .topics_body .box-details {
    width: 700px;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

#topics .topics_body .box-details .txt-center {
    width: 700px;
}

#topics a.topics_next {
    display: block;
    float: left;
    width: 20px;
    text-align: center;
}

#topics a.topics_next img {
    clear: both;
    filter:alpha(opacity=30);           /* IE7以下用 */
    -ms-filter: "alpha(opacity=30)";    /* IE8用 */
    -khtml-opacity: 0.3;                /* Safari , 他ブラウザ用  */
    -moz-opacity:0.3;                   /* Firefox , Netscape用 */
    opacity: 0.3;                       /* CSS3 */
}

#topics a.topics_next:hover {
    background-color: #EAEAEA;
}

#topics a.topics_next:hover img {
    filter:alpha(opacity=100);          /* IE7以下用 */
    -ms-filter: "alpha(opacity=100)";   /* IE8用 */
    -khtml-opacity: 1 ;                 /* Safari , 他ブラウザ用  */
    -moz-opacity: 1 ;                   /* Firefox , Netscape用 */
    opacity: 1;                        /* CSS3 */
}


#topics .block_spacer {
    float: left;
    width: 20px;
    height: 100px;
}

#details .page_navi {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#details .page_navi .back {
    float: left;
    font-size: 20px;
}

#details .page_navi .back img {
    vertical-align: -5px;
}

#details .page_navi .next {
    float: right;
    font-size: 20px;
}

#details .page_navi .next img {
    vertical-align: -5px;
}

#link_info_list {
    background-color: #FBFBFB;
    margin: 10px;
    padding: 15px;
}

#details .box-twitter {
    margin-left: 15px;
}

#recommend_list {
    padding-left: 15px;
    padding-right: 15px;
}

#details .breadcrumb-list {
    margin: 0 0 20px 15px;
    font: small/1.4 "MS PGothic", "Hiragino Kaku Gothic Pro";
    font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro';
}

#details .breadcrumb-list a {
    color: #455a85;
    text-decoration: none;
}

#details .breadcrumb-list a:hover {
    color: #d13f06;
}

