/* CSSのコメントはこのように書きます。HTMLのコメントとは違いますよ */

body {
padding: 0 2%;
margin: 10px;
text-align: left;
font-size: 15px;
color: #000000;
font-family: sans-serif;
line-height: 100%;
background: #ffffff
}

<!--
ol.gyou1 { line-height:100%; margin-top: -10px; 
}
-->

<!--
ul.gyou1 { line-height:170%; margin-top: -10px; }
-->

.mb1{
   margin-bottom: 1em;
}
.mb2{
   margin-bottom: 2em;
}
.mb3{
   margin-bottom: 3em;
}

table.hyou1 {
    table-layout: fixed;
    margin:20px 0 50px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-spacing:0;
}

table.hyou1 caption {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

table.hyou1 th.youbi, td.youbi { 
    width: 130px;
    font-size: 14px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 7px;
    text-align:center;
}

table.hyou1 th.jikan, td.jikan {
  width: 110px;
    font-size: 14px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 7px;
    text-align:center;
}

table.research {
    table-layout: fixed;
    margin:-10px -10px 50px;
    border-style:none; 
    border-spacing: 10px; 
}

table.research td.research1 { 
    width: 100px;
    border-style:none;  
    text-align: right;
    line-height:0.8;
} 

table.research td.research2 { 
    width: 700px;
    border-style:none; 
    text-align: left;
    line-height:0.8;
}

table.research td.research1e { 
    width: 120px;
    border-style:none;  
    text-align: right;
    line-height:0.8;
} 

table.research td.research2e { 
    width: 1000px;
    border-style:none; 
    text-align: left;
    line-height:0.8;
}
 
/* ==================== リンク ==================== */

a:link { 
color: #008080;
text-decoration: none;
} 
a:visited {
color: #2e8b57;
} 
a:hover { 
color: #90ee90;
text-decoration: underline;
}
a:active { 
color: #228b22; 
}

/* ==================== ヘッダー ====================  */

header {
padding: 10px;
margin: 10px;
display: block; 
}

header p {
padding: 0px;
display: block; 
line-height: 140%;
}

header h1 {
padding: 0px;
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: 120%;
}

header h2 {
padding: 0px;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 110%;
}

header table {
padding: 0px;
font-size: 15px;
text-align: center;
line-height: 150%;
}

.mgr-10{
    margin-right : 10px;
}

/* ====================  ナビ ====================  */

nav {
padding: 0px;
margin: 10px;
text-align: left;
display: block; 
}

nav p {
padding: 0px;
font-size: 20px;
font-weight: bold;
text-align: left;
}

#p1 { 
padding: 0px;
font-size: 15px;
font-weight: bold;
text-align: left;
}

/* ====================  アーティクル ====================  */

article {
padding: 10px;
margin: 5px;
line-height: 120%;
}

article p {
padding: 0px;
font-size: 15px;
}

article h2 {
font-weight: bold;
font-size: 20px;
text-align: left;
line-height: 120%;
}

article h3 {
padding: 0px;
font-size: 15px;
font-weight: bold;
text-align: start;
line-height: 120%;
}

article ul, article li {
padding: 5px;
padding-left:10px;
font-size: 15px;
padding-top:5px;
padding-bottom:5px;
list-style: none;
line-height: 120%;
}

article table.gyou td {
padding-top:5px;
margin-bottom: 5px;
line-height: 120%;
}

article ul.rule1 li {
padding-top:0px;
margin-bottom: 0px;
line-height: 120%;
}

/* ====================  アサイド ====================  */

aside {
padding: 10px;
margin: 10px;
text-align: left;
}

aside ul, aside li {
padding: 0px;
font-size: 15px;
}

/* ====================  フッター ====================  */

footer {
padding: 10px;
margin: 0px;
text-align: left;
}

footer p {
padding: 0px;
font-size: 15px;
text-align: left;
}