@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

h1{display:none;}

a {
	color: #2392E4;
}

a:visited {
	color: #2073B1;
}

/* yui fonts.css start 
Copyright (c) 2006, Yahoo! Inc.
All rights reserved.
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
/* yui fonts.css end */

body table {
	background: white;
}

div.wrap {
	text-align: center;
	clear: both;
}

div.wrapped {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 750px;
	text-align: left;
}

/* header */
div#headerwrap {
	background: url('http://tech.nitoyon.com/img/bg.jpg') top center repeat-x;
}

div#header {
}

div#header a {
}

div#header a img {
	border: 0;
	width: 335px;
	height: 151px;
}

div#header div#navi {
	position: relative;
	background: url('http://tech.nitoyon.com/img/border.jpg') bottom right no-repeat;
	width: 750px;
	height: 5px;
}

div#header div#navi ul{
	position: absolute;
	right: 0;
	top: -14px;
}

div#header div#navi li{
	list-style: none;
	font-family: Verdana;
	font-weight: bold;
	float: left;
}

div#navi li a{
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	width: 50px;
	height: 15px;
	background: url('http://tech.nitoyon.com/img/icon/navi.gif') top left no-repeat;
}

div#navi li.home    a {background-position: left top;}
div#navi li.about   a {background-position: left -18px;}
div#navi li.blog    a {background-position: left -36px;}
div#navi li.blog-en a {background-position: left -72px;}
div#navi li.contact a {background-position: left -54px;}

div#navi li.home    a:hover {background-position: -50px top;}
div#navi li.about   a:hover {background-position: -50px -18px;}
div#navi li.blog    a:hover {background-position: -50px -36px;}
div#navi li.blog-en a:hover {background-position: -50px -72px;}
div#navi li.contact a:hover {background-position: -50px -54px;}

div#navi li.home    a.current, div#navi li.home    a.current:hover {background-position: -100px top;}
div#navi li.about   a.current, div#navi li.about   a.current:hover {background-position: -100px -18px;}
div#navi li.blog    a.current, div#navi li.blog    a.current:hover {background-position: -100px -36px;}
div#navi li.blog-en a.current, div#navi li.blog-en a.current:hover {background-position: -100px -72px;}
div#navi li.contact a.current, div#navi li.contact a.current:hover {background-position: -100px -54px;}


/* side */
div#sidewrap {
	float: right;
	width: 200px;
}

div#side {
}

div#side div.box {
	margin-bottom: 20px;
	clear: both;
}

div#side div.box h3, div#side div.box div.hatena-moduletitle {
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 27px;
	margin-bottom: 5px;
}

div#side div.box ul {
	list-style: none;
}

div#side div.box ul li {
	margin: .5em 0;
	padding: 2px 0 2px 16px;
	background: url('http://tech.nitoyon.com/img/icon/item.gif') top left no-repeat;
}

/**/
div#side div#side_profile h3 {
	background: url('http://tech.nitoyon.com/img/icon/profile.gif') top left no-repeat;
}

div#side div#side_profile a img {
	border: 0;
}

div#side div#side_profile a#prof_pic {
	border: 1px solid #ccc;
	float: left;
}

div#side div#side_profile a#prof_pic:hover {
	border: 1px solid #2392E4;
}

div#side div#side_profile p {
	margin: 0 0 .5em 70px;
}

div#side div#side_profile p.prof_detail_link a {
	padding: 2px 0 2px 18px;
	cursor: pointer;
	background: url('http://tech.nitoyon.com/img/icon/play_off.gif') no-repeat;
}

div#side div#side_profile p.prof_detail_link a:hover {
	background: url('http://tech.nitoyon.com/img/icon/play_on.gif') no-repeat;
}


/* hatena-module list */  
div#side div.box ul {
}

div#side div.box ul li {
	float: left;
	width: 200px;
	margin: 0;
	font-size: 90%;
	display: block;

	padding: .5em 0 .5em 21px;
	background: url("http://tech.nitoyon.com/img/icon/item.gif") 4px top no-repeat;
	border-bottom: 1px dotted #ddd;
}

/* books */
div#side div#books {
	padding: 1em;
	background: #eef0ff;
}

div#side div#books a img {
	border: 3px solid white;
}

div#side div#books a {
	border: 1px solid #999999;
	display: block;
	width: 120px;
	height: 120px;
}

div#side div#books a:hover {
	border: 1px solid #2392E4;
}

div#side div#books p {
	margin-top: 1em;
}

div#side div#books p a,
div#side div#books p a:hover {
	border: 0;
	display: inline;
	width: auto;
	height: auto;
}

/* recent articles */
div#side div#side_articles div.hatena-moduletitle {
	background: url("http://tech.nitoyon.com/img/icon/recent_articles.gif") top left no-repeat;
}

div#side div#side_articles ul li { /* cancel icon */
	background: transparent;
	padding: 0;
	border: none;
}

div#side div#side_articles ul li a {
	display: block;
	padding: .5em 0 .5em 21px;
	background: url("http://tech.nitoyon.com/img/icon/item.gif") 4px top no-repeat;
	border-bottom: 1px dotted #ddd;
}

div#side div#side_articles ul li a {
}

div#side div#side_articles ul li a:hover {
	background-color: #fee;
}

/* recent comments */
div#side div#side_comments div.hatena-moduletitle {
	background: url("http://tech.nitoyon.com/img/icon/recent_comments.gif") top left no-repeat;
}

/* recent trackbacks */
div#side div#side_trackbacks div.hatena-moduletitle {
	background: url("http://tech.nitoyon.com/img/icon/recent_trackbacks.gif") top left no-repeat;
}

/* widgets */
div#side div#side_widgets div.hatena-moduletitle {
	background: url("http://tech.nitoyon.com/img/icon/widgets.gif") top left no-repeat;
}

div#side div#side_widgets div.hatena-modulebody p {
	margin: .5em 0;
}

/* clear fix http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; font-size: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* body */
div#bodywrap {
	margin-top: 1em;
	background: url('http://tech.nitoyon.com/img/footer1.gif') bottom center no-repeat;
}

div#hatena-body, div#tech-body {
	width: 500px;
	float: left;
}

div.hatena-body div.calendar {
	margin-bottom: 1em;
}

div#days {
	margin-top: 1.5em;
}

div.day {
	margin: 0 0 4em 0;
}

div.day div.body {
}

/* date for hatena diary */
div.day h2 {
	font-size: 90%;
	font-weight: normal;
}

div.day h2 a:link,
div.day h2 a:visited,
div.day h2 a:hover,
div.day h2 a:active {
	text-decoration: none;
	color: #888;
}


/* section */
div.section {
	clear: both;
	margin-bottom: 2em;
}

div#tech-body div.section div.title {
	padding: 1em 0;
}
div#tech-body div.section div.title h4 {
	font-size: 100%;
	border: 0;
	padding:0;
	margin:0;
	color: #978778;
}

div#tech-body div.section div.title h2 {
	font-size: 180%;
	padding: 3px 0;
}

div#hatena-body div.section h3 {
	position: relative;
	font-size: 150%;
	padding: 3px 0;
	border-top: 3px double #eed;
}

div#hatena-body div.section h3 a {
	color: black;
	text-decoration: none;
}

div.section p.sectionheader{
	margin-top: 0;
}

a.sectioncategory{
	color: #696;
	background: url('http://f.hatena.ne.jp/images/fotolife/n/nitoyon/20070123/20070123095201.gif') no-repeat;
	padding: 0px 0px 0px 18px;
}

div.section h4 {
	margin: 2em 0 1em 0;
	font-size: 100%;
	color: #978778;
	border-left: 8px solid #978778;
	padding: .3em 0 .3em 5px;
}

div.section h5 {
	font-size: 100%;
	border-left:1em solid #ccc;
	color:#888888;
	margin:2em 0pt 0pt;
	padding-left:0.5em;
}

div.section p {
	line-height: 1.6;
	margin: 1em 0;
}

div.section br {
	font-size: 1px;
}

div.section ul,
div.section ol {
	margin: 1em 0 1em 2em;
}

div.section ul ul,
div.section ul ol,
div.section ol ul,
div.section ol ol {
	margin: 0 0 0 1em;
}

div.section li {
	line-height: 1.6;
	margin: .3em 0 .3em 1em;
}

div.section dt {
	margin:.5em 0 .2em 2em;
	line-height: 1.6;
}

div.section dd {
	margin-left:3em;
	line-height: 1.6;
}

div.section table {
	width: auto;
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:0 5%;
}

div.section td, div.section th {border:1px solid #baa; padding: 3px;}

div.section th
{
	margin-left:3em;
	background-color:#ccc;
	font-weight:normal;
}

div.section table.ig_reset, 
div.section table.ig_reset td
{
	border:0;
	padding:0;
}


div.section pre, div.section blockquote {
	margin: 10px;
	border: 2px solid #F5E1C9;
	padding: 10px;
	background: #fff9e3;
	width: 460px;
	overflow: visible;
	/*\*/
	overflow: scroll;
	/**/
}

div.section div.fix-height-syntax pre {
	height: 460px;
}

div.section blockquote blockquote {
	width: auto;
}

div.section div.source {
	margin: 10px;
	border: 2px solid #F5E1C9;
	background: #fff9e3;
	width: 460px;
}

div.section div.source ol {
	margin-top: 0;
	margin-bottom: 0;
}

div.section div.source ol li {
	line-height: 1;
}

div.section strong {
	background: yellow;
	font-weight: normal;
}

div.section p.seemore {
	margin: 1.5em 0 0 0;
}

div.section p.seemore a {
	padding-left: 18px;
	background: url('http://tech.nitoyon.com/img/icon/play_on.gif') top left no-repeat;
}

/* comment */
div.comment {
	margin-top: 2em;
}

div.commentshort{
	margin-top: .5em;
}

div.commentshort p{
	margin: .5em 0 .5em 30px;
	color: #666;
	position: relative;
	clear: both;
}

div.commentshort p span.commentator{
	display: block;
	margin-left: -10px;
	font-weight: bold;
}

div.commentshort p span.canchor{
	position: absolute;
	top: 0;
	left: -30px;
}


/* refer */
div.refererlist{
	margin-top: 4em;
}

div.refererlist ul li{
	margin: .3em 0 .3em 2em;
	word-break: break-all;
}

/* toc */
div.toc {
	background-color:#EEEEEE;
	border-bottom:2px solid #DDDDDD;
	margin:30px 0 30px 50px;
	width:400px;
}

div#tech-body div.section div.toc h3 {
	background-color:#BBC0BB;
	border: 0;
	border-bottom:2px solid #EEEEEE;
	border-top:2px solid #EEEEEE;
	color:black;
	font-size:100%;
	margin:0pt;
	padding:0.2em 0.2em 0.2em 0.5em;
}
div.toc ul {
	margin:0.5em;
	padding:0pt;
}
div.toc ul li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:decimal;
	margin:0pt;
	padding-left:2em;
}
div.toc ul li.thispage {
	background:transparent url(http://tech.nitoyon.com/img/icon/thispage.gif) no-repeat scroll 0%;
}

/* keyword */
div.day a.keyword:link,
div.day a.keyword:visited,
div.day a.keyword:hover,
div.day a.keyword:active {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
}

div.day h4 a.keyword:link,
div.day h4 a.keyword:visited,
div.day h4 a.keyword:hover,
div.day h4 a.keyword:active {
	color: #978778;
}

div.day h5 a.keyword:link,
div.day h5 a.keyword:visited,
div.day h5 a.keyword:hover,
div.day h5 a.keyword:active {
	color: #888888;
}

div.day dt,
div.day dt a.keyword:link,
div.day dt a.keyword:visited,
div.day dt a.keyword:hover,
div.day dt a.keyword:active {
	color:#966;
	font-weight:bold;
}

div.section p.sectionfooter {
	margin: 1.5em 0 2em 0;
	text-align: right;
	clear: both;
}

div.section p.sectionfooter a {
	color: #988;
	text-decoration: none;
}

/* footer */
div#footerwrap {
	background: url('http://tech.nitoyon.com/img/footer2.gif') center top repeat-y;
	background-color: #534A4A;
}

div#footer {
	padding: 1.5em 0 1em 0;
	background: #736C6C;
	color: white;
}

div#footer div.column {
	width: 200px;
	float: right;
}

div#footer div.column ul {
	list-style: none;
}

div#footer div.column ul li {
	padding-left: 10px;
	background: url('http://tech.nitoyon.com/img/icon/footlist.gif') center left no-repeat;
}

div#footer div.column ul li a {
	color: white;
	text-decoration: none;
}

div#footer div.column2 {
	width: 500px;
}

div#footer h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: .5em;
}

div#footer a {
	color: #ddf;
}

div#footer div.copy {
	font-size: 80%;
	margin-top: 2em;
}

/* comments */
div#comments ol li, div#trackbacks ol li {
	margin-left: 2.5em;
}
div#comments ol li {
	font-weight: bold;
}

div#comments ol li p {
	margin: .5em 0 1em;
	font-weight: normal;
}

div#comments ol li a.commenter-profile img {
	border: 0;
}

div#comments form {
	margin-top: 2em;
}

div#comments form dl dt {
	display: block;
	float: left;
	width: 5em;
}

div#comments form dl dd {
	margin-left: 5em;
}

div#comments form dl dd input#comment-url {
	display: block;
}

/* trackback */
div#trackbacks {
	margin-top: 2em;
}

div.column2_1 {
	float: left;
	padding-right: 20px;
	width: 240px;
}

div.column2_2 {
	float: left;
	width: 240px;
}

.clear {
	clear: both;
}

/* source */
.synIdentifier{color:#900;}
.synStatement{color:#00f;}
.synComment{color:#080;}
.synConstant{color:#f00;}
.synType{color:#00f;}

/* asin */
div.hatena-asin-detail {
	margin: 1em 2em;
	padding: 5px;
	border: solid 1px #808080;
	_width: 100%;
}

img.hatena-asin-detail-image {
	float: left;
	border: 0;
	margin: 0 10px 0 0 ;
}

div.hatena-asin-detail-info{
	margin: 0 0 0 140px;
	word-break: break-all;
}

div.hatena-asin-detail-info p.hatena-asin-detail-title{
	font-weight: bold;
	width: 100%;
	margin: 0;
}

div.hatena-asin-detail-info ul {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}

div.hatena-asin-detail-info li {
	margin: 0;
	padding: 0;
}

div.hatena-asin-detail p a{
	border: 0;
}

div.hatena-asin-detail-foot {
	clear: left;
}

.hatena-star-comment-container {
	display: none;
}

.hatena-star-star-container {
	padding-left: 10px;
}

div.ad{
	margin: 1em 0;
}

/* seealso */
div.seealso h4{
	background:#e6e6e6;
	border: 0;
	color: black;
	font-weight: normal;  
}

div.seealso ul{
	margin: 0;
	padding: 0;
}

div.seealso ul li{
	background:url(http://tech.nitoyon.com/img/icon/item.gif) no-repeat 4px top;
	display: block;
	padding-left: 20px;
	margin: 0;
}

img.http-bookmark{
	border: 0;
}