/*-----------------------------------------------------
マージン
-------------------------------------------------------*/
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; !important}
.mb15{ margin-bottom:15px; !important}
.mb20{ margin-bottom:20px !important}
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }

.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pb5{ padding-bottop:5px; }
.pb10{ padding-bottop:10px; }
.pb15{ padding-bottop:15px; }
.pb20{ padding-bottop:20px; }
.pb25{ padding-bottop:25px; }
.pb30{ padding-bottop:30px; }
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }

.flL{ float:left; }
.flR{ float:right; }
.txtL{ text-align:left; }
.txtR{ text-align:right; }
.txtC{ text-align:center; }


#Content {
    background-color: #fff;
}

#ColorNavi dl {
    margin-top:15px;
}


/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#MvHeader{
    padding: 0;
    margin:0;
    background:#fdd000;
    text-align:center;
}

#MvHeader img{
    width:100%;
}

#MvHeader h2{
    margin:0;
    padding:0;
    border-bottom:2px #FFF solid;
}

#FeatureNavi{
    clear:both;
    margin:0 0 10px 0;
    padding:0;
}
#FeatureNavi ul{
    clear:both;
    display:block;
    margin:0 auto;
    padding:0;
    width:187px;
    height:24px;
}
#FeatureNavi ul li{
    float:left;
    height:24px;
    display:block;
    padding:0 3px;
}
#FeatureNavi ul li a{
    display:block;
    height:24px;
    width:79px;
    overflow:hidden;
/*    text-indent:-9999px;*/
}

#MvHeader h3{
    margin:0;
    padding:0;
}

#MvHeader p.mv01_ttl_txt {
    margin:0;
    padding: 10px 10px 5px 10px;
    text-align: left;
}

/*記事のリスト*/
.PageList {
    padding:0 10px 10px 0;
    overflow: hidden;
}
.PageList ol{
    margin:0 auto;
    padding:0 0 2px 0;
    display:block;
    width:100%;
    overflow:hidden;
}

.PageList li{
    list-style:none;
    width: 30%;
    margin: 2% 1.5%;
    float:left;
    display:block;
}


/*記事のリスト（下部）　20130819追加 */
.FindLink_wrap2{
    padding:0 10px;
}
.PageList2 {
    padding:0;
    overflow: hidden;
}
.PageList2 h3{
    border-top:3px #fdd000 solid;
    width: 100%;
    padding:7px 10px;
    overflow:hidden;
    font-size:108%;
}

.PageList2 ol{
    margin:0;
    padding:8px 0 8px 0;
    display:block;
    width:100%;
    float:left;
    background:#fdd000;
    overflow:hidden;
}

.PageList2 li{
    list-style:none;
    width: 42%;
    display: block;
    margin: 5px 2%;
    float:left;
}


.PageList2 .Page01 a, .PageList2 .Page01 span {
    background:url(/files/user/boms/smt/contents/bm_incometrivia/images/sprite_main_sp.png) -100px -84px no-repeat;
}
.PageList2 .Page01_on {
    background:url(/files/user/boms/smt/contents/bm_incometrivia/images/sprite_main_sp.png) -100px -34px no-repeat;
}
.PageList2 .Page02 a, .PageList2 .Page02 span {
    background:url(/files/user/boms/smt/contents/bm_incometrivia/images/sprite_main_sp.png) 0 -84px no-repeat;
}
.PageList2 .Page02_on {
    background:url(/files/user/boms/smt/contents/bm_incometrivia/images/sprite_main_sp.png) 0 -34px no-repeat;
}


/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
    margin:0;
    padding:0;
    line-height:1.6;
    border-bottom:3px solid #fdd000;
    clear:both;
}

.Main_inner{
    background:#FFF;
    padding:0;
}

#Main img{
    width:100%;
}

.mv01_top{
    background-color:#FAFFCD;
}


#Main p{
    padding:0 10px;
}

.oishii{
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    background: #faffdc url(/files/user/boms/smt/contents/bm_incometrivia/images/box_bottom_oishii.png) center bottom no-repeat;
    background-size: contain;
}

.oishii h3{
    padding: 0 10px;
    color: #F28800;
    font-size: 18px;
    font-weight: bold;
}

.ganbaru{
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    background: #efe8f2 url(/files/user/boms/smt/contents/bm_incometrivia/images/box_bottom_ganbaru.png) center bottom no-repeat;
    background-size: contain;
}

.ganbaru h3{
    padding: 0 10px;
    color: #601982;
    font-size: 18px;
    font-weight: bold;
}


/*-----------------------------------------------------
FooterLink　フォーマット2
-------------------------------------------------------*/

.FindLink_wrap{
    background:#FFF;
    padding:10px;
}

#FindLink2{
    clear:both;
    background:#fff;
}
.FindLink_icon {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    background: url(/files/user/boms/smt/contents/bm_incometrivia/images/sprite_main_sp.png) right bottom no-repeat;
    margin-right: 10px;
}
#FindLink2 h3{
    border-top:3px #fdd000 solid;
    border-bottom:3px #fdd000 solid;
    padding:7px 10px;
    overflow:hidden;
    font-size:108%;
}

#FindLink2 .recommend dl{
    background:#fdd000;
    color:#FFF;
    padding: 0;

}

#FindLink2 .recommend dl dd{
    color:#FFF;
    border-bottom:1px solid #FFF;
    padding:0 10px;
}
#FindLink2 .recommend dl dd a {
    color:#000;
    background:url(/files/user/boms/smt/contents/boms/images/ico_link2.png) no-repeat 100% 50%;
    background-size:25px 25px;
}
#FindLink3{
    clear:both;
    background:#fff;
}
#FindLink3 h3{
    border-top:3px #595757 solid;
    border-bottom:3px #595757 solid;
    padding:7px 10px;
    overflow:hidden;
    font-size:108%;
    line-height: 24px;
}
#FindLink3 .recommend dl{
    background:#fdd000;
    color:#FFF;
    padding: 0;

}

#FindLink3 .recommend dl dd{
    color:#FFF;
    border-bottom:1px solid #FFF;
    padding:0 10px;
}
#FindLink3 .recommend dl dd a {
    color:#000;
    background:url(/files/user/boms/smt/contents/boms/images/ico_link2.png) no-repeat 100% 50%;
    background-size:25px 25px;
}




/* 解像度が２倍の場合（Retinaディスプレイ対応） */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    
.FNavi01 a,.FNavi02 a,
.Page01 a,.Page01 span,.Page01_on,
.Page02 a,.Page02 span,.Page02_on,
.Page03 a,.Page03 span,.Page03_on,
.Page04 a,.Page04 span,.Page04_on,
.Page05 a,.Page05 span,.Page05_on,
.Page06 a,.Page06 span,.Page06_on,
.FindLink_icon {
        background-image: url(/files/user/boms/smt/contents/bm_incometrivia/images/sprite_main_sp@2x.png);
        background-size: 343px 140px;
    }
}




/* 追加 */

#Main .recommend dl dd a {
    color: #333;
    background: url(/files/user/boms/smt/contents/boms/images/ico_link.png) no-repeat 100% 50%;
    background-size: 20px 10px;
    display: block;
    padding: 15px 25px 15px 5px;
    font-size: 13px;
}


@media screen and (max-width: 480px) {
    #MvHeader p.mv01_ttl_txt { font-size: 12px;}
    #Main p { font-size: 12px;}
    #FindLink3 h3 { font-size: 12px;font-weight: bold;}
}