/* Elastislide Style */

.slider .es-carousel{
	width:100%;
}



.slider .es-carousel ul{
	display:block;
}

.pc .slider .es-carousel-wrapper{
	background-color:#7f7f7f;

/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);

/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
50% 0%,
50% 100%,
color-stop(0, rgb(127,127,127)),
color-stop(0.1, rgb(206,206,206)),
color-stop(0.88, rgb(204,204,204)),
color-stop(0.99, rgb(251,251,251)));

/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);

/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);

background-image:
linear-gradient(-90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);
border-bottom:1px solid #889DAE;
border-left:1px solid #889DAE;
border-right:1px solid #889DAE;
padding:8px 37px;
position:relative;

-pie-background: linear-gradient(-90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);
behavior: url(/https/www.cmoa.jp/pc/js/pie/PIE.htc);

}

.ipad .slider .es-carousel-wrapper{
/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);

/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
50% 0%,
50% 100%,
color-stop(0, rgb(127,127,127)),
color-stop(0.1, rgb(206,206,206)),
color-stop(0.88, rgb(204,204,204)),
color-stop(0.99, rgb(251,251,251)));

/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);

background-image:
linear-gradient(-90deg,
rgb(127,127,127) 0%,
rgb(206,206,206) 10%,
rgb(204,204,204) 88%,
rgb(251,251,251) 99%);


background-color:#7f7f7f;
border-bottom:1px solid #889DAE;
border-left:1px solid #889DAE;
border-right:1px solid #889DAE;



padding:8px 37px;
position:relative;
}




.slider .es-carousel{
	overflow:hidden;
}
.slider .es-carousel ul{
	display:none;
}
.slider .es-carousel ul li{
	float:left;
	display:block;
	text-align:center;
}

.slider .es-carousel ul li div{

}

.slider .es-carousel ul li div.p_active{
background-color:#EFEFEF;
color: #666666;
/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,
rgb(170,170,170) 0%,
rgb(225,230,234) 100%);
/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
50% 0%,
50% 100%,
color-stop(0, rgb(170,170,170)),
color-stop(1, rgb(225,230,234)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,
rgb(170,170,170) 0%,
rgb(225,230,234) 100%);
/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(170,170,170) 0%,
rgb(225,230,234) 100%);
background-image:
linear-gradient(-90deg,
rgb(170,170,170) 0%,
rgb(225,230,234) 100%);
border-color:#aaaaaa;
border-width:1px;
border-style:solid;
	border-radius: 5px;
padding:8px 5px;
font-weight: bold;


}

.slider .es-carousel ul li a{
display:block;
border-radius: 5px;
padding:8px 5px;
background-color:#666666;
color: #FFFFFF;
font-weight: bold;
border: 1px solid
#666;

/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,
rgb(163,163,163) 0%,
rgb(102,102,102) 50%,
rgb(102,102,102) 99%);

/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
50% 0%,
50% 100%,
color-stop(0, rgb(163,163,163)),
color-stop(0.5, rgb(102,102,102)),
color-stop(0.99, rgb(102,102,102)));

/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,
rgb(163,163,163) 0%,
rgb(102,102,102) 50%,
rgb(102,102,102) 99%);

/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(163,163,163) 0%,
rgb(102,102,102) 50%,
rgb(102,102,102) 99%);

background-image:
linear-gradient(-90deg,
rgb(163,163,163) 0%,
rgb(102,102,102) 50%,
rgb(102,102,102) 99%);

}

.slider .es-carousel ul li a:hover{
background-color:#a3a3a3a3;

/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,
rgb(102,102,102) 0%,
rgb(102,102,102) 50%,
rgb(163,163,163) 99%);

/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
50% 0%,
50% 100%,
color-stop(0, rgb(102,102,102)),
color-stop(0.5, rgb(102,102,102)),
color-stop(0.99, rgb(163,163,163)));

/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,
rgb(102,102,102) 0%,
rgb(102,102,102) 50%,
rgb(163,163,163) 99%);

/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(102,102,102) 0%,
rgb(102,102,102) 50%,
rgb(163,163,163) 99%);

background-image:
linear-gradient(-90deg,
rgb(102,102,102) 0%,
rgb(102,102,102) 50%,
rgb(163,163,163) 99%);

}

.slider .es-nav span{
	position:absolute;
	top:50%;
	left:12px;
	background:transparent url(/https/www.cmoa.jp/pc/image/common/nav.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.slider .es-nav span.es-nav-next{
	right:12px;
	left:auto;
	background-position:top right;
}
.slider .es-nav span:hover{
	opacity:1.0;
}

 div.title_page_recommend div.slider_ul_wrapper2{
height: 205px;
}

 div.title_page_recommend div.slider_ul_wrapper2{
height: 205px;
}

.title_page_recommend .slider .es-carousel-wrapper{
border-bottom: none;
border-left: none;
border-right: none;
padding: 0 37px 8px 37px;

}