/***** General Rules *****/
body      { color: #333; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざPro W3", "Hiragino Kaku GothicPro", Osaka, Helvetica, Arial, Verdana, "?ｼｭ?ｼｳ ?ｼｰ繧ｴ繧ｷ繝?繧ｯ", sans-serif; background-color: #ccc; background-image: url("img2/bg.gif"); background-repeat: repeat-y; background-position: center 0; margin: 0 0 0 50%; padding: 0 }
a, a:link { color: #900; text-decoration: underline }
a:visited	{ color: #c66; }
a:hover, a:active	{ color: #000 ; background-color: #fcc; }
hr  { color: #fcc; margin: 0; padding: 0; clear: both; border-top: 0; border-right: 0; border-bottom: 1px solid #c0c0c0; border-left: 0 }
input, textarea, select  { color: #333; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざPro W3", "Hiragino Kaku GothicPro", Osaka, Helvetica, Arial, Verdana, "?ｼｭ?ｼｳ ?ｼｰ繧ｴ繧ｷ繝?繧ｯ", sans-serif; background-color: #fcc; margin: 3px 0 0 }
p, div, span, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6, form {margin: 0; padding: 0;}
pre, code { font-family: Courier New, Courier, Monospace; padding: 5px; margin: 0;}
body, pre, code, li, blockquote   { font-size: 90%; line-height: 170%; voice-family: inherit  }
html>body, html>pre, html>code, html>li, html>blockquote  { }


/***** Comment Page and Search Page *****/
h2           { color: #fff; font-size: 110%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: 700; font-stretch: wider; background-image: url("img2/midashi2.gif"); background-repeat: no-repeat; margin: 12px 0 7px; padding-top: 17px; padding-bottom: 17px; padding-left: 70px; text-shadow: #BBBBBB 0.15em 0.15em 0.15em           }
h2 a, h2 a:link, h2 a:visited       { color: #fff; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; text-decoration: underline; text-shadow: #BBBBBB 0.15em 0.15em 0.15em        }
	   
.blog .comments-head, /* MT Comment */
#container h2.date /* MT Comment*/
	  { margin-top: 0; margin-bottom: 8px; padding: 5px 10px }
.blogbody h3.title /*MT Search*/   { font-size: 1.1em; background-color: transparent; margin: 0 20px 5px; padding: 10px 0 5px }
#container, /* Both */
.blog,/* MT Comment */
#banner-commentspop  { text-align: left; margin: 0; position: relative; width: 800px }
#banner-commentspop   { }
.blog    { margin: 0; padding: 10px } /* MT Comment */ 
#container .blog /* MT Search */  { background-color: transparent; margin: 0; padding: 5px 30px; width: auto }
.posted,
.comments-post {display: block; padding: 0 0 10px 0; margin: 0 0 0 0;}
.search1 {font-size: 0.9em; margin: 0 40px 0 40px; padding: 0 0 0 0;}


/***** Main *****/
b   { color: #800000; font-weight: bold }
i    { color: #600; font-style: normal; margin-top: 20px; margin-bottom: 20px }
h1          { color: #fff; font-size: 85%; font-weight: normal; margin: 0; padding: 13px 0 20px 10px }
h2           { color: #fff; font-size: 110%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: 700; line-height: 130%; background-image: url("img2/midashi2.gif"); background-repeat: no-repeat; margin: 12px 0 7px; padding-top: 17px; padding-bottom: 17px; padding-left: 70px; text-shadow: #BBBBBB 0.15em 0.15em 0.15em           }
h3     { color: #900; font-size: 100%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: 700; text-align: right; padding-top: 5px; padding-right: 20px; padding-bottom: 10px; text-shadow: #BBBBBB 0.15em 0.15em 0.15em     }
h4      { color: #600; font-size: 100%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: 700; background-image: url("img2/midashi3.gif"); background-repeat: no-repeat; margin: 50px 0 20px; padding-top: 20px; padding-bottom: 17px; padding-left: 70px; text-shadow: #BBBBBB 0.15em 0.15em 0.15em       }	

#banner      { background-image: url("img2/title1.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: left; margin: 0 0 0 -400px; padding: 0; position: relative; width: 800px; height: 170px }
#banner a:link, #banner a:visited, #banner a:hover, #banner a:active  { text-decoration: none }
	
#banner h2 {font-size: 0.9em; padding: 0 0 0 20px;}
#center, #container    { margin: 0 0 0 -400px; position: relative; width: 800px }
#menu      { color: #900; font-size: 80%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; text-align: center; padding: 20px 5px }
#menu a, #menu a:link, #menu a:visited   { color: #900 }
#menu a:hover, #menu a:active  { color: #000; text-decoration: underline }
#main     { background-color: #fff; text-align: left; margin: 0 0 0 270px; padding: 5px 0 100px; width: 500px }
#main .content     { text-align: left; margin: 0 }
#main .blog      { text-align: left; margin: 0; padding: 20px 40px 10px; width: 420px; border: 0; voice-family: inherit     } #main s.blog    { margin: 0; width: 500px } 	
#main .blog h2.title        { color: #fff; font-size: 110%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: 700; margin: 12px 0 7px; padding-top: 17px; padding-bottom: 17px; padding-left: 70px; text-shadow: #BBBBBB 0.15em 0.15em 0.15em   }	
#main p a, #main p a:link,  { color: #900; text-decoration: underline }
#main p a:visited        { color: #333; text-decoration: underline }
#main h2 a, #main h2 a:link, #main h2 a:visited       { color: #fff; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; text-decoration: underline; text-shadow: #BBBBBB 0.15em 0.15em 0.15em        }
#main h2 a:hover, #main h2 a:active  { text-decoration: none }

.date       { color: #000; font-size: 75%; text-align: right; margin-top: 60px; margin-bottom: 30px; padding: 10px; clear: both; border-right: 10px solid #fcc; border-bottom: 1px dotted #fcc }	
.title  { margin: 0; padding: 0 }
.title a:link, .title a:visited, .title a:hover,     { text-decoration: none }

.ad      { margin: 0; padding-top: 20px; padding-bottom: 0; padding-left: 50px }

.drk7jpSimilarity      { margin-top: 80px; margin-right: 70px; margin-bottom: 50px; width: 360px; clear: both }
.drk7jpSimilaritySiteTitles   { font-size: 90% }
.drk7jpSimilaritySiteSummarys    { font-size: 90%; line-height: 150%; margin-bottom: 30px }
.drk7jpSimilarityFooter    { font-size: 80%; text-align: right; margin-top: 10px }
		
.blog p, .extended   { margin-top: 12px; margin-bottom: 12px; padding: 0 }
.blog img   { margin: 10px 10px 10px 0; float: left; border: 2px }
.blog img a:link, .blog img a:visited,      { color: #c36 }
.blog img a:hover,      { color: #fcc }

blockquote  { margin: 40px 0 30px 0; padding: 10px; clear: both; border: double 3px #ccc }
.blog blockquote p  { font-size: 100%; line-height: 150% }
dl {margin: 0 0 0 2em; line-height: 1;}
dt {font-weight: bold;margin: 0 0 0.2em 0;}
dd {margin: 0 0 0.5em 1em; padding: 0;}
.blog ul { list-style-type: square; margin: 0.8em 0 0.8em 35px;}
.blog ul ul {margin: 0.2em 10px;}
.blog ol {margin: 0 40px; }
#center .posted     { font-size: 90%; text-align: right; margin: 30px 60px 30px 40px; padding: 3px 30px 3px 3px; border: dotted 1px #c66 }

.off   { text-align: left; margin: 0 0 0 -150px; padding: 20px 0 20px }
.cat { margin: 20px 0 20px 0; padding: 0; text-align: left; font-size: 1.1em;}
.past   { margin: 50px; padding: 0 }

.a    { background-image: url("img/a.gif"); background-repeat: no-repeat; text-indent: 40px; margin-bottom: 30px; clear: both }
.q       { color: #c66; background-image: url("img/q.gif"); background-repeat: no-repeat; text-indent: 40px; margin-bottom: 30px; clear: both }


/***** header *****/
#header    { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: -21px 0 10px -400px; padding: 0; position: relative; width: 800px }
#header, #header a, #header a:link, #header a:visited    { color: #333; font-weight: 700; text-decoration: none }
#header a:hover, #header a:active    { color: #fff; font-size: 90%; font-weight: 700; text-decoration: none; background-color: #900; padding: 0 }
	
/***** Menu *****/
#links    { margin-bottom: 10px; position: absolute; top: -3px; left: 20px; width: 210px }
.sidebar { padding: 8px 0 0 0; text-align:center; }
#links, #links a, #links a:link  { color: #333 }
#links a:visited  { color: #808080 }
#links a:hover, #links a:active { color: #000; background-color: #fcc; }

.sidebar ul      { color: #333; font-size: 95%; line-height: 160%; text-align: left; list-style-type: none; margin-bottom: 20px; padding: 10px}
.sidebar ul li   { background-image: url("img/bullet.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 3px; padding: 0 0 0 10px; }

.sb-list2      { text-align: left; margin: 0; padding: 4px; width: 90%; height: 560px; overflow: auto; white-space: nowrap; }
.sb-list2 li  { color: #333333; font-size: 90%; list-style-type: none; margin-top: 4px }

.sidetitle             { color: #fff; font-size: 100%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: bold; background-image: url("img2/midashi1.gif"); background-repeat: no-repeat; text-align: left; margin: 50px 0 7px; padding: 10px 0 10px 50px; text-shadow: #BBBBBB 0.15em 0.15em 0.15em             }
.note   { color: #333; font-size: 90%; text-align: left; margin: 5px 0 0 30px }
 	
#link-note {margin: 20px 0 5px 10px;}
#powered {text-align:left; margin: 5px 0 5px 10px;}

/* 投稿者(このらくがきは?が描きました) */
.sb-author {
    font-style: bold;
	font-size: 85%;
}

/* 部品全体を囲むボックス(div) */
.sb-frame {
    background-color: #ffffff;
    width: 100%;
}

/* 「このページのリンク元」全体を囲むボックス(div) */
.sb-referrers {
    background-color: #ffffff;
    white-space: nowrap;
}

/* 「アクセスの多いページ」全体を囲むボックス(div) */
.sb-accesses {
    background-color: #ffffff;
    white-space: nowrap; 
}

/* "このページのリンク元"或いは"アクセスの多いページ"の文字列 */
.sb-title  { text-align: left }

/* ランキングリスト部分の ul タグ */
.sb-list       { text-align: left; margin: 0; padding: 4px; width: 96%; height: 900px; overflow: auto }

/* ランキングリスト部分の li タグ */
.sb-list li  { color: #333333; font-size: 90%; list-style-type: none; margin-top: 4px }


/***** Copyright *****/
#copyright     { font-size: 80% }
.copyright        { font-size: 80%; text-align: right; margin: 30px 50px 0 0 }