@import url(common.css);

#visual{
    width:790px;
    height:364px;
    position:relative;
    margin:0 auto;
    overflow:hidden;
}
#visual .slider{
    width:100%;
    height:100%;
}
#visual .slider>div{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.mbtn{
    position: absolute;
    /*left:50%;*/
    bottom:0;overflow:hidden;
	width:790px;
}
/*.mbtn > ul > li{float:left;width:157px;}*/

#visual .mbtn a{display:block;float:left;width:158px;height:50px;background:#000000;color:#ffffff;font-size: 18px;line-height: 50px;text-align: center;text-decoration:none;}
#visual .mbtn > a {float:left;box-sizing: border-box;border-right:2px solid #FFFFFF;border-bottom:1px solid #dddddd;}
#visual .mbtn > a:nth-child(2){border-right:3px solid #FFFFFF;}
#visual .mbtn > a:last-child{border-right:0;border-right:1px solid #dddddd;}
#visual .mbtn > a:nth-child(1){border-left:1px solid #dddddd;}


#visual .mbtn>a.on{background:#FFFFFF;color:#000000;border-bottom:1px solid #dddddd;text-decoration:none;}

#visual .arrow{
    position:absolute;
    top:43%;
}
#visual .l_btn{
    left:0;
}
#visual .r_btn{
    right:0;
}
#visual .arrow a{
    font-size:80px;
    color:white;
    text-decoration: none;
}