@charset "EUC-JP";

/* 共有テンプレート silence --------------------------------
サポート記事
http://pinotan.blog15.fc2.com/blog-entry-133.html
------------------------------------------------------------ */

*{margin: 0; padding: 0; font-size: 100%;}

addr, acronym, cite, code, del, dfn, em, img, ins, kbd, object, q, ruby, samp, small, span, strong, sub, sup, var{margin: 0 0.2em;}
p,dd{text-indent: 0; margin: 0;}
br{line-height: 1.2;}

body{
	line-height: 1.42;
	color: #334;
	background: #88a url("http://blog-imgs-29.fc2.com/p/i/n/pinotan/silence_bg.png") top left repeat-x fixed;
}

/* リンク */
a{text-decoration: underline;}
a:link{color: #00c;}
a:visited{color: #93a;}
a:hover{
	color: #00c;
	background: #dde;
	text-decoration: none;
}
a:active{
	color: red;
	text-decoration: underline;
}
a img{
	border-width: 0;
	text-decoration: none;
}
/* リンク(top) */
#top li a{text-decoration: none;}
#top li a:link,
#top li a:visited{color: #e0e6fc; border-bottom: 1px solid #779;}
#top li a:hover{color: #fff;background: transparent; border-bottom: 1px solid #7ff;}
#top li a:active{color: #fff; border-bottom: 1px solid #fff;}

/* リンク(info-nav) */
#info-nav a{text-decoration: none;}
#info-nav a:link,
#info-nav a:visited{color: #e0e6fc; border-bottom: 1px solid #779;}
#info-nav a:hover{color: #fff;	background: transparent; border-bottom: 1px solid red;}
#info-nav a:active{color: #fff; border-bottom: 1px solid #fff;}

/* リンク(footer) */
#footer a{text-decoration: none;}
#footer a:link,
#footer a:visited{color: #fff;	border-bottom: 1px solid #ddf;}
#footer a:hover{color: #fff; background: transparent; border-bottom: 1px solid red;}
#footer a:active{color: #fff; border-bottom: 1px solid #fff;}

/* レイアウト
------------------------------------------------------------ */
div#cont{
	margin: 1em 13em 1em 1em;
	padding: 0;
	_width: 100%;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	background: #f9f9f3 url("http://blog-imgs-29.fc2.com/p/i/n/pinotan/silence_tr.png") top right no-repeat;
}
div#main{
	padding: 0;
	_width: 100%;
	background: transparent url("http://blog-imgs-29.fc2.com/p/i/n/pinotan/silence_tl.png") top left no-repeat;
}
div#info-nav,
dl#info-nav{
	position:absolute;
	top: 3.1em;
	right:1em;
	width: 11em;
	margin: 0;
	padding-bottom: 3em;
}
div#toc{padding: 1em 1.5em 1em 1.5em;}
div.section{
	padding: 1em 1.7em 1em 1.7em;
	_width: 100%;
}
div#log{padding: 1em 1.7em 2em 1.7em;}

div.comtb{padding: 1em 1.7em 1em 1.7em;}
#footer{margin: 1em 14em 2em 1.7em;}

/* ヘッダーとフッター
------------------------------------------------------------ */
ul#top{
	margin: 0.1em 2em;
	text-align: right;
}
ul#top li{
	margin-left: 1.2em;
	color: #cedafa;
	font-size: 95%;
	display: inline;
	list-style-type: none;
}
h1{
	padding: 0 1em;
	line-height:1.1;
	font-size: 155%;
	font-weight: bold;
	color: #fff;
}
h1 span{
 	margin-left: 1.5em;
	font-size: 60%;
	font-weight: normal;
}
.intro{
 	margin: 0.2em 17em 0 2.2em;
	font-size: 83%;
	color: #f9f9f3;
}
#footer p{
	font-size: 90%;
	color: #fff;
	text-align: center;
}
#footer strong{font-weight: normal;}

/* 目次部分
------------------------------------------------------------ */
#log h2{
	margin-bottom: 0.4em;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
	color: #337;
	border-bottom: 1px dotted #88a;
}
#toc h2{
	margin-bottom: 0.2em;
	padding: 0;
	font-weight: bold;
	font-size: 105%;
	color: #337;
}
#toc ul{
	padding: 0.8em 1.5em;
	font-size: 95%;
	list-style-position: inside;
	-moz-border-radius: 10px;
	background: #eaeaf3;
	border-top: 1px solid #dde;
	border-right: 1px solid #bbc;
	border-bottom: 1px solid #bbc;
	border-left: 1px solid #dde;
}
#toc li a{color: #00c;}
#toc li a:active{color: red;}

/* 記事部分
------------------------------------------------------------ */
div.section{font-size: 95%;}
div.section h2,
div.section h3{
	margin-bottom: 1.2em;
	font-weight: bold;
	font-size: 110%;
	color: #337;
	border-bottom: 1px dotted #88a;
}
div.section h3 a:link,
div.section h3 a:visited{
	text-decoration: none;
	color: #337;
}
div.section h3 a:active{color: red;}

div.section p{margin: 1em 0;}
.entry-more{}
p.entry-status{
	padding-right: 0.5em;
	text-align: right;
	font-size: 95%;
	color: #465;
}
#log dl{
	margin: 0;
	padding: 0;
}
#log dt{
	margin-top: 1em;
	padding-left: 0.5em;
	font-weight: normal;
	border-left: 0.4em solid #88a;
}
dd.beginning{
	height: 1.4em;
	line-height: 1.4;
	text-indent: 1em;
	font-size: 83%;
	overflow: hidden;
}
dd.entry-status{
	text-align: left;
	text-indent: 1em;
	font-size: 83%;
	color: #465;
}
dd.entry-status a{text-decoration: underline;}
dd.entry-status a:link{color: #77b;}
dd.entry-status a:visited{color: #77b;}
dd.entry-status a:hover{
	color: #00c;
	background: #dde;
	text-decoration: none;
}
dd.entry-status a:active{
	color: red;
	text-decoration: underline;
}

/* 検索窓---------- */
form.search{margin-bottom: -1.3em;}
form.search p{
	text-align: right;
	font-size: 90%;
}
form.search p input{vertical-align: middle;}
input#search-text{max-width: 45%;}

/* コメントとトラックバック
------------------------------------------------------------ */
div.comtb h3{
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 105%;
	color: #337;
	border-bottom: 1px dotted #88a;
}
div.comtb h4{
	padding-top: 1.5em;
	font-weight: bold;
	font-size: 105%;
	color: #337;
}
dl.comtb-list{padding: 0.5em 0;}
dl.comtb-list dt{font-size: 95%;}
dl.comtb-list dd{
	font-size: 90%;
	line-height: 1.3;
}
#comments dt {color: #576;}
span.name {font-weight: bold;}
#comments dd {margin: 0 0 0 3.5em;}
#trackbacks dd {
	margin-left: 1em;
	padding: 0 0.1em;
}
p.tb-status{color: #465;}
p.tb-uri{
	margin: 1em;
	font-size: 95%;
}
/* コメフォーム */
p.com-form{
	padding: 0.1em;
	_width: 100%;
	font-size: 95%;
}
p.form-btn{
	margin: 0.3em 0 0 1em;
	font-size: 95%;
}
input#himitu{
	margin-right: 0.5em;
	margin-left: 0.2em;
	font-size: 95%;
}
textarea{width: 90%;}

/* ページナビ
------------------------------------------------------------ */
p.page-nav{
	padding: 0 1.7em;
	text-align: center;
	font-size: 90%;
}
p.page-nav a{
	font-size: 110%;
	font-weight: bold;
}
p.to-top{
	padding: 1em 1.7em;
	text-align: right;
}
/* サイドバー 
------------------------------------------------------------ */
dl#info-nav{
	margin: 0;
	padding-top: 1.1em;
	color: #f9f9f3;
}
#info-nav dt{
	margin-bottom: 0.2em;
	padding: 0;
	font-size: 95%;
	font-weight: bold;
	color: #cce;
	border: none; 
}
#info-nav dd{
	margin: 0 0 1em 0;
	font-size: 83%;
	padding: 0.4em;
	-moz-border-radius: 10px;
	background: #636383;
	border-top: 1px solid #779;
	border-right: 1px solid #446;
	border-bottom: 1px solid #446;
	border-left: 1px solid #779;
}
/* ddの背景・枠線を透明 */
#info-nav dd.author{
	background: transparent;
	border: none;
}

#info-nav dd a{display: block; _width: 100%;}
#info-nav dd p{padding-top: 0.3em;} 
#info-nav dd p a{display: inline; _width: auto;}
#info-nav ul{list-style-type: none;}
#info-nav li{display: block; padding: 0.3em 0;}
#info-nav li a{_width: 100%;}

.author-image,
.author-name{text-align: center;}

ul.rose{
	height: 15em;
	overflow: auto;
}/* ↑↓長い物をスクロール化 --- */
li.gun{
	overflow: hidden;
	display: block;
}

/* 主に記事内で使う要素------------------------------------------------------------ */
/* 非表示 */
.none{display: none;}
/* 強調 */
div.section strong{
	font-weight: normal;
	color: #121;
	background: #ded;
}
em{
	font-style: normal;
	color: #112;
}

/* 記事内リスト */
div.section ol{
	margin: 1em;
	list-style-position: inside;
}
div.section ul{
	margin: 1em;
	list-style-position: inside;
}
div.section li{padding: 0 0.2em;}
div.section li p{
	margin: 0 0 0.5em 1em;
	font-size: 95%;
}
div.section dl{margin: 1em 0;}

div.section dt{
	margin-top: 1em;
	font-weight: bold;
}
div.section dd{margin: 0 1em 0 1.5em;}
div.section dd ul{
	list-style-position: outside;
	margin: 1em 0;
	padding-left: 1.7em;
}

/* テーブル */
caption{
	margin: 0.8em 0;
	color: #337;
	font-weight: bold;
	text-align: center;
}
table{
	margin: 0.5em 0;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
}
th{
	padding: 0.1em 0.3em;
	border-right: 1px solid #ccd;
	border-bottom: 1px solid #ccd;
	background: #e6e6fa;
	vertical-align: bottom;
	font-weight: bold;
	_white-space: nowrap;/* IEのみ横スクロール*/
}
td{
	padding: 0.1em 0.3em;
	border-right: 1px solid #ccd;
	border-bottom: 1px solid #ccd;
	background: #f3f6f0;
	vertical-align: bottom;
	/* text-align: right; */
}
caption, th, td{_line-height: 1.4;}

/* 枠付画 */
.pics{
	margin: 0 1em 1em 0;
	padding: 6px;              
 	display: block;
	background-color: #fff;    
	border: 1px solid #998;    
}
/* 枠付画を左側 */
.pics-l{
	float: left;
	margin: 0 1em 1em 0;
	padding: 6px;              
 	display: block;
	background-color: #fff;    
	border: 1px solid #998;    
}
/* 枠付画像を右側 */
.pics-r{
	float: right;
	margin: 0 0 1em 1em;
	padding: 6px;             
 	display: block;
 	background-color: #fff;    
	border: 1px solid #998;    
}
/* 回り込み解除 */
.clear{clear: both;}

/* 引用 */
div.section blockquote{
	margin: 1em 1em 2em 2em;
	padding: 0.8em;
	line-height: 1.3;
	font-size: 90%;
	color: #444;
	background: #ffe;
	border-top: 1px solid #ddd0c0;
	border-right: 1px solid #ddd0c0;
	border-bottom: 1px solid #ddd0c0;
	border-left: 0.3em solid #ddd0c0;
}
div.section>blockquote{_width: 100%;}
div.section blockquote p{
	margin: 0;
	padding: 0;
}
p.cite{}
cite{}
q{
	background: #ffe;
	border-bottom: 1px dotted #ddd0c0;
}
/* 挿入と取消 */
ins{text-decoration: underline;}
del{
	font-size: 95%;
	color: #556;
	text-decoration: line-through;
}
/* コード */
@media screen{/* for Mac IE */ pre{overflow: auto;}}
pre{
	padding: 0.8em 1em;
	margin: 1.3em 0 1.3em 1em;
	width: 100%;
	font-size: 95%;
	background: #fff;
	border: 1px solid #ccd;
	max-height: 12em;
}
*>pre{width: auto;}
div.section pre code{
	margin: 0;
	line-height: 1.1;
	background: transparent;
}
code{background: #fdf;}

/* 定義.略語 */
dfn{
	margin: 0 0.2em;
	font-style: normal;
	border-bottom: 1px dotted #57e;
}
abbr,
acronym{
	margin: 0 0.2em;
	border-bottom: 1px dotted;
}
/* 絵文字 */
.emoji{
	vertical-align: middle;
	border: 0;
}

/* フォント
------------------------------------------------------------ */
h1,p.tb-uri,em,
div.section strong{
	font-family:"ヒラギノ明朝 Pro W3","Times New Roman","IPA P明朝","ＭＳ Ｐ明朝",serif;
}
#toc h2,#pickup h4,
div.comtb h2,div.comtb h3,
div.comtb h4,#info-nav dt,
caption{
	font-family: "Myriad","Arial","Helvetica",sans-serif;
}
#top,#log,.entry-status,#info-nav a,
.author-name,.name,
.context,.verdana{
	font-family: "Verdana", "Arial","Helvetica", sans-serif;
}
div.section h2,div.section h3,
#log h2{
	font-family: "Tahoma","Arial","Helvetica",sans-serif;
}
.page-nav,table,#footer,cite{
	font-family: "Arial","Helvetica",sans-serif;
}
code{font-family: monospace;}

.hello,textarea,
input,select{
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "Arial","Helvetica", sans-serif;
}