#scroller-container { width: 692px; 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}