/**スライド無し***/
#main_slide_ptn1 {
margin-bottom:15px;
clear:both;
overflow:hidden;
zoom:1;
}


#main_slide {
height:330px;
clear:both;
}

#example {
	width:900px;
	height:300px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:5px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:900px;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:900px;
	height:300px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:150px;
	left:0px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:920px;
}

/*
	Pagination
*/

.pagination {
	margin:0;
	width:500px;
}

.pagination li {
	float:left;
	margin-left:0px;
	margin-right:4px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:92px;
	height:0;
	padding-top:10px;
	background-image:url(pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -10px;
}



#jCarouselLiteDemo .carousel  {
padding:0;
margin:0;
position:relative;
}
#jCarouselLiteDemo .digg {
position:absolute;
left:610px;
top:110px;
}

#jCarouselLiteDemo .main {
padding:0;
margin:0;
}

#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
float:left;
}   

#jCarouselLiteDemo .carousel a.next,
#jCarouselLiteDemo .carousel a.prev{
display:block;
float:left;
width:10px;
height:130px;
text-decoration:none;
position:absolute;
z-index: 3;
background:url("arrow_left.jpg") left center no-repeat;
}	   
#jCarouselLiteDemo .carousel a.prev {
left:0px;
top:0px;
}
#jCarouselLiteDemo .carousel a.next {
left:470px;
top:0px;
}

#jCarouselLiteDemo .carousel a.next {
background:url("arrow_right.jpg") right center no-repeat;
}
#jCarouselLiteDemo .carousel a.next:hover {
background-image:url("arrow_right_on.jpg");
}
#jCarouselLiteDemo .carousel a.prev:hover {
background-image:url("arrow_left_on.jpg");
}    
#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
border:none;
outline:none;
}
#jCarouselLiteDemo .carousel .jCarouselLite {
float:left;
position:relative;
visibility:hidden;
padding-left:20px;
}
#jCarouselLiteDemo .carousel ul {
overflow:hidden;
margin:0;
padding:0;
}
#jCarouselLiteDemo .carousel li img {
background-color:#fff;
width:140px;
height:145px;
list-style:none;
margin:0;
padding:0;
overflow;hidden;
}
#jCarouselLiteDemo .carousel li {
background-color:#fff;
width:152px;
height:145px;
list-style:none;
margin:0;
padding:0;
}
#jCarouselLiteDemo .widget img {
cursor:pointer;
}
#jCarouselLiteDemo .mid {
margin-left:80px;
width:475px;
height:300px;
}
#jCarouselLiteDemo .vertical {
margin-left:170px;
}
#jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
width:170px;
}
#jCarouselLiteDemo .imageSlider li img, 
#jCarouselLiteDemo .imageSlider li p, 
#jCarouselLiteDemo .imageSliderExt li img , 
#jCarouselLiteDemo .imageSliderExt li p {
width:405px;
height:300px;
}