
body, html { background: #fffcf9 url("replus/background.png") repeat-x; }
h1, h2, h3, h4, h5, h6 { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif; }
h3, h4 { margin: 10px 10px 10px 3px; padding: 5px 10px 10px 50px; background: #fff0e0 url('replus/background_h2.gif') -30px -50px repeat-y; border-style: double; border-color: #e60 transparent #fc6 transparent; border-width: 3px 0 1px 0; font-size: 121%; }
h4 { padding-left: 40px; padding-bottom: 5px; background-color: transparent; background-position: -40px -30px; border: solid #e60; border-width: 1px 0 0 3px; font-size: 108%; }
h5, h6 { margin: 7px 10px 5px 5px; padding: 3px 10px; border: solid #c00; border-width: 0 0 0 5px; font-size: 102%; }
h6 { padding-left: 13px; border-left-width: 2px; font-size: 96%; }
pre { background: transparent; }

#title { float: left; margin: 0; padding: 0; border: 0; }
#referrer { height: 85px; width: 400px; margin: 0 0 0 385px; padding: 0; list-style-type: none; }
#referrer li { float: left; margin: 5px 0 5px 5px; padding: 0; }
#explanation { margin: 0 0 0 385px; padding: 10px 20px; color: #aaa; white-space: nowrap; }
#body { clear: left; min-height: 500px; padding: 10px 0 5px 10px; background: url("replus/background_body.png") no-repeat; }

	#body .article, #sidebar { line-height: 1.4em; }

	#body h2 { border-color: #c00; }
	#body h2 a { text-decoration: none; }
	#body h2 a:hover { text-decoration: underline; }
	#body .article { margin: 5px 221px 20px 5px; border: solid #ff7f00; border-width: 1px 1px 0 0; }
	#body .article h2 { height: 70px; margin: 0 0 10px 0; padding: 10px 10px 10px 80px; background: url('replus/background_h2.gif') 0 -1px no-repeat; color: #ff7f00; border: solid #ff7f00; border-width: 5px 1px 0 0; font-size: 144%; letter-spacing: 5px; }
	#body .article p.menu { width: 70%; margin: 10px 0 0 auto; padding: 5px; border: solid #ff7f00; border-width: 0 1px 1px 0; line-height: 1.8em; text-align: right; font-size: 84%; }
	#body .article p { max-width: 600px; }
	#body .article blockquote { max-width: 560px; }
	#body .article pre { overflow: scroll; }

	#meta_info { margin-right: 216px; }

	#sidebar { float: right; width: 190px; margin: -10px 0 0 0; padding: 15px 10px 10px 10px; background: #fffcf9 url("replus/background_sidebar.png") no-repeat; border: solid #322; border-width: 0 0 0 1px; }

		#sidebar h2 { margin: 10px 0 0 0; padding: 8px 5px; border: solid #b00; border-width: 2px 0 0 0; font-size: 100%; letter-spacing: 0; }
		#sidebar table { width: 180px; margin: 5px; }
		#sidebar p { margin: 5px; padding: 0; }
		#sidebar li { margin-left: 13px; }
		#sidebar dl dt { font-weight: bold; }
		#sidebar dl ul { margin: 0; padding: 0; }
		#sidebar ul li a:hover { background: none; }
		#sidebar a:link:hover,
		#sidebar a:visited:hover { background-color: #b11; color: #fffcf9; }
		#sidebar div.explanation { margin: 0 0 5px 0; padding: 17px 7px 7px 6px; background: url("replus/background_h2.gif") -12px -49px no-repeat; border: solid #b00; border-width: 2px 1px 1px 1px; }
			#sidebar div.explanation ul { margin: 5px 0; padding: 0; list-style-type: none; }
			#sidebar div.explanation ul li { float: left; width: 33px; margin: 0 0 0 2px; padding: 0; text-align: center; }
			#sidebar div.explanation ul li a { display: block; text-decoration: none; padding: 2px 5px; border: 0 solid #b00; }
			#sidebar div.explanation ul li a:link,
			#sidebar div.explanation ul li a:visited { color: #b00; padding-bottom: 1px; border-bottom-width: 1px; }
			#sidebar div.explanation ul li a:link:hover,
			#sidebar div.explanation ul li a:visited:hover { color: #fffcf9; }
			#sidebar div.explanation p { clear: left; margin: 0; padding: 5px 0 0 4px; }

		#twitter { width: 176px; height: 176px; margin: 5px 7px }
		#bPat { width: 160px; height: 250px; margin: 5px 15px; }

	#navi { height: 1em; }
	#navi dt { float: left; margin: 0; padding: 2px 0; }
	#navi dd,
	#navi ul { margin: 0; padding: 0; }
	#navi ul { list-style-type: none; }
	#navi li { float: left; margin: 0 0 0 5px; padding: 0; }
	#navi li a { display: block; padding: 2px; background: none; text-decoration: none; }
	#navi li a:link,
	#navi li a:visited { padding: 2px 10px; border: 1px solid #ff7f00; }
	#navi li a:link:hover,
	#navi li a:visited:hover { background: #b11; color: #fffcf9; }

#copyright { clear: both; margin: 0; padding: 20px 5px 100px 5px; background: #333; color: #ccc; border: double #fff; border-width: 10px 0 0 0; text-align: center; }