div.section {
 text-align:center;
}

div.section * {
 text-align:left;
}


#ad h3 {
 margin:1.4em 6px 0.8em;
 font-size:100%;
}
dfn {
 margin:0 0.2em;
 font-style:normal;
 font-weight:bold;
}


#prev {
 border: 1px solid #ccc;
 background:#fbfbfb;
 width:200px;
 float:right;
 display:inline;
 margin:0 1em 1em 1em;
 padding-bottom:0.5em;
 text-align:center;
}

#prev ul {
 margin:0.4em;
 list-style:square;
 font-size:95%;
}

#prev p {
 margin:0.4em;
 font-size:80%;
 text-align:left;
 font-style:italic;
}
@import url("next.css");
img.icon {
 float:left;
 margin: 0 0.5em 1em 0;
}

.gaiyou {
 margin: 0.4em 1em 0.2em;
 text-align:right;
 font-size:19px;
/*position: relative; top: -80px;*/
}
#ad ul,#ad dl,#ad ol {
 margin:0.8em 6px 1.4em;
}
@import url("gets.css");
#ad dt {
 margin:0.6em 6px 0.4em;
}

#ad dd {
 margin:0.6em 6px 0.4em;
 padding:0 0 1em;
 border-bottom:1px solid #ccc;
 text-align:center;
}

#ad ul ul {
 margin:0;
}

#bread {
 position:absolute;
 top:5px;
 left:30px;
 text-align:left;
 background:#CCFFCC;
 font-size:12px;
 border:1px solid #00CC00;
}



#copy {
 border-top:2px solid #00CC00;
 background-color:#FFF;
 margin:1;
 padding:1;

}

#copy h3{
 float:right;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 80%;
font-weight: normal;
text-decoration: none;
border: 0px;
 background-color:#FFF;
}

#copy img{

float: left; /* サイトバナーをフッタの左に */

}
h1 {
 padding: 0;
 margin:0.8em 0 0.5em;
 color:#00CC00;
 font-size:35px;
}

h2 {
 background-color:#CCFFCC;
 margin: 2.5em 0 0.8em;
 padding: 0 0 0 0.5em;
 color:#00CC00;
 border-top:1px solid #00CC00;
 border-bottom:1px solid #00CC00;
 border-left:15px solid #00CC00;

 font-size:140%;
}


h2:first-letter {
 font-size:160%;
}

a {
 padding:0 0px 0;
 text-decoration:none;
/* border-bottom:1px solid #0000FF; */
}
body {
 padding:0 30px 2em;
 line-height:1.5;
 /*background-color:#FDF5E6;*/
 background-color:#FFFFFF;
 color:#363636;
 text-align:center;
}

* { 
 margin:0;
 padding:0;
 text-align:left;
}
 
h1,h2,h3,h3,h4,h5,h6{
 font-weight:bold;
 line-height:1.3;
}

ul,ol {
 padding-left:30px;
}

ul ul, ul ol,
ol ul, ol ol {
 margin:0.2em 0 0.8em;
}

li {
 margin: 0.4em 0;
}

ul.bug,ul.sample {
 padding:0;
}

ul.bug li{
 background:transparent url(./img/bug.png) no-repeat top left;
 padding-left: 30px;
 list-style:none;
}

ul.sample li{
 background:transparent url(./img/sample.png) no-repeat top left;
 padding-left: 24px;
 list-style:none;
}

p,ul,ol,dl,blockquote,pre {
 margin:1em 0;
}

pre {
 width:90%;
 border: 1px solid #ccc;
 padding:0.5em;
 margin:1em auto;
 overflow:auto;
 font-size:95%;
 line-height:1.0;
 background-color:#fbfbfb;
}
a:link {
 color:#0000FF;
 text-decoration:none;
}

a:visited {
 color:#9400D3;
 text-decoration:none;
/* border-bottom:1px solid #9400D3; */
}

a:hover {
 padding:0 0px 0;
 color:#FF0000;
 text-decoration:none;
/* border-bottom:1px solid #FF0000; */
}





p.HTML {
 width:90%;
 border: 1px solid #ccc;
 padding:0.5em;
 margin:1em auto;
 overflow:auto;
 font-size:95%;
 line-height:1.0;
 background-color:#fbfbfb;
}


h1,div.section,p.gaiyou {
 margin-right:230px;
}

#ad {
 position:absolute;
 width:210px;
 right:12px;
 top:16px;
 background:#CCFFCC;
 font-size:95%;
 padding-bottom:100px;
 text-align:center;
 border:dotted #00CC00;
}

#ad * {
 text-align:left;
}
@import url("cosmetic.css");
#ad ul {
 list-style-type:square;
}

#ad p {
  margin:0.6em 25px 0.8em;
}

#ad h2 {
 margin:0.6em 6px 0.8em;
 font-size:100%;
}

.HTML {
 background-image:url(./img/html.gif);
 background-repeat:no-repeat;
 background-position: bottom right;
}

.CSS {
 background-image:url(./img/css.gif);
 background-repeat:no-repeat;
 background-position: bottom right;
}

dt {
 font-weight:bold;
}

dd {
 margin: 0.2em 0 0.4em 1em;
}


h3,h4,h5 {
 color:#00CC00;
}

h3 {
 background-color:#CCFFCC;
 margin: 1.8em 0 0.8em;
 padding:0.1em 0 0.1em 0.5em;
 border-bottom:1px solid;
 border-left:10px solid;
 font-size:130%;
 clear:left;
}

h4 {
 background-color:#CCFFCC;
 padding:0 0 0 0.4em;
 margin:1.4em 0 0.8em;
 border-left:5px solid #00CC00;
 font-size:120%;
}

h5 {
 margin:1.6em 0 0.8em;
 font-size:110%;
}

p.note {
 padding:0.5em;
 margin:1em 0;
 font-size:95%;
 border:1px dotted #ccc;
}

p.img {
 text-align:center!important;
}

p.img img {
 vertical-align:top;
 margin-right:1em;
}

blockquote {
 border: 1px solid #ccc;
 margin:1em 2em;
 background:#fbfbfb;
}

blockquote ul,
blockquote ol,
blockquote p {
 margin:1em;
}

hr {
 display:none;
}

address {
 margin: 0.5em 1em;
 text-align:right;
}



a img {
 border:none;
}

em,strong {
 font-weight:bold;
 font-style:normal;
}

strong {
 background-color:#f5fffc;
 color:#242020;
}

@import url("natural.css");

/*
li.fx {
 background-image:url(./img/firefox.png);
 background-repeat:no-repeat;
 background-position:top left;
 padding-left:27px;
}

li.opera {
 background-image:url(./img/opera.png);
 background-repeat:no-repeat;
 background-position:top left;
 padding-left:27px;
}
*/