@charset "UTF-8";

/* Entry CSS */

/* coded by webmugi at 2007-05-04 */


/* Entry Parts */

div#main div.section p, 
div#main div.section ul, 
div#main div.section ol,
div#main div.section dl,
div#main div.section pre,
div#main div.section table {
  margin-left: 30px;
} 

div#main div.section .lead:after {
	content: ".";
  display: block;
  clear: both;
	height: 0;
	visibility: hidden;
}

div#main div.section .lead {
  min-height: 1px;
}

* html div#main div.section .lead {
  height: 1px;
	/*\*//*/
	height: auto;
	/**/
}

div#main div.section .eyecatch {
  float: right;
  margin: 0 0 10px 30px;
}

div#main div.section h4 {
  margin-left: 20px;
  border-bottom: solid 1px #DAE6F0;
  padding: 2px 0;
  text-indent: -10px;
  color: #000;
}

div#main div.section h5 {
 margin-left: 20px;
}

div#main div.section ul li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 30px;
  list-style: url(/img/mk-list.png);
}

div#main div.section ol li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 30px;
  list-style: decimal;
}

div#main div.section ul ul,
div#main div.section ul ul ul,
div#main div.section ul ul ul ul {
	margin-top: 0;
	margin-bottom: 0;
}

div#main div.section ul li ul,
div#main div.section ul li ol {
  margin-left: 0;
}

div#main div.section ul li ul li,
div#main div.section ul li ol li {
  margin-top: 0;
  margin-bottom: 0
}

div#main div.section ul li ol li {
  list-style-image: none;
  list-style: decimal;
}

div#main div.section ul.link-list li,
div#main div.section ul.archive-list li,
div#main div.section ul.category-list li,
div#main div.section ul.feed-list li,
div#main div.section ul.reader-list li {
  padding-left: 17px;
	list-style-type: none;
  list-style-image: none;
}

div#main div.section ul.link-list li {
  margin-left: 13px;
  background: url(/img/mk-golink.png) no-repeat left 0.3em;
}

div#main div.section ul.archive-list li {
  margin: 2em 0;
  background: url(/img/mk-date.gif) no-repeat left 0.3em;
}

div#main div.section ul.category-list li {
  margin: 2em 0;
  background: url(/img/mk-cate.gif) no-repeat left 0.3em;
}

div#main div.section ul.feed-list li {
  background: url(/img/mk-feed.gif) no-repeat left 0.3em;
}

div#main div.section ul.reader-list li {
  background: url(/img/mk-addfeed.gif) no-repeat left 0.3em;
}

div#main div.section ul.download li {
  margin-left: 13px;
  padding-left: 20px;
  background: url(/img/mk-download.png) no-repeat left 0.3em;
	list-style-type: none;
  list-style-image: none;
}

div#main div.section dl {
  margin-top: 1em;
  margin-bottom: 1em;
}

div#main div.section dl dt {
  background: url(/img/mk-list.png) no-repeat 2px center;
  padding-left: 14px;
}

div#main div.section dl dd {
  margin: 0 0 5px 4em;
}

div#main div.section dl.image dt,
div#main div.section dl.sample dt {
  background: none;
	padding: 0;
}

div#main div.section dl.image dt img {
  border-right: solid 1px #8C8C8C;
  border-bottom: solid 1px #8C8C8C;
  border-top: solid 1px #D9D9D9;
  border-left: solid 1px #D9D9D9;
  padding: 2px;
	background: none;
}

div#main div.section dl.image dd,
div#main div.section dl.sample dd {
  margin-left: 0.5em;
	margin-bottom: 20px;
	background: url(/img/mk-list.png) no-repeat 2px 0.55em;
	padding-left: 14px;
}

div#main div.section table {
  margin-top: 1em;
	margin-bottom: 1em;
  border-collapse: collapse;
	border: solid 1px #999;
}

div#main div.section table caption {
	margin-bottom: -10px;
  font-size: 92%;
}

div#main div.section table th,
div#main div.section table td {
	border: solid 1px #999;
	padding: 2px 6px;
	text-align: center;
}

div#main div.section table th {
  background: #666;
	white-space: nowrap;
	color: #FFF;
}

div#main div.section pre {
  margin: 1em 0 1em 30px;
	/*\*/overflow: scroll;/**/
  border: solid 1px #D9D9D9;
  padding: 45px 10px 10px;
  font-family: monospace;
}

* html div#main div.section pre {
	width: 468px;
}

div#main div.section pre.xhtml {
  background: url(/img/bg-pre-xhtml.gif) no-repeat;
}

div#main div.section pre.html {
  background: url(/img/bg-pre-html.gif) no-repeat;
}

div#main div.section pre.css {
  background: url(/img/bg-pre-css.gif) no-repeat;
}

div#main div.section pre.javascript {
  background: url(/img/bg-pre-javascript.gif) no-repeat;
}

div#main div.section blockquote {
  margin: 2em 0 2em 30px;
  border: solid 1px #D9D9D9;
  background: #F3F3F3 url(/img/bg-blockquote.gif) no-repeat left top;
  padding: 0 10px;
}

div#main div.section blockquote h5 {
	margin-left: 30px;
}

div#main div.section blockquote dl {
	margin-left: 20px;
}

div#main div.section code,
div#main div.section kbd {
  padding-left: 3px;
  padding-right: 3px;
  font-family: Courier, monospace;
  font-style: normal;
}

div#main div.section pre code {
  padding: 0;
}

div#main div.section acronym {
  border: none;
  padding-left: 3px;
  padding-right: 3px;
}

div#main div.section del  {
  display: none;
}

div#main div.section ins  {
  text-decoration: none;
}

div#main div.section hr {
	margin: 15px;
	height: 1px;
	border: solid 1px #FFF;
	background: #FFF;
	color: #FFF;
}
	
div#main div.section .supplement {
	margin-left: 60px;
}

div#main div.section .glossary {
  word-spacing: 0.2em;
}

div#main div.section .sample2,
div#main div.section img.sample {
  float: left;
  margin: 0 30px 10px 0;	
	border: solid 8px #E5F3FF;
	overflow: hidden;
}

div#main div.section div.sample {
  margin: 1em 0 1em 30px;
	border: solid 8px #E5F3FF;
}  

div#main div.section p.sample {
	border: solid 8px #E5F3FF;
}

div#main div.section img.sample0 {
  margin: 0 30px 10px 0;	
	border: solid 8px #E5F3FF;
}

#main #footnote {
  margin: 2em 0 2em 30px;
  border: solid 1px #D9D9D9;
  background: url(/img/bg-footnote.gif) no-repeat left top;
	padding: 0 10px;
  font-size: 92%;
}

div#main div.section a.image-link {
	border-bottom: none !important;
}

div#main div.section .latin {
  padding-left: 3px;
  padding-right: 3px;
}

div#main div.section .banner468,
div#main div.section .adsense {
  margin: 3em 0 3em 30px;
  width: 468px;
}

div#main div.section .amazon img {
  float: right;
  margin: 0 0 10px 30px;
}

div#main div.section div.amazon {
	margin: 1em 0;
}

div#main div.section .sample-block,
div#main div.section .amazon {
	overflow: hidden;
}

div#main div.section div.sample-block {
	margin: 1em 0 1em 30px;
}