#container {
	margin-right: auto;
	margin-left: 20px;
	text-align: left;
	padding: 0px;
	width: 900px;
	background-color: #FFFFFF;
        border: 1px solid #666666;
}

body {
#	margin: 20px auto 0px auto;
	padding: 0 20px 20px
	background-color:#f3f4dc;
	width: 900px;
	font-family:'Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','メイリオ','Verdana',sans-serif;
}

#banner {
	background:#edc169;
	border-bottom:0 dotted #999999;
	border-top:0 dotted #999999;
	color:#FFFFFF;
	font-size:x-large;
	font-weight:normal;
	letter-spacing:0.2em;
	padding:15px 15px 15px 35px;
}
#banner .description {
	background:transparent none repeat scroll 0 0;
	color:white;
	font-size:small;
	font-weight:bold;
	letter-spacing:normal;
	margin-top:5px;
	text-transform:none;
}
#banner a, #banner a:active, #banner a:hover, #banner a:link, #banner a:visited {
#	background:transparent url(http://mattn.kaoriya.net/images/favicon-small.png) no-repeat scroll 0 50%;
	background:transparent;
	color:#FFFFFF;
	font-size:x-large;
	padding:0 0 0 26px;
	text-decoration:none;
}
#banner-commentspop {
	background:#000000 none repeat scroll 0 0;
	border-bottom:1px dotted #999999;
	border-top:3px dotted #999999;
	color:#FFFFFF;
	font-size:large;
	font-weight:bold;
	letter-spacing:0.2em;
	padding:15px;
}


/* description bits */
.bannerright {
	float:right;
#	margin-top:-15px;
	margin-top:-1em;
	color:#999999;
	background:transparent;
	font-family:Verdana, Arial, sans-serif;
	font-size:small;
	font-weight:bold;
	text-transform:none;
	letter-spacing:normal;
}




#content {
	border-right:1px dotted #999999;
	width:700px;
	clear:left;
	float:left;
	margin:0 -300px 0 0;
	width:100%;
}
#links {
	background:#f3f4dc;
	clear:right;
	float:right;
	margin-left:1em;
	width:200px;
}
#links a, #links a:active, #links a:hover, #links a:link, #links a:visited, #footer {
	clear:both;
	float:none;
}
#menu a, #menu a:active, #menu a:hover, #menu a:link, #menu a:visited {
	text-decoration:none;
}
#logo {
	float:left;
}
#menu {
	font-weight:bold;
	margin:15px 0;
}


.adsense, .blogtool {
	margin:16px 0 0 18px;
	overflow:hidden;
	text-align:center;
}

.author {
	text-align:right;
}
.blog {
	font-size:small;
	margin:15px;
	padding-right:200px;
}

.whatnew {
	width: 55px;  
	background:#f3f4dc;
	float:left;
	margin: 0px 8px 0px 0px;;
	padding: auto;
	font-family:Verdana, Arial, sans-serif;
	font-size:x-small;
	text-decoration: none;
}

.whatnew2 {
	width: 55px;  
	float:right;
	margin: 0px 0px 0px 10px;;
	font-family:Verdana, Arial, sans-serif;
	font-size:x-small;
}
.topinfo {
	background-color:#99999c; 
		font-size:small;
	font-weight:bold;
	color:#ffffff;

.blogentry {
	color:black;
	margin:15px 10px;
	width:100%;
}
	.blogentry blockquote {
		border:1px none;
		font-size:83.3%;
		line-height:1.2;
		margin:15px 20px 0;
		padding:10px;
		width:auto;
	}
	.blogentry blockquote p {
		margin:10px;
	}
	.blogentry blockquote p.quote-title {
		font-weight:bold;
		margin:10px;
	}
	.blogentry p {
		line-height:140%;
		margin:10px 0;
	}

.body {
	margin:15px 0;
	padding-left:25px;
}

.calendar {
	background:#333333 none repeat scroll 0 0;
	color:#666666;
	font-size:x-small;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	text-align:center;
}
.calendarhead {
	background:#333333 none repeat scroll 0 0;
	color:#CCCCCC;
	font-size:x-small;
	font-weight:bold;
	line-height:140%;
	padding:2px;
}
blockquote.code {
	background:#555555 none repeat scroll 0 0;
	border-color:#777777;
	border-style:solid;
	border-width:1px 1px 1px 5px;
	color:#FFFFFF;
	display:block;
	font-family:monospace;
	font-size:small;
	margin-left:0;
	overflow:auto;
	padding:0.2em 0 1.2em 0.5em;
	white-space:nowrap;
	width:100%;
}
.comments-body {
	font-size:small;
	font-weight:normal;
	margin:15px 10px;
}
.comments-head, .date {
	border:1px solid #CCCCCC;
	font-size:small;
	font-weight:normal;
	margin:15px 0;
	padding:5px;
}
.comments-post {
	background-color:transparent;
	color:#999999;
	font-size:x-small;
	margin:15px 0 30px;
}
.posted {
	background-color:transparent;
	border-top:1px solid #D7D7D7;
	color:green;
	font-size:x-small;
	margin:15px 0 0;
	padding:0;
}
.powered {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-size:x-small;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:140%;
	margin:10px 0;
	text-align:center;
}
.side {
	font-size:x-small;
	font-weight:normal;
	line-height:140%;
	margin:0 10px 10px;
}
.side form, h1, h2, h3, h4 {
	margin:0;
	padding:0;
}
.subtitle {
#	background:transparent url(http://mattn.kaoriya.net/images/subtitle.png) no-repeat scroll 0 50%;
	background:transparent;
	line-height:26px;
	padding-left:26px;
	text-decoration:underline;
}
.side ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.side ul li {
#	background:transparent url(http://mattn.kaoriya.net/images/li-bg.gif) no-repeat scroll 0 0.5em;
	background:transparent  0 0.5em;
	line-height:150%;
	margin:0 0 0 18px;
	padding-left:12px;
}
.sidetitle {
#	background:transparent url(http://mattn.kaoriya.net/images/colitem-header-bg.gif) repeat-y scroll 0 50%;
	background:transparent  0 50%;
	color:#335577;
	font-size:small;
	font-weight:bold;
	letter-spacing:0.2em;
	margin:10px 10px 0;
	padding:5px 5px 5px 25px;
}
.syndicate {
	font-size:x-small;
	line-height:140%;
	margin:10px;
	text-align:center;
}
.tags {
	font-family:Verdana,Arial,sans-serif;
	font-size:9px;
	line-height:140%;
}
.title div {
	border-left:4px solid #FF9933;
	font-size:small;
	font-weight:bold;
	margin:15px 0;
	padding-left:10px;
}
.trackback-body {
	font-size:small;
	font-weight:normal;
	line-height:140%;
	margin:15px 10px;
}
.trackback-post {
	background-color:transparent;
	color:#999999;
	font-size:x-small;
	margin:15px 0 30px;
}
.trackback-url {
	background-color:transparent;
	border:1px dashed #999999;
	color:#999999;
	font-size:small;
	font-weight:normal;
	margin:15px 10px;
	padding:5px;
}
a, a:link {
	color:#6699CC;
}
a.external {
#	background:transparent url(http://mattn.kaoriya.net/images/hand.gif) no-repeat scroll 0 50%;
	background:transparent 0 50%;
	padding-left:20px;
}
a:active, a:hover {
	color:#669933;
}
a:visited {
	color:#8899AA;
}

body {
#	background:transparent url(http://mattn.kaoriya.net/images/container-bg.gif) repeat-y scroll 0 0;
	background:transparent scroll 0 0;
	color:#000000;
	margin:0;
}
em {
	background-color:transparent;
	color:#FF9900;
	font-style:normal;
	font-weight:bold;
}
input, textarea {
	font-size:100%;
}
pre {
	overflow:scroll;
}
textarea#body, textarea#excerpt, textarea#ping_url {
	font-family:"Osaka－等幅","ＭＳ ゴシック","Courier New",monospace;
	font-size:110%;
}
.paging {
	background-color:transparent;
	border-top:1px solid #D7D7D7;
	color:green;
	font-size:small;
	margin:15px 0 0;
	padding:0;
	text-align:center;
}
.addclips {
	text-align:right;
}
.search {
	margin-top:5px;
	text-align:center;
}
.mail-to, .hatenaBookmark {
	padding:5px;
	text-align:right;
}
#technorati {
	text-align:left;
}

.code .Comment {
	color:#AAAAAA;
}

.code .Constant, .code .String, .code .Character, .code .Number, .code .Boolean, .code .Float {
	color:#AA7777;
}
.code .Identifier, .code .Function {
	color:#77AA77;
}
.code .Statement, .code .Conditional, .code .Repeat, .code .Label, .code .Operator, .code .Keyword, .code .Exception {
color:#77AAAA;
}
.code .PreProc, .code .Include, .code .Define, .code .Macro, .code .PreCondit {
	color:#AAFFFF;
}
.code .Type, .code .StorageClass, .code .Structure, .code .Typedef {
	color:#AAAA55;
}
.code .Special, .code .SpecialChar, .code .Tag, .code .Delimiter, .code .SpecialComment, .code .Debug {
	color:#777777;
}
.code .Underlined {
	color:#00FF00;
	text-decoration:underline;
}
.code .Ignore {
	color:#777777;
}
.code .Error {
	background-color:#FF0000;
	color:#FFFFFF;
}
.code .Todo {
	color:#0000FF;
}
.code .Folded {
	background-color:#999999;
	color:#AAFFFF;
}
.code .Cursor {
	background-color:#FFFFFF;
	color:#555555;
}
#contact {
	font-size:small;
	text-align:center;
}
#copyright {
	font-size:small;
	text-align:center;
}
blockquote.mention {
	border:1px dotted black;
	padding:1em;
}
blockquote.quote {
#	background:transparent url(http://mattn.kaoriya.net/images/quoteup.png) no-repeat scroll 3px 3px;
	background:transparent scroll 3px 3px;
	border:1px dotted black;
	padding:1.5em;
}
.hatena-bcomment-view {
	background-color:#FFFFFF;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:solid;
	border-width:1px;
	color:#000000 !important;
	display:none;
	font-size:90%;
	font-weight:normal !important;
	margin:0 !important;
	padding:0 !important;
	position:absolute !important;
	text-align:left;
	width:400px;
	z-index:100;
}
.hatena-bcomment-title {
	margin:0 !important;
	padding:3px 5px !important;
	text-indent:0 !important;
}
.hatena-bcomment-title img {
	margin:2px 2px 2px 4px !important;
	vertical-align:middle !important;
}
.hatena-bcomment-view ul {
	background-color:#EDF1FD;
	border-top:1px solid #5279E7;
	line-height:150%;
	list-style-type:none;
	margin:0 !important;
	overflow:auto;
	padding:5px 8px !important;
	width:auto;
}
.hatena-bcomment-view ul li {
	background:transparent none repeat scroll 0 0 !important;
	font-size:90%;
	margin:0 !important;
	padding:0 0 2px !important;
	text-indent:0 !important;
}
.hatena-bcomment-view ul li span.hatena-bcomment-tag a {
	color:#6365CE;
	margin:0 3px;
}
.hatena-bcomment-view ul li img {
	margin:0 2px !important;
	vertical-align:middle !important;
}
.hatena-bcomment-view ul li span.hatena-bcomment-date {
}
.hatena-bcomment-view-icon {
	cursor:pointer;
}
.autopagerize_page_element {
	width:100%;
}
.awsxom {
	background:#EEEEEE none repeat scroll 0 0;
	padding:0.5em;
}
/* footer (aka header) bits */
#footer {
    margin: 10px 0px;
	padding:5px 0px 0px 10px;
	border:1px dotted #999999;
/*	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
*/
	color:#edc169;
/*	background:#000000; */
	font-family:Verdana, Arial, sans-serif;
	font-size:x-small;
	font-weight:normal;
	letter-spacing:.2em;
}

/* title bits */
#footer a {	color:#99ccff; }
#footer a:link {	color:#99ccff;}
#footer a:visited {	color:#bbccdd;}
#footer a:active {	color:#99cc66;}
#footer a:hover {	color:#99cc66;}