* {
margin:0;/*すべてのマージンを初期化*/
padding:0;/*すべての余白を初期化*/
font-size:16px;
/*font-style: normal;*/
font-family: Arial;
}


.wrapper {
width:100%;
padding-top:1em;
border-top:5px solid #000066;

}
.container {
    width:70%;
    margin-right:15%;
    margin-left:15%;
    border-left:1px solid #444444;
    padding-left:0.5em;
    padding-bottom:3em;
}

#header{
   width:100%;
   /*display:block;*/
   text-align:center;
   margin: auto;
}

#footer {
border-top:1px solid #000066;
margin-left:15%
margin-right:15%
width:70%;
line-height:2em;
}

.footer-banner{
    display: flex;
    flex-wrap: wrap;
    height: auto;
    align-content: space-between;
    margin-left:15%
}
.footer-banner li {
    list-style: none;
    width: calc(80%/3);
    padding:10px 0pt 10px 0pt;
    box-sizing:border-box;
}
.footer-banner li img {
    max-width:100%;
    border:none;
}
.li{font-size:10px;}

h2 {
background:#ffffff;
font-size:16px;
line-height:1.5em;
border-right:1px solid #000066;
border-bottom:5px solid #000066;
border-left:1px solid #000066;
border-top:1px solid #000066;
margin-bottom:1em;
padding-left:1em;
}

h3 {
font-size:15px;/*フォントサイズ*/
border-left:5px solid #000066;/*左ライン*/
margin:0.5em 0 0.5em 0.5em;/*マージン上右下左*/
padding-left:0.5em;/*余白左*/
}

hhh {
border-top:1px solid #000066;
margin-left:10%
margin-right:10%
width:80%;
line-height:2em;
}
.hhh-banner{
    display: flex;
    flex-wrap: wrap;
    height: auto;
    align-content: space-between;
    margin-left:0%
}
.hhh-banner li {
    list-style: none;
    width: calc(100%/3);
    padding:10px 0pt 10px 0pt;
    box-sizing:border-box;
}
.hhh-banner li iframe {
    max-width:100%;
    border:none;
}
.li{font-size:10px;}

h4 {
font-size:14px;/*フォントサイズ*/
border-left:5px solid #000066;/*左ライン*/
margin:0.5em 0 0.5em 2.5em;/*マージン上右下左*/
padding-left:0.5em;/*余白左*/
}

p {
width:100%;
padding-left:2em;
margin-right:15%;
text-indent:1em;
}

.a {font-size:25px;}

modified_time {
    font-size:16px;
    position: fixed;
    bottom:0;
    right:10px;
}

#sidebar {
float:left;
width:15%;
text-align:left;
}
#sidebar a{
font-size:16px;
color: #000066;
display:block;/**/
border-bottom:3px dotted #000066;/*下ライン*/
border-left:5px solid #000066;/*左ライン*/
line-height:2em;/*行高*/
padding-left:1.0em;/*左余白*/
}

#sidebar a:hover {
font-size:16px;
background:#efefef;/*背景色*/
border-bottom:3px dotted #74a4d6;/*下ライン*/
border-left:5px solid #74a4d6;/*左ライン*/
line-height:2em;/*行高*/
padding-left:1.0em;/*左余白*/
}

#sidebar b{
font-size:16px;
color: #006600;
display:block;/**/
border-bottom:3px dotted #000066;/*下ライン*/
border-left:5px solid #000066;/*左ライン*/
line-height:2em;/*行高*/
padding-left:0.5em;/*左余白*/
font-size: small;
}

.new {
font-size:small;
color:red;
vertical-align: top;
}

.rough_table{
position:relative;
}

.rough_table p1{
position:absolute;
top:80%;
left:20%;
color:pink;
padding:0;
margin:0;
}

.transport{
    position: relative;
    padding-left:1em;
}

.transport a{
    padding:0;
    margin:0;
    font-size:16px;
}

