/* BODY */
#body { position: relative; overflow: hidden; }

/* BUTTON */
.btun { cursor: pointer; }
.green.btun { width: calc(100% - 85px); height: 45px; padding: 0px 55px 0px 30px; display: inline-block; vertical-align: top; line-height: 46px; background-color: #7dc561; font-size: 18px; color: #ffffff; border-radius: 100px; position: relative; text-align: center; }
.green.btun:hover { background-color: #85ce68; }
.green.btun:active { background-color: #75bb59; box-shadow: inset 0px 3px 0px #6dae53; }
.green.btun:before { content: ''; display: block; position: absolute; right: 7px; top: 7px; width: 32px; height: 32px; background: url('../images/arrow_icon_button.png') no-repeat; }
.green.btun:hover:before { background-position: 0px -32px; }
.border.btun { width: calc(100% - 4px); height: 41px; display: inline-block; vertical-align: top; line-height: 46px; border: 2px #7dc561 solid; font-size: 18px; color: #ffffff; text-align: center; border-radius: 100px; position: relative; text-align: center; }
button.green.btun { width: 100%; }