/*-----------------------------------------------------
マージン
-------------------------------------------------------*/
.mr20{ margin-right:20px;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mt_30{ margin-top:-30px;}
.w160{ width:160px;}
.w220{ width:220px;}

.flL{ float:left;}
.flR{ float:right;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.txtR{ text-align:right;}


#MvContent{
    text-align: left;
    background-color: #fff;
    margin-bottom: 10px;
}

#MvHeader img{
    width:100%;
}
#Main{
    padding: 90px 0 0;
    margin-top: -90px;
    line-height:1.6;
    border-bottom:3px #595757 solid;
}
.MainSub{
    padding:10px;
}
#Main img{
    width:100%;
}


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

/*-----------------------------------------------------
Header
-------------------------------------------------------*/

#MvHeader{
	padding: 0;
	margin:0;
	background:#595757;
	line-height:1.6;
}


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

.White{
    color:#FFF;
}


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


#FeatureNavi ul{
    clear:both;
    display:block;
    margin:0 auto;
    padding:0;
    width:182px;
    height:40px;
}
#FeatureNavi ul li{
    float:left;
    height:28px;
    display:block;
    padding:0 3px;
}
#FeatureNavi ul li a{
    display:block;
    height:28px;
    width:84px;
    overflow:hidden;
    text-indent:-9999px;
}
.FNavi01 a{
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) 0 0 no-repeat;

}
.FNavi02 a{
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) -84px 0 no-repeat;

}


/*記事のリスト*/

.PageList{
	border-top: 2px dotted #FFF;
}

.PageList ol{
    margin:0 auto;
    padding:5px 0;
    display:block;
    height:35px;
    width:300px;
}
.PageList li{
    list-style:none;
    width:65px;
    height:35px;
	margin-right:10px;
    float:left;
    display:block;
}
.PageList li a, .PageList li span{
    display:block;
    width:65px;
    height:35px;
    overflow:hidden;
    text-indent:-9999px;
    text-align:left;
}


.Page01 a, .Page01 span {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) 15px -38px no-repeat;
}
.Page01_on {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) 15px -73px no-repeat;
}
.Page02 a, .Page02 span {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) -67px -38px no-repeat;
}
.Page02_on {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) -67px -73px no-repeat;
}
.Page03 a, .Page03 span {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) -150px -38px no-repeat;
}
.Page03_on {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) -150px -73px no-repeat;
}
.Page04 a, .Page04 span {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) -235px -38px no-repeat;
}
.Page04_on {
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) -235px -73px no-repeat;
}


.sub_ttl{
    margin-bottom:10px;
}


/*-----------------------------------------------------
以下、個別のCSS
-------------------------------------------------------*/

.jobBox{
	background:url(/files/user/boms/smt/contents/bm_ranking/images/mv01_bg01.png) no-repeat 0 bottom;
	background-size:cover;
	padding:10px 10px 0 10px;
}

.jobBox2{
	background:url(/files/user/boms/smt/contents/bm_ranking/images/mv01_bg02.png) no-repeat 0 bottom;
	background-size:cover;
	padding:10px;
}

p.reasonTtl{
	color:#009E96;
	font-weight:bold;
	font-size:18px;
}

p.meritTtl{
	color:#E0007F;
	font-weight:bold;
	font-size:18px;
}

.jobLink{
	border-bottom: dotted 2px #009E96;
	border-top: dotted 2px #009E96;
	padding:5px 0;
	margin-bottom:70px;
}

#Container .jobLink a{
	color:#009E96;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}


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

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

#FindLink2{
    clear:both;
    background:#fff;
}
#FindLink2 h3{
    border-top:3px #F29600 solid;
    border-bottom:3px #F29600 solid;
    padding:7px 10px;
    overflow:hidden;
    font-size:108%;
}


.FindLink_icon{
    width:24px;
    height:24px;
    display:block;
    float:left;
    background:url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp.png) right bottom no-repeat;
    margin-right:10px;
}

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

}

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

/*-----------------------------------------------------
Main > recommend
-------------------------------------------------------*/

.MVHeadTxt01{
    color:#FFF;
    padding:10px 10px 7px 10px;
}


/* 解像度が２倍の場合（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,.FindLink_icon {
        background-image: url(/files/user/boms/smt/contents/bm_ranking/images/sprite_main_sp@2x.png);
        background-size: 300px 140px;
    }
}


#arrow img {
    width: 80px;
    height: 46px;
    margin-bottom: 20px;
}


/* 追加 */

#Main.pd45 {
    padding-bottom: 45px;
}