/* --- slide with Prototype --- */

a {
	color: #BE0C0C;
	text-decoration: none;
}

a:hover {
	color: #333;
}

a:active, a:focus {
	outline: none;
}

.ico {
	width: 24px;
	height: 24px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

.ico-first {
	background-image: url("../img/ico/first.png");
	margin-right: 5px;
}

.ico-prev {
	background-image: url("../img/ico/prev.png");
	width: 35px;
	height: 35px;
	background-position: left top;
	position: absolute;
	z-index: 50;
	top: 190px;
	left: 100px;
}

.ico-next {
	background-image: url("../img/ico/next.png");
	width: 35px;
	height: 35px;
	background-position: left top;
	position: absolute;
	z-index: 50;
	top: 190px;
	left: 765px;
}

/*.ico-last { background-image: url("../img/ico/last.png"); margin-left: 5px; }
.menu { position: relative; list-style-type: none; margin-bottom: 2px; }
.menu a.tab { padding: 5px 10px 5px 10px; border: 1px solid #CCD8E3; background-color: #FAFAFA; }
.menu a.selected { border-bottom-color: #FFF; background-color: #FFF; }*/

.ico-toggle {
	background-image: url("../img/ico/toggle.png");
	margin-top: -6px;
	position: relative;
	right: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* --- styles slide ---*/

.main {
	width: 900px;
	float: left;
	position: relative;
}

.scroller {
	top: 20px;
	width: 900px;
	height: 340px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
}

.scroller#scroller-3 {
	width: 868px;
	height: 300px;
}

#content-1 {
	width: 7200px;
}

.slide {
	width: 660px;
	height: 360px;
	float: left;
	padding: 0 120px;
	background: url(../img/bgBox.png) no-repeat center top;
}