#scroller-container
{
	width: 705px;
	height: 104px;
	overflow: hidden;
	float: left;
}

ul#scroller-contents
{
	height: 105px;
	width: 1500px;
	margin: 0;
	padding: 0;
}
ul#scroller-contents li
{
	float: left;
	list-style-type: none;
	margin-right: 15px;
}
ul#scroller-contents li img
{
	width: 100px;
	height: 100px;
	border: none;
}

ul#scroller-contents li a
{
	border: solid 2px #d4d4d4;
	float: left;
}
ul#scroller-contents li a:hover
{
	border: solid 2px #9a2624;
}

#div-left-scroll
{
	float: left;
	width: 17px;
	height: 104px;
	background-color: #002f63;
	margin-right: 5px;
	text-indent: -1000px;
}
#hrefLeftScroll
{
	display: block;
	width: 17px;
	height: 104px;
	background-color: #002f63;
	outline: none;
	background-image: url(../visual/left-arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#hrefLeftScroll:hover
{
	display: block;
	width: 17px;
	height: 104px;
	background-color: #1c449c;
	outline: none;
	background-image: url(../visual/left-arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
}


#div-right-scroll
{
	float: left;
	width: 17px;
	height: 104px;
	margin-left: 5px;
	text-indent: -1000px;
}
#hrefRightScroll
{
	display: block;
	width: 17px;
	height: 104px;
	background-color: #002f63;
	outline: none;
	background-image: url(../visual/right-arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#hrefRightScroll:hover
{
	display: block;
	width: 17px;
	height: 104px;
	background-color: #1c449c;
	outline: none;
	background-image: url(../visual/right-arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
}