@charset "UTF-8";

/*---------------------------------------------

Entry Page CSS

for "/entry/$page-name.html"
coded by d-spica at 2008-06-02
linked to "/entry/$page-name.html"

---------------------------------------------*/

@import url(http://www.d-spica.com/css2/default.css);
@import url(common.css);


/* Entry Body Box Parts */

div#main div.section p.sbm-counter {
  margin-bottom: 0;
}

div#main div.section p.sbm-clipper {
  margin-top: 0;
}

div#main div.section em,
div#main div.section strong {
  color: #903;
}


/* --- Heading */

div#main div.section h4 {
  margin: 2em 0 0 -20px;
  border-bottom: solid 1px #CCC;
  padding: 2px 5px;
  font-size: 108%;
  color: #000;
}

div#main div.section h5 {
 margin-top: 1.5em;
 margin-left: -10px;
}


/* --- List ul, ol */

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

div#main div.section ol li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  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.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.archive-list li {
  margin: 2em 0;
  background: url(../img/base/mk-date.gif) no-repeat left 0.3em;
}

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

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

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

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


/* --- List dl */

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

div#main div.section dl dt {
  background: url(../img/base/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 {
  background: none;
	padding: 0;
}

div#main div.section dl.image dt img.photo {
  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 {
  margin-left: 0.5em;
	margin-bottom: 20px;
	background: url(../img/base/mk-list.png) no-repeat 2px 0.55em;
	padding-left: 14px;
}


/* --- Table */

div#main div.section table {
	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 #CCC;
	padding: 2px 6px;
	text-align: center;
}

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


/* --- Preformat */

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

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

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

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

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

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


/* --- Blockquote */

div#main div.section blockquote {
  margin: 2em 0 2em 30px;
  border: solid 1px #D9D9D9;
  background: #F3F3F3 url(../img/base/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;
}


/* --- Black Element Others */

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


/* --- Inline Element */

div#main div.section code,
div#main div.section kbd {
  padding-left: 3px;
  padding-right: 3px;
  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;
}


/* --- with class */

div#main div.section .supplement {
	margin-left: 60px;
}

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

div#main div.section .sample {
  padding: 5px 10px;
	border: solid 8px #F3F3F3;
}

div#main div.section img.sample {
  float: left;
  margin: 0 30px 10px 0;
  padding: 0;	
}

div#main div.section p.sample {
  padding: 0;	
}

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

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

div#main div.section .formula {
  border: solid 1px #D9D9D9;
  padding: 5px 10px;
}

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

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


/* Comment & Trackback Parts */

div#main div.section div#comments,
div#main div.section div#trackback,
div#main div.section div#addcomment {
  margin: 3em 0;
  font-size: 93%;
}

div#main div.section div#trackback h4,
div#main div.section div#comments h4,
div#main div.section div#addcomment h4 {
  margin-left: -30px;
	padding: 2px 5px 2px 16px;
  background: url(/img/base/mk-open.png) no-repeat left center;
  border-bottom: solid 2px #CCC;
	font-size: 108%;
	color: #999;
  cursor: pointer;
}

div#main div.section div.post-content {
  margin: 1em 0 3em;
}

div#main div.section div#comments div.post-content p {
	margin-left: 0;
}

div#main div.section div#comments div.post-content p.post-data {
  text-align: right;
}

div#main div.section div#trackback div.post-content p.post-data {
  text-align: left;
}

div#main div.section form dl {
	margin-left: 0;
}

div#main div.section form dl dt {
  margin: 0.5em 0 0.2em;
}

div#main div.section form dl dd {
  margin: 0.2em 0 0.2em 30px;
}

div#main div.section form p {
	margin-left: 40px !important;
}

div#main div.section form input#comment-preview,
div#main div.section form input#comment-post,
div#main div.section form input#comment-cancel {
	width: 5em;
}