@charset "Shift_JIS";
/* Piro's default */ 

/* @import url(./html.css); */
@namespace url(http://www.w3.org/1999/xhtml);
	
/* Block Level Elements */ 
	
p.example, p.column, p.note, 
.example p, .column p, .note p,
ul p, dl p, ol p,
.Article p
{
	text-indent: 0;
}
 
dl.index dt 
{
	border-bottom-width: 1px;
	margin-right: 10%;
}
  
/* Inline Elements */ 
	
img 
{
	vertical-align: middle;
}
 
#UpDate dfn 
{
	font-weight: inherit;
}
 
.note strong, 
.example strong,
.note strong em,
.example strong em,
.note em strong,
.example em strong
{
	font-style: italic;
}
 
.example samp, 
.example code
{
	border: 0;
}
  
/* Common Classes */ 
	
.ref, span.column 
{
	float: right;
	clear: both;
	margin: 1ex;
	padding: 0;
	width: 50%;
}
	
img.ref, a.ref 
{
	width: auto;
}
 
h2, h3, h4, h5, h6, 
.section.topic, .navi,
dl, dt, dd, li,
.ref:before
{
	clear: both;
}
	
.ref:before 
{
	content: " ";
	display: block;
}
   
ul.date /* Tips:更新日付 */ 
{
	font-size: 83%;
	list-style-type: none;
	list-style-image: none;
	text-align: right;
}
	
.date li 
{
	display: inline;
}
	
.date>li 
{
	font-size: 80%;
}
 
.date li:first-child, 
.date li:last-child
{
	font-size: 100%;;
}
  
.date li:before 
{
	content: ", ";
}
	
.date li:first-child:before 
{
	content: "";
}
  
.date li:last-child:after 
{
	content: ":最終更新";
}
 
.date li:first-child:after 
{
	content: ":初出";
}
  
.commandLine, 
.commandLine.phrase
{
	background: black;
	color: white;
	border: 2px ridge WindowFrame;
	display: block;
	padding: 0.8em;
	margin: 0.5em;
}
	
.commandLine .operation, 
.commandLine kbd
{
	margin: 0;
	padding: 0;
	border: none;
	color: white;
	background: black;
	font-weight: bold;
}
  
span.sub 
{
	font-size: 80%;
	font-weight: normal;
}
	
h1 span.sub, 
h2 span.sub,
dt span.sub
{
	font-size: medium;
}
  
span.To:before 
{
	content: "＞";
}
 
span.To:after 
{
	content: "\A";
	white-space: pre;
}
 
pre, .example, .column, span.column, .note 
{
	border: dotted 1px;
	text-indent: 0;
	display: block;
	margin: 1em;
	padding: 0.8em;
	font-size: 100%;
	clear: both;
}
	
q .note 
{
	font-size: smaller;
	display: inline;
}
  
.script dd.act 
{
	border: 1px dotted;
	padding: 0.2em;
}
 
blockquote.log 
{
	height: 18em;
	overflow: scroll;
}
 
.weak 
{
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
}
	
.moreweak 
{
	font-size: 65%;
	font-weight: normal;
	font-style: normal;
}
  
/* 更新情報 */ 
	
.new /* 新規項目 */ 
{
	list-style-image: url(./img/tip_new.gif) !important;
	display: list-item;
}
 
.update /* 更新項目 */ 
{
	list-style-image: url(./img/tip_update.gif) !important;
	display: list-item;
}
  
.obsolete, /*.topNavi,*/ .note-marker 
{
	display: none;
}
 
[align], center 
{
	opacity: 0.75;
/*	position: absolute;
	top: -400px;*/
}
 
.吐血 
{
	color: red;
}
 
.女っぽ 
{
	font-family:
		"HGP創英丸ﾎﾟｯﾌﾟ体",
		"HGS創英丸ﾎﾟｯﾌﾟ体",
		"HG創英丸ﾎﾟｯﾌﾟ体",
		"HGP創英角ﾎﾟｯﾌﾟ体",
		"HGS創英角ﾎﾟｯﾌﾟ体",
		"HG創英角ﾎﾟｯﾌﾟ体",
		"ＤＦＰＰＯＰ体",
		"ＤＦＰＯＰ体",
		"HGあかね平成丸ｺﾞｼｯｸ体W8",
		"あくあPフォント",
		"あくあフォント",
		cursive;
}
 
.long-vowel 
{
	border-top: thin solid;
}
  
/* Special Classes */ 
	
.logs li 
{
	margin: 0.2em 0 0.1em 1em;
}
	
.logs li li 
{
	display: inline;
	margin: 0;
}
 
.logs li li:before 
{
	content: "/";
}
	
.logs li li:first-child:before 
{
	content: "";
}
   
.AccessLog 
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none !important;
	background: none !important;
}
  
/* IDs */ 
	
#sitemap ul 
{
	margin: 0 0 1em;
	padding-left: 1em;
}
	
#sitemap ul a 
{
	float: left;
	width: 30%;
}
	
#sitemap ul ul a 
{
	float: none;
	width: auto;
}
  
#sitemap ul li 
{
	border: solid 0;
	border-top-width: thin;
	clear: both;
	margin: 0.5em 0 1em;
	padding: 0.3em 0 0;
}
	
#sitemap ul ul li 
{
	clear: none;
	border-top-width: 0;
	margin: 0 0 0.2em;
	padding: 0;
}
  
#sitemap ul ul 
{
	margin: 0;
	padding-left: 32%;
}
  
#equip dt 
{
	float: left;
	width: 20%;
	clear: left;
}
	
#equip dd 
{
	margin-left: 22%;
	clear: none;
}
   
/* 自動生成文字 */ 
	
ins:before 
{
	font-size: smaller;
	content: "追記：";
}
	
ins[datetime]:before 
{
	content: "追記（" attr(datetime) "）：";
}
 
q ins:before, blockquote ins:before 
{
	content: "";
}
  
blockquote:before, .note:before 
{
	font-family: "Arial Black", sans-serif;
	font-size: 550%;
	float: left;
	width: 10px;
	line-height: 0;
	margin-bottom: -0.4em;
	white-space: pre;
}
	
blockquote:before 
{
	content: "Quote";
}
	
blockquote blockquote:before 
{
	font-size: 250%;
}
  
.note:before 
{
	content: "Note!";
}
  
blockquote:after 
{
	font-size: 90%;
	white-space: normal;
	\77 hite-space: -moz-pre-wrap;
}
	
blockquote[cite]:after 
{
	content: "[ " attr(cite) " ]";
}
 
blockquote[title]:after 
{
	content: "[ " attr(title) " ]";
}
 
blockquote[title][cite]:after 
{
	content: "[ " attr(title) " ]\A( " attr(cite) " )";
}
  
/* quotes */ 

html
{
	quotes: "「" "」" "『" "』" "“" "”" "‘" "’"
	        "［" "］" "【" "】";
/*	quotes: '"' '"' "'" "'";*/
}
	
dfn:before, cite:before, q:before 
{
	content: open-quote;
}
 
dfn:after, cite:after, q:after 
{
	content: close-quote;
}
  
.free:before, .share:before 
{
	font-size: smaller;
	font-weight: normal;
}
	
.free:before 
{
	content: "[Free]";
}
 
.share:before 
{
	content: "[Share]";
}
  
h2 .month:before 
{
	content: "-";
}
  
/* samples */ 
	
.structural-group 
{
	display: block;
	border: dashed 1px;
	padding: 0.5ex;
}
 
.structural-group.inline 
{
	display: inline;
}
  
/* FaceMarks - .feeling */ 
/*
岩井氏の手法に感銘を受けて。
*/


.feeling:after
{
	font-family:
		"ヒラギノ丸ゴ Pro W4",
		"ＭＳ Ｐゴシック",
		"Osaka",
		sans-serif;
}
	
.feeling.surprised:after /* （ﾟДﾟ） 驚き */ 
{
	content: "（\ff9f Д\ff9f ）";
}
 
.feeling.wonder:after /* ('ロ'ノ)ノ 驚き2 */ 
{
	content: "('ロ'ノ)ノ";
}
 
.feeling.perplexed:after /* （´Д｀；） 困った。 */ 
{
	content: "（´Д｀；）";
}
 
.feeling.oteage:after /* ┐（´Д｀；）┌  お手上げ */ 
{
	content: "┐（´Д｀；）┌";
}
 
.feeling.shocked:after /* Σ（T□T） */ 
{
	content: "Σ（T□T）";
}
 
.feeling.disgusted:after /* （´¬｀） うんざり */ 
{
	content: "（´¬｀）";
}
 
.feeling.yareyare:after /* ┐（´¬｀）┌ やれやれだ */ 
{
	content: "┐（´¬｀）┌";
}
 
.feeling.depressed:after /* （´・ω・｀） ｼｮﾎﾞｰﾝ */ 
{
	content: "（´・ω・｀）";
}
 
.feeling.desperation:after /* ヽ（´ー｀）ノ やけくそ */ 
{
/*	content: "ヽ（´ー｀）ノ"; */
	content: "＼(^o^)／";
}
 
.feeling.sneer:after /* （´ー｀）┌  冷笑 */ 
{
	content: "（´ー｀）┌";
}
 
.feeling.bittersmile:after /* （´ー｀）ノ 苦笑（冷笑） */ 
{
	content: "（´ー｀）ノ";
}
 
.feeling.forcedsmile:after /* （^^;） 苦笑 */ 
{
	content: "（^^;）";
}
 
.feeling.giveup:after /* :-D マイッタネ！ */ 
{
	content: ":-D";
}
 
.feeling.admiration:after /* （´π｀） 憧憬 */ 
{
	content: "（´π｀）";
}
 
.feeling.relief:after /* （´ε｀；） 安堵 */ 
{
	content: "（´ε｀；）";
}
 
.feeling.gratitude:after /* m(_ _)m 感謝 */ 
{
	content: "m(_ _)m";
}
 
.feeling.pure:after /* （・∀・） 素 */ 
{
	content: "（\ff65 ∀\ff65 ）";
}
 
.feeling.nice:after /* (ﾟ∀ﾟ)ｲｲ!! */ 
{
	content: "(\ff9f ∀\ff9f )";
}
 
.feeling.busy:after /* （＞Д＜;） */ 
{
	content: "（＞Д＜;）";
}
 
.feeling.regret:after /* ヽ(´Д｀)ノ後悔 */ 
{
	content: "ヽ(´Д｀)ノ";
}
 
.feeling.unpleasant:after /* (ﾟдﾟ)ﾏｽﾞｰ 不愉快 */ 
{
	content: "(\ff9f д\ff9f )\ff8f \ff7d \ff9e \ff70 ";
}
 
.feeling.sad:after /* ・ﾟ・(つД｀)・ﾟ・ 悲しみ */ 
{
	content: "・\ff9f ・(つД｀)・\ff9f ・";
}
 
.feeling.fear:after /* ｶﾞｸｶﾞｸ(((( ；ﾟДﾟ)))ﾌﾞﾙﾌﾞﾙ */ 
{
	content: "\ff76 \ff9e \ff78 \ff76 \ff9e \ff78 (((( ；\ff9f Д\ff9f )))\ff8c \ff9e \ff99 \ff8c \ff9e \ff99 ";
}
 
.feeling.orz:after /* orz */ 
{
	content: "orz";
}
  
.間, 
.\9593
{
	display: block;
	margin: 0 0 30em 0;
}
 
.for-author-only { 
	display: none;
}
 
/* http://b4t.jp/p_blog/article.php?id=823 */ 
.aa {
    font-size:12pt;
    line-height:18px;
    font-style:normal;
    font-weight:normal;
    letter-spacing : 0;
}
/* Opera */
.aa {
    font-family:"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,Mona,"MS PGothic AA","ＭＳ Ｐゴシック","MS Pゴシック","ＭＳＰゴシック","MSPゴシック","MS Pｺﾞｼｯｸ","MS PGothic",sans-serif !important;
}
/* firefox */
:-moz-read-only .aa {
    font-family:Mona,"MS PGothic AA","ＭＳ Ｐゴシック","MS PGothic","MS Pｺﾞｼｯｸ","MS Pゴシック","ＭＳＰゴシック","MSPゴシック","IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,sans-serif !important;
}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.aa {
    font-family:"MS PGothic AA","ＭＳ Ｐゴシック","MS PGothic","MS Pｺﾞｼｯｸ","MS Pゴシック","ＭＳＰゴシック","MSPゴシック",IPAMonaPGothic,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",Mona,sans-serif !important;
}
}
/* IE */
.aa {
    _font-family:Mona,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,"MS PGothic AA","ＭＳ Ｐゴシック","MS Pゴシック","MS PGothic","MS Pｺﾞｼｯｸ","ＭＳＰゴシック","MSPゴシック",sans-serif !important;
}
*:first-child+html .aa {
    font-family:Mona,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,"MS PGothic AA","ＭＳ Ｐゴシック","MS Pゴシック","MS PGothic","MS Pｺﾞｼｯｸ","ＭＳＰゴシック","MSPゴシック",sans-serif !important;
}
  
/*@media  screen, tv 
{
	
a:link:active, a:visited:active 
{
	position: relative;
	top: 1px;
	left: 1px;
}
 
} 
*/
  
#cover h1 .title-main:before, 
#cover h1 .title-main:after
{
	content: "\"";
}
 
@media aural { 

abbr { speak: spell-out; }
acronym { speak: normal; }

.spell { speak: spell-out; } /* ex. EMS, HMA */
.like-a-word { speak: normal; } /* ex. UFO, XUL */

}


/* share buttons */

.share-buttons iframe {
	border: none;
}
 



/* images in blog entries */

.sec-content img {
  height: auto;
  max-width: 100%;
}
.sec-content img.vertical,
.sec-content .vertical > img {
  margin-bottom: 0.25em;
  max-width: calc(50% - 0.25em - 0.2em); /* there are 0.1em width borders on both sides */
  float: left;
}
.sec-content .vertical + .vertical > img {
  margin-left: 0.25em;
}


/* code examples */
samp,
code,
pre
{
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.5);
}
samp,
code
{
	padding: 0 0.2em;
}
pre > code {
	background: none;
	border: none;
	padding: 0;
}