@charset "UTF-8";

div.scrollable { position: relative; }
div.horizontal { width: 452px; height: 66px; position: relative; top: 10px; left: 411px; z-index: 1; }
div.horizontal div.items { width: 409px !important; height: 66px; float: left; }
div.items a { padding: 0px 1px 0px 1px; width: 66px; height: 66px; text-align: center; display: block; float: left; cursor: pointer; }
div.items a img { border: solid 1px #CCCCCC; }
a.prev { margin: 0px 1px 0px 0px; width: 20px; height: 66px; background: url(../images/common/slide_prev.gif); display: block; float: left; cursor: pointer; }
a.next { margin: 0px 0px 0px 0px; width: 20px; height: 66px; background: url(../images/common/slide_next.gif); display: block; float: left; cursor: pointer; position: }

div.popup { padding: 20px; width: 514px; border: solid 2px #CCCCCC; background-color: #FFFFFF; position: absolute; top: 80px; left: -200px; z-index: 3; display: none; }
div.popup .alpha { width: 260px; float: left; }
div.popup .alpha img { border: none !important; }
div.popup .beta { width: 250px; float: left; }
div.popup .beta strong { margin: 0px 0px 10px 0px; display: block; }
div.popup .beta ul { margin: 0px; padding: 0px; list-style: none; }
div.popup .beta ul li { padding: 0px !important; width: 50px !important; height: 50px !important; float: left; }
div.popup .beta ul li img { border: none !important; }
div.popup .beta p { margin: 10px 0px 0px 0px; padding: 0px; font-size: 80%; }