@charaset "UTF-8";
@namespace m url(http://br.wda.jp/wp/namespace);
@namespace url(http://www.w3.org/1999/xhtml);

/*
 *	init.css
 *
 */

html {
	margin : 0;
	padding : 0;
	line-height : 1.7;
	font-size : 89%;
}

head {
	display : none;
}

body {
	margin : 0;
	padding : 0;
}

img {
	border : none;
}

address {  
	font-style:normal;  
}

ins, del {
	text-decoration : none;
}

del {
	display : none;
}

hr {
	display : none;
}

/*
 *	normal.css
 *	normal init
 */

html {
	background : #222;
	font-family : Verdana,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,osaka,’メイリオ’,Meiryo,’ＭＳ Ｐゴシック’,'MS PGothic’,sans-serif';
}

 body {
	background-color : #fafafa;
	color : #333;
}

#header {
	margin : 0 auto;
	border-top : 0.35em solid;
	padding : 0 10%;
/*
	border-bottom : 0.5em solid;
*/
	border-top-color : #B8D200;
/*
	background : #fbf9fb;
	border-bottom-color : #F0F0E8;
*/

	background: -moz-linear-gradient(1em 0.5em 90.5deg, #fafafa, #888888);
	background: -webkit-gradient(linear, left top,left bottom, from(#999),color-stop(4%, #fafafa));

}

/*
 * navi
 */
	#navi {
		text-align : right;
		padding : 0 10%;
		background : #222;
	}
	
	#navi ul:before {
		content : "navi : ";
		color : #888;
	}
	
	#navi ul {
		padding : 1em 0;
		margin : 0;
		list-style : none;
		font-size : 90%;
	}

	#navi ul li {
		display : inline;
		padding : 0.3em 0;
		border : 0.1em solid;
		margin : 0 0.1em;
		background : #333;
		border-color : #454545;
	}

	#navi ul li a {
		margin : 0 0.5em;
		padding-left : 1em;
		padding-right : 1em;
		text-decoration : none;
		color : #aaa;
	}
	
	#navi ul li a:hover {
		color : #f00;
	}
	
	#navi a#title:hover {
		color : #f00;
	}


	/*
	 * navi gubfix
	 */
	#navi ul {
	}

#navi a#title {
	color : #FFFFFF;
	float : left;
	letter-spacing : 0.1em;
	padding : 1em;
	text-decoration : none;
}

#navi #title:before {
content : "≪ ";
}


#header h1 {
	clear : both;
	font-size : 140%;
	font-weight : 400;
	letter-spacing : 0.1em;
	margin-top : 2.5em;
	padding : 0.5em 0;
	color : inherit;
	/*
	background:none repeat scroll 0 0 #F7F7F7;
	border:1px solid #E8E8E8;
	text-shadow : 0.1em 0 0.7em #888;
	*/
}

#header h1#index {
	font-size : 230%;
	text-shadow : 0 1px 0.1em #cfcfcf;
	margin : 0;
	margin-top : 1em;
	background : none;
	border : none;
}

#header h1 a {
	text-decoration : none;
	/*padding : 0 0.6em;*/
}

#header h1#index a {
	padding : 0;
}

#header h1 a:link {
	color : #333;
}

#header h1 a:visited {
	color: #333;
}
/*
#header h1:first-letter {
	font-size : 160%;
	color : #6B8E23;
}
*/
#content {
	margin : 0 10%;
	padding : 2em 0;
	max-width : 53em;
	/*
		max-width : 53em;
	
		background : #fafafa;
	*/
}

#content a:link {
	color : #2a83a2;
}

#content p a:visited,
#content a:visited.more-link,
#content li > a:visited,
#content #footnavi a:visited {
	color : #165e83;
	text-decoration : none;
}

#content p a:hover,
#content a:hover.more-link,
#content li > a:hover,
#content #footnavi a:hover {
	background : #2a83a2;
	color : #ffffff;
	text-decoration : none;
}


#content p a:active,
#content a:active.more-link,
#content li > a:active,
#content #footnavi a:active {
	background : #B8D200;
	color : #ffffff;
	text-decoration : none;
}

#content ul li {
	padding-top : 0.2em;
}

strong, var, ins, del, abbr {
	padding : 0 0.2em;
	margin : 0 0.2em;
}

p a {
	padding : 0 0.2em;
	margin : 0 0.2em;
}



#content img {
	border : 1px solid;
	margin : 1em;
	margin-left : 0;
	padding : 1.2em;

	border-radius: 0.5em;
	-webkit-border-radius : 0.5em;
	-moz-border-radius : 0.5em;
	
	background : #eee;
	border-color : #ccc;
}

#content a:hover > img {
	border-color : #ccc;
}


#content blockquote {
	font-size : 90%;
	margin : 1em 0;
	padding : 1em;
	border : 0.5em solid;
	
	border-radius: 0.2em;
	-webkit-border-radius : 0.2em;
	-moz-border-radius : 0.2em;
	
	background : #fff;
	border-color : #dfdfdf;
}

#content blockquote[cite]:after {
	display : block;
	content : "- " attr(cite);
	
	padding-top : 1em;
	text-align : right;
	font-size : 85%;
	
	color : #88A200;
}

#content ul {
	padding-bottom : 2em;
}


#content p {
	letter-spacing : 0.03em;
	padding-bottom : 1em;
}

#content p.postmetadata {
	display : inline;
	font-size : 80%;
	color : #555;
	padding : 0.3em;
	margin : 0;
	margin-left : -11em;
	float : left;
	border : 1px solid #e0e0e0;
	background : #f0f0f0;
	-moz-border-radius : 0.3em;
}

#content .postmetadata {
/*	background : #222;
	border : 1px solid #eee;
	-moz-border-radius : 0.3em; */
	font-size : 76%;
	color : #777;
}

#content .year {
	font-size : 80%;
	display : block;
}

#content .month {
	font-size : 100%;
}

#content .day {
	font-size : 200%;
}


#content .theCategory {
	font-size : 76%;
	color : #777;
}

#content .theCategory a:link {
	background : #eee;
	margin : 0 0.2em;
}

#content .entries h2 {
	font-size : 106%;
	margin : 0;
}
#content .entries h2 a {
}

#content dl {
	padding : 1em;
	padding-left : 1.5em;
}

#content dl dt {
	border-left : 0.3em solid #e3e3e3;
	margin-bottom : 0.2em;
	padding-left : 0.5em;
}

#content dl dd {
	margin-bottom : 2em;
}

#content dl#footnavi {
	padding : 2em 1.5em 0 1.5em;
	border : 1px solid #e8e8e8;
	background : #f7f7f7;
}

#content dl#footnavi {
}

#content h2 {
	font-weight : 400;
	font-size : 122%;
	letter-spacing : 0.07em;
	/* white-space : nowrap; */
	
	color : #6B8E23;
	
	
}

/*
#content .entry {
	max-width : 53em;
}
*/

#content .entry h2 {
	border-bottom : 0.15em solid #eee;
}

#content .entries h2 {
/*	text-shadow : 0.1em 0 0.7em #888;*/
}

#content h2 a {
	display : block;
	text-decoration : none;
}

#content h2 > a:link {
	color : #69821b;
}

#content h2 > a:hover {
	background : #c5c56a;
	color : #fff;
}

#content h2 > a:visited {
	color : #44617b;
}

#content h3 {
	font-weight : 400;
	font-size : 120%;
	letter-spacing : 0.07em;
	border-bottom : 0.2em solid;
	
	color : #007bbb;
	border-color : #eee;
}

#content h4 {
	font-weight : 400;
	font-size : 120%;
	letter-spacing : 0.07em;
	border-bottom : 0.2em solid;
	
	border-color : #eee;
}

#content h5 {
	font-weight : 400;
	font-size : 120%;
	letter-spacing : 0.07em;
}

#content h6 {
	font-weight : 400;
	font-size : 120%;
	letter-spacing : 0.07em;
}

#content .entries {
/*
	border-left : 1em solid;
	padding-left : 2em;
	margin-left : -3em;
*/
	margin-bottom : 1em;
	padding-bottom : 1em;
	border-bottom : 1px solid #efefef;
/*
	border-left-color : #f4f4f4;
*/
}



#content ul.archive {
	list-style : none;
	white-space:nowrap;
	line-height : 2.3 !important;
}

#content .archive li {
	padding : 0;
	border-bottom : 1px solid #eee;
}

#content .archive li a {
	padding-top : 0.2em;
	text-decoration : none;
	display : block;
}

#content .wp-pagenavi span.current,
#content .wp-pagenavi a.page {
	margin:0 0.2em;
	padding:0 0.2em;
}

#footer {
	border-top : 0.4em solid;
	padding : 3em 10%;
	
	font-size : 90%;
	color : #bbb;
	border-color : #B8D200;
	background : #222;
}

#footer dl {
	padding-bottom : 1em;
}

#footer dl dt {
	border-left : 0.3em solid #B8D200;
	padding-left : 0.5em;
	margin-top : 2em;
	color : #fff;
}

#footer dl dd a {
	color : #bbb;
}

#footer ul {
	border-top : 1px solid #303030;
	padding-top : 2em;
	list-style : none;
}

#footer ul li {
	display : inline;
}

#footer ul li a {
	color : #eee;
}

#footer ul li a:hover {
	color : #B8D200;
}

#footer address {
	text-align : right;
}

* html code {
	border : 1px solid;
	
	background : #eee;
	border-color : #aaa;
}

html:not(:target) code {
	margin : 0;
	padding : 0;
}

html:not(:target) code pre {
	white-space : normal;
	margin : 0;
	padding : 0;
}

m\:blockcode,
m|blockcode {
	display : block;
/*
	margin : 2em 0;
	padding : 1em 0;
*/
	counter-reset: line;
	white-space : nowrap;
	font-family : "ＭＳ ゴシック", "平成角ゴシック", monospace;
	font-size : 95%;
}

m\:blockcode m\:line,
m|blockcode m|line {
	display : block;
	counter-increment : line;
	padding : 0.15em 0;
	
	background : inherit;
}

m\:blockcode[lang]:after,
m|blockcode[lang]:after {
	display : block;
	text-align : right;
	margin-top : 1em;
	padding-top : 1em;
	padding-right : 1em;
	border-top : 0.1em dotted #ccc;
	content : "- "attr(lang);
}

m\:blockcode m\:line:before,
m|blockcode, m|line:before {
	content : counter(line, decimal-leading-zero);
	padding : 0.5em 1em;
	margin-right : 1em;
	
	border-right-color : #c1c1c1;
	color : #222;
}

m\:blockcode m\:line:nth-child(even):before, 
m|blockcode m|line:nth-child(even):before {
	background : #f7f7f7;
}

m\:blockcode m\:line:nth-child(odd):before,
m|blockcode m|line:nth-child(odd):before {
	background : #eee;
}