/*
    style for buttons
*/

.subpage-button,
button[type='button'].ui-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-bg.png) repeat-x;
    height: 77px;
    border-radius: 9px;
    box-shadow: 0 5px 8px rgba(0,0,0,0.2);
    border: 0px outset buttonface;
    }

.subpage-button.blue-button  {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-blue-bg.png) repeat-x;
    }

.subpage-button:after,
button[type='button'].ui-button:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-arrow.png) no-repeat;
    width: 89px;
    height: 77px;
    z-index: 0;
    }
    .subpage-button.blue-button:after {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-blue-arrow.png) no-repeat;
        }

.subpage-button a,
button[type='button'].ui-button span,
.subpage-button span,
body .ui-widget .subpage-button input {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0 30px;
    color: #fff;
    font-size: 30px;
    line-height: 77px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
    border: none;
    background: transparent;
    }

.medium-button,
button[type='button'].ui-button {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-medium-bg.png) repeat-x;
    height: 39px;
    border-radius: 5px;
    }
    .medium-button.blue-button {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-medium-blue-bg.png) repeat-x;
        }
.medium-button:after,
button[type='button'].ui-button:after {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-medium-arrow.png) no-repeat;
    width: 45px;
    height: 39px;
    }
    .medium-button.blue-button:after {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-medium-blue-arrow.png) no-repeat;
        }
.medium-button a,
button[type='button'].ui-button span,
.medium-button span {
    padding: 0 20px;
    font-size: 15px;
    line-height: 39px;
    font-weight: bold;
    }

.small-button {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-small-bg.png) repeat-x;
    height: 28px;
    border-radius: 4px;
    }
    .small-button.blue-button {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-small-blue-bg.png) repeat-x;
        }
.small-button:after {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-small-arrow.png) no-repeat;
    width: 32px;
    height: 28px;
    }
    .small-button.blue-button:after {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-small-blue-arrow.png) no-repeat;
        }
.small-button a,
.small-button span,
body .ui-widget .small-button input {
    padding: 0 15px;
    font-size: 12px;
    line-height: 26px !important;
    text-decoration: none !important;
    font-weight: bold;
    }
body .ui-widget .small-button input {
    padding-top: 6px;
    padding-bottom: 4px;
    line-height: normal !important;
}
.tiny-button {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-tiny-bg.png) repeat-x;
    height: 18px;
    border-radius: 3px;
    }
    .tiny-button.blue-button {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-tiny-blue-bg.png) repeat-x;
        }
.tiny-button:after {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-tiny-arrow.png) no-repeat;
    width: 22px;
    height: 18px;
    }
    .tiny-button.blue-button:after {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/subpage-button-tiny-blue-arrow.png) no-repeat;
        }
.tiny-button a {
    padding: 0 10px;
    font-size: 7px;
    line-height: 18px;
    }

.drive-button {
        background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/drive-button-bg.png) repeat-x;
        height: 40px;
        border-left: 1px solid #e1a82d;
        border-radius: 5px;
        }
.drive-button:after {
    background: url(/National_Library/20160330061658oe_/https://www.roonga.com/static/img/drive-button-arrow.png) no-repeat;
    width: 45px;
    height: 40px;
    }
.drive-button a {
    padding: 0 20px;
    font-size: 15px;
    line-height: 40px;
    font-weight: bold;
    }