@charset "UTF-8";
/* CSS Document */
img {
max-width : 100% ;
height : auto ;
}

.kana_one_image img {
    display : block ;
    max-width : 50% ;
    height : auto ;
    margin : 0 auto ;
}

body {
    background-color : #FFFFFF;

}

.ui-content {
background-color : #FFFFFF;
}

.hiragana_katakana_romaji {
    font-size : 2rem;
    text-align : center;
    margin : 10px ;
}

.kana_one_name {
    font-size : 2rem;
    text-align : center;
    margin : 10px ;
}

.strong {
/*    text-transform: uppercase; */
    font-size : 2.5rem;
    font-weight : bold;
    margin : 2px ;
}


/*
#hiragana_all_list p {
    font-size : 3rem;
    margin : 0px ;
}

#katakana_all_list p {
    font-size : 3rem;
    margin : 0px ;
}

*/

.kana_all_list {
    font-size : 2rem;
    margin : 0px ;
    font-weight : normal;
}

.kana_all_list a {
    text-decoration: none;
    margin : 1em;
}

.kana_all_list a:link {
    color: #000000;
}

.kana_all_list_name {
    font-size : 1.5rem;
        margin : 0px ;
}

.kana_all_list_name a {
    text-decoration: none;
    margin : 1.5em;
}

.kana_all_list_name a:link {
    color: #000000;
}

#footer_fjmex {
    padding : 4px ;
    display : block ;
        text-align : center;
}

#index_header {
    font-size : 2rem;
    padding : 8px;
    text-align : center;
}

#main_menu {
    font-size : 2rem;
}

.fixed_header {
    position : fixed;
}

/*
.ui-btn-active {
    border: 1px solid         #c7c7c7;
    background:             #ababab;
    font-weight: bold;
    color:                     #000;
    cursor: pointer;
    text-shadow: none;
    text-decoration: none;
    background-image: -moz-linear-gradient(19% 75% 90deg,#ababab, #c9c9c9, #c7c7c7 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF), color-stop(.6,#BABABA));
    outline: none;
}
.ui-btn-active a.ui-link-inherit {
    color:                     #000;
}
*/

a:link { color: #CCCCCC; }
a:visited { color: #CCCCCC; }
a:hover { color: #CCCCCC; }
a:active { color: #CCCCCC; }

.gojuon_gyou {
    text-align: center;
    margin: 0 auto;
}


/* for 7 columns grid */

/* ADD 6(e) and 7(f) column grid */
.ui-grid-e, .ui-grid-f { overflow: hidden; }

/* grid e: 16/16/16/16/16/16 */
.ui-grid-e .ui-block-a, .ui-grid-e .ui-block-b, .ui-grid-e .ui-block-c, .ui-grid-e .ui-block-d, .ui-grid-e .ui-block-e, .ui-grid-e .ui-block-f { width: 16.59166666666667%; }
.ui-grid-e > :nth-child(n) { width: 16.66666666666667%; }
.ui-grid-e .ui-block-a { clear: left; }

/* grid f: 14/14/14/14/14 */
.ui-grid-f .ui-block-a, .ui-grid-f .ui-block-b, .ui-grid-f .ui-block-c, .ui-grid-f .ui-block-d, .ui-grid-f .ui-block-e, .ui-grid-f .ui-block-f, .ui-grid-f .ui-block-g { width: 14.21071428571429%; }
.ui-grid-f > :nth-child(n) { width: 14.28571428571429%; }
.ui-grid-f .ui-block-a { clear: left; }

/* ADD 6th (f) and 7th (g) blocks in grid */
.ui-header .ui-navbar .ui-grid-e li.ui-block-f .ui-btn,
.ui-footer .ui-navbar .ui-grid-e li.ui-block-f .ui-btn { margin-right: -3px; }/* NOT TESTED */

.ui-header .ui-navbar .ui-grid-f li.ui-block-g .ui-btn,
.ui-footer .ui-navbar .ui-grid-f li.ui-block-g .ui-btn { margin-right: -2px; }/* NOT TESTED */

.ui-grid-e .ui-btn, .ui-grid-f .ui-btn { margin-right: 5px; margin-left: 5px; }

.ui-block-f, .ui-block-g { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.ui-header .ui-navbar .ui-grid-e li.ui-block-f .ui-btn-icon-right .ui-icon,