/* ゆのじのBlog Stylesheet by yunoji */

* {					margin:				0px;
					padding:			0px;
					border:				0px;
					text-align:			left;
					font:				normal normal normal 100%/1.4 "ＭＳ Ｐゴシック","Osaka","Verdana","ＭＳ ゴシック","sans-serif";
					color:				#000000;
}

body {				margin:				4px;
					color:				#000000;
					background-color:	#FFFFFF;
}

a {					text-decoration: 	none;		}
a:link	{			color:				#0000FF;
					background-color:	transparent;
}
a:hover	{			color:				#00FFFF;
					background-color:	#0000FF;
}
a:active{			color:				#00FFFF;
					background-color:	#00FF00;
}
a:visited {			color:				#008000;
					background-color:	transparent;
}
a:visited:hover {	color:				#00FFD0;
					background-color:	#0000FF;
}

h1	{				text-align:			center;
					font:				normal normal normal 140%/1.0 "Comic Sans MS","ＭＳ Ｐゴシック","Osaka";
					margin:				0px;
}
h2	{				font:				normal normal normal 120%/1.0 "Comic Sans MS","ＭＳ Ｐゴシック","Osaka";
					text-align:			center;
					margin:				4px;
}
h3	{				font:				normal normal normal 110%/1.0 "Comic Sans MS","ＭＳ Ｐゴシック","Osaka";
					text-align:			center;
					margin:				2px;
}

blockquote{			color:				#600020;
					border:				1px dotted #004040;
					margin:				16px 1em;
					padding:			4px;
					text-indent:		0.8em;
					text-align:			left;
}

table {				border:				0px;
					table-layout:		auto;
					border-collapse:	collapse;
					empty-cells:		show;
					margin-left:		auto;
					margin-right:		auto;
					margin-top:			4px;
					margin-bottom:		4px;
					border-spacing:		0px;
}
caption {			text-align:			center;
					caption-side:		top;
					font-weight:		bold;
}		
th {				font-weight:		bold;
					font-style:			normal;
					text-align:			center;
					padding:			2px 4px;
					color:				navy;
					background-color:	#c0ffc0;
					border:				2px solid;
					border-color:		#e0ffe0 #a0c0a0 #a0c0a0 #e0ffe0;
}

td {				text-align:			left;
					color:				black;
					background-color:	#ffffd0;
					margin:				2px;
					padding:			2px 4px;
					border:				2px solid;
					border-color:		#ffffe0 #c0c080 #c0c080 #ffffe0;
}

strong {			color:				brown;
					font-weight:		normal;
					padding:			0px 2px;
}

em {				color:				#FF0000;
					font-weight:		bold;
					font-style:			normal;
					padding:			0px 2px;
					text-indent:		0em;
}

li	{				list-style:			none outside;	}

th.l	{			text-align:			left;		}
th.c	{			text-align:			center;		}
th.r	{			text-align:			right		}
th.t	{			background-color:	transparent;
					border:				0px;		}
th.tl	{			background-color:	transparent;
					border:				0px;
					text-align:			left;		}
th.bc	{			font-weight:		bold;
					font-size:			120%;
					text-align:			center;
					padding:			4px;		}
th a	{			font-weight:		bold;		}

td.l	{			text-align:			left;		}
td.c	{			text-align:			center;		}
td.r	{			text-align:			right		}
td.t	{			background-color:	transparent;
					border:				0px;		}

br		{			clear:				none;		}
br.both {			clear:				both;		}

img		{			border:				0px;
					margin:				0px;
					padding:			0px;		}

ul { 		margin:				2px 2px 2px 4px;
					padding:			0px;
}
li {			margin: 			0px 0px 0px 8px;
					padding: 			0px;
}

#header {			margin:				0px;
					width:				800px;
					height:				112px;
					padding:			0px;
					background: 		transparent url(/title.jpg) no-repeat fixed left top;
					border-width:		0px 0px 2px 0px;
					border-style:		solid;
					border-color:		#a0a0d0;
}
#title {			position:			absolute;
					top:				4px;
					left:				4px;
					width:				330px;
					height:				112px;
					vertical-align:		middle;
}
#title a:visited:hover {	background-color:	transparent;	}

#title img {		float:				left;
					position:			absolute;
					top:				9px;
					left:				12px;
					width:				256px;
					height:				96px;
}

#title2	{			position:			absolute;
					top:				0px;
					left:				334px;
					width:				468px;
					font-size:			80%;
}
			
#access {			top:				0px;
					left:				0px;
					height:				24px;
}
#banner {			top:				24px;
					left:				0px;
					height:				64px;
}
#copyright {		top:				88px;
					left:				0px;
					height:				20px;
					text-align:			right;
					font-size:			10pt;
}

#body {				float:				left;
					width:				800px;
					margin:				4px;
}

#left {				float:				left;
					margin:				0px;
					padding:			0px;
					width:				180px;
					border: 			1px solid #FFFFFF;
}

.side2 {			border:				1px solid #e0e0ff;
					margin:				8px 0px;
					padding:			0px;
					width:				176px;
					font-size:			80%;
					font-family:		"Comic Sans MS","ＭＳ Ｐゴシック","Osaka";
}
.side2a {			border:				1px solid #FFFFFF;
					margin:				8px 0px;
					padding:			0px;
					width:				176px;
					font-size:			85%;
					text-align:			center;
}

#left h2 {			background-color:	#e0e0ff;
					color:				#000000;
					font-size:			12pt;
					font-weight:		normal;
					border:				0px;
					padding:			2px;
					margin:				0px;
					text-align:			center;
}

#left p {			text-align:			left;
					padding:			2px 8px;
}


#center	{			float:				left;
					width:				428px;
					margin:				8px 4px 8px 2px;
					padding:			0px;
					border:				1px solid #FFFFFF;
					overflow:			visible;
}		


.article {			border:				1px solid #d0d0ff;
					margin:				0px 0px 12px 0px;
}

h2.article {		color:				#FFFF80;
					font:				normal normal normal 12pt/1.0 "ＭＳ Ｐゴシック","Osaka","Verdana";
					border:				1px solid #d0d0ff;
					text-align:			center;
					background-color:	#d0d0ff;
					vertical-align:		bottom;
					height:				20px;
					padding:			2px 8px;
					margin:				0px;
}

h2.article a {		font:				normal normal normal 12pt/1.0 "ＭＳ Ｐゴシック","Osaka","Verdana";
					background-color:	transparent;
					vertical-align:		middle;
					padding:			0px;
}

h2.article span.title {	text-align:			left;
					background-color:	transparent;
					padding:			0px;
					padding-left:		8px;
					float: 				left;
}
h2.article span.date {
					text-align:			right;
					color:				navy;
					background-color:	transparent;
					vertical-align:		bottom;
					padding:			8px 0px 0px 0px;
					font:				normal normal normal 10pt/1.0 "ＭＳ Ｐゴシック","Osaka", "Verdana";
					float:	 			right;
}

#center .cate {		text-align: 		right;
					font:				normal normal normal 10pt/1.0 "Verdana","ＭＳ Ｐゴシック","Osaka";
					margin: 			2px 8px 4px 0px;
					padding: 			0px;
}
#center .cate a {	padding: 			0px 8px;
}

#center p {			padding: 			2px 8px 10px 8px;
					font:				normal normal normal 100%/1.5 "ＭＳ Ｐゴシック","Osaka";
}

#center p.extended {text-align:			center;
					padding:			0px;
}

#center p.posted {	text-align:			right;
					padding:			0px 1em 4px 0px;
					font:				normal normal normal 90%/1.0 "Verdana";
}
#center hr	{		height:				2px;
					width:				384px;
					margin:				4px 16px;
					color:				#a0a0a0;
					text-align:			center;
}

#center h1 {	text-align:		center;
			font:			normal normal normal 160%/1.0 "Comic Sans MS","ＭＳ Ｐゴシック","Osaka","Verdana";
			margin:			4px 8px 3ex 8px;
			width:			408px;
			padding:		4px 0px;
			background-color:	#d0ffd0;
			border-width:		2px;
			border-style:		solid;
			border-color:		#d0ffd0 #80d080 #80d080 #d0ffd0;
	
}

#center img.left {	float:	left;
					margin:	4px 8px;
}
#center img.right {	float:	right;
					margin:	4px 8px;
}

#content div.paginate {
					background-color:	#FFD0D0;	
					text-align:			center;
					font:				normal normal normal 90%/1.3 "Verdana","ＭＳ Ｐゴシック","Osaka";
					margin:				2px 8px;
					padding:			2px 4px;
					border-width:		0px 4px;
					border-style:		solid;
					border-color:		#E0C0C0;
}


#right {			float:				left;
					width:				180px;
					border: 			1px solid #FFFFFF;
					margin:				0px;
					padding:			0px;
}

#right h2 {			background-color:	#e0e0ff;
					color:				#000000;
					font-size:			12pt;
					font-weight:		normal;
					border:				0px;
					padding:			2px;
					margin:				0px;
					text-align:			center;
}

table.calendar { 	margin-top:			8px;
					margin-bottom:		8px;
					margin-left:		auto;
					margin-right:		auto;
					text-align:			center;
					padding:			4px;
}
table.calendar caption {
					text-align:			center;
					font:				normal normal normal 11pt/1.0 "Comic Sans MS","ＭＳ Ｐゴシック","Osaka";
					margin-left:		auto;
					margin-right:		auto;
					padding:			4px 2px 4px 2px;
}

table.calendar th{	text-align:			center;
				font:					normal normal normal 10pt/1.0 "Arial";
				color:					#000000;
				background-color:		transparent;
				padding:				0px 3px;
				margin:					0px;
				border:					0px;
}
table.calendar th.hol {
				color:					red;
}
table.calendar td {
				text-align:				center;
				font:					normal normal normal 10pt/1.0 "Arial";
				color:					#808080;
				background-color:		transparent;
				padding:				0px 3px;
				margin:					0px;
				border:					0px;
}
table.calendar a { 	font:				normal normal bold 10pt/1.0 "Arial";	}
table.calendar td.today { background-color:	#c0ffff;							}

#right p {			text-align:			left;
					padding:			2px 8px;
}

#seoparts {		font-size:				100%; }
#seoparts-img-li { text-align: center; }


.side2 form#monthlyarchive {
	margin:	4px auto;
	text-align:	center;
}
.side2 option#monthlyarchive0 {
	text-align:	center;
	font-weight: bold;
	color:	#000000;
	background-color: #ffffcc;
}
.side2 option#monthlyarchive {
	margin:		0px;
	padding:	2px 4px;
	text-align:	center;
	color:	#0000ff;
}


.c {			text-align:			center;	}
.l {			text-align:			left;	}
.r {			text-align:			right;	}

/*
	エントリーアーカイブ用
*/
#content-navi {	text-align:			center;
}

#content-navi table{
		border:			0px;
		margin:			2px 0px 8px 0px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
}
#content-navi td{
		background-color:	transparent;
		vertical-align:		middle;
		border:			0px;
		width:			162px;
		padding:		0px;
		font-size:		11pt;
}
#content-navi td.main {
		border-width:		0px;
		border-color:		navy;
		width:			64px;
		text-align:		center;
		padding:		0px;
}
#content-navi td.prev {
		text-align:		right;
}
#content-navi td.next {
		text-align:		left;
}

.trackbackbox {	border:		1px solid #d0d0ff;
		margin:		2px 0px 12px 0px;
		padding:	0px;
}
.trackbackbox h2 {
		color:			#000000;
		font:			normal normal bold 12pt/1.0 "ＭＳ Ｐゴシック","Verdana";
		border:			1px solid #d0d0ff;
		padding:		4px 8px 0px 8px;
		margin:			0px 0px 6px 0px;
		text-align:		center;
		background-color:	#d0d0ff;
		vertical-align:		bottom;
}
.trackbackbox h3 {
		color:			#000000;
		font:			normal normal bold 11pt/1.0 "ＭＳ Ｐゴシック","Verdana";
		text-align:		left;
		border:			0px;
		padding:		4px 8px 0px 8px;
		margin:			0px;
}

.trackbackbox p {	padding:	2px 4px;
}

.trackbackbox input {	text-align:	center;
}


.tb-outline{	text-align:	left;
		margin: 	0px;
		padding:	0px;
		padding-left:	16px;
}
.tb-title{	text-align:	left;
		margin: 	0px;
		padding:	0px;
		padding-left:	16px;
}
.tb-footer{	text-align:	right;
		margin: 	0px 1em 4px 0px;
		padding:	0px;
}

.trackbackbox hr {	height:		2px;
			width:		384px;
			margin:		4px 16px;
			color:		#a0a0a0;
			text-align:	center;
}


.commentbox {	border:		1px solid #d0d0ff;
		margin:		2px 0px 12px 0px;
		padding:	0px;
		text-align: center;
}
.commentbox h2 {
		color:			#000000;
		font:			normal normal bold 12pt/1.0 "ＭＳ Ｐゴシック","Verdana";
		border:			1px solid #d0d0ff;
		padding:		4px 8px 0px 8px;
		margin:			0px 0px 6px 0px;
		text-align:		center;
		background-color:	#d0d0ff;
		vertical-align:		bottom;
}
.commentbox p {	padding:	2px 4px;
		word-break:	break-all;
}

.commentbox p.comment-footer{	text-align:	right;
				margin: 	0px 1em 4px 0px;
				padding:	0px;
}

.commentbox table	{
				border: 	0px;
				font:		normal normal normal 14pt/1.0 "ＭＳ ゴシック";
}
.commentbox td	{
	font-size:		14px;
	background-color:	transparent;
	border:			0px;
	text-align:		left;
	padding:		0px 2px;
}
.commentbox td.r{ text-align:	right;
}

.commentbox input {	font-size:		14px;
			text-align:		left;
			background-color:	#FFFFFF;
			padding:		2px 3px;
			margin:			0px;
			border:			1px solid #C0C0C0;
}
.commentbox input.c {	text-align:	center; }

.commentbox textarea {	font-size:		14px;
			text-align:		left;
			background-color:	#FFFFFF;
			padding:		2px 3px;
			margin:			0px;
			border:			1px solid #C0C0C0;
}

.commentbox hr	{	height:		2px;
			width:		100%;
			margin:		4px 32px;
			color:		#c0c0c0;
			text-align:	center;
}

p.c		{	text-align:	center;	}
