/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/* The sprite rules of positlog.css in PositLog 0.61. */
body {
  font-size: 87%;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  text-align: left;
}

#spritesworld {
  position: absolute;
  padding: 0;
  margin: 0;
}

/* Why !important: the font is fixed even when an old body names another font. */
#spritesworld * {
  font-family: 'Noto Sans JP', sans-serif !important;
}

#spritesworld div.sprite {
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: visible;
  cursor: auto;
}

#spritesworld div.sprite div.region {
  left: 0;
  margin: 0;
  padding: 1px;
  border: 0;
  float: left;
}

#spritesworld div.sprite div.contents {
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

#spritesworld div.sprite div.info {
  font-size: 80%;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

#spritesworld div.sprite div.info span.time,
#spritesworld div.sprite div.info span.uri,
#spritesworld div.sprite div.info span.src,
#spritesworld div.sprite div.info span.author,
#spritesworld div.sprite div.info span.tag {
  margin: 0 2px 0 8px;
  float: right;
}

/*
 * Why only Firefox: its scrollbars can lie over the page and hide these widgets.
 * Why a margin: the viewer writes right and bottom inline, and it calculates them.
 */
@supports (-moz-appearance: none) {
  #footer,
  #minimap,
  #viewcanvas,
  #zoomscalerarea {
    margin: 0 20px 20px 0;
  }

  #homebtn {
    margin-right: 20px;
  }
}

/*
 * PLG.fixParagraph of the old viewer set these margins by a script.
 * Why !important: the old function wrote inline styles, so they beat the body.
 */
#spritesworld div.contents > :first-child {
  margin-top: 0 !important;
}

#spritesworld div.contents > :last-child {
  margin-bottom: 0 !important;
}

/*
 * Why hidden on a touch device: on a wide page the browser places fixed elements
 * outside the screen, and a pinch zooms them with the page.
 * Why !important: the viewer writes the styles of these widgets inline.
 */
@media (hover: none) {
  #minimap,
  #viewcanvas,
  #zoomscalerarea,
  #footer,
  #homebtn {
    display: none !important;
  }
}

/* == wiky == */
*.wiki blockquote { background:#ddd; border:solid 1px #999; margin-left:1em; padding:0.5em;}
*.wiki table {
  border-collapse: collapse;
  empty-cells: show;
}

*.wiki table td {
  border: solid 1px black;
  padding: 0.25em 0.5em 0.25em 0.5em;
  text-align: center;
}

/*pre { font-size:100%; background: #eed; border:1px dotted #999; padding:0 0.5em; overflow:auto; }*/
pre { font-family:courier new, monospace; overflow:auto; }


/* -----------------------------------------------
  cocolog_contents.css
  This is a CSS for cocolog.pm
 ----------------------------------------------- */


div.cocolog_contents a:link {
	color: #006633;
	}

div.cocolog_contents a:visited {
	color: #669966;
	}

div.cocolog_contents a:active {
	color: #cc3333;
	}

div.cocolog_contents a:hover {
	color: #cc3333;
	}

div.cocolog_contents h2
{
	background-color: #600000;
	color: white;
	padding: 5px;
	font-size: 100%;
}

div.cocolog_contents h3
{
	background-color: #903030;
	color: white;
	padding: 5px;
	font-size: 100%;
}

div.cocolog_contents p
{
	padding-left: 50px;
	padding-right: 50px;	
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 90%;	
}

div.cocolog_contents .entry
{
	background-color: #ffffff;	
}

div.cocolog_contents .posted
{
	padding-left: 50px;	
	padding-right: 50px;	
	text-indent: 1em;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 90%;
	background-color: #ffffff;	
}


/* -----------------------------------------------
  hatena_diary_contents.css
  This is a CSS for HatenaDiary.pm
 ----------------------------------------------- */

div.hatena_diary_contents h2
{
	background-color: #606060;
	padding: 4px;
	font-size: 100%;  
}

div.hatena_diary_contents h3
{
	margin-left: -30px;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.hatena_diary_contents h4
{
	margin-left: -40px;
	font-size: 90%;
	font-weight: bold;

	border-left: 5px solid #5279E7;
	border-bottom: 1px solid #5279E7;
	padding: 0px 0.5em 0.1em 0.5em;
}

div.hatena_diary_contents .section
{
	margin-bottom:20px;
	padding-left: 50px;
	padding-right: 50px;
}


div.hatena_diary_contents div.footnote
{
	margin-bottom:5px;
	padding-left: 40px;
	padding-right: 50px;
}


div.hatena_diary_contents .title
{
	color: white;
}

div.hatena_diary_contents .date
{
	color: white;
}

div.hatena_diary_contents div.body
{
	padding-left: 10px;

	padding-top: 10px;		
	padding-bottom: 10px;		
}

div.hatena_diary_contents a:link
{ 
	color: green;
}

div.hatena_diary_contents a:visited
{ 
	color: maroon;
}

div.hatena_diary_contents a:visited.keyword
{
	color: black;
}

div.hatena_diary_contents a:link.keyword
{
	color: black;
}

div.hatena_diary_contents p
{
	font-size: 90%;
	margin-bottom: 5px;
}

div.hatena_diary_contents ul
{
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.hatena_diary_contents li
{
	line-height: 1.6;
	margin-left: -1em;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;

}




div.hatena_diary_contents .sectionfooter
{
	margin-top: 10px;
}

div.hatena_diary_contents div.hatena-asin-detail
{
	margin: 10px;
	font-size:10pt;
}

div.hatena_diary_contents div.hatena-asin-detail p
{
	text-indent: 0em;
	line-height: 150%;
	font-size:10pt;
}

div.hatena_diary_contents div.hatena-asin-detail ul
{
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	font-size:10pt;
}

div.hatena_diary_contents img.hatena-asin-detail-image
{
	float: left;
	border: 1px solid gray;
	border-color: #909090;
	width: 60px;
}

div.hatena_diary_contents .hatena-fotolife
{
	border: 0px;
	margin: 7px;
}

div.hatena_diary_contents img.photo
{
	float: left;
	margin: 10px;
	border: 0px;
}

div.hatena_diary_contents blockquote
{
	border: 1px solid gray;
	background-color: white;

	padding: 3px;	
	margin-bottom: 5px;
	margin-top: 5px;
}


/* bookmark count */
a.bookmark-icon img
{
	border: none;
}
a.bookmark-count
{
	text-decoration: none;
	border: none;
}
a.bookmark-count img
{
	text-decoration: none;
	border: none;
}

/* -----------------------------------------------
  hatena_antenna_contents.css
  This is a CSS for HatenaAntenna.pm
 ----------------------------------------------- */

div.hatena_antenna_contents * .title
{
	font-size: 90%;
	line-height: 1em;
}

div.hatena_antenna_contents * .description
{
	font-size: 80%;
	line-height: 1em;
}

div.hatena_antenna_contents .frame
{
	border: 2px solid #fffcf8;
	padding: 3px;
}


/* -----------------------------------------------
  rss_layouter_contents.css
  This is a CSS for HatenaAntenna.pm
 ----------------------------------------------- */

div.rss_layouter_contents * .title
{
	font-size: 90%;
	line-height: 1em;
}

div.rss_layouter_contents * .description
{
	font-size: 80%;
	line-height: 1em;
}

div.rss_layouter_contents .frame
{
	border: 2px solid #fffcf8;
	padding: 3px;
}

.spritedate{ 
  color: #808080;
}
.recentspritelite_contents ol {
  margin: 0px;
  padding: 0px;
  list-style-position: inside;
}

.recentspritelite_line1 {
  background-color: #f0f0f0;
  padding: 3px;
}

.recentspritelite_line2 {
  background-color: #ffffff;
  padding: 3px;
}

.recentspritelite_body {
	margin-left: 1em;
}
.tagcloud_contents { text-align:justify; }
.tagcloud_contents a { text-decoration:none; margin-bottom: 1px; border-bottom: 0px;}
.tagcloud_contents a:hover { border-bottom: 1px dotted; margin-bottom: 0px;}
.tagcloud_contents .tagname { margin-right: 10px; }