.muted { color: #999999 !important; }
.text-warning { color: #C09853 !important; }
.text-error { color: #B94A48 !important; }
.text-info { color: #3A87AD  !important; }
.text-success { color: #468847 !important; }

.under-text-indent { text-indent: -999px; }

.align-left { text-align: left !important; }
.align-center{ text-align: center !important; }
.align-right{ text-align: right !important; }

.margin { margin: 10px !important; }
.margin-min { margin: 5px !important; }
.margin-zero { margin: 0px !important; }
.margin-left{ margin-left: 10px !important; }
.margin-left-min{ margin-left: 5px !important; }
.margin-right{ margin-right: 10px !important; }
.margin-right-min{ margin-right: 5px !important; }
.margin-top{ margin-top: 10px !important; }
.margin-top-min{ margin-top: 5px !important; }
.margin-bottom{ margin-bottom: 10px !important; }
.margin-bottom-min{ margin-bottom: 5px !important; }

.padding { padding: 10px !important; }
.padding-min { padding: 5px !important; }
.padding-zero{ padding: 0px !important; }
.padding-top { padding-top: 10px !important; }
.padding-top-min { padding-top: 5px !important; }
.padding-right { padding-right: 10px !important; }
.padding-right-min { padding-right: 5px !important; }
.padding-bottom { padding-bottom: 10px !important; }
.padding-bottom-min { padding-bottom: 5px !important; }
.padding-left { padding-left: 10px !important; }
.padding-left-min { padding-left: 5px !important; }

.str-big { font-size: 15px !important; }
.str-medium { font-size: 13px !important; }
.str-bold { font-weight: bold !important; }
.str-unbold { font-weight: normal !important; }
.str-underline { text-decoration: underline !important; }
.str-normal { text-decoration: none !important; }

.disp-block { display: block !important; }
.disp-none { display: none !important; }

.v-align-top { vertical-align: top !important; }
.v-align-middle { vertical-align: middle !important; }
.v-align-bottom { vertical-align: bottom !important; }

.border { margin: 0px; padding: 0px; }
.border.dashed { border-style: dashed; }
.border.dotted { border-style: dotted; }
.border-bottom { border-width: 0px 0px 1px; border-bottom-color: inherit; }
.border-bottom-none { border-bottom: none !important; }
.border-right-none { border-right: none !important; }
.border-left-none { border-left: none !important; }
.border-top-none { border-top: none !important; }

    .indexsquare {
    display:table;
    width:450px;
    margin:15px 0px 0px 0px;
    padding:0px;
    font-size:13px;
    list-style-type:none;
    clear:both;
    }
    .indexsquare#kana1 {
    width:201px;
    margin:0px 3px 15px 0px;
    clear:both;
    }
    .indexsquare#kana2 {
    width:201px;
    margin:0px 3px 6px 0px;
    clear:none;
    }
    .indexsquare li {
    margin:0px 1px 1px 0px;
    padding:0px;
    float:left;
    border:1px solid #999;
    }
    .indexsquare li.bclr {
    margin:0px 70px 1px 0px;
    }
    .indexsquare li a {
    padding:2px 0px;
    width:28px;
    display:block;
    text-align:center;
    border:2px solid #CCC;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    }
    .indexsquare li a:hover {
    color:#039;
    border-color:#B5D4FE;
    text-decoration:none;
    }