@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Noto+Sans');

ul.botit {
width:100%;
overflow: hidden;
margin:20px 0;
}

ul.botit li {    
	float:left;
    display: inline-block;
    width: auto;
    margin: 0 5px 10px;
    padding: 0;
    letter-spacing: -0.03em;
    line-height: 25px;}
ul.botit li a {
	display: block;
    width: 218px;
    height: 35px;
    padding: 0 0 0 10px;
    background: url(/img/arrowVR_15.gif) no-repeat 95% 50%;
    border: 1px solid #ddd;
    line-height: 35px;
}

ul.botit li a:focus, ul.botit li a:hover, ul.botit li a:active {background: url(/img/arrowVL_15.gif) no-repeat 95% 50% #ff6600;font-weight: 700;text-decoration: none;color:#fff;}

ul.botit li.on {background: url(/img/arrowVL_15.gif) no-repeat 95% 50% #ff6600;font-weight: 700;color:#fff;}
ul.botit li.on a {background: url(/img/arrowVL_15.gif) no-repeat 95% 50% #ff6600;font-weight: 700;color:#fff;}
ul.botit li.on a:hover {background: url(/img/arrowVL_15.gif) no-repeat 95% 50% #ff6600;font-weight: 700;color:#fff;}