@import url( ../../music.css );

.title
    {
    font-size : 1.8em;
    }

.title .subtitle
    {
    font-size : 0.9em;
    }
    
p   {
    text-align : justify;
    }

ul  {
    margin : 1.2em 12%;
    }

li  {
    margin-top : 0.25em;
    text-align : justify;
    }

li ul
    {
    margin-left : 0;
    }

.toc
    {
    margin : 1.8em 20%;
    }

.toc a
    {
    font-size : 1.1em;
    font-weight : bold;
    }
    
.toc .current-page
    {
    background : #eee;
    padding : 0.2em 0.4em;
    color : #555;
    border : none;
    }
    
.illustration-right
    {
    margin : 0 1em;
    float : right;
    clear : right;
    }

.illustration-left
    {
    margin : 0 1em;
    float : left;
    clear : left;
    }

.illustration-center
    {
    text-align : center;
    margin : 1em;
    }

.next-page
    {
	background : inherit;
    text-align : right;
    font-size : 1.3em;
    margin : 1.4em 10%;
    }

.next-page a
    {
    font-weight : bold;
    }

.nav-page
    {
    margin : 1em 0 2.6em 0;
    font-size : 1.2em;
    text-align : center;
    font-size : 0.9em;
    color : #CCC;
    }

.nav-page a
    {
    margin : 0 0.2em;
    }

.nav-page .cur-page
    {
    font-weight : bold;
    background : #ddd;
    padding : 0 0.3em;
    margin : 0 0.1em;
    }

.nav-page .page-step
    {
    margin : 0 0.4em;
    font-weight : bold;
    }


.recording
    {
    border-left: 0.4em solid #AAA;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    margin-left: 14%;
    margin-right: 14%;
    padding: 0.8em;
    background-color : #f3f4f4;
    }

.recording .listen
    {
    font-weight : bold;
    font-size : 1.2em;
    }

.recording .contents
    {
    margin : 1.6em 1em 0.5em 1em;
    }

.recording .contents .even
    {
    background : #dedede;
    }

.recording .contents .odd
    {
    background : #e4e4e4;
    }

.recording .contents td
    {
    padding : 0.12em 0.5em;
    }