@charset "utf-8";

#main .btn{
text-decoration:none;
}

.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;
}

ol{
padding-left:2em;
}

ol.top{
padding-left:2em;
    display: flex;
    flex-wrap: wrap;
}
ol.top li{
line-height:1.5em;
font-size:120%;
    line-height: 1.5em;
    font-size: 120%;
    padding: 0px 50px 10px 0px;
    flex: 0 0 340px;
}

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

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

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