/* CSS Document */


.outline{
width: 900px;
margin: 0 auto;
padding-bottom: 50px;
}
.outline h3{
color: #4f3e31;
font-size: 24px;
font-weight: bold;
margin: 40px 0 20px;
}

.ol_table{
border-collapse: collapse;
}
.ol_table a{
color:#333;
text-decoration:underline;
display:block;
}
.ol_table th,.ol_table td{
border: 1px solid #333;
padding: 10px;
font-size: 18px;
font-weight: normal;
line-height: 28px;
text-align: left;
}
.ol_table1 th,.ol_table3 th{
width: 270px;
background: #cedaf2;
}
.ol_table1 td,.ol_table3 td{
width: 630px;
}

.ol_table2 th{
width: 100px;
background: #cedaf2;
}
.ol_table2 td{
width: 170px;
background: #e3ecff;
}
.ol_table2 td:last-child{
width: 630px;
background: none;
}
.ol_table2 tr:first-child th,
.ol_table2 tr:first-child td,
.ol_table3 tr:first-child th,
.ol_table3 tr:first-child td{
border-top: none;
}

.ol_table4{
width: 100%;
}
.ol_table4 th,.ol_table4 td{
padding: 5px;
}

.ol_table4 th,.ol_table4 td{
text-align: center;
}
.ol_table4 td span{
display: block;
border-top: 1px dotted #333;
}
.ol_table4 td span.ol_loft{
border-top: none;
font-size: 16px;
}
.ol_table4 td small{
display: none;
}
.ol_table4 th{
background: #cedaf2;
}
.ol_table4 td.ol_typename{
background: #e3ecff;
height:3.5em;
}
.ol_table4 td.ol_later{
line-height: 55px;
}
.ol_table_gray th,.ol_table_gray td{
background: #e5e5e5;
}

.ol_table5 td{
width: 33%;
vertical-align: top;
}
.ol_table5 tr:first-child td{
text-align: center;
background: #e3ecff;
}
.ol_table5 td span{
font-size: 16px;
}
.ol_table5 li{
list-style: circle;
margin-left: 1.2em;
}
.ol_table5 ul li:first-child{
display: none;
}

.ol_table td.mark_entry{
background: #e3ecff url("../img/mark_entry2.png") no-repeat 3px 3px;
background-size: 20px;
}
.ol_table td.mark_closed{
background: #e3ecff url("../img/mark_closed2.png") no-repeat 3px 3px;
background-size: 32px;
}


@media screen and (max-width: 768px){

.outline{
width: 100%;
}
.outline h3{
font-size: 20px;
line-height: 30px;
margin: 20px 0 20px;
}

.ol_table{
width: 100%;
}
.ol_table tr{
display: flex;
flex-flow: column;
}
.ol_table th{
margin-top: 15px;
border-radius: 5px;
}
.ol_table td{
}
.ol_table th,.ol_table td{
width: auto;
border: none;
font-size: 14px;
line-height: 20px;
}
.ol_table2 th{
margin-top: 20px;
margin-bottom: 10px;
}
.ol_table2 td{
line-height: 18px;
color: #5a6391;
font-weight: bold;
background: none;
margin-left: 10px;
padding-left: 0;
padding-bottom: 0;
border-bottom: 1px solid #5a6391;
}
.ol_table2 td:last-child{
width: auto;
padding-left: 10px;
color: #333;
line-height: 20px;
font-weight: normal;
border-bottom: none;
}

.ol_table4 th,.ol_table4 td{
padding: 5px;
font-size: 16px;
}
.ol_table4 th,.ol_table4 td{
text-align: center;
}
.ol_table4 td span{
border-top:none;
}
.ol_table4 td span.ol_loft{
border-top: none;
font-size: 16px;
}
.ol_table4 td small{
display: inline;
}
.ol_table4 th{
margin-top: 30px;
}
.ol_table4 td.ol_typename{
margin: 20px 0 10px;
font-weight: bold;
height:auto;
}
.ol_table4 td.ol_later{
line-height: 20px;
}
.ol_table_gray th,.ol_table_gray td{
display: none;
}

.ol_table5 td{
width: 100%;
font-size: 16px;
line-height: 26px;
}
.ol_table5 tr:first-child td{
display: none;
}
.ol_table5 td span{
font-size: 14px;
}
.ol_table5 ul li:first-child{
display: block;
margin-left: 0;
margin-bottom: 10px;
text-align: center;
background: #cedaf2;
border-radius: 4px;
}

.ol_table td.mark_entry{
background: #e3ecff url("../img/mark_entry2.png") no-repeat 6px center;
background-size: 20px;
}
.ol_table td.mark_closed{
background: #e3ecff url("../img/mark_closed2.png") no-repeat 6px center;
background-size: 32px;
}


}