@charset "euc-jp";
/* ========http://blog2.fc2.com/karasuko/======== */
/*全リセット*/
body *{
		margin : 0;
		padding : 0;
		background : transparent;
		line-height : 1.4;
}
/* ==============要素============== */
/* 文書構造 */
html{
		margin : 0;
		padding : 0;
}
body{
		margin : 0;
		padding : 0 20px 0 0;
		color : #020;
		background : #dad9cc url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-body.jpg") right top repeat-y fixed;
}
h1, h2, h3, h4, h5, h6{
		margin : 1em 5px 0.8em 5px;
		padding : 0;
		color : #040;
		background : transparent;
		font-family : "ヒラギノ明朝 Pro W3","IPA P明朝","Times New Roman","ＭＳ Ｐ明朝",serif;
}
h1{
		font-size : 180%;
}
h1 a,h1 a:link,h1 a:visited,h1 a:hover,h1 a:active{
		text-decoration : none;
}
h2{
		font-size : 150%;
}
h3{
		font-size : 130%;
}
h4{
		font-size : 120%;
}
h5{
		font-size : 110%;
}
h6{
		font-size : 105%;
}
p{
		margin : 0.7em 0.5em;
		padding : 0;
}
pre{
		margin : 1em 0.5em;
		padding : 0;
		overflow : auto;
		font-family : "Lucida Console","Verdana",monospace;
}
br{
}
hr{
}
address{
		margin : 1em 0 0 0;
		font-style : normal;
		text-align : center;
		font-family : "Times New Roman","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝",serif;
}
/* アンカー */
a{
	text-decoration : none;
	background : transparent;
}
a:link{
	color : #137;
	background : transparent;
	text-decoration : underline;
}
a:visited{
	color : #402;
	background : transparent;
	text-decoration : underline;
}
a:hover,a:focus,a:active{
	color : #c00;
	background : transparent;
	text-decoration : none;
}
/* 意味 */
abbr,acronym,dfn{
		color : #040;
		border-bottom : 1px dotted #040;
		font-family : monospace;
		font-style : normal;
}
q{
		background : #F9F9F7;
		padding : 1px 2px;
		margin : 0 2px;
		border-bottom : #aa8 1px solid;
		border-right : #aa8 1px solid;
}
blockquote{
		background : #F9F9F7;
		margin : 1.5em 1em;
		padding : 15px 10px 10px 10px;
		border-bottom : #aa8 1px solid;
		border-right : #aa8 1px solid;
}
cite{
		color : #040;
		font-style : normal;
}
em{
		color : #c00;
		font-style : normal;
}
strong{
		color : #c00;
		font-weight : bold;
}
code,samp,var{
		color : #040;
		font-family : "Lucida Console","Verdana",monospace;
		font-style : normal;
}
kbd{
		color : #fff;
		background : #040;
		margin : 0 2px;
		padding : 2px;
		font-family : "Lucida Console","Verdana",monospace;
		font-weight : bold;
		font-size : 95%;
}
del{
		color : #886;
		text-decoration : line-through;
}
ins{
		font-weight : bold;
}
/*イメージ*/
img,a img{
		border : 1px #aa8 solid;
		text-decoration : none;
		vertical-align : middle;
}
/*リスト*/
ul,ol{
		margin : 1.2em 0.5em;
		padding : 0 0 0 1.5em;
}
li ul,li ol,dd ol,td ul,td ol{
		margin : 0.3em;
		list-style-image : none;
}
dl{
		margin : 1em 0.5em;
}
dt{
		font-weight : bold;
		padding : 1px 0;
		color : #040;
}
dd{
		margin : 0 0 0 1em;
		padding : 1px 0;
}
/*フォーム*/
fieldset{
		border : none;
}
legend{
		color : #004;
}
textarea,input[type=text],input[type=password]{
		font-family: "ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",verdana,arial,sans-serif;
		background : #fff;
		border : 1px #aa8 inset;
		overflow : auto;
}
button,input[type=submit]{
		background : #f9f9f7;
		padding : 1px;
		border : 2px #aa8 outset;
}
select{
		background : #f9f9f7;
		padding : 1px;
		border : 1px #aa8 solid;
}
optgroup{
		background : #eeeee5;
		font-weight : bold;
		font-style : normal;
}
option{
		background : #fff;
		text-indent : 0.3em;
}
form{
}
/* IEが駄目の子なので */
textarea,input,button{
		_background : #f9f9f7;
		_font-family: "ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",verdana,arial,sans-serif;
}
/* テーブル */
table{
		border : #aa8 solid 1px;
		border-collapse : collapse;
		empty-cells : show;
		margin : 1em 0.5em;
}
caption{
		text-align : center;
		color : #040;
		font-weight : bold;
		line-height : 1.2;
}
th{
		border : #aa8 solid 1px;
		background : #eeeee5;
		font-weight : bold;
		color : #040;
		padding : 1px 2px;
		line-height : 1.2;
}
td{
		border : #aa8 solid 1px;
		background : #fff;
		padding : 1px 2px;
		line-height : 1.2;
}
tfoot th,tfoot td{
		border-top : #aa8 3px double;
}
/*オブジェクトなど*/
object,map{
		margin : 0.8em auto;
}
/*スクリプト*/
script{
		display : none;
}
noscript{
		color : 
}

/* 追記 */
blockquote[title]:after{
		content : "（引用元：" attr(title) "）";
		font-size : 90%;
}
q[title]:before{
	content : "“ ";
	font-size : 90%;
}
q[title]:after{
	content : " ”（引用元：" attr(title)  "）";
	font-size : 90%;
}
del:after{
	content : " (" attr(datetime) " 削除）";
		font-size : 90%;
}
ins:after{
	content : " (" attr(datetime) " 追記）";
		font-size : 90%;
		font-weight : normal;
}

/* クリア */
h1,h2,h3,h4,h5,h6,address,table{
		clear : both;
}

/* ==================class,id==================== */
/* ヘッダ内 */
#header{
		color : #fff;
		background : #020 url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-header.jpg") repeat-y;
		padding : 5px 10px 5px 200px;
		margin : 0 10em 0 0;
		border-bottom : #aa8 1px solid;
		border-right : #aa8 1px solid;
}
#header h1{
		color : #fff;
		margin : 0 0 5px 80px;
		font-size : 180%;
		text-align : right;
}
#header a,#header a:link,#header a:visited{
		color : #fff;
}
#header a:hover,#header a:active{
		color : #fd4;
}
#header p.introduction{
		margin : 30px 0 0 0;
		text-indent : 1em;
		font-size : 85%;
}
/* 本文内 */
#body{
		color : #000;
		background : #eeeee5;
		margin : 0 10em 0 0;
		padding : 10px 20px;
		border-right : 1px #aa8 solid;
}
.section{
		margin : 0 0 2em 0;
		padding : 0 0 1em 0;
		border-bottom : 2px dotted #040;
}
.react_section{
		margin : 0 0 1em 0;
		padding : 0 0 1em 0;
		border-bottom : 2px dotted #aa8;
}
.section h2{
		background : transparent url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-h2.jpg") repeat-y 0% 50%;
		padding : 2px 0.5em 2px 40px;
		margin : 0.8em 0;
		border-left : #810 3px solid;
}
.section h2:first-letter{
		font-size : 180%;
		color : #810;
}
.section h3:first-letter,.react_section h3:first-letter{
		color : #810;
}
.section h4,.react_section h4{
		border-top : 1px dotted #aa8;
		padding-top : 2px;
}
.entry_section p{
		text-indent : 1em;
}
.entry_section ul,.entry_section ol{
		border-color : #aa8;
		border-width : 1px;
		border-style : none solid none none;
}
.entry_section ul li{
		list-style-image : url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-listmark.png");
}
.entry_section li{
		border-bottom : #aa8 1px solid;
		padding : 2px 0.3em;
}
.entry_section ul li:first-child,.entry_section ol li:first-child{
		border-top : 1px #aa8 solid;
}
.entry_section li ul,.entry_section dd ul,.entry_section td ul,.entry_section li ol,.entry_section dd ol,.entry_section td ol,.entry_section li ul li:first-child,.entry_section li ol li:first-child,.entry_section dd ul li:first-child,.entry_section dd ol li:first-child,.entry_section td ul li:first-child,.entry_section td ol li:first-child{
		border : none;
}
.entry_section li li,.entry_section dd li,.entry_section td li{
		list-style-image : none;
		border : none;
}
.entry_section dl{
		border-color : #aa8;
		border-width : 1px;
		border-style : none solid solid none;
}
.entry_section dt{
		border-color : #aa8;
		border-width : 1px;
		border-style : solid none solid solid;
		padding : 2px 0.3em;
}
.entry_section dd{
		padding : 2px 0.3em;
}
.entry_section img{
		border : #aa8 solid 1px;
		margin : 5px;
}
#body blockquote{
		background : #F9F9F7 url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-blockquote.png") left top no-repeat;
}
.section,.entry_section div,.react_section,#footer,#navi,.miniphoto,.photo{
		clear : both
}
ul.data{
		font-size : 90%;
		line-height : 1.2;
		border-left : #040 3px solid;
		margin : 1em 0.5em 1em 50px;
		color : #040;
		padding : 2px 0 2px 0.5em;
		clear : both;
}
ul.data li{
		display : inline;
		padding : 0 1em 0 0;
}
ul.data li:before{
	content : "| ";
}
.more_link{
	font-size : 90%;
	text-align : right;
}

/* ナビ内 */
#navi{
		position : absolute;
		width : 10em;
		right : 20px;
		top : 0;
		border-right : #aa6 solid 1px;
		border-bottom : #aa6 solid 1px;
		background : #e6e6d7 url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-navi.jpg") right top repeat-y fixed;
		_background : #e6e6d7 url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-navi2.jpg") right top repeat-y; /*IEが駄目の子なので*/
}
#navi h2{
		font-size : 120%;
		margin : 0;
		padding : 2px;
		text-align : center;
}
.navi_section{
		margin : 0;
		padding : 0;
		font-size : 90%;
}
.navi_section h3{
		margin : 3px 0;
		padding : 1px 3px;
		text-align : center;
		font-size : 120%;
		background : #fff;
		border-bottom : #aa8 1px solid;
}
.navi_section h4,.navi_section h5,.navi_section h6{
		margin : 2px 0;
		padding : 1px 3px;
		text-align : center;
		font-size : 120%;
		border-bottom : #fff 1px solid;
}
.navi_section ul{
		margin : 0;
		padding : 0;
		list-style-type : none;
}
.navi_section ul li{
		padding : 2px 0.3em;
		border-bottom : 1px #fff solid;
}
.navi_section ul li:hover{
		background : #eeeee5;
}
/* テーブルのカレンダ（未使用） */
table.calendar{
		margin : 0.5em auto;
		_text-align : center;
}
.calendar caption{
		font-weight : normal;
		text-align : center;
}
.calendar td,.calendar th{
		padding : 1px;
		text-align : center;
}
.calendar thead th{
		background : #eeeee5;
}
.calendar .sun{
		background : #fcf0f7;
}
.calendar .sat{
		background : #f6f6dd;
}

/* フッタ内 */
#footer{
		color : #020;
		background : #fff url("http://blog-imgs-27-origin.fc2.com/k/a/r/karasuko/WF-footer.jpg") bottom left repeat-x;
		padding : 0 0 44px 0;
		margin : 0 10em 0 0;
		border-top : 1px #aa8 solid;
		border-right : #aa8 1px solid;
}
#footer address{
		border-top : #aa8 1px solid;
		border-bottom : #aa8 1px solid;
		padding : 3px;
}
#footer h2{
		font-size : 130%;
		margin : 5px 15px;
}
#footer dl{
		margin : 5px 15px;
		font-size : 90%;
}
#footer dd{
		margin : 0 1em 0 0;
}
p.author_image{
		margin : 0 15px;
		padding : 0;
}
p.author_image img{
		float : right;
		margin : 0 0 0 5px;
}
#footer dd{
		display : inline;
}
span.sun a{
		background : #fcf0f7;
}
span.sat a{
		background : #f6f6dd;
}
/* ====== 本文マークアップに使えるクラス ====== */
/* class="none" 非表示にする */
.none{
		display : none;
}
/* <p class="miniphoto"><img /></p> 右フロートさせたい写真 */
.miniphoto{
		background : transparent;
}
.miniphoto img{
		float : right;
		_margin : 0 0 1em 1em;
}
.p miniphoto{
		margin : 0;
		text-indent : 0;
}
p.miniphoto{
		margin : 0;
		text-indent : 0;
}
/* <p class="photo"><img /></p> センタリングさせたい写真 */
.photo{
		text-align : center;
}
p.photo{
		text-indent : 0;
}
/* class="clear" フロートを解除する */
.clear{
		clear : both;
}