@charset "utf-8";
body {
 font-family      : 'Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','メイリオ', 'Verdana',sans-serif;
}

#banner {
 background       : #357 url("http://mattn.kaoriya.net/images/banner-bg.gif") 15px 0 repeat-x;
 border-bottom    : 0px dotted #999999;
 border-top       : 0px dotted #999999;
 color            : #ffffff;
 font-size        : x-large;
 font-weight      : normal;
 letter-spacing   : .2em;
 padding          : 15px;
 padding-left     : 35px;
}
#banner .description {
 background       : transparent;
 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%;
 color            : #ffffff;
 font-size        : x-large;
 padding          : 0pt 0pt 0pt 26px;
 text-decoration  : none;
}
#banner-commentspop {
 background       : #000;
 border-bottom    : 1px dotted #999;
 border-top       : 3px dotted #999;
 color            : #FFF;
 font-size        : large;
 font-weight      : bold;
 letter-spacing   : .2em;
 padding          : 15px;
}
#content {
 border-right     : 1px dotted #999999;
 clear            : left;
 float            : left;
 margin           : 0px -400px 0px 0px;
 width            : 100%;
 /*min-width        : 500px;*/
 /*width            : auto !important;*/
 /*width            : 100px;*/
}
#links {
 background       : transparent url(http://mattn.kaoriya.net/images/column-right-bg.gif) repeat-y;
 width            : 350px;
 clear            : right;
 float            : right;
 margin-left      : 1em;
}
#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;
 text-align       : center;
 overflow         : hidden;
}
.ajaxfind {
 background       : white;
 border           : 1px solid black;
 font-family      : Verdana, Arial, sans-serif;
 font-size        : 12px;
 left             : 50px;
 padding          : 6px;
 position         : absolute;
 top              : 50px;
 width            : 500px;
}
.findinput {
 color            : #666;
}
.author {
 text-align       : right;
}
.blog {
 font-size        : small;
 margin           : 15px;
 padding-right    : 360px;
}
.blogentry {
 color            : black;
 margin           : 15px 10px;
 width            : 100%;
}
.blogentry blockquote {
 width            : auto;
 margin           : 15px 20px 0;
 padding          : 10px;
 border           : 1px;
 font-size        : 83.3%;
 line-height      : 1.2;
}
.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       : #333;
 color            : #666;
 font-size        : x-small;
 font-weight      : normal;
 line-height      : 140%;
 padding          : 2px;
 text-align       : center;
}
.calendarhead {
 background       : #333;
 color            : #CCC;
 font-size        : x-small;
 font-weight      : bold;
 line-height      : 140%;
 padding          : 2px;
}
blockquote.code {
 border-bottom    : 1px solid #777777;
 border-left      : 5px solid #777777;
 border-right     : 1px solid #777777;
 border-top       : 1px solid #777777;
 background       : #555555;
 color            : #ffffff;
 display          : block;
 font-family      : monospace;
 font-size        : small;
 width            : 100%;
 padding-top      : 0.2em;
 padding-bottom   : 1.2em;
 padding-left     : 0.5em;
 padding-right    : 0em;
 overflow         : auto;
 white-space      : nowrap;
 margin-left      : 0px;
}
.comments-body {
 font-size        : small;
 font-weight      : normal;
 margin           : 15px 10px;
}
.comments-head,
.date {
 border           : 1px solid #CCC;
 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 0;
}
.posted {
 background-color : transparent;
 border-top       : 1px solid #d7d7d7;
 color            : green;
 font-size        : x-small;
 margin           : 15px 0 0px 0;
 padding          : 0px;
}
.powered {
 border-bottom    : 1px solid #CCC;
 border-top       : 1px solid #CCC;
 font-size        : x-small;
 font-weight      : bold;
 letter-spacing   : .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 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%;
 padding-left     : 26px;
 line-height      : 26px;
 text-decoration: underline;
}
.side ul {
 list-style-type  : none;
 margin           : 0;
 padding          : 0;
}
.side ul li {
 background       : url(http://mattn.kaoriya.net/images/li-bg.gif) 0 0.5em no-repeat;
 line-height      : 150%;
 margin           : 0 0 0 18px;
 padding-left     : 12px;
}
.sidetitle {
 background       : transparent url(http://mattn.kaoriya.net/images/colitem-header-bg.gif) 0 50% repeat-y;
 color            : white;
 font-size        : small;
 font-weight      : bold;
 letter-spacing   : .2em;
 margin           : 10px 10px 0 10px;
 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 #f93;
 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            : #999;
 font-size        : x-small;
 margin           : 15px 0 30px 0;
}
.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%;
 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;
 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 {
 text-align       : center;
 background-color : transparent;
 border-top       : 1px solid #d7d7d7;
 color            : green;
 font-size        : small;
 margin           : 15px 0px 0px 0px;
 padding          : 0px;
}
.addclips {
 text-align       : right;
}
.search {
 margin-top       : 5px;
 text-align       : center;
}
.mail-to, .hatenaBookmark {
 padding          : 5px 5px 5px 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; /* TODO */
 text-decoration: underline;
}
.code .Ignore {
 color: #777777; /* TODO */
}
.code .Error {
 color: #ffffff; /* TODO */
 background-color: #ff0000; /* TODO */
}
.code .Todo {
 color: #0000ff; /* TODO */
}
.code .Folded {
 color: #aaffff;
 background-color: #999999;
}
.code .Cursor {
 color: #555555;
 background-color: #ffffff;
}
#contact {
 text-align       : center; 
 font-size        : small;
}
#copyright {
 text-align       : center; 
 font-size        : small;
}
blockquote.mention {
 border           : 1px dotted black;
 padding          : 1em;
}
blockquote.quote {
 border           : 1px dotted black;
 background       : url(http://mattn.kaoriya.net/images/quoteup.png) 3px 3px no-repeat;
 padding          : 1.5em;
}
.hatena-bcomment-view {
 background-color:#fff;
 border-top:1px solid #CCC;
 border-left:1px solid #CCC;
 border-right: solid 1px #999;
 border-bottom: solid 1px #999;
 position: absolute !important;
 display: none;
 width: 400px;
 text-align:left;
 margin:0 !important;
 padding:0 !important;
 font-weight:normal !important;
 font-size:90%;
 z-index:100;
 color:#000 !important;
}

.hatena-bcomment-title {
 margin:0 !important;
 padding:3px 5px  !important;
 text-indent:0 !important;
}

.hatena-bcomment-title img {
 vertical-align: middle !important;
 margin: 2px 2px 2px 4px !important;
}


.hatena-bcomment-view ul {
 width: auto;
 overflow: auto;
 border-top: 1px solid #5279E7;
 background-color: #edf1fd;
 list-style-type: none;
 padding: 5px 8px !important;
 margin: 0px !important;
 line-height: 150%;
}
.hatena-bcomment-view ul li{
 text-indent:0 !important;
 margin:0 !important;
 padding:0 0 2px 0 !important;
 font-size:90%;
 background:transparent !important;
}
.hatena-bcomment-view ul li span.hatena-bcomment-tag a{
 color:#6365CE; 
 margin:0px 3px;
}

.hatena-bcomment-view ul li img{
 vertical-align:middle !important;
 margin:0 2px !important;
}

.hatena-bcomment-view ul li span.hatena-bcomment-date {
}

.hatena-bcomment-view-icon {
 cursor: pointer;
}
.autopagerize_page_element {
 width: 100%;
}
.awsxom {
 background: #eeeeee;
 padding: 0.5em;
}