@charset "utf-8";

/* CSS Document */



/* ------------------------------------------------------------

	carousel

------------------------------------------------------------ */

 /* 中身が画像だと、検知がしづらいので。widthの値はもちろん任意です */



.yourElement .item { width: 320px; height:240px; }



.yourElement {

position:relative;

width:320px;

/*overflow: hidden;*/

margin: 0 auto;

margin-bottom: 20px;

}



.yourElement .moving { -webkit-transition: -webkit-transform .2s ease-out } /* スピード等は任意です。 */







.yourElement div.slide {

 margin: 3px 5px;

 float: left;

 width:96px;

 height:200px;

 text-align:center;

}



.yourElement div.slide02 {

 margin: 3px 8px;

 float: left;

 width:61px;

 height:61px;

 text-align:center;

}





span.itemTtl {

 text-align:center;

 display:block;

 padding-top:10px;

 padding-bottom:10px;

 position:relative;

 top:10px;

 font-size:10px;

}



span.pink {

position:relative;

font-size:10px;

top:10px;

width:96px;

padding:5px 15px;

color:#FFFFFF;

 -webkit-border-radius: 15px;

 border-radius: 15px;

 background: #ffbfbf; /* Old browsers */

background: -moz-linear-gradient(top, #ffbfbf 0%, #ffa5a5 48%, #ff8a8a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbfbf), color-stop(48%,#ffa5a5), color-stop(100%,#ff8a8a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #ffbfbf 0%,#ffa5a5 48%,#ff8a8a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #ffbfbf 0%,#ffa5a5 48%,#ff8a8a 100%); /* Opera11.10+ */

background: -ms-linear-gradient(top, #ffbfbf 0%,#ffa5a5 48%,#ff8a8a 100%); /* IE10+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfbf', endColorstr='#ff8a8a',GradientType=0 ); /* IE6-9 */

background: linear-gradient(top, #ffbfbf 0%,#ffa5a5 48%,#ff8a8a 100%); /* W3C */

}



span.blue {

position:relative;

top:10px;

font-size:10px;

width:96px;

padding:5px 20px;

color:#FFFFFF;

 -webkit-border-radius: 15px;

 border-radius: 15px;

background: #5cd2ef; /* Old browsers */

background: -moz-linear-gradient(top, #5cd2ef 0%, #3cc4e6 48%, #1bb7df 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cd2ef), color-stop(48%,#3cc4e6), color-stop(100%,#1bb7df)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #5cd2ef 0%,#3cc4e6 48%,#1bb7df 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #5cd2ef 0%,#3cc4e6 48%,#1bb7df 100%); /* Opera11.10+ */

background: -ms-linear-gradient(top, #5cd2ef 0%,#3cc4e6 48%,#1bb7df 100%); /* IE10+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cd2ef', endColorstr='#1bb7df',GradientType=0 ); /* IE6-9 */

background: linear-gradient(top, #5cd2ef 0%,#3cc4e6 48%,#1bb7df 100%); /* W3C */

}





.prev, .next {

 display: block;

 position: absolute;

 top:205px;

 height:18px;

 background: #f5f5f5;

 background: -moz-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%);

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(49%,#e4e4e4), color-stop(50%,#cdcdcd), color-stop(100%,#dddddd));

 background: -webkit-linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 background: -o-linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 background: -ms-linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 );

 background: linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 -webkit-box-shadow: 0px 2px 2px #cccccc;

 box-shadow: 0px 2px 2px #cccccc;

}



.prev img, .next img {

padding-bottom:5px;

}



.prev {

 left: 10px;

 padding:0px auto 0px 3px;

 width:25%;

 text-align:left;

 border-style:solid;

 border-width:2px;

 border-color: #ffffff #B0B0B0 #ffffff #ffffff;

 -webkit-border-bottom-left-radius: 15px;

 -webkit-border-top-left-radius: 15px;

 border-bottom-left-radius: 15px;

 border-top-left-radius: 15px;

 z-index:10;

}



.next {

 right: 10px;

 padding:0px 3px 0px auto;

 width:25%;

 text-align:right;

 border-style:solid;

 border-width:2px;

 border-color: #ffffff #ffffff #ffffff #B0B0B0;

 -webkit-border-bottom-right-radius: 15px;

 -webkit-border-top-right-radius: 15px;

 border-bottom-right-radius: 15px;

 border-top-right-radius: 15px;

 z-index:10;

}



.pagination {

 position: absolute;

 top:205px;

 left:50px;

 right:95px;

 height:18px;

 width:75%;

 border-style:solid;

 border-width:2px;

 border-color: #ffffff transparent #ffffff transparent;

 background: #f5f5f5;

 background: -moz-linear-gradient(top, #f5f5f5 0%, #e4e4e4 49%, #cdcdcd 50%, #dddddd 100%);

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(49%,#e4e4e4), color-stop(50%,#cdcdcd), color-stop(100%,#dddddd));

 background: -webkit-linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 background: -o-linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 background: -ms-linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 );

 background: linear-gradient(top, #f5f5f5 0%,#e4e4e4 49%,#cdcdcd 50%,#dddddd 100%);

 -webkit-box-shadow: 0px 2px 2px #cccccc;

 box-shadow: 0px 2px 2px #cccccc;



}



.pagination a span {

 display: none;

}



.clearfix {

 float: none;

 clear: both;

}