/*
	スライダー1
------------------------------------------------------------------- */
.jssorb05 {
position: absolute;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
width: 16px;
height: 16px;
position: absolute;
background: url('../img/slider/b05.png') no-repeat;
cursor: pointer;
overflow: hidden;
}

.jssorb05 div { background-position: -7px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 div:hover,
.jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .dn,
.jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora12l,
.jssora12r {
display: block;
width: 30px;
height: 46px;
background: url('../img/slider/a12.png') no-repeat;
cursor: pointer;
overflow: hidden;
position: absolute;
}

.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }

/*
	スライダー2
------------------------------------------------------------------- */
.jssorb01 {
position: absolute;
}

.jssorb01 div,
.jssorb01 div:hover,
.jssorb01 .av {
width: 12px;
height: 12px;
border: #fff 1px solid;
cursor: pointer;
overflow: hidden;
filter: alpha(opacity=80);
opacity: .8;
position: absolute;
}

.jssorb01 div { background-color: gray; }
.jssorb01 .av { background-color: #f93; }
.jssorb01 div:hover,
.jssorb01 .av:hover { background-color: #013eb0; }
.jssorb01 .dn,
.jssorb01 .dn:hover { background-color: #555; }

.jssora05l,
.jssora05r {
display: block;
width: 40px;
height: 40px;
background: url('../img/slider/a17.png') no-repeat;
cursor: pointer;
overflow: hidden;
position: absolute;
}

.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

/*
	スライダー3
------------------------------------------------------------------- */
.jssora07l,
.jssora07r {
display: block;
width: 50px;
height: 50px;
background: url('../img/slider/a07.png') no-repeat;
position: absolute;
cursor: pointer;
overflow: hidden;
}

.jssora07l { background-position: -5px -35px; top: 120px!important; }
.jssora07r { background-position: -65px -35px; top: 120px!important; }
.jssora07l:hover { background-position: -125px -35px; }
.jssora07r:hover { background-position: -185px -35px; }
.jssora07l.jssora07ldn { background-position: -245px -35px; }
.jssora07r.jssora07rdn { background-position: -305px -35px; }

.jssort04 .p {
width: 62px;
height: 32px;
position: absolute;
top: 0;
left: 0;
}

.jssort04 .t {
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left: 0;
}

.jssort04 .w,
.jssort04 .pav:hover .w {
width: 60px;
height: 30px;
border: #09f 1px solid;
box-sizing: content-box;
position: absolute;
}

.jssort04 .pdn .w,
.jssort04 .pav .w { border-style: dashed; }

.jssort04 .c {
width: 62px;
height: 32px;
background-color: #000;
filter: alpha(opacity=45);
opacity: .45;
transition: opacity .6s;
-moz-transition: opacity .6s;
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
position: absolute;
top: 0;
left: 0;
}

.jssort04 .p:hover .c,
.jssort04 .pav .c {
filter: alpha(opacity=0);
opacity: 0;
}

.jssort04 .p:hover .c {
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}

* html .jssort04 .w {
width /**/: 62px;
height /**/: 32px;
}