body { margin: 0; padding: 0; color: black; text-decoration: none; }
img {
    border-style:none;
}
a img {
    border-style:none;
}
/*--------------------------------*/
#wrapper{ margin: 20px auto; width: 800px; text-align: left; color: #333333; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; padding: 20px; border: solid 1px gray; }
/*--------------------------------*/
#header{ background-repeat: no-repeat; background-position: left top; height: 200px; }
/*--------------------------------*/
#maincontent{ float: right; width: 570px; margin-top: 5px; padding: 0 10px 10px; border: solid 1px gray; }
#mctitle{ background-repeat: repeat-x; margin-top: 10px; padding-right: 5px; padding-left: 5px; }
.maintitle { color: #fff; font-size: 16px; font-weight: bold; line-height: 24px; text-align: center; margin-right: 0; margin-left: 0; padding-top: 10px; padding-bottom: 10px; display: block; }
#mctitle0 { background-repeat: repeat-x; margin-top: 0px; padding-right: 5px; padding-left: 5px; }
#mctitle1 { background-repeat: repeat-x; margin-top: 10px; padding-right: 5px; padding-left: 5px; }
.maintitle1 { color: #0069B3; font-size: 16px; font-weight: bold; line-height: 24px; }
.maintitle2 { color: #36f; font-size: 16px; font-weight: bold; line-height: 24px; }
.maintitle3 { color: #fff; font-size: 16px; font-weight: bold; line-height: 24px; background-color: #3c9; padding-left: 10px; }
#maintext{ margin: 0 0 5px; padding-right: 5px; padding-left: 5px; }
.maintext { font-size: 12px; line-height: 20px; }
.maintext_waku { font-size: 12px; line-height: 20px; background-color: #fcc; }
.maintext_bold { color: #0069B3; font-size: 12px; font-weight: bold; line-height: 20px; }
/*--------------------------------*/
#sidebar{ float: left; width:200px; }

#sidetitle{ color: #fff; font-size: 14px; font-weight: bold; background-color: #006; background-repeat: no-repeat; background-position: 100% 0; text-align: center; list-style-type: none; width: 198px; float: left; margin: 5px 0 0; padding: 0; border-top: 1px solid silver; display: block; }

#sidenavi { font-size: 12px; list-style-type: none; width: 200px; float: left; margin: 0 0 5px; padding: 0; border-top: 1px solid silver; }
#sidenavi a{ color: #009; background-position: left top; text-decoration: none; padding-right: 0; padding-left: 0; display: block; }

#sidenavi li{ border-bottom: 1px solid silver; }

#sidenavi a:hover{ color: #f00; background-position: left top; }


/*--------------------------------*/
#english_bold{ font-size: 14px; color: #009; font-weight: bold; line-height: 20px; }
.english_bold{ font-size: 14px; color: #004594; font-weight: bold; line-height: 20px; }
#english_text{ font-size: 12px; line-height: 20px; ; }
.english_text{ font-size: 12px; line-height: 20px; ; }
/*--------------------------------*/

#footer {
clear: both;
}

/*
.sample { color: red; } class="sample" を持つ要素に対して指定
#sample { color: red; } id="sample" を持つ要素に対して指定

				<ol><div id="mctitle1">
					<div class="maintext_bold">
						<div align="left">
							<li class="maintext">

<ol class="bullet">
<li><span>[1]</span>カッコ数字をリストで使う</li>
<li><span>[2]</span>カッコ数字をリストで使う</li>
<li><span>[3]</span>カッコ数字をリストで使う</li>
</ol>


*/

/* bullet */
ol.bullet { margin-top: 0.2em; margin-bottom: 1em; margin-left: 35px;  }
ol.bullet li { font-size: 12px; line-height: 20px; 
	position: relative;
	list-style: none;
 }
ol.bullet li span {
	position: absolute;
	top: 0;
	left: -1.5em;
}
* html ol.bullet li span { top: -0.2em; } /* for win ie6 */
*:first-child+html ol.bullet li span { top: -0.2em; } /* for win ie7 */


/* bullet_bold */
ol.bullet_bold { margin-top: 0.2em; margin-bottom: 1em; margin-left: 35px;  }
ol.bullet_bold li { font-size: 12px; line-height: 20px; font-weight: bold; 
	position: relative;
	list-style: none;
 }
ol.bullet_bold li span {
	position: absolute;
	top: 0;
	left: -1.5em;
}
* html ol.bullet_bold li span { top: -0.2em; } /* for win ie6 */
*:first-child+html ol.bullet_bold li span { top: -0.2em; } /* for win ie7 */