/*****************
original_id "bit"
******************/

.breadcrumbs { margin: 0 0 5px; border-top: solid 2px #8cba00; border-bottom: 0; background: #f3f3f3; }
.genreTitle {
    background: #8cba00;
    border: none;
    border-radius: 3px;
}

.genreTitle .originalLogo,
.genreTitle h1,
.genreTitle h3 {
    width: 170px;
    height: 34px;
    background: url(http://image.excite.co.jp/jp/news201006/logo_bit2.png) no-repeat 0 8px;
}

.genreTitle .desc {
    float: left;
    color: #fff;
    line-height: 40px;
}

.genreTitle .hSide,
.genreTitle .hSide a {
    color: #fff;
}

.bitHgroup {
    margin-bottom: 10px;
}

.bitHgroup h3 {
    height: 31px;
    margin-bottom: 10px;
    background: #f7f7f7 url(//image.excite.co.jp/jp/news201006/logo_bit3.png) no-repeat 12px 8px;
    padding-left: 146px;
    border: 1px solid #eee;
    line-height: 35px;
}

.newsList ul {
    margin: 0 10px 15px;
    overflow: hidden
}

.newsList li {
    list-style: none;
    background: url(http://image.excite.co.jp/jp/news201006/icon_arrowBit.gif) no-repeat left 9px;
    padding-left: 15px;
    margin-left: 0
}

.newsList .selLine {
    background-position: left 18px;
    padding-top: 15px;
    margin-top: 15px;
    border-top: solid 1px #ccc;
}

.bitInfo {
    margin-bottom: 20px;
}

/*topnews*/
#topnews .thumb {
    margin: 2px 5px 0 0;
    width: 100px;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
}

#topnews .thumb img {
    width: 100px;
}

.pageInfo { margin-bottom: 8px; background: #eee; }

/*detail*/
.detail .pageInfo {
    color: #999999;
    float: left;
    padding: 0 0 0 10px;
    background: none;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 0;
}

.detail .inner .hgroup {
    margin: 0 -10px 5px;
}

.detail .inner .hgroup h1 {
    background: #f2fada;
    border: none;
    margin: 0 0 5px
}

.detail .story .shikaku {
    font-weight: bold;
    color: #83af00;
    font-size: 116%;
}

.detail .story .shikaku:before {
    content: '■ ';
}

.relStory h2 {
    background: url(http://image.excite.co.jp/jp/news201006/icon_relStory_g.gif) no-repeat left;
    padding: 0 0 0 75px;
    margin: 0 10px 5px;
    color: #608E00
}

.relStory li {
    background: url("http://image.excite.co.jp/jp/news201006/icon_arrowBit.gif") no-repeat scroll left 50% transparent;
    margin: 0 0 0 20px;
    padding: 0 0 0 15px;
}

.relKeyword .icon {
    background: url(http://image.excite.co.jp/jp/news201006/icon_relKeyword_g.gif) no-repeat left;
}

.relKeyword a {
    color: #608e00;
    font-weight: bold;
}

/*writer*/
.writer {
    padding: 5px;
    border: none;
    width: 45%;
    margin: 0;
    float: right;
    background: #F2FADA;
}

.writer .thumb {
    float: left;
    margin-right: 5px;
    width: 50px;
}

.writer .thumb img {
    width: 50px;
}

.writer .profile {
    margin-left: 55px;
}

.writer .name {
    font-size: 116%;
    line-height: 1.8
}

.writer .desc {
    font-size: 85%;
    line-height: 1.3
}

.writer .url {
    line-height: 2
}

/*author*/
.writerList ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.writerList ul {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.writerList li {
    margin: 0 10px 10px 0
}

.writerList .writer:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.writerList .writer {
    display: inline-block;
    min-height: 120px;
    float: left
}

/*backnumber*/
#backnumber .bitHgroup,
#backnumber .bitHgroup h3 {
    margin-bottom: 0
}

#bnYearNav { overflow: hidden; height: auto; background: #b2ce63; }
#bnYearNav a, #bnYearNav li { height: auto; line-height: 1.4; }
#bnYearNav li a {
    width: 60px;
    height: auto;
    padding: 8px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 0px 3px #8cba00;
    border-right: 1px solid #e9f3d0;
}

#bnYearNav .cr { position: relative; }
#bnYearNav .cr:after { content: '▲'; position: absolute; bottom: -3px; left: 25px; color: #e9f3d0; font-size: 8px; line-height: 1; }
#bnYearNav li a:hover,
#bnYearNav .cr a {
    text-decoration: underline;
    background: #8cba00;
}
#backnumber .active { clear: both; background: #e9f3d0; }
.bnMonthNav li a { padding: 1px 12px 0; color: #666; }
.bnMonthNav strong { text-decoration: underline; }

/*sidebar*/
#reader {
    border: none;
}

#reader .hgroup {
    background: #8cba00;
}

.followme .hgroup {
    color: #fff;
    background: #8cba00;
}

.shoulder:before {
    border-style: solid;
    border-color: #fff #fff #c0e158 #c0e158;
    background: #c0e158;
}

#sideBitpost .item {
    overflow: hidden;
    margin-bottom: 5px;
}

#sideBitpost .thumb {
    float: left;
    margin-right: 5px;
    height: 80px;
    overflow: hidden
}

#sideBitpost .thumb img {
    width: 100px;
}

/*bitShop*/
#bitShop {
    margin: 10px 0;
}

/*anniversary*/
.anniArticle {
    overflow: hidden;
    clear: both
}

.anniArticle dt {
    overflow: hidden;
    margin: 0 0 5px
}

.anniArticle .anniTitle {
    font-size: 116%;
    font-weight: bold;
    overflow: hidden
}

.anniArticle .anniDesc {
}

.anniArticle .thumb {
    margin: 2px 5px 0 0;
    width: 100px;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
}

.anniArticle .thumb img {
    width: 100px;
}

.anniArticle dl {
    margin: 0 0 0 120px;
}

.anniArticle .anniTitle {
    padding: 0 0 0 25px;
    margin: 0 0 5px;
    font-size: 138.5%;
    line-height: 1.5;
    font-weight: bold;
    background: url(http://image.excite.co.jp/jp/news201006/icon_arrow04.gif) no-repeat 0 2px;
}

.anniArticle .anniDesc {
    margin: 0 0 0 25px;
    font-size: 116%;
    line-height: 1.5;
    color: #222;
}

.anniversaryList .anniArticle {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: solid 1px #ccc;
}

.anniversaryList .socialModule {
    float: right;
    height: 20px;
    position: absolute;
    right: 0;
    z-index: 999;
}

.anniversaryList .socialModule span {
    display: block;
    float: left;
}

.anniversaryList .newsList {
    display: inline-block;
    margin: 0 0 0 30px;
}

.anniversaryList .dayPager {
    overflow: hidden;
    text-align: center;
    border-bottom: dotted 1px #ccc;
    margin: 0 0 10px;
    position: relative;
    height: 40px;
}

.anniversaryList .dayPager li {
    display: block;
    line-height: 30px;
    position: absolute;
    bottom: 0
}

.anniversaryList .dayPager li a {
    display: block;
    background: #8cba00;
    color: #fff;
}

.anniversaryList .dayPager .prev {
    left: 0;
    width: 150px;
}

.anniversaryList .dayPager .next {
    right: 0;
    width: 150px;
}

.anniversaryList .dayPager .crrent {
    width: 66%;
    margin: 0 0 0 160px;
    font-weight: bold;
    font-size: 123.1%;
    line-height: 40px;
    color: #0e8c0e;
}

#searchAnni .inner {
    margin: 0 auto;
    font-size: 123.1%;
    text-align: center;
}

#searchAnni .month,
#searchAnni .day {
    width: 50px;
    height: 50px;
    vertical-align: bottom;
}

#searchAnni input {
}

/* bitPostList */
.bitPostList .inner {
    overflow: hidden;
    margin: 0 0 10px;
    _zoom: 1;
}

.bitPostList .item {
    display: block;
    float: left;
    width: 33%;
    padding: 0;
}

.bitPostList .item p {
    line-height: 1.8;
}
.bitPostList .item .thumb { text-align: center; }
.bitPostList .item .thumb a { display: block; }
.bitPostList .item .thumb a:hover { background: #f7f7f7; }
.bitPostList .item .thumb img {
    max-width: 150px;
    max-height: 100px;
    width: expression(this.width > 150 ? 150: true); /*for ie6*/
    height: expression(this.height > 100 ? 100: true); /*for ie6*/
    margin: 2px 0 3px;
}

/* bitPostList */
#bitPhotoRank {
}

.bitPostList .rank {
    height: 0;
    width: 22px;
    padding: 18px 0 0;
    margin: 0 5px 0 20px;
    overflow: hidden;
    float: left;
    display: inline;
}

.bitPostList .num1 {
    background: url(//image.excite.co.jp/jp/news201006/iconRnkng.gif) no-repeat 0 0;
}

.bitPostList .num2 {
    background: url(//image.excite.co.jp/jp/news201006/iconRnkng.gif) no-repeat -22px 0;
}

.bitPostList .num3 {
    background: url(//image.excite.co.jp/jp/news201006/iconRnkng.gif) no-repeat -44px 0;
}

#bitPhotoRank .item p {
    text-align: left;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
    .genreTitle .originalLogo,
    .genreTitle h1,
    .genreTitle h3 {
        background: url(//image.excite.co.jp/jp/news201006/logo_bit2-2x.png) no-repeat 0 8px;
        background-size: 166px 21px;
    }
    .bitHgroup h3 {
        background: #f7f7f7 url(//image.excite.co.jp/jp/news201006/logo_bit3-2x.png) no-repeat 12px 8px;
        background-size: 124px 16px;
    }
}

.matomeHeadLine {
  border-bottom: 3px solid #d4eb86;
}