@charset "utf-8";
/* CSS Document */

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

#MvHeader img{
    width:100%;
}

#MvHeader h2{
    margin: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:85px;
    overflow:hidden;
    text-indent:-9999px;
}
.FNavi01 a{
    background:url(../images/sprite_main_sp.png) 0 0 no-repeat;
}
.FNavi02 a{
    background:url(../images/sprite_main_sp.png) -84px 0 no-repeat;
}

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


/*-----------------------------------------------------
Main
-------------------------------------------------------*/

#Main{
	padding:0;
	line-height:1.6;
	border-bottom:3px solid #f29600;
	margin: 0 0 10px 0;
}

.Main_inner {
	margin: 10px 10px 0;
}
#Main .gotop {
	margin-top: 10px;
	text-align: right;
	font-size: 12px;
}
.Main_inner #chart img,
.Main_inner h3 img,
.Main_inner h4 img {
	width: 100%;
}
.Main_inner #chart {
	margin: 0 100px;
}
.Main_inner #chart dl {
	position: relative;
	padding-top:200px;
	margin-bottom:20px;
}
.Main_inner #chart dl:first-child{
	padding:0;
}

.Main_inner #chart dl:last-child{
	margin-bottom: 200px;
}

.Main_inner #chart dl:after {  
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.Main_inner #chart dt {
	margin: 0 10px;
}
.Main_inner #chart dd {
	position: absolute;
	bottom: 5%;
	width: 46%;
}
.Main_inner #chart dd.yes {
	left: 0;
}
.Main_inner #chart dd.no {
	right: 0;
}
.type {
	background-size: 100% !important;
	margin-top: 20px;
	padding: 10px;
}
.type h4 img {
	width: 100%;
}
.type .inner-wrap {
	background-size: 100% !important;
}
.type .inner {
	padding: 0 15px;
	background-size: 100% !important;
}
.type .inner div {
	padding: 15px 0;
	background-size: 100% !important;
}
.type .inner div:last-child {
	background: none !important;
}
.type .inner div .img {
	background-image: none !important;
	float: left;
	margin-right: 10px;
}
.type .inner h5 { padding-top: 5px; }
.type .inner p { padding: 20px 0; }


#koukyu {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/koukyu-bg.png) repeat;
}
#koukyu .inner-wrap {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/kokyu-bg-mid.png) repeat-y top left;
}
#koukyu .inner {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/kokyu-bg-btm.png) no-repeat left bottom;
}
#koukyu .inner div {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/koukyu-line.png) no-repeat left bottom;
}

#yumei {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/yumei-bg.png) repeat;
}
#yumei .inner-wrap {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/yumei-bg-mid.png) repeat-y top left;
}
#yumei .inner {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/yumei-bg-btm.png) no-repeat left bottom;
}
#yumei .inner div {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/yumei-line.png) no-repeat left bottom;
}

#select {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/select-bg.png) repeat;
}
#select .inner-wrap {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/select-bg-mid.png) repeat-y top left;
}
#select .inner {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/select-bg-btm.png) no-repeat left bottom;
}
#select .inner div {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/select-line.png) no-repeat left bottom;
}

#casual {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/casual-bg.png) repeat;
}
#casual .inner-wrap {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/casual-bg-mid.png) repeat-y top left;
}
#casual .inner {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/casual-bg-btm.png) no-repeat left bottom;
}
#casual .inner div {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/casual-line.png) no-repeat left bottom;
}

#sonota {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/sonota-bg.png) repeat;
}
#sonota .inner-wrap {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/sonota-bg-mid.png) repeat-y top left;
}
#sonota .inner {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/sonota-bg-btm.png) no-repeat left bottom;
}
#sonota .inner div {
	background: url(/files/user/boms/smt/contents/bm_aptitude_b/images/sonota-line.png) no-repeat left bottom;
}

#FindLink{
	margin: 20px 10px 0;
	background:#fff;
}
#FindLink h3{
	border-top:3px #f29600 solid;
	border-bottom:3px #f29600 solid;
	padding:7px 10px;
	overflow:hidden;
}
.FindLink_icon{
	width:24px;
	height:24px;
	display:block;
	float:left;
	background:url(../images/sprite_main_sp.png) right bottom no-repeat;
	margin-right:10px;
}

/*-----------------------------------------------------
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(../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(../images/ico_link2.png) no-repeat 100% 50%;
    background-size:25px 25px;
}




/* smartphone */
@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(../images/sprite_main_sp@2x.png);
        background-size: 343px 140px;
    }
}


#sponsor h3 img {
	width:100%;
}



/*-----------------------------------------------------
谺｡縺ｸ縲∝燕縺ｸ縲€遏｢蜊ｰ (9/25霑ｽ蜉�)
-------------------------------------------------------*/
#arrow {
	padding:0 10px;
}
#arrow img {
	width:80px;
	height:46px;
	margin-bottom: 20px;
}




/* 霑ｽ蜉� */

@media screen and (max-width : 480px) {
	.type .inner div p { font-size: 14px; }
	.type .inner div .img { float: initial;text-align: center;margin: 0 0 10px;}
	.Main_inner #chart { margin: 0 30px;}
}