.carousel {
	position: relative;
	*width: 655px;/*IE7*/
	height: 271px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 25px 10px;
	*padding: 0 30px 10px;
}

.carousel_down {
	overflow:hidden;
	position: relative;
	height: 198px;
	margin: 0 auto;
	padding: 22px 0;
}

.carousel.three_screen {
	width: 495px;
}

.carousel.five_screen {
	width: 825px;
	padding: 0 60px 10px 65px;
}

*:first-child+html .carousel.three_screen {
	padding: 0 25px 0;
}

.carousel_control li {
    overflow: hidden;
    width: 17px;
    padding: 0;
    margin: 0;
}

/*IE7ここから*/
*:first-child+html .carousel_control li {
	position: absolute;
	top: 0;
}

*:first-child+html .carousel_control li.prev {
	left: 7px;
	width: 25px;
	height: 100%;
	padding-right: 5px;
}

*:first-child+html .carousel_control li.next {
	right: 7px;
	width: 25px;
	height: 100%;
	padding-left: 5px;
}

/*IE7ここまで*/


.carousel_control li a{
    width: 25px;
	display: block;
	position: absolute;
	top: 0;
}

.carousel_control .prev a{
	left: 7px;
	width: 25px;
	height: 100%;
	background: url(../images/btn_carousel_left.png) no-repeat scroll 6px center transparent;
}

.carousel_control .next a{
	right: 7px;
	width: 25px;
	height: 100%;
	background: url(../images/btn_carousel_right.png) no-repeat scroll 7px center transparent;
}


.carousel_control .prev a:hover{
	left: 7px;
	height: 100%;
	background: url(../images/btn_carousel_left_on.png) no-repeat scroll 6px center #f5f5f5;
}

.carousel_control .next a:hover{
	right: 7px;
	height: 100%;
	background: url(../images/btn_carousel_right_on.png) no-repeat scroll 7px center #f5f5f5;
}

/*next and prev disabled */
.carousel_control .disabled {
    opacity: 0.3;
    -moz-opacity: 0.3; /* Firefox */
    filter: alpha(opacity=30); /* IE6/7 */
	-ms-filter: "alpha(opacity=30)"; /* IE8 */
	cursor: default!important;
}

.carousel_control .next .disabled:hover {
	background: url(../images/btn_carousel_right.png) no-repeat scroll 7px center transparent!important;
}

.carousel_control .prev .disabled:hover {
	background: url(../images/btn_carousel_left.png) no-repeat scroll 6px center transparent!important;
}




.carousel_control_down li {
    overflow: hidden;
    width: 162px;
    height: 0;
    line-height: 24px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}


.carousel_control_down li a{
    width: 180px;
    height: 22px;
	display: block;
	position: absolute;
}


.carousel_control_down .prev{
	left: 0;
	top: 0;
	background: url(../images/btn_carousel_up.gif) no-repeat scroll 0 0 transparent;
}

.carousel_control_down .next{
	left: 0;
	bottom: 0;
	background: url(../images/btn_carousel_down.gif) no-repeat scroll 0 0 transparent;
}

.carousel_control_down .prev:hover{
	background: url(../images/btn_carousel_up_on.gif) no-repeat scroll 0 0 transparent;
}

.carousel_control_down .next:hover{
	background: url(../images/btn_carousel_down_on.gif) no-repeat scroll 0 0 transparent;
}

.carousel_control .prev.disabled,
.carousel_control .next.disabled{
    background-position: 0 -70px !important;
    cursor: default;
}

.carousel_control .prev span,
.carousel_control .next span,
.carousel_control_down .prev span,
.carousel_control_down .next span{
	display:none;
}

.carousel .item{
	width: 100%;
/*	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#cccccccc', EndColorStr='#ffffffff');  	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.50, #cccccc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: -o-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: -ms-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);*/
	display: none;
}

.carousel .item > li{
	display: inline;
	float:left;
	margin: 0;
	width: 165px;
	background: #fff;
}

.carousel .item > li + li{
	border-right: 1px solid #ccc;
}

.carousel .item > li:first-child{
	border-right: 1px solid #ccc;
}

.carousel .item > li:last-child{
	border-right: 1px solid #fff;
}

.carousel .item li dl{
	background: #fff;
}

.carousel .item dl dt, .carousel .item dl dd {
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
}

.carousel .item dl dt{
	position: relative;/*icon*/
	padding-bottom: 5px;
}

.carousel .item dl dt.img, .carousel .item dl dd.img{
	text-align: center;
}

.carousel .item dl dt .icon, .carousel .item dl dd .icon{
	position: absolute;
	top: 5px;
	left: 5px;
}


.carousel .item dl dd, .haveRecommended dd{
	position:relative;/*icon*/
	overflow:hidden;
	/*text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	white-space:nowrap;*/
}



.carousel .item dl dd.price, .haveRecommended dd.price {
	padding: 2px 10px;
}

.carousel .item dl dd.star, .haveRecommended dd.star {
	padding-bottom: 5px;
}

.carousel .item dl dd.price ul, .haveRecommended dd.price {
	background: #faf5e6;
}

.carousel .item dl dd.price ul li {
	padding: 0 5px;
}

.omission {
	height: 4.2em;
}

/*  ---  */

.toggle_box .item{
	width: 100%;
/*	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#cccccccc', EndColorStr='#ffffffff');  	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.50, #cccccc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: -o-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: -ms-linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);
	background: linear-gradient(top, #fff 0%, #ccc 50%, #fff 100%);*/
	display: none;
}

.toggle_box .item > li{
	display: inline;
	float:left;
	margin: 0;
    margin-bottom: 10px;
	width: 165px;
	background: #fff;
}

.toggle_box .item > li + li{
	border-right: 1px solid #ccc;
}

.toggle_box .item > li:first-child{
	border-right: 1px solid #ccc;
}

.toggle_box .item > li:last-child{
	border-right: 1px solid #fff;
}

.toggle_box .item li dl{
	background: #fff;
}

.toggle_box .item dl dt, .toggle_box .item dl dd {
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
}

.toggle_box .item dl dt{
	position: relative;/*icon*/
	padding-bottom: 5px;
}

.toggle_box .item dl dt.img, .toggle_box .item dl dd.img{
	text-align: center;
}

.toggle_box .item dl dt .icon, .toggle_box .item dl dd .icon{
	position: absolute;
	top: 5px;
	left: 5px;
}


.toggle_box .item dl dd, .haveRecommended dd{
	position:relative;/*icon*/
	overflow:hidden;
	/*text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	white-space:nowrap;*/
}



.toggle_box .item dl dd.price, .haveRecommended dd.price {
	padding: 2px 10px;
}

.toggle_box .item dl dd.star, .haveRecommended dd.star {
	padding-bottom: 5px;
}

.toggle_box .item dl dd.price ul, .haveRecommended dd.price {
	background: #faf5e6;
}

.toggle_box .item dl dd.price ul li {
	padding: 0 5px;
}

.haveRecommended {
	width: 145px;
	margin-left: 20px;
}

.haveRecommended dt {
	text-align: center;
}
   
.pager {
	position:absolute;
	top:0;
	width: 100%;
	text-align: center;
}
			
.pager a {
	margin: 0 5px;
}

.timer {
	background-color: #999;
	height: 6px;
	width: 0px;			
}