/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt/mt-static/themes-base/blog.css);
@import url(/mt/mt-static/themes/minimalist-red/screen.css);
/* end StyleCatcher imports */

/* #07 content
---------------------------------------------------------------- */
div#content {
    text-align: left;
    background: #fff;
    width: 670px;
    padding: 5px 40px 30px 40px;
    margin: 0;
}

div#content h2 {
    margin: 10px 0;
    padding: 15px 0px;
    font-size: 20px;
    line-heith: 1.5em;
    background: #fff;
    border: solid 0px #c33;
}

/* ランキング部分 */
div#content div#ranking {
    margin: 0;
    padding: 10px 0;
}

div#content div#ranking h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 18px;
    color: #333;
}

/* 2位以下 */
div#content div.ranking_each {
    height: 140px;
    margin: 5px 0 5px 0;
    border: solid 1px #ccc;
    overflow: hidden;
}

div#content div.ranking_each div.rank {
    float: left;
    width: 50px;
    height: 50px;
    padding: 45px 10px;
    background: #fff;
}

div#content div.ranking_each div.capture {
    float: left;
    width: 120px;
    height: 80px;
    padding: 30px 10px;
    background: #fff;
}

div#content div.ranking_each div.capture img {
    width: 120px;
}

div#content div.ranking_each div.desc {
    float: left;
    width: 438px;
    height: 120px;
    padding: 10px;
    background: #fff;
}

div#content div.ranking_each div.desc h4 {
    font-size: 15px;
    padding: 2px 0;
}

div#content div.ranking_each div.desc p {
    margin: 0;
    padding: 2px 0;
}

div#content div.ranking_each div.desc a.button {
    margin: 0;
    padding: 2px 3px;
    border: solid 1px #ccc;
    background: #eee;
    font-size: 110%;
}

/* 1位 */
div#content div.ranking_1st {
    height: 200px;
    margin: 5px 0 5px 0;
    border: solid 1px #c33;
    overflow: hidden;
}

div#content div.ranking_1st div.rank {
    float: left;
    width: 50px;
    height: 50px;
    padding: 75px 10px;
    background: #fff;
}

div#content div.ranking_1st div.capture {
    float: left;
    width: 120px;
    height: 80px;
    padding: 60px 10px;
    background: #fff;
}

div#content div.ranking_1st div.capture img {
    width: 120px;
}

div#content div.ranking_1st div.desc {
    float: left;
    width: 438px;
    height: 180px;
    padding: 10px;
    background: #fff;
}

div#content div.ranking_1st div.desc h4 {
    font-size: 15px;
    padding: 2px 0;
}

div#content div.ranking_1st div.desc p {
    margin: 0;
    padding: 2px 0;
}

div#content div.ranking_1st div.desc a.btn_mou {
    display: block;
    width: 120px;
    height: 30px;
    margin-top: 5px;
    padding: 0;
    overflow: hidden;
    background: url(images/btn_mou.gif) top left no-repeat;
    text-indent: -100em;
    float: left;
}

div#content div.ranking_1st div.desc a.btn_mou:hover {
    background-position: 0 -30px;
}

div#content div.ranking_1st div.desc a.btn_sho {
    display: block;
    width: 120px;
    height: 30px;
    margin: -12px 0 0 30px;     /* ? */
    padding: 0;
    overflow: hidden;
    background: url(images/btn_sho.gif) top left no-repeat;
    text-indent: -100em;
    float: left;
}

div#content div.ranking_1st div.desc a.btn_sho:hover {
    background-position: 0 -30px;
}



/* キャンペーン情報 */
div#content div#campaign {
    margin: 0;
    padding: 10px 0;
}

div#content div#campaign h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 18px;
    color: #333;
}

div#content div#campaign dl {
    padding-left: 5px;
}

div#content div#campaign dl dt {
    padding: 2px 0 2px 20px;
    background: url(images/list1.gif) center left no-repeat;
}

div#content div#campaign dl dt a {
    padding-right: 10px;
}

div#content div#campaign dl dd {
    padding: 0 0 5px 20px;
}

/* その他のカード */
div#content div#other {
    margin: 0;
    padding: 10px 0;
}

div#content div#other h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 18px;
    color: #333;
}

div#content div#other table {
    width: 100%;
}

div#content div#other table td {
    width: 33%;
    height: 130px;
    padding: 5px 7px;
    border: solid 1px #ccc;
    overflow: hidden;
    vertical-align: top;
}

div#content div#other table td img {
    float: left;
    padding: 0 5px 3px 0;
    width: 80px;
}

div#content div#other table h4 {
    padding: 0 0 2px 0;
}

div#content div#other table p {
    margin: 0;
    padding: 0 0 2px 0;
    clear: both;
}

div#content div#other table a.button {
    margin: 0;
    padding: 2px 3px;
    border: solid 1px #ccc;
    background: #eee;
    font-size: 110%;
}