/* このスタイルシートには、各ページのミドル部分のスタイルをまとめてあります。 */


/*（class）●上部分　余白、背景色、h1 h2 h3 h4 p ul ol li */
.mtop {
margin: 0 20px;
padding: 20px 0;
color: #666666;
background-color: #ffffff;
border-bottom: 1px #cccccc solid;
}
.mtop h1 {
margin: 0;
padding: 0.3em 10px 0.2em 10px;
/*color: #996600;*/
color: #006666;
/*color: #ff6600;*/
/*background-color: #ffcc66;*/
/*background-color: #ffff66;*/
/*background-color: #ff6600; 柿色（素敵なんだけど，緑と会わない）*/
background-color: #ffff66;
}
.mtop h2 {
margin: 0.5em 0 0 0;
padding: 0.5em 10px 0 10px;
color: #3366cc;
background-color: #ffffff;
}
.mtop h3 {
  /*border-left-color: #cc0000;*/ /* 左枠の色 */
  border-left-color: #ff6600; /* 左枠の色 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
font-size: medium;
margin: 0.5em 0 0 0;
padding: 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
.mtop h4 {
margin: 0;
padding: 0 10px;
color: #666666;
background-color: #ffffff;
}
.mtop p {
font-size: medium;
line-height: 1.5em;
margin: 0;
padding: 0.3em 10px 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
#mtoplink {
font-size: medium;
line-height: 1.3em;
margin: 0;
padding: 1em 10px 0.2em 10px;
/*color: #666666;*/
color: #009999;
background-color: #ffffff;
}
.mtop a, .mtop a:link, .mtop a:visited {
text-decoration: none;
/*color: #6699ff;*/
/*color: #009999;*/
color: #009900;
background-color: #ffffff;
}
.mtop a:hover {
/*color: #996600;*/
color: #996600;
background-color: #ffffff;
}
.mtop ul, ol {
margin: 0 2em;
padding: 0;
}
.mtop li {
margin: 0;
padding: 0.5em 0;
font-size: medium;
line-height: 1.2em;
color: #666666;
background-color: #ffffff;
}

/*（class）●●左部分と右部分*/
.inside {
margin: 0;
padding: 20px;
}

/*（class）●●左部分　余白、背景色、h1 h2 h3 h4 p ul ol li */
.mleft {
float: left;
width:470px;
margin: 0 0 20px 0;
padding: 0 10px 0 0;
background-color: #ffffff;
border-right: 1px #cccccc solid;
}
.mleft h2 {
margin: 0;
padding: 0.2em 10px;
color: #3366cc;
background-color: #ffffff;
}
.mleft h3 {
font-size: medium;
margin: 0.5em 0 0 0;
padding: 0.2em 10px;
color: #ff3300;
background-color: #ffffff;
}
.mleft h4 {
margin: 0;
padding: 0 10px;
color: #666666;
background-color: #ffffff;
}
.mleft p, .mleft dl {
font-size: medium;
line-height: 1.3em;
margin: 0;
padding: 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
.mleft a, .mleft a:link, .mleft a:visited {
text-decoration: none;
color: #6699ff;
background-color: #ffffff;
}
.mleft a:hover {
color: #996600;
background-color: #ffffff;
}
.mleft ul, ol {
margin: 0 2em;
padding: 0;
}
.mleft li {
margin: 0;
padding: 0.5em 0;
font-size: medium;
line-height: 1.2em;
color: #666666;
background-color: #ffffff;
}

/*（class）●●右部分　余白、背景色、h1 h2 h3 h4 p ul ol li */
.mright {
float: left;
width: 260px;
margin: 0 0 0 15px;
padding: 0;
background-color: #ffffff;
}
.mright h2 {
margin: 0;
padding: 0.2em 10px;
color: #cc6666;
background-color: #ffffff;
}
.mright h3 {
margin: 0.5em 0 0 0;
padding: 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
.mright h4 {
margin: 0;
padding: 0 10px;
color: #666666;
background-color: #ffffff;
}
.mright p {
font-size: small;
line-height: 1.3em;
margin: 0;
padding: 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
.mright a, .mright a:link, .mright a:visited {
text-decoration: none;
color: #6699ff;
background-color: #ffffff;
}
.mright a:hover {
color: #996600;
background-color: #ffffff;
}
.mright ul, ol {
margin: 0 2em;
padding: 0;
}
.mright li {
margin: 0;
padding: 0.5em 0;
font-size: small;
line-height: 1.2em;
color: #666666;
background-color: #ffffff;
}

/*（class）●中央部分　余白、背景色、h1 h2 h3 h4 p ul ol li */
.mcenter {
margin: 20px;
padding: 10px 0;
background-color: #ffffff;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}
.mcenter h1 {
margin: 0;
padding: 0.2em 10px;
color: #ffffff;
background-color: #000000;
}
.mcenter h2 {
margin: 0;
padding: 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
.mcenter h3 {
margin: 0.5em 0 0 0;
padding: 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
.mcenter h4 {
margin: 0;
padding: 0.5em 10px 0 10px;
color: #666666;
background-color: #ffffff;
}
.mcenter p {
font-size: medium;
line-height: 1.3em;
margin: 0;
padding: 0.2em 10px;
color: #666666;
background-color: #ffffff;
}
.mcenter a, .mcenter a:link, .mcenter a:visited {
text-decoration: none;
color: #6699ff;
background-color: #ffffff;
}
.mcenter a:hover {
color: #996600;
background-color: #ffffff;
}
.mcenter ul, ol {
margin: 0 2em;
padding: 0;
}
.mcenter li {
margin: 0;
padding: 0.5em 0;
font-size: small;
line-height: 1.2em;
color: #666666;
background-color: #ffffff;
}

/*（class）●下部分　余白、背景色、h1 h2 h3 h4 p ul ol li */
.mbottom {
margin: 0 20px;
padding: 10px 0 20px 0;
background-color: #ffffff;
}
.mbottom p {
font-size: small;
line-height: 1.3em;
margin: 0;
padding: 0.2em 0;
color: #666666;
background-color: #ffffff;
}
.mbottom a, .mbottom a:link, .mbottom a:visited {
text-decoration: none;
/*color: #6699ff;*/
color: #33cc33;
background-color: #ffffff;
}
.mbottom a:hover {
color: #996600;
background-color: #ffffff;
}