/* ===============================================
 *
 * TOPページ　メインローテーションバナー
 *
 * =============================================== */

@charset "shift-jis";

#slideshow {
	margin:				0 0 15px;
	width:				684px;
	border:				solid 1px #bababa;
	padding:			2px;
}

#slideshow #innerBox {
	padding:			5px 4px 5px 5px;
	background-color:	#eaeaea;
}

#slideshow #innerBox #ss_main {
	width:				672px;
	height:				194px;
	overflow:			hidden;
	position:			relative;
	border:				solid 1px #eddde0;
	background-color:	#fff;
}

#slideshow #innerBox #ss_main div {
	top:				0;
	left:				0;
	margin:				3px;
	position:			absolute;
}

#slideshow #innerBox #ss {
	width:				674px;
}

/*
#slideshow #innerBox img {
   	text-align:			center;
}
*/

#slideshow #innerBox ul li {
	width:				126px;
	height:				35px;
	float:				left;
	display:			inline;
}

#slideshow #innerBox ul li#ss1, #ss2, #ss3, #ss4, #ss6, #ss7, #ss8, #ss9 {
	margin-right:		1px;
	padding: 			10px 4px 5px;
}

#slideshow #innerBox ul li#ss5, #ss10 {
	padding: 			10px 4px 5px;
}

#slideshow #innerBox  ul li.active {
	filter:				alpha(opacity=100) !important;
	-moz-opacity:		1 !important;
	opacity:			1 !important;
}

#slideshow #innerBox  ul li.active_bg {
	background-image:	url('/esthe_img/top/thumb_bg.gif');
	background-position:0 0;
	background-repeat:	no-repeat;
}

/*
#slideshow #innerBox  ul li.active img {
	border:				solid 1px #fff;
}
*/

#slideshow #innerBox  ul li.active a:hover img {
	filter:				alpha(opacity=100) !important;
	-moz-opacity:		1 !important;
	opacity:			1 !important;
}

#ss_main {
/*   	text-align: center;*/
}

#ss_main div {
/*   	text-align: center;*/
	margin:				0;
}

/* =======================================
	ClearFixElements
======================================= */
/*
#slideshow #innerBox ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
*/

#slideshow #innerBox ul {
	display:			inline-block;
	overflow:			hidden;
}