html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; line-height: 1.2; background: #fef9ef; -webkit-text-size-adjust: 100%; }

h1, h2, h3, h4, h5 { font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; }

code { font-family: "Courier New", "Andale Mono", monospace, serif; background: #f2f2f2; }

.synIdentifier { color: #900; }

.synStatement { color: #00f; }

.synComment { color: #080; }

.synConstant { color: #f00; }

.synType { color: #00f; }

strong { font-weight: normal; background: yellow; }

a.keyword { color: inherit; text-decoration: none; }

del, s { color: #999999; }

sub { font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

.clearfix { overflow: hidden; *zoom: 1; }

.center { text-align: center; }

.right { text-align: right; float: none; }

div#wrapper, aside#box2, .wrap { text-align: center; clear: both; }

div#main-inner, div#blog-title-inner, #box2-inner, .wrapped { margin: 0 auto; padding: 0 0.5em; width: 45em; text-align: left; }
@media screen and (max-width: 45.5em) { div#main-inner, div#blog-title-inner, #box2-inner, .wrapped { width: auto; } }

p.seemore a { padding-left: 22px; background: url("http://tech.nitoyon.com/img/icon/play_on.gif") center left no-repeat; }

div#globalheader-container { background-color: white; }

div#container-inner header#blog-title, header.page-header { background: white; border-bottom: 1px solid #dddddd; margin-bottom: 1em; -webkit-box-shadow: 0px 0px 20px #dddddd; -moz-box-shadow: 0px 0px 20px #dddddd; box-shadow: 0px 0px 20px #dddddd; }
div#container-inner header#blog-title div#blog-title-inner, div#container-inner header#blog-title .wrapped, header.page-header div#blog-title-inner, header.page-header .wrapped { padding-top: 3em; padding-bottom: 1.8em; position: relative; }
div#container-inner header#blog-title div#blog-title-inner h1 a, div#container-inner header#blog-title .wrapped h1 a, header.page-header div#blog-title-inner h1 a, header.page-header .wrapped h1 a { display: block; text-indent: -9999px; overflow: hidden; width: 426px; height: 121px; background-image: url("http://tech.nitoyon.com/images/logo-blog-ja.png"); }
@media screen and (max-width: 480px) { div#container-inner header#blog-title div#blog-title-inner h1 a, div#container-inner header#blog-title .wrapped h1 a, header.page-header div#blog-title-inner h1 a, header.page-header .wrapped h1 a { -webkit-background-size: 213px, 60px; -moz-background-size: 213px, 60px; -o-background-size: 213px, 60px; background-size: 213px, 60px; width: 213px; height: 60px; } }
div#container-inner header#blog-title div#blog-title-inner h1 a#logo-blog-en, div#container-inner header#blog-title .wrapped h1 a#logo-blog-en, header.page-header div#blog-title-inner h1 a#logo-blog-en, header.page-header .wrapped h1 a#logo-blog-en { background-image: url("https://cdn.blog.st-hatena.com/images/logo-blog-en.png?version=e0e0a3993d8aff6a6344f19dd784d5"); }
div#container-inner header#blog-title div#blog-title-inner h1 a#logo-blog-ja, div#container-inner header#blog-title .wrapped h1 a#logo-blog-ja, header.page-header div#blog-title-inner h1 a#logo-blog-ja, header.page-header .wrapped h1 a#logo-blog-ja { background-image: url("https://cdn.blog.st-hatena.com/images/logo-blog-ja.png?version=e0e0a3993d8aff6a6344f19dd784d5"); }
div#container-inner header#blog-title div#blog-title-inner h1 a#logo-en, div#container-inner header#blog-title .wrapped h1 a#logo-en, header.page-header div#blog-title-inner h1 a#logo-en, header.page-header .wrapped h1 a#logo-en { background-image: url("https://cdn.blog.st-hatena.com/images/logo-en.png?version=e0e0a3993d8aff6a6344f19dd784d5"); }
div#container-inner header#blog-title div#blog-title-inner h1 a#logo-ja, div#container-inner header#blog-title .wrapped h1 a#logo-ja, header.page-header div#blog-title-inner h1 a#logo-ja, header.page-header .wrapped h1 a#logo-ja { background-image: url("https://cdn.blog.st-hatena.com/images/logo-ja.png?version=e0e0a3993d8aff6a6344f19dd784d5"); }
div#container-inner header#blog-title nav ul, header.page-header nav ul { position: absolute; right: 0; top: 0.2em; }
div#container-inner header#blog-title nav ul:hover a, header.page-header nav ul:hover a { color: #666666; }
div#container-inner header#blog-title nav ul li, header.page-header nav ul li { display: inline; }
div#container-inner header#blog-title nav ul li a, header.page-header nav ul li a { color: #888888; padding: 0 0.5em; font-size: 0.9em; font-family: serif; text-decoration: none; }
div#container-inner header#blog-title nav ul li a:hover, header.page-header nav ul li a:hover { color: #000000; text-shadow: 0 0 0.1em #999999; }

div.entry { position: relative; }
@media screen and (max-width: 480px) { div.entry { padding-top: 250px; } }

div.post-ad { margin-bottom: 1em; }
@media screen and (max-width: 480px) { div.post-ad { position: absolute; top: 0; } }

.entry-content { margin-top: 3em; margin-bottom: 2em; }

div#wrapper h1, div#wrapper h2, div#wrapper h3, div#wrapper h4, div#wrapper h5, body.ja article h1, body.ja article h2, body.ja article h3, body.ja article h4, body.ja article h5 { font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

article { margin-bottom: 4em; }
article header { margin-top: 2em; margin-bottom: 1em; }
article header div.date a, article header h2 { font-size: 1.2em; margin-bottom: .2em; color: #888888; font-weight: normal; text-decoration: none; }
article header h1 { margin: 0 0 .5em 0; text-shadow: 0.03em 0 0.08em #cccccc; font-size: 2.4em; font-weight: normal; color: black; text-decoration: none; }
article header h1 a { color: black; text-decoration: none; }

article .entry-content p.sectionheader { text-align: right; margin: 0; color: #696; font-size: 0.9em; position: relative; top: -2em; }
article .entry-content p.sectionheader a.sectioncategory { color: #696; background: url("http://f.hatena.ne.jp/images/fotolife/n/nitoyon/20070123/20070123095201.gif") no-repeat center left; padding: 0 0 0 20px; text-decoration: none; }
article .entry-content h4 { font-size: 1.8em; font-weight: bold; margin: 1.5em 0 0 0; }
article .entry-content h5 { font-size: 1.2em; font-weight: bold; color: #336699; margin: 2em 0 0 0; position: relative; left: -0.15em; }
article .entry-content h4 + h5 { margin-top: 1.4em; }
article .entry-content p, article .entry-content center { margin: 1em 0; line-height: 1.5; }
article .entry-content p + p { margin-top: 1.3em; }
article .entry-content p img, article .entry-content center img, article .entry-content iframe.youtube { padding: 10px; background: white; border: 1px solid #cccccc; -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; border-radius: 6px / 6px; -webkit-box-shadow: 0px 4px 10px #cccccc; -moz-box-shadow: 0px 4px 10px #cccccc; box-shadow: 0px 4px 10px #cccccc; }
@media screen and (max-width: 480px) { article .entry-content p img, article .entry-content center img, article .entry-content iframe.youtube { max-width: 100%; height: auto; width: auto\9; background: transparent; padding: 0; border: 0; -webkit-border-radius: 0 0; -moz-border-radius: 0 / 0; border-radius: 0 / 0; } }
article .entry-content img.tex, article .entry-content img.http-bookmark, article .entry-content img.hatena-id-icon { background: transparent; padding: 0; border: 0; -webkit-border-radius: 0 0; -moz-border-radius: 0 / 0; border-radius: 0 / 0; -webkit-box-shadow: 0 0 0 #cccccc; -moz-box-shadow: 0 0 0 #cccccc; box-shadow: 0 0 0 #cccccc; }
article .entry-content img.hatena-id-icon { padding-right: .2em; }
article .entry-content ul, article .entry-content ol { margin: 1em 0 1em 1.5em; }
article .entry-content li ul, article .entry-content li ol { margin: 0 0 0 1em; }
article .entry-content ol { list-style: decimal outside; }
article .entry-content ul { list-style: disc outside; }
article .entry-content ul ul { list-style: circle outside; }
article .entry-content li { margin: .4em 0 .4em 1.0em; line-height: 1.5; }
article .entry-content dl { margin: 1em; }
article .entry-content dl dt { color: #336699; font-weight: bold; margin: 0.2em 0; }
article .entry-content dl dd { margin: 0.2em 0 0.2em 2em; line-height: 1.5; }
article .entry-content blockquote { margin: 1em 0; background: white; border: .4em solid #cccccc; -webkit-border-radius: 1em 1em; -moz-border-radius: 1em / 1em; border-radius: 1em / 1em; padding: 0 1em; }
article .entry-content blockquote cite { display: block; font-size: 0.9em; text-align: right; padding-bottom: 0.5em; }
article .entry-content pre { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; margin: 1em 0; background: white; border: .4em solid #cccccc; -webkit-border-radius: 1em 1em; -moz-border-radius: 1em / 1em; border-radius: 1em / 1em; padding: 1em; overflow: visible; /*\*/ overflow: auto; /**/ }
article .entry-content div.highlight pre { max-height: 25em; }
@media screen and (max-width: 480px) { article .entry-content div.highlight pre { max-height: none; } }
article .entry-content div.highlight pre code { background: inherit; }
article .entry-content div.fix-height-syntax pre { height: 20em; }
article .entry-content table { border: 1px solid #666666; border-collapse: collapse; -webkit-box-shadow: 0px 4px 10px #cccccc; -moz-box-shadow: 0px 4px 10px #cccccc; box-shadow: 0px 4px 10px #cccccc; border-spacing: 0; margin-left: 2em; }
article .entry-content table th, article .entry-content table td { padding: 0.5em 1em; border: 1px solid #666666; }
article .entry-content table th { font-weight: bold; background: #eeeee9; text-align: center; }
article .entry-content table td { background: white; }
article .entry-content div.seealso h4 { background: #e6e6e6; border: 0; padding: .4em; margin: 2em 0 .5em 0; color: black; font-weight: normal; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; font-size: 100%; font-family: selif; }
article .entry-content div.seealso ul { margin: 0; padding: 0; }
article .entry-content div.seealso ul li { background: url("http://tech.nitoyon.com/img/icon/item.gif") no-repeat 4px top; display: block; padding-left: 24px; margin: .2em 0; }
article .entry-content div.hatena-asin-detail { margin: 1em; padding: 1em; border: .4em solid #cccccc; -webkit-border-radius: 1em 1em; -moz-border-radius: 1em / 1em; border-radius: 1em / 1em; background: white; }
article .entry-content div.hatena-asin-detail img.hatena-asin-detail-image { float: left; border: 0; margin: 0 10px 0 0; }
article .entry-content div.hatena-asin-detail div.hatena-asin-detail-info { margin: 0 0 0 140px; word-break: break-all; }
article .entry-content div.hatena-asin-detail div.hatena-asin-detail-info p.hatena-asin-detail-title { font-weight: bold; width: 100%; margin: 0; }
article .entry-content div.hatena-asin-detail div.hatena-asin-detail-info ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
article .entry-content div.hatena-asin-detail div.hatena-asin-detail-info ul li { margin: 0; padding: 0; }
article .entry-content div.hatena-asin-detail div.hatena-asin-detail-foot { clear: both; }
article .entry-content div.hatena-asin-detail p a { border: 0; }
article .entry-content div.twitter-detail { margin: 1em; padding: 1em 1em 0.5em 1em; border: .4em solid #cccccc; -webkit-border-radius: 1em 1em; -moz-border-radius: 1em / 1em; border-radius: 1em / 1em; background: white; }
article .entry-content div.twitter-detail .twitter-detail-user { float: left; border: 0; margin: 0 10px 0 0; }
article .entry-content div.twitter-detail div.twitter-detail-tweet { margin: 0 0 0 60px; }
article .entry-content div.twitter-detail div.twitter-detail-tweet p.twitter-detail-text { margin: 0; }
article .entry-content div.twitter-detail div.twitter-detail-tweet p.twitter-detail-info { font-size: 0.9em; text-align: right; margin: 1em 0 0 0; color: #888888; }
article .entry-content div.twitter-detail div.twitter-detail-tweet p.twitter-detail-info a { color: #888888; }
article .entry-content table.gadget { border-collapse: separate; border: 1px solid #666666; }
article .entry-content table.gadget td { border: none; padding: 0 .5em; }
article .entry-content table.gadget td img { padding: 0; background: transparent; border: 0; -webkit-border-radius: 0 0; -moz-border-radius: 0 / 0; border-radius: 0 / 0; -webkit-box-shadow: 0 0 0 #cccccc; -moz-box-shadow: 0 0 0 #cccccc; box-shadow: 0 0 0 #cccccc; }

.share { margin-bottom: 1em; overflow: hidden; *zoom: 1; }
.share .hatena-bookmark-button-frame, .share .twitter-share-button, .share div.fb-like { float: left; padding-right: 1em; }
.share .twitter-share-button { padding-right: .2em; }

.ja .share .twitter-share-button { width: 105px!important; }

.en .share .twitter-share-button { width: 85px!important; }

div.social-buttons, div.bottom-share { margin: 1.5em 0 1em 0; }

div#pager-bottom { margin: 2em 0 1em 0; clear: both; }

time.updated, a.permalink { color: #888888; text-decoration: none; }

.comment-box { margin: 1em 0; }
.comment-box li.entry-comment { margin: 1em 0; }
.comment-box p.comment-user-name { color: #336699; font-weight: bold; }
.comment-box div.comment-content, .comment-box p.comment-metadata { margin: .2em 0 0 1em; }
.comment-box .leave-comment-title { margin: .2em 0; padding: .2em; background: #e9e9e9; }

article ul.posts { list-style: none; margin: 0; }
article ul.posts li { margin-left: 0; }
@media screen and (max-width: 45.5em) { article ul.posts li a { display: block; padding-bottom: .8em; } }
article ul.posts span.date { font-family: Monaco, "Courier New", monospace; }

aside#box2 { margin-top: 1.5em; background: #e9e9e9; -webkit-box-shadow: 0px 0px 20px #aaaaaa; -moz-box-shadow: 0px 0px 20px #aaaaaa; box-shadow: 0px 0px 20px #aaaaaa; }
aside#box2 h2 { margin: 0; display: none; }
aside#box2 .hatena-module, aside#box2 .wrapped { padding-top: 1.5em; }
aside#box2 .hatena-module-title, aside#box2 h3 { font-size: 1.1em; color: #336699; font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-weight: bold; margin-bottom: .4em; text-shadow: white 0 1px 1px, #0d1926 0 -1px 1px; }
aside#box2 .hatena-module-title a { color: inherit; text-decoration: none; }
aside#box2 div.column { width: 21.5em; }
@media screen and (max-width: 45.5em) { aside#box2 div.column { width: auto; } }
aside#box2 .hatena-module-recent-entries, aside#box2 #recententries { width: 21.5em; }
aside#box2 .hatena-module-recent-entries ul li, aside#box2 #recententries ul li { border-bottom: gainsboro solid 1px; }
aside#box2 .hatena-module-recent-entries ul li a, aside#box2 #recententries ul li a { display: block; color: black; text-decoration: none; padding: .4em .4em .4em 24px; line-height: 1.4; background: url("http://tech.nitoyon.com/img/icon/item.gif") no-repeat 4px 4px; -webkit-border-radius: 0.5em 0.5em; -moz-border-radius: 0.5em / 0.5em; border-radius: 0.5em / 0.5em; }
aside#box2 .hatena-module-recent-entries ul li a:hover, aside#box2 #recententries ul li a:hover { text-decoration: underline; background-color: white; }
aside#box2 .hatena-module-profile .hatena-module-body { background: url("http://tech.nitoyon.com/img/icon/pic.jpg") no-repeat; }
aside#box2 .hatena-module-profile, aside#box2 #profile { float: right; width: 21.5em; margin-bottom: 1.5em; }
@media screen and (max-width: 45.5em) { aside#box2 .hatena-module-profile, aside#box2 #profile { float: none; } }
aside#box2 .hatena-module-profile a#prof_pic img, aside#box2 #profile a#prof_pic img { width: 64px; height: 56px; float: left; }
aside#box2 .hatena-module-profile p, aside#box2 #profile p { margin: 0 0 .7em 74px; line-height: 1.3; }
aside#box2 .hatena-module-archive { overflow: hidden; *zoom: 1; padding-bottom: 1.5em; }
aside#box2 .hatena-module-archive ul li { display: block; float: left; }
aside#box2 .hatena-module-archive a { display: block; width: 8em; margin-bottom: .2em; color: #000000; text-decoration: none; padding: .1em .3em; }
aside#box2 .hatena-module-archive a:hover { background: white; -webkit-border-radius: 0.5em 0.5em; -moz-border-radius: 0.5em / 0.5em; border-radius: 0.5em / 0.5em; text-decoration: underline; }
aside#box2 #archive_month_list { margin-bottom: 1.5em; }
aside#box2 #archive_month_list a.year { color: #888888; padding: .1em .3em; font-weight: bold; text-decoration: none; }
aside#box2 #archive_month_list a.month { padding: .1em .3em; color: #000000; text-decoration: none; padding: 0 0.3em; }
aside#box2 #archive_month_list a:hover { background: white; -webkit-border-radius: 0.5em 0.5em; -moz-border-radius: 0.5em / 0.5em; border-radius: 0.5em / 0.5em; text-decoration: underline; }
aside#box2 #archive_month_list span.delimiter { display: none; }

div.copy { padding: 1em 0; font-size: 0.8em; font-weight: bold; background: #505050; color: white; -webkit-box-shadow: 0px 0px 20px #888888; -moz-box-shadow: 0px 0px 20px #888888; box-shadow: 0px 0px 20px #888888; }

footer#footer { display: none; }