@charset "utf-8";


.moji1{
color:#2A2A2A;
margin-left:4px;
font-size:14px;
line-height:150%;
}

.moji2{
margin:0px 0px 5px 0px;
font-size:20px;
font-weight:bold;
color:#990033;
line-height:1.3;
margin-bottom: 1em;
}

.moji3{
font-size:10pt;
color:#2A2A2A;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:130%;
}

.moji4{
font-size:9pt;
color:#2A2A2A;
margin-left:4px;
line-height:140%;
margin:0px 0px 0px 10px;
}

.title{
background-color:#ffcccc;
padding:2px 2px 2px 6px;
margin:0px 0px 8px 0px;
}

.title2{
font-size:100%;
background-color:#fcd7ce;
padding:0.5em 0.5em 0.5em 0.5em;
margin:0em 0em 0em 0px;
font-weight:bold;
line-height:140%;
}

.title3,
h2 {
background-image:url("/line.gif");
background-repeat:no-repeat;
background-position:left middle;
font-size:110%;
color:#2A2A2A;
padding:0px 0px 10px 12px;
margin:20px 0px 5px 0px;
font-weight:bold;
line-height:1.5;
}

ul.pict{
display:flex;
flex-wrap:wrap;
}
ul.pict li{
width:100px;
margin:0 10px 10px 0;
}

.entry_area ul,.entry_area ol{
padding-left:2em;
}
.entry_area  ol li,.entry_area  ul li{
line-height:1.5em;
font-size:130%;
}

.entry_area ol li a,.entry_area ul li a{
text-decoration:none;
border-bottom: dashed 1px orange;
}

.floatL{
float:left;
margin-right:10px;
}

.bg {
    padding: 10px;
    margin: 10px;
    background: #FFF1DD;
}

<!-- テーブル -->

table.line{
border-top:1px solid #663300;
border-right:1px solid #663300;
border-bottom:1px solid #663300;
border-left:1px solid #663300;
border-collapse:collapse;
border-spacing:0;
background-color:#fff;
empty-cells:show;
font-size:14px;
}

.line th{
border-right:1px solid #663300;
border-bottom:1px solid #663300;
color:#FFF;
background-color:#996633;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:0.3em 1em;
text-align:center;
font-size:14px;
}

.line td{
border:1px solid #663300;
padding:0.3em 1em;
font-size:14px;
background-color:#faf0e6;
}
.table01{
padding:10px;
}

.table01 th{
width:100px;
text-align:left;
padding:5px;
font-weight:normal;
}
<!-- /テーブル -->


<!-- /dot -->
.dot{
border:dotted 1px #a0a0a0;
padding:20px 20px 20px 20px;
margin:0px 0px 0px 0px;
text-align:center;
} 

.dot p{
text-align:center;
}

.dot_red{
border:dotted #f4a3b3 medium;
padding:20px 20px 20px 20px;
margin:0px 0px 0px 20px;
text-align:left;
} 

.dot_normal{
border:dotted #a0a0a0 thin;
padding:10px 10px 10px 10px;
margin:0px 0px 0px 20px;
text-align:left;
}

.dot_plain{
float:right;
border:dotted #a0a0a0 thin;
background-color:#ffffff;
padding:1em 1em 1em 1em;
margin:1em 0em 1em 1em;
font-size:13px;
line-height:140%;
text-align:left;
} 
<!-- /dot -->

.nen01 .nen_midashi {
    font-weight: bold;
    font-size: 120%;
    color: green;
}
.nen_01 {
    margin: 0 0 10px 0;
    padding: 10px;
    border: solid 3px red;
}
.clearfix {
    display: block;
}

ul.list_style li {
    list-style-type: none;
    position: relative;
}
ul.list_style li:before {
    content: '■';
    position: absolute;
    left: -19px;
    top: 0px;
    color: #e87e40;
}

.flex_only {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    justify-content: start;
    margin: auto;
}

.flex_only a {
    margin: 5px;
}

@media only screen and (max-width: 890px) {
.flex_only {
    flex-direction: column;
}

.flex_only a {
    margin: 0px;
}
}



#menu {
    padding: 0;
    margin: 1em 1em 2em 1em;
    border: 1px solid #5785c9;
}

ul.menu_list>li {
    line-height: normal;
    padding: 0em 0.3em 0.3em 1em;
    border: 0;
}

.menu_box h3 {
    padding-left: 1em;
    letter-spacing: 2px;
    color: #3d7ad4;
    border-bottom: 1px solid;
}

.menu_box {
    margin: 1em;
}