/* ======== 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:2px solid #fde3c9;*/
width:710px;
height:23px;
margin:0px 25px 0px 25px;
padding:0px 0px 0px 0px;
}

#sub-navi ul {
list-style:none;
}

#sub-navi li {
float:left;
}

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

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

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

.sub-navi3_off {
width:119px;
background-position:-238px 0;
}
.sub-navi4_off {
width:119px;
background-position:-357px 0;
}
.sub-navi5_off {
width:119px;
background-position:-476px 0;
}
.sub-navi6_off {
width:115px;
background-position:-595px 0;
}

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

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

.sub-navi3_off:hover {
width:119px;
background-position:-238px -28px;
}

.sub-navi4_off:hover {
width:119px;
background-position:-357px -28px;
}
.sub-navi5_off:hover {
width:119px;
background-position:-476px -28px;
}
.sub-navi6_off:hover {
width:115px;
background-position:-595px -28px;
}



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

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

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


.sub-navi3_on {
width:119px;
background-position:-238px -28px;
}
.sub-navi4_on {
width:119px;
background-position:-357px -28px;
}
.sub-navi5_on {
width:119px;
background-position:-476px -28px;
}
.sub-navi6_on {
width:115px;
background-position:-595px -28px;
}


/* ======== sub-navi 02======== */
#sub-navi02 {
height:20px;
width:710px;
margin:5px 25px 0px 25px;
padding:2px 0px 2px 0px;
background:#fff;
}

#sub-navi02 ul {

list-style:none;
}

#sub-navi02 li {
float:left;
list-style:none;
}


/* ======== sub-navi 02-a======== */

.sub-navia1_off,.sub-navia2_off,.sub-navia3_off,.sub-navia4_off {
padding:5px 0 0px 0;
display:block;
background-image:url(../img/subtaba.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
height:20px;
}

.sub-navia1_off {
width:98px;
background-position:0 0;
}

.sub-navia2_off {
width:123px;
background-position:-98px 0;
}

.sub-navia3_off {
width:112px;
background-position:-221px 0;
}
.sub-navia4_off {
width:70px;
background-position:-333px 0;
}


.sub-navia1_off:hover {
width:98px;
background-position:0 -20px;
}

.sub-navia2_off:hover {
width:123px;
background-position:-98px -20px;
}

.sub-navia3_off:hover {
width:112px;
background-position:-221px -20px;
}

.sub-navia4_off:hover {
width:70px;
background-position:-333px -20px;
}


.sub-navia1_on,.sub-navia2_on,.sub-navia3_on,.sub-navia4_on   {
padding:5px 0 0px 0;
display:block;
background-image:url(../img/subtaba.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
height:20px;
}

.sub-navia1_on {
width:98px;
background-position:0 -20px;
}

.sub-navia2_on {
width:123px;
background-position:-98px -20px;
}


.sub-navia3_on {
width:112px;
background-position:-221px -20px;
}
.sub-navia4_on {
width:70px;
background-position:-333px -20px;
}

/* ======== sub-navi02 ======== */

/* ======== sub-navi 02-b======== */

.sub-navib1_off,.sub-navib2_off,.sub-navib3_off {
padding:5px 0 0px 0;
display:block;
background-image:url(../img/subtabb.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

.sub-navib1_off {
width:98px;
background-position:0 0;
}

.sub-navib2_off {
width:123px;
background-position:-98px 0;
}

.sub-navib3_off {
width:70px;
background-position:-221px 0;
}

.sub-navib1_off:hover {
width:98px;
background-position:0 -20px;
}

.sub-navib2_off:hover {
width:123px;
background-position:-98px -20px;
}

.sub-navib3_off:hover {
width:70px;
background-position:-221px -20px;
}


.sub-navib1_on,.sub-navib2_on,.sub-navib3_on  {
padding:5px 0 0px 0;
display:block;
background-image:url(../img/subtabb.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

.sub-navib1_on {
width:98px;
background-position:0 -20px;
}

.sub-navib2_on {
width:123px;
background-position:-98px -20px;
}


.sub-navib3_on {
width:70px;
background-position:-221px -20px;
}

/* ======== sub-navi 02-b ======== */