.btn_1, .btn_1_hover, .btn_2, .btn_2_hover, .btn_3, .btn_3_hover,
.btn_4, .btn_4_hover, .btn_5, .btn_5_hover, .btn_6, .btn_6_hover,
.btn_7, .btn_7_hover, .btn_8, .btn_8_hover,
.btn_active {
	border: none;
	height: 15px;
	width: auto;
	float: left;
	cursor: pointer !important;
	padding: 0;
	margin-right: 7px;
	background-position: right;
	background-repeat: no-repeat;
}

.btn_1 a, .btn_1_hover a, .btn_2 a, .btn_2_hover a, .btn_3 a, .btn_3_hover a,
.btn_4 a, .btn_4_hover a, .btn_5 a, .btn_5_hover a, .btn_6 a, .btn_6_hover a,
.btn_7 a, .btn_7_hover a, .btn_8 a, .btn_8_hover a,
.btn_active a {
	color: #ffffff;
	height: 15px;
	border: none;
	overflow: visible;
	display: inline;
	padding: 0px 8px 3px 9px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	font-family: arial, sans-serif;
	cursor:pointer !important;
	background-position: left;
	background-repeat: no-repeat;
}

.btn_text {
	position: relative;
	top: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btn_1 a, .btn_1_hover a, .btn_2 a, .btn_2_hover a, .btn_3 a, .btn_3_hover a,
    .btn_4 a, .btn_4_hover a, .btn_5 a, .btn_5_hover a, .btn_6 a, .btn_6_hover a,
    .btn_7 a, .btn_7_hover a, .btn_8 a, .btn_8_hover a,
    .btn_active a { padding: 0px 8px 4px 9px }
    .btn_text { top: 2px; font-size: 9px }
}

.btn_1 a { color: #fd9770 }
.btn_2 a { color: #fdca70 }
.btn_3 a { color: #fdfd31 }
.btn_4 a { color: #7cd474 }
.btn_5 a { color: #97e3d6 }
.btn_6 a { color: #7db0d6 }
.btn_7 a { color: #ca7dd6 }
.btn_8 a { color: #e37dbd }

.btn_hover_1 a, .btn_hover_2 a, .btn_hover_3 a, .btn_hover_4 a,
.btn_hover_5 a, .btn_hover_6 a, .btn_hover_7 a, .btn_hover_8 a,
.btn_active a,
.btn_active_1 a, .btn_active_2 a, .btn_active_3 a, .btn_active_4 a,
.btn_active_5 a, .btn_active_6 a, .btn_active_7 a, .btn_active_8 a {
	color: #ffffff
}

.btn_1 { background-image: url(../img/navi/b_1.gif) }
.btn_1_hover, .btn_1_active { background-image: url(../img/navi/b_1_h.gif) }
.btn_1 a { background-image: url(../img/navi/b_1_l.gif) }
.btn_1_hover a, .btn_1_active a { background-image: url(../img/navi/b_1_h_l.gif) }

.btn_2 { background-image: url(../img/navi/b_2.gif) }
.btn_2_hover, .btn_2_active { background-image: url(../img/navi/b_2_h.gif) }
.btn_2 a { background-image: url(../img/navi/b_2_l.gif) }
.btn_2_hover a, .btn_2_active a { background-image: url(../img/navi/b_2_h_l.gif) }

.btn_3 { background-image: url(../img/navi/b_3.gif) }
.btn_3_hover, .btn_3_active { background-image: url(../img/navi/b_3_h.gif) }
.btn_3 a { background-image: url(../img/navi/b_3_l.gif) }
.btn_3_hover a, .btn_3_active a { background-image: url(../img/navi/b_3_h_l.gif) }

.btn_4 { background-image: url(../img/navi/b_4.gif) }
.btn_4_hover, .btn_4_active { background-image: url(../img/navi/b_4_h.gif) }
.btn_4 a { background-image: url(../img/navi/b_4_l.gif) }
.btn_4_hover a, .btn_4_active a { background-image: url(../img/navi/b_4_h_l.gif) }

.btn_5 { background-image: url(../img/navi/b_5.gif) }
.btn_5_hover, .btn_5_active { background-image: url(../img/navi/b_5_h.gif) }
.btn_5 a { background-image: url(../img/navi/b_5_l.gif) }
.btn_5_hover a, .btn_5_active a { background-image: url(../img/navi/b_5_h_l.gif) }

.btn_6 { background-image: url(../img/navi/b_6.gif) }
.btn_6_hover, .btn_6_active { background-image: url(../img/navi/b_6_h.gif) }
.btn_6 a { background-image: url(../img/navi/b_6_l.gif) }
.btn_6_hover a, .btn_6_active a { background-image: url(../img/navi/b_6_h_l.gif) }

.btn_7 { background-image: url(../img/navi/b_7.gif) }
.btn_7_hover, .btn_7_active { background-image: url(../img/navi/b_7_h.gif) }
.btn_7 a { background-image: url(../img/navi/b_7_l.gif) }
.btn_7_hover a, .btn_7_active a { background-image: url(../img/navi/b_7_h_l.gif) }

.btn_8 { background-image: url(../img/navi/b_8.gif) }
.btn_8_hover, .btn_8_active { background-image: url(../img/navi/b_8_h.gif) }
.btn_8 a { background-image: url(../img/navi/b_8_l.gif) }
.btn_8_hover a, .btn_8_active a { background-image: url(../img/navi/b_8_h_l.gif) }