#colophon{width: 100%; display: table; background-color: #ffffff; padding: 20px 0px 20px 0px}
.colophon-box{display: table-cell; height: 65px; vertical-align: middle}
#colophon span{color: #a8a8a8; font-family: 's-l'; text-align: center; text-decoration: none; cursor: pointer}
.popup-bck{background-color: rgba(102, 102, 102, .5); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 3}
.popup{display: table; width: 800px; background-color: #ffffff; -webkit-box-shadow: 8px 6px 20px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 8px 6px 20px 0px rgba(50, 50, 50, 0.5); box-shadow: 8px 6px 20px 0px rgba(50, 50, 50, 0.5); margin: 0 auto; position: relative; top: 100px; z-index: 4}
.popup-cross{background-image: url("../img/cross-30-30.png"); background-position: center center; background-repeat: no-repeat; height: 30px; position: relative; right: -780px; top: -100px; width: 30px; cursor: pointer}
.popup-title{font-size: 20px; color: #666666; padding: 20px 30px 20px 30px; border-bottom: 1px solid #CCCCCC}
.popup-text{font-size: 14px; color: #858585; overflow-y: scroll; max-height: 400px; padding: 20px 30px 20px 30px}
.popup-text strong, .popup-text b{font-family: 's'; color: #666666; font-size: 16px}
.popup-close{font-size: 16px; color: #666666; padding: 20px 30px 20px 30px; border-top: 1px solid #CCCCCC; display: table; width: 740px}
.popup-close-btn{display: block; float: right; cursor: pointer}