@charset "utf-8";

* {
	font-size: 100%;
	font-family: Meiryo, "Lucida Grande", "ＭＳ　Ｐゴシック", Verdana, Lucida, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, #navi a {
	font-family: Meiryo, "Lucida Grande", "ＭＳ　Ｐゴシック", Verdana, Lucida, Arial, Helvetica, sans-serif;
}
pre, code, samp, kbd, var {
	font-family: 'Courier New', 'Bitstream Vera Sans Mono', Courier, monospace;
}

body {
	margin: 0;
	color: #000;
	background: #FFF;
}

a {
	text-decoration: underline;
}
a:link, a:visited {
	color: #ce2269;
}
a:hover, a:active {
	color:#6b3232;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
}

h2 a{
	text-decoration: none;
}
/*h2 a:link, h2 a:visited {
	text-decoration: none;
	color:#6b3232;
}
h2 a:hover, h2 a:active{
	color:#ce2269;
}*/

img {
	border: 0;
}
ins {
	color: red;
	text-decoration: none;
}
del {
	color: #666;
}
small {
	font-size: 80%;
}
big {
	font: 150% 'HGP明朝E', serif;
}
big big {
	font: 150% 'HGP明朝E', serif;
	color: #333;
}

div#container {
	width: 100%;
	padding: 0;
	background: #FFF;
}
div#header, div#navi, div#breadcrumbs, div#footer {
	width: 100%;
	overflow: hidden;
	margin: 0;
	clear: both;
	font-size: 75%;
	line-height: 2;
}
div#header {
	padding: 2px 0;
	background: #ce2269;
}
div#navi {
	padding: 1px 0;
	border-bottom: 1px solid #CCC;
	background: #eee;
}
div#breadcrumbs {
	font-size: 70%;
	padding: 0 10px;
/*	border-bottom: 1px solid #CCC;
	background: #EEE;*/
}
div#footer {
	padding: 1px 0;
	border-top: 1px solid #CCC;
	background: #EEE;
}
#header h1, #header .description {
	padding: 0 10px;
	display: inline;
	color: #FFF;
	line-height: 2;
}
#header h1 {
	font-weight: bold;
	font-size: 110%;
}
#header .description {
	font-weight: normal;
	/*border-left: 2px solid #FFF;*/
}
#header a:link, #header a:visited {
	color: #FFF;
	text-decoration: none;
}
#header img, #footer img {
	vertical-align: top;
}
#navi img {
vertical-align: middle;
}

#navi ul, #footer ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
}
#navi ul li, #footer ul li {
	display: inline;
	list-style-type: none;
	padding: 0 5px;
}
#navi form, #navi form div { display: inline; }

#navi a {
	text-decoration: none;
	background: transparent;
	color:#6b3232;
}
#navi a:hover {
	color:#ce2269;
}

#syndicate a {
	margin: 0 5px 0 0;
	padding: 0 3px;
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	font: bold 10px Verdana, 'Bitstream Vera Sans', Helvetica, sans-serif;
	color: #FFF;
	background: #F60;
	text-decoration: none;
}

div#content {
	width: 65%;
	/*max-width:55em;*/
	min-width:40em;
	float: left;
	display: inline; /* for MSIE bug */
	margin: 15px 3%;
	padding: 0;
	font-size: 80%;
	line-height: 1.7;
	background: #FFF;
}
div#sidebar {
	width: 25%;
	min-width:180px;
	float: left;
	display: inline; /* for MSIE bug */
	margin: 20px 1.5%;
margin: 20px 0 20px 1.5%;
	padding: 0;
	font-size: 80%;
	line-height: 1.5;
	background: #FFF;
}

#content p {
	line-height: 1.7;
	margin: 1em 0;
}
#content td, #content th {
	padding: 1px 2px;
	font-size: 100%;
	font-weight: normal;
}
#content td {
	background: #EEF;
}
#content th {
	background: #CCE;
}
#content h1 {
	margin: 1em 0;
	border-bottom: 1px solid #069;
}
#content h2 {
	margin-top: 1.2em;
	padding: 0 2px;
	line-height: 2;
	border-bottom: 1px solid #3B3B3B;
	color: #333;
	font-size: 120%;
	font-weight: bold;
}
#content h3 {
	color: #369;
	line-height: 2;
}
#content h4 {
	line-height: 2;
}

#content pre {
	width: 97%;
	overflow: auto;
	margin: 10px 0;
	padding: 5px;
	border: 1px dotted #ccc;
	font-size: 100%;
	line-height: 1.2;
	background: #efefef;
	white-space: -moz-pre-wrap;	/* Mozilla */
	white-space: -pre-wrap;	/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: pre-wrap;	/* CSS3 */
	word-wrap: break-word;	/* IE 5.5+ */
}
#content blockquote, #content .note {
	margin: 1em 0.5em;
	padding: 0.7em;
	border: 1px solid #CCE;
	background: #D1E9EF;
}
.note ul { margin-top: 0; margin-bottom: 0; }
#content dd {
	margin: 5px 0 5px 30px;
}
.accesskey {
	text-decoration: underline;
}
.posted, .meta, .breadcrumbs, .nextprev, .extended {
	margin: 0;
	padding: 5px 0;
	font-size: 95%;
	color: #666;
}
.breadcrumbs {
	padding: 0;
}
.breadcrumbs li {
	display: inline;
	list-style-type: none;
	background: url(images/breadcrumbs-sep.gif) no-repeat center left;
	padding: 0 0 0 10px;
}
.breadcrumbs li.first-child, .breadcrumbs li:first-child, .breadcrumbs li.optional {
	background: transparent;
	padding: 0;
}
.breadcrumbs li.selected {
	font-weight: bold;
}
/*
li:before {content: " | ";}
li:first-child:before {content: "";}
*/

#content .nextprev dt {
	float: left;
	margin: 0;
	padding: 0 1px;
	width: 75px;
	font-weight: bold;
}
#content .nextprev dd {
	margin: 0;
	padding: 0 1px;
}

#content .meta dt, #content .meta dd {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 1px;
}
.posted {
	text-align: right;
}
.posted li {
	display: inline;
	list-style-type: none;
	padding: 0 2px;
}
#trackbacks-info {
	margin: 10px;
	padding: 5px;
	border: 1px dotted #CCC;
	background: #EEE;
	text-align: center;
}
#content ul.weblink{
	margin:0 0 1.3em 0;
	padding:0;
	list-style-type:none;
}
#content ul.weblink li{
	padding-left:18px;
	background: url(images/web.gif) no-repeat 0 0.2em;
}

#content .recommend{
	text-align:center;
}
#content .recommend iframe{
	float:left;
}
#content .recommend:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#content .recommend{
	display:inline-block;/* for winIE7 and macIE5 */
}

/* Hides from IE5-mac ¥*/
* html #content .recommend {height:1%;}/* for winIE5,6 */
#content #recommend{display:block;}
/* End hide from IE-mac */



#content #sponsors a:before,
#content #flickr_badge_uber_wrapper a:before,
#content .image a:before,
#content .meta a:before,
#content .posted a:before,
#content .tk-status a:before,
#content a[href^="http://as-is.net/"]:before {
	content: '';
}
#content a.download:before {
	content: url(images/download.gif);
}

#sidebar h2 {
	margin-top:2em;
	padding-left: 10px;
	background: url(images/bullet.gif) no-repeat left center;
	font-size: 100%;
	font-weight: normal;
}



#sidebar ul, #sidebar dl, .link-note {
	margin: 10px 0 2em 3px;
	padding-left: 0;
	font-size: 95%;
}
#sidebar li {
	margin: 5px 0;
	list-style-type: none;
}
#sidebar ul ul {
	margin: 0 0 0 3px;
}
#sidebar li li {
	margin: 3px 0 0 10px;
}
#sidebar dt {
	margin: 5px 0 0 0;
}
#sidebar dd {
	margin-left: 10px;
}
#sidebar img {
	vertical-align: middle;
	margin: 2px;
}



.photo {
	margin-bottom: 20px;
	text-align: left;
}
.commenter-profile img {
	border-width: 0;
	vertical-align: text-bottom;
}

dl.compact-form {
	margin: 0;
}
.compact-form dt {
	float: left;
	width: 120px;
	padding: 2px 10px 2px 2px;
	text-align: right;
}
#comments-form label { display: block; }
#comments-form #comment-captcha { vertical-align: top; }

.tk-status {
	background: url(https://www.typekey.com/.shared/images/typekey/typekeyenabled.gif) no-repeat 0 center;
	padding: 10px 5px 10px 115px;
}

#content .image {
	margin: 10px;
	font-size: 95%;
}
.image img {
	border: 1px solid #777;
}
.flickr_badge_image {
	display: inline;
}
#content #sponsors {
	margin: 5px;
}

/* Tags.html
-----------------------------------------------------*/
ul#tags { border: 1px solid #CCC; padding: 1em; margin: 1em;  }
#tags li { display: inline;  margin-right:1em;}
#tags li a { border-width: 0; color: #000; text-decoration: none; }
#tags li.taglevel1 a { color: #00F;  font-size:225%;}
#tags li.taglevel2 a { color: #777; font-size:200%;}
#tags li.taglevel3 a { color: #777;  font-size:175%;} 
#tags li.taglevel4 a { color: #777;  font-size:150%;}
#tags li.taglevel5 a { color: #999; font-size:125%; }
#tags li.taglevel6 a { color: #ccc;  font-size:100%;}
#tags li a:active, #tags li a:hover { color: #F28F58; }





@media print {
	#header, #navi, #footer, #right, .breadcrumbs {
		display: none;
	}
	#container {
		margin: 0;
		width: 100%;
	}
	div#content {
		margin: 0;
		padding: 0;
		width: 100%;
		font-family: serif;
	}
	#content h2 {
		padding: 0;
	}
	strong, h1, h2, h3, h4, h5, h6 {
		font-family: sans-serif;
		font-weight: normal;
	}
}