/***** 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: #333 }
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  { }


/***** 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  { font-size: 110%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: 700; 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-color: #900; 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   { background-color: #fff; 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     { font-size: 95%; line-height: 150%; background-color: #fff; text-align: left; margin: 0 }
#main .blog     { background-color: #fff; text-align: left; margin: 0; padding: 20px 40px 10px; width: 420px; border: 0; voice-family: inherit    } #main s.blog   { background-color: #fff; margin: 0; width: 500px } 	
#main .blog h2.title         { font-size: 110%; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; font-weight: 700; margin-top: 40px; margin-bottom: 10px; padding-top: 20px; padding-left: 10px; border-top: 1px solid #ccc; 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: #c66; text-decoration: underline }
#main h2 a, #main h2 a:link, #main h2 a:visited          { color: #333; font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif; text-decoration: none; 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: 450px; 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 { width: 85%; border: 1px solid #CCC; margin: 10px 0 0 5%; padding: 10px 15px; clear: both;}
.blog blockquote p { padding: 0;}

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 15px; padding: 10px 0 1px 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;}

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