/* CSS Document */

.img_main {
    background-image: url(/img/top/img_top.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    width:100%;
    height:320px;
    display:block;
    min-width:970px;
}
@media (max-width: 767px) {
.img_main {
    background-image: url(/img/top/img_top.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    width:auto;
    height:160px;
    display:block;
    min-width:320px;
}
}

.headline {
    padding:10px;
}

@media (min-width: 768px) {
.headline {
    padding:20px 0px;
}
.headline ul li {
    background-image: url(/img/common/img_arrow01.png);
    background-repeat:no-repeat;
    background-position:0 center;
    text-indent:13px;
}
}

/* main */
#main {
    background-color:#f9f9f9;
    padding-bottom:20px;
}

.h2-blog {
    background-image: url(/img/top/img_blog.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    display:block; 
    text-indent: -9999px;
    height:50px;
}

.h2-original {
    background-image: url(/img/top/img_original.png);
    background-repeat:no-repeat;
    background-size:auto 100%;
    display:block; 
    text-indent: -9999px;
    height:50px;
}

.block-blog {
    padding:0px 10px 10px;
}

.block-original {
    padding:0px 10px;
}

.block-original ul {
    margin-top:20px;
    width:100%;
}
.block-original li {
    float:left;
    margin-right:8px;
    margin-bottom:8px;
    width:100%;
}

#facebook {
    padding:10px;
}
#twiiter {
    padding:10px;
}
.date {
    font-size:16px;
    margin:15px 0px;
}

@media (min-width: 768px) {
#main {
    border-top:1px #e8e8e8 solid;
}
.col-main {
    float:left;
    width:638px;
}

.col-sub {
    float:right;
    width:293px;
}

.h2-blog {
    margin-top:40px;
    background-size:auto;
    height:71px;
}

.h2-original {
    margin-top:40px;
    background-size:auto;
    height:71px;
}

.block-blog {
    float:left;
    width:50%;
    padding:0px;
}

.block-original {
    padding:0px;
}

.block-original ul {
    margin-top:20px;
    width:645px;
}

.block-original li {
    width:auto;
}

#facebook {
    margin-top:40px;
    padding:0px;
}
#twiiter {
    margin-top:40px;
    padding:0px;
}
}

@media (max-width: 767px) {
.btn-arrow {
    width:100%;
    padding:8px 0px;
    text-indent:20px;
}
}