@charset "utf-8";

h2 {
    font-weight: bold;
}

h3 {
    font-weight : bold;
    text-align : center; 
    margin-bottom : 0.3em;
}

h3.leftbk {
    margin-bottom : 0;
}

div#main_1 {
    border : solid 1px darkgray;
    padding: 1.0em;
    margin : 0 0 1em 0;
}

div#main_2 {
    border : solid 1px darkgray;
    padding: 1.0em;
    margin : 0;
}

div#roundbox1 {
    width : 30em;
    border : solid 1px darkgray;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 0.5em 1em 0.5em;
    padding: 1em;
}

div#roundbox2 {
    width : 30em;
    border : solid 1px darkgray;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 0.5em 0.5em 0.5em;
    padding: 1em;
}

div#roundbox3 {
    border : solid 1px darkgray;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 0.5em 0.5em 0.5em;
    padding: 1em;
}

div#roundbox4 {
    border : solid 1px darkgray;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 0.5em 1.0em 0.5em;
    padding: 1em;
}

div#roundbox5 {
    border : solid 1px darkgray;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 0.5em 0.5em 0.5em;
    padding: 1em;
}

#parenthesis1 {
    width : 20em;
    margin : 0.5em auto;
    position: relative;
    padding: 5px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#parenthesis1::before,
#parenthesis1::after {
    position: absolute;
    top: 0;
    content: '';
    width: 10px;
    height: 100%;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#parenthesis1::before {
    left: 0;
    border-left: 2px solid silver;
    border-radius: 8px 0 0 8px;
}
#parenthesis1::after {
    right: 0;
    border-right: 2px solid silver;
    border-radius: 0 8px 8px 0;
}

#parenthesis2 {
    width : 28em;
    margin : 0.5em auto;
    position: relative;
    padding: 5px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#parenthesis2::before,
#parenthesis2::after {
    position: absolute;
    top: 0;
    content: '';
    width: 10px;
    height: 100%;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#parenthesis2::before {
    left: 0;
    border-left: 2px solid silver;
    border-radius: 8px 0 0 8px;
}
#parenthesis2::after {
    right: 0;
    border-right: 2px solid silver;
    border-radius: 0 8px 8px 0;
}


table#tb_m1 {
    margin : 1em auto;
}

table#tb_m1 th {
    vertical-align : middle;
    border : none;
    margin : 0;
    padding: 0;
}

table#tb_m1 td {
    vertical-align : middle;
    border : none;
    margin : 0;
    padding: 0;
}

.arrow_cell {
    width : 50px;
}

table#tb_m2 {
    margin : 1em auto;
    width : 97%;
}

table#tb_m2 th {
    border : solid 1px silver;
    font-weight : bold;
    vertical-align : middle;
    padding : 0.2em 1em;
}

table#tb_m2 td {
    border : solid 1px silver;
    vertical-align : middle;
    padding : 0.2em 1em;
}