/* init */
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd,
brockquote, pre, table, caption, address, form, fieldset, legend, object {
	margin: 0;
	padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
	font-size: 100%;
}

a, ins {
	text-decoration: none;
}

address, em, cite, dfn, var {
	font-style: normal;
}

input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}

img {
	vertical-align: baseline;
}

a img {
	border: none;
}


/* elements */
a:link {
	color: #3399FF;
	text-decoration: none;
}

a:visited {
	color: #3399FF;
	text-decoration: none;
}

a:hover[name][href] {
	color:  #3399FF;
	text-decoration: none;
}

a:hover[name]{
	background-color: inherit;
	color: inherit;
}

a:hover{
	text-decoration: underline;
}

blockquote {
	margin-left: 5px;
	padding: 5px;
	font-size: 90%;
	border: 1px solid #CCCCCC;
}

	blockquote p {
		padding: 0px;
	}

body {
	color: #333333;
	font-size: 10pt;
	font-family: sans-serif;
	min-width: 900px;
}

dl {
	margin-bottom: 0.5em;
}

	dt {
		background: url(http://file.period.blog.shinobi.jp/kittyArrowGre.png) 0px 4px no-repeat;
		font-weight: bold;
		padding: 0 0 0.3em 13px;
	}

	dd {
		padding:0 0.5em 0.5em 2em;
	}

hr {
	margin: 1px 0;
	border-top: 1px dotted #CCCCCC;
	display: none;
}
/*
input,textarea,select{
	font-size : 9pt;
	line-height: 9.5pt ;
	color: #636363;
	border-width: 1px;
	background-color: #FFFFFF;
	border-color: #CCCCCC; 
}
*/

/* classes */
.state {
	border-top: 1px dotted #CCCCCC;
	color: #CCCCCC;
	font-size: 0.8em;
	margin: 0.5em 0 1em 0;
	padding: 0.5em 0;
	text-align: right;
}

.navi {
	margin-top: 3px;
	padding: 2px;
	font-size : 9pt ;
	color : #858275 ;
	text-align: center;
	border-top: 1px dotted #CCCCCC;
}

.post_date {
	margin-bottom: 8px;
	font-size: 8pt;
	color: #999999;
	text-align: right;
}

/* header */
#headerWrapper {
	border: 1px solid #CCCCCC;
	font-size: 10pt;
	margin: 15px;
	padding: 8px 8px 8px 10px;
	padding-bottom: 0px;
}

	#header {
		background: url("http://file.period.blog.shinobi.jp/kittyTitleImg.png") left top no-repeat;
		height: 108px;
	}

		#header h1 {
			color: #fc904e;
			font-size: 28pt;
			font-weight: bold;
			margin-left: 175px;
			padding-top: 20px;
		}

		#header h1 a {
			font-size: 28pt;
			font-weight: bold;
		}

			#header h1 a:link              {color: #fc904e;}
			#header h1 a:visited           {color: #fc904e;}
			#header h1 a:hover[name][href] {color: #fc904e;}
			#header h1 a:hover[name]       {background-color: inherit;color: inherit;}
			#header h1 a:hover             {text-decoration: underline;}

		#header p {
			color: #707070;
			font-size: 10pt;
			margin-left: 175px;
			margin-top: 10px;
		}

			#header p strong {
				font-weight: normal;
			}

/* main */
#contentsWrapper {
	padding: 0px 15px;
	clear: both;
}

	#contents {
		width: 100%;
	}

/* main text */
#mainWrapper {
	margin-right: 8px;
}

	#main {
		font-size: 10.5pt;
	}

		#main h2 {
			background: url("http://file.period.blog.shinobi.jp/kittyH2.png") left top no-repeat;
			font-weight: bold;
			height: 28px;
			margin-bottom: 0.5em;
			padding-left: 16px;
		}

			#main h2 span {
				background: url("http://file.period.blog.shinobi.jp/kittyH2Bg.png") left top;
				color: #008000;
				font-family: sans-serif;
				font-size: 13pt;
				display: block;
				text-align: left;
				height: 24px !important;
				padding: 4px 0 0 8px !important;
				height: 23px;
				padding: 5px 0 0 8px;
			}

			#main h2 a         {color: #008000; text-decoration: none;}
			#main h2 a:link    {color: #008000; text-decoration: none;}
			#main h2 a:active  {color: #008000; text-decoration: none;}
			#main h2 a:visited {color: #008000; text-decoration: none;}
			#main h2 a:hover   {background-color: transparent; text-decoration: none;}

	#main h3 {
		border-bottom: solid 1px #8bcf5f;
		color: #008000;
		font-size: 12pt;
		font-weight: bold;
		padding: 2px;
	}

		#main h3 a         {color: #008000; text-decoration: none;}
		#main h3 a:link    {color: #008000; text-decoration: none;}
		#main h3 a:active  {color: #008000; text-decoration: none;}
		#main h3 a:visited {color: #008000; text-decoration: none;}
		#main h3 a:hover   {background-color: transparent; text-decoration: none;}

	#main h4,#main h5,#main h6 {
		color: #333333;
		font-size: 11pt;
		font-weight: bold;
	}

		#main h4 a         {color: #3366FF; text-decoration: none;}
		#main h4 a:link    {color: #3366FF; text-decoration: none;}
		#main h4 a:active  {color: #3366FF; text-decoration: none;}
		#main h4 a:visited {color: #3366FF; text-decoration: none;}
		#main h4 a:hover   {background-color: transparent; text-decoration: none;}

	.blogtxt {
		padding-left: 17px;
		line-height: 130%;
	}

	.fc2clap {
		text-align: right;
	}

	#main .blogtxt ul {
		margin-left: 1em;
		padding-left: 1em;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
	}

	#main .blogtxt ol {
		margin-bottom: 0px;
	}

/* comment */
.comment {
	margin-bottom: 15px;
}

	#cmtThisArti {
		background: url("http://file.period.blog.shinobi.jp/kittyCmtThisArti.png") 100% 80% no-repeat;
		margin-bottom: 5px;
	}

	#cmtPostCmt {
		background: url("http://file.period.blog.shinobi.jp/kittyPostCmt.png") 100% 80% no-repeat;
		margin-bottom: 5px;
	}

	#cmtEditCmt {
		background: url("http://file.period.blog.shinobi.jp/kittyEditCmt.png") 100% 80% no-repeat;
		margin-bottom: 5px;
	}

	#tbThixArti {
		background: url("http://file.period.blog.shinobi.jp/kittytb.png") 100% 80% no-repeat;
		margin-bottom: 5px;
	}

	.comment dt {
		color: #505050;
		font-size: 10pt;
	}

	.severalcomment {
		margin-top: 4px;
	}

		.severalcommenthead {
			width: 100%;
		}

			#main .severalcommenthead h4 {
				color: #99CC00;
				width: 60%;
				float: left;
				background: url("http://file.period.blog.shinobi.jp/kittyArrowGre.png") 0px 5px no-repeat;
				padding-left: 15px;
			}

			.commenter {
				width: 35%;
				text-align: right;
				color: #999999;
				font-size: 9pt;
				float: right;
			}

		.severalcomment p {
			font-size: 10pt;
			padding: 8px 0 0 13px;
			clear: both;
		}

		.commentstate {
			border-bottom: 1px dotted #CCCCCC;
			color: #999999;
			font-size: 8pt;
			margin: 10px 0;
			text-align: right;
		}

			.commentstate img {
			}
			.commentstate .cmtres, .commentstate .cmtres a:hover{
				color: #FFD318;
			}
			.commentstate .cmtedit, .commentstate .cmtedit a:hover{
				color: #99CC00;
			}
			.commentstate .cmtdel, .commentstate .cmtdel a:hover{
				color: #FF9999;
			}

	#contents form dl dd input, #contents form dl dd textarea {
		font-size: 10pt;
		line-height: 10.5pt;
		color: #636363;
		padding: 3px;
		margin: 3px;
		border: 2px solid #CCCCCC;
	}

	#contents form .sbmbutton {
		background: #EEEEEE;
		font-size: 10pt;
		line-height: 10.5pt;
		color: #636363;
		padding: 3px;
		margin: 3px 3px 3px 13px;
		border: 2px solid #CCCCCC;
		width: 150px;
	}

		#contents form .sbmbutton:hover {
			background: #CCCCCC;
			cursor: pointer;
		}

/* trackback */
.severalTb {
	margin-top: 4px;
}

	.severalTbhead {
		width: 100%;
	}

	#main .severalTbhead h4 {
		color: #333333;
		width: 60%;
		float: left;
		background: url("http://file.period.blog.shinobi.jp/kittyArrowBlu.png") 0px 5px no-repeat;
		padding-left: 15px;
	}

		#main .severalTbhead h4 a         {color: #3366FF; text-decoration: none;}
		#main .severalTbhead h4 a:link    {color: #3366FF; text-decoration: none;}
		#main .severalTbhead h4 a:active  {color: #3366FF; text-decoration: none;}
		#main .severalTbhead h4 a:visited {color: #3366FF; text-decoration: none;}
		#main .severalTbhead h4 a:hover   {background-color: transparent; text-decoration: underline;}

	.tber {
		width: 35%;
		text-align: right;
		color: #999999;
		font-size: 9pt;
		float: right;
	}

		.severalTb p {
			font-size: 10pt;
			padding: 0 0 0 13px;
			clear: both;
		}

/* toggle */
#togglebar {
	display: none;
	background: url("http://file.period.blog.shinobi.jp/kittyallowright1.png") top left repeat-y;
}

/* menu */
#menuWrapper {
	font-size: 10pt;
	margin-left: 5px;
	color: #999999;
	line-height: 1.3em;
}

	#menu {
		width: 325px;
	}

		#menu ul, #menu ol, #menu li{
			margin: 0;
			padding: 0;
		}

		#menuLeftWrapper .severalMenus {
			margin-bottom: 4px;
			border-top: 8px solid #94b6da;
		}

		#menuRightWrapper .severalMenus {
			margin-bottom: 4px;
			border-top: 8px solid #FFD318;
		}

			.menuContents {
				border: 1px solid #CCCCCC;
				border-top: none;
				font-size: 9pt;
			}

				.menuTxt {
					margin: 0px 2px;
					border-top: 1px dashed #CCCCCC;
					padding: 5px 0px;
				}

				.menuContents ul {
					margin: 0 3px;
					list-style-type: none;
				}

				#menuLeftWrapper .menuContents li {
					padding-left: 13px;
					background: url("http://file.period.blog.shinobi.jp/kittyArrowBlu.png") 0px 3px no-repeat;
				}

				#menuRightWrapper .menuContents li {
					padding-left: 13px;
					background: url("http://file.period.blog.shinobi.jp/kittyArrowOra.png") 0px 3px no-repeat;
				}

					#menuLeft .menuContents a {color: #3399FF; text-decoration: none;}
					#menuLeft .menuContents a:hover {text-decoration: underline;}

					#menuRight .menuContents a {color: #FF9900; text-decoration: none;}
					#menuRight .menuContents a:hover {text-decoration: underline;}

				.menuContents form {
					display: block;
					height: 50px;
					margin: 0px 6px 0px 6px;
					padding: 6px 0 5px 0;
				}

					.severalMenus h3 {
						border-left: 1px solid #CCCCCC;
						border-right: 1px solid #CCCCCC;
						color: #666666;
						font-size: 10pt;
						padding: 5px 0 3px 22px;
					}

					#menuLeftWrapper h3{
						background: url("http://file.period.blog.shinobi.jp/kittyMenuImgBlu.gif") 5px 6px no-repeat!important;
						background: url("http://file.period.blog.shinobi.jp/kittyMenuImgBlu.gif") 6px 6px no-repeat;
					}

					#menuRightWrapper h3{
						background: url("http://file.period.blog.shinobi.jp/kittyMenuImgOra.gif") 5px 6px no-repeat!important;
						background: url("http://file.period.blog.shinobi.jp/kittyMenuImgOra.gif") 6px 6px no-repeat;
					}

					#menu ul {
						list-style-type: none;
					}

					#menu ol {
						margin-left: 0;
					}

	#menuLeft,#menuRight {
		width: 160px;
	}

	#menuLeftWrapper {
		float: left;
		margin-right: 5px;
	}

	#menuRightWrapper {
		float: left;
	}

/* footer */
#footerWrapper {
	margin-top: 5px;
	clear: both;
}

	#footer {
		border-top: 1px dotted #CCCCCC;
		color: #999999;
		font-size: 9pt;
		padding-top: 3px;
		text-align: right;
	}

		#footer a {color:#999999; text-decoration: none;}
		#footer a:link {color:#999999; text-decoration: none;}
		#footer a:active {color:#999999; text-decoration: none;}
		#footer a:visited  {color:#999999; text-decoration: none;}
		#footer a:hover {color:#999999; text-decoration: underline;}

/* search */
#sitesearch {
	position: absolute;
	top: 47px;
	right: 25px;
	width: 250px;
	height: 20px;
	text-align: right;
}

	#sitesearch input{
		font-size : 9pt;
		line-height: 9.5pt ;
		color: #336699;
		border-width: 1px;
		background-color: #FFFFFF;
		border-color: #3366CC;
		cursor: pointer;
	}

/* pika and bookmarks */
#seotools {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 300px;
	height: 16px;
	text-align: right;
}


/* for calender plugin */
.calender {
		background: #FFFFFF;
		border-collapse: collapse;
		font-size: 9pt;
		width: 154px;
	}
		.calender caption {
			color: #666666;
			font-weight: bold;
		}

		.calender th {
			background :url(http://file.period.blog.shinobi.jp/calbg.png);
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
		}
		.calender td {
			color: #999999;
			text-align: center;
			vertical-align: middle;
		}
		.calender td a {
			display: block;
			text-decoration:underline;
		}
		th#sun {
			color: #CC3D3D;
		}
		th#sat {
			color: #2996CC;
		}
		.calender td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active {
			text-decoration: none;
		}
		
		#menuLeftWrapper .menuDetail .calender td a    { color:#669900;}
		#menuLeftWrapper .menuDetail .calender td a:link    { color: #669900; text-decoration: underline;}
		#menuLeftWrapper .menuDetail .calender td a:visited { color: #669900; text-decoration: underline;}
		#menuLeftWrapper .menuDetail .calender td a:hover   { background: #669900; color:#FFFFFF; text-decoration: none;}

#calpager {
	width: 154px;
}