@charset "utf-8";
*{color: #3e668d}

body{
    margin:10px;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    font-family: "Georgia","Helvetica","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
            "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 200;
}

main{
    flex: 1;
}

header{
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 10px 2% 20px 2%;
    background-color: #8ec6ff;
    color: #ffffff;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight:200;
    /*position: fixed;*/
    /*top: 0;*/
    display: flex;
}


h1.header{
    background-color: #8ec6ff;
    color: #fff;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight:200;
    font-size:16pt;
    margin: 0;
    padding: 0;
    text-align:left;
}

/*link.nav*/
a.nav{
    text-decoration: none;
    font-family: sans-serif;
    color: #fff;
}
        
ul.nav{
    list-style: none;
    margin: 0;
    display: flex;    
}
        
li.nav{
    margin: 20px 20px 20px 20px;
    font-size: 16px;
}

img.nav{
    margin:auto 20px auto 0px;
    width: 234px;
}
            
nav{
    margin: 0 0 0 auto;
}            



h1.title{
    color: #3e668d;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 200;
    font-size: 32pt;
    margin: 0px 0px 32px 0px;
    padding: 0;
    text-align: center;
}



.toc{width: 20%;
    }
.text{width: 80%;
    }
.main{display: flex;}



h2{
    color: #3e668d;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 400;
    font-size: 20pt;
    text-align: left;
    margin: 24px 0px 0px 0px;
    padding: 0rem 1rem 0rem 1rem;
    background: transparent;
    border-left: 12px solid #4785b9;
}
    
h3{
    color: #3e668d;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 400;
    font-size: 18pt;
    text-align: left;
    margin: 20px 0px 10px 0px;
    padding: 0rem 1rem 0rem 1rem;
    background: transparent;
    border-left: 9px solid #5c97cd;
    
}

h4{
    color: #3e668d;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 400;
    font-size:16pt;
    text-align: left;
    margin: 16px 0px 10px 0px;
    padding: 0rem 1rem 0rem 1rem;
    background: transparent;
    border-left: 7px solid #75aee6;  
}

h6{
    color: #3e668d;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 500;
    font-size:16pt;
    text-align: left;
    margin: 16px 0px 10px 0px;
    padding: 0rem 1rem 0rem 1rem;
    background: transparent;
    /*border-left: 7px solid #75aee6;*/  
}

p{
    color: #3e668d;
    font-family: "Georgia","Helvetica","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 200;
    font-size: 14pt;
    text-align: left;
}

p.center16{
    color: #3e668d;
    font-family: "Georgia","Helvetica","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 200;
    font-size: 16pt;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 0%;
}



table{
    margin-left: auto;
    margin-right: auto;

    margin-top: 1.5rem;
    margin-bottom: 2rem;
}



th{
    border:1px solid #ffffff;
    padding:5px;
    /*background-color:#8ec6ff;*/
    color: #ffffff;
}

td{
    border:1px solid #ffffff;
    padding:5px;
    background-color:#eee;
}

.mono-th-case{
    background-color: #cae2ff;
    color: #3e668d;
}

.th-case{
    background-color: #cae2ff;
    color: #3e668d;
}

.th-pron{
    background-color: #81baf2;
    color: #ffffff;
}

.th-adj{
    background-color: #75aee6;
    color: #ffffff;
}

.th-subst{
    background-color: #5c97cd;
    color: #ffffff;
}

.th-case-0{
    background-color:#ffffff
}

.th-case-1{
    background-color: #5c97cd;
}

.th-case-2{
    background-color: #4785b9;
}


ul li{
    padding-left: 10px;
}



.toc{
    color: #3e668d;
    background-color: #cae2ff;
    /*background-color: #8ec6ff;*/
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    font-weight: 400;
    font-size: 12pt;
    text-align: left; 
    width: 100%;
    max-width: 300px;
    /*margin: 30px auto 30px auto;*/
    margin: 20px 20px 20px 10px;
}

.toc a{
    text-decoration: none;
}

.toc ol{
    list-style: square;
    padding-left: 15px;
    text-indent: 0px;
}

.toc li{
    padding-left: 5px;
    text-indent: 0px;
}






footer{
    width: 100%;
    background-color:#8ec6ff;
    color:#ffffff;
    font-family:  "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
        "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
    margin: 30px 0 0 auto;
    padding: 0rem 1rem 0rem 1rem;
    text-align: center;
}

    /*Link*/
    a{
    text-decoration: none;
    font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
    "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
    color: #fff;
    }

    ul{
    list-style: none;
    margin: 0;
    display: flex;    
    }

    li{
    margin: 20px 20px 20px;
    font-size: 18px;
    }
    
    
    nav{
    margin: 0 0 0 auto;
    }


.list-1{
    list-style: initial;
    display: initial;
    padding: 0.5em 0.5em 0.5em 0.5em;
    list-style-type: square;
}

.list-0{
    list-style: initial;
    display: initial;
    padding: 0.5em 0.5em 0.5em 0.5em;
    list-style-type: none;
}