/* ======== clearfix ======== */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

/* Mac-IE \*/

*html.clearfix {
height:1%;
}
.clearfix {
display:block;
margin:0;
padding:0;
}

/* Mac-IE */

/* ======== sub-navi ======== */

ul,li,div{
margin:0;
padding:0;
}



#sub-navi {
border-bottom:1px solid #f63;
width:710px;
margin:0px 25px 0px 25px;
padding:0px 0px 0px 0px;
height:23px;
}

#sub-navi ul {

list-style:none;
}

#sub-navi li {
float:left;
}

.sub-navi1_off,.sub-navi2_off,.sub-navi3_off {
padding:0px 0 0px 0;
display:block;
background-image:url(../img/tab.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
height:23px;
}

.sub-navi1_off {
width:134px;
background-position:0 0;
}

.sub-navi2_off {
width:134px;
background-position:-135px 0;
}


.sub-navi3_off {
width:134px;
background-position:-270px 0;
}




.sub-navi1_off:hover {
width:134px;
background-position:0 -28px;
}

.sub-navi2_off:hover {
width:134px;
background-position:-135px -28px;
}

.sub-navi3_off:hover {
width:134px;
background-position:-270px -28px;
}



.sub-navi1_on,.sub-navi2_on,.sub-navi3_on  {
padding:0px 0 0px 0;
display:block;
background-image:url(../img/tab.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
height:23px;
}

.sub-navi1_on {
width:134px;
background-position:0 -28px;
}

.sub-navi2_on {
width:134px;
background-position:-135px -28px;
}


.sub-navi3_on {
width:134px;
background-position:-270px -28px;
}



/* ======== sub-navi ======== */