@import "/blog/k_ito/thickbox.css";

/*** Display用CSS ***********************************************************/
* {
	font-family: "メイリオ", meiryo, tahoma, verdana, sans-serif;}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 101%;
	color: #000;
	background: #fff url(http://www.ff-f.jp/blog/k_ito/img/bg_contain.gif) repeat-x top;
	text-align: center;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,blockquote {
	margin: 0px;
	padding: 0px;}
a {
	color: #6AACE2;
	text-decoration: underline;}
a:hover {
	color: #88bee9;
	text-decoration: none;}
a.ex {
	padding-right: 15px;
	margin-right: 5px;
	background: url(/img/ex.gif) no-repeat center right; }
img {
	border: 0px; }
em {
	font-style: normal;
	background: #ffc;}
.clr {
	clear: both;}



/*** CONTAIN ***********************************************************/
#contain {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;}


/*** HEADER ***********************************************************/
#head {
	display: block;
	width: 800px;
	height: 250px;
	padding: 0px;
	margin: 0px;
	background: url(http://www.ff-f.jp/blog/k_ito/img/mainimage.jpg) no-repeat top left;}

	#head h1 a {
		position: relative;
		left: 550px;
		top: 0px;
		display: block;
		width: 250px;
		height: 250px;
		background: url(http://www.ff-f.jp/blog/k_ito/img/logo.gif) no-repeat;}

		#head h1 a span {
			display: none;}


/*** FOOT ***********************************************************/
#foot {
	width: 100%;
	clear: both;
	padding: 10px 0px;
	text-align: center;
	background: #88BEE9;
	color: #fff;}

	#foot a {
		color: #fff;
		text-decoration: underline;}
	#foot a:hover {
		text-decoration: none;}
	#foot p {
		display: block;
		width: 800px;
		text-align: left;
		font-size: 80%;
		line-height: 160%;
		margin: 0px auto;}
	#foot address {
		font-style: normal;
		display: block;
		width: 800px;
		text-align: left;
		font-size: 80%;
		margin: 0px auto;}


/*** MAIN ***********************************************************/
#main {
	float: left;
	width: 540px;
	background: #fff;
	margin: 0px 0px 30px 0px;}

	#main .pannavi {
		margin: 10px 0px 10px 0px;
		font-size: 80%;
		line-height: 150%;}

	#main .new {
		margin: 0px 0px 0px 3px;
		vertical-align: middle;}

	#main h6 {
		font-weight: normal;
		margin: 5px 0px 15px 0px;
		font-size: 75%;
		line-height: 150%;}

	#main .entry {
		margin: 10px 0px;}


		#main .entry .date {
			display: block;
			width: 65px;
			text-align: center;
			font-weight: normal;
			background: #000;
			padding: 8px 0px;
			margin: 0px 10px 0px 0px;}

			#main .entry .date .year {
				color: #fff;
				font-size: 12pt;
				font-family: georgia;}
			#main .entry .date .day {
				color: #fff;
				font-family: georgia;
				font-size: 16pt;}


		#main .entry h1 {
			font-size: 120%;
			line-height: 180%;
			margin: 10px 0px 10px 0px;}
		#main .entry p {
			margin: 0px 0px 1em 0px;
			font-size: 80%;
			line-height: 180%;}

			#main ul.post {
				list-style: none;
				text-align: right;
				margin: 10px 0px;
				padding: 5px 5px;
				border-top: 1px dotted #ccc;}

				#main ul.post li {
					display:inline;
					font-size: 70%;
					color: #999;}

			#main .entry a img {
				border: 3px solid #eee;}

			#main img.right {
				float: right;
				margin: 0px 0px 10px 0px;}
			#main img.left {
				float: left;
				margin: 0px 0px 5px 0px;}
			#main img.rightb {
				float: right;
				border: 1px solid #666;
				margin: 0px 0px 10px 0px;}
			#main img.leftb {
				float: left;
				border: 1px solid #666;
				margin: 0px 0px 5px 0px;}


		.adsence_468x60 {
			margin: 10px 0px;}



	#main .archive {
		border-top: 5px solid #000;}

		#main .archive h3 {
			font-size: 85%;
			line-height: 150%;
			padding: 5px 10px;
			margin: 0px 0px 5px 0px;
			background: #eee;}
		#main .archive h4 {
			font-size: 85%;
			line-height: 150%;}

			#main .archive ul {
				font-size: 75%;
				margin: 0px 0px 0px 20px;}
			#main .archive ul li {
				margin: 0px 0px 5px 0px;}

			#main .archive .monthly {
				float: left;
				width: 240px;
				margin: 10px 0px;
				position: relative;
				left: 10px;}
			#main .archive .category {
				float: left;
				width: 240px;
				margin: 10px 0px;
				padding: 0px 0px 0px 10px;
				position: relative;
				left: 20px;
				border-left: 1px solid #ccc;}



	#trackback {
		padding: 0px 0px 10px 0px;
		border-top: 5px solid #88BEE9;}

		#trackback h3 {
			font-size: 85%;
			line-height: 150%;
			padding: 5px 10px;
			margin: 0px 0px 5px 0px;
			background: #eee;}
		#trackback p {
			font-size: 80%;
			line-height: 180%;
			margin: 0px 10px 5px 10px;}

			#trackback .post {
				color: #999;
				font-weight: bold;}

		#trackback blockquote {
			font-size: 80%;
			line-height: 180%;
			margin: 0px 10px 10px 10px;
			padding: 3px;
			border: 1px solid #ddd;}


	#comments {
		padding: 0px 0px 10px 0px;
		border-top: 5px solid #88BEE9;}

		#comments h3 {
			font-size: 85%;
			line-height: 150%;
			padding: 5px 10px;
			margin: 0px 0px 5px 0px;
			background: #eee;}
		#comments h4 {
			font-size: 85%;
			line-height: 150%;
			margin: 0px 10px;
			padding: 0px 0px 2px 0px;
			border-bottom: 1px dotted #ddd;}
		#comments p {
			font-size: 80%;
			line-height: 180%;
			margin: 0px 10px 5px 10px;}

			#comments .post {
				color: #999;
				font-weight: bold;}


		#comments dl {
			margin: 5px 10px;}

			#comments dt {
				font-size: 80%;
				line-height: 150%;
				margin: 0px 0px 0px 0px;}
			#comments dd {
				font-size: 80%;
				line-height: 150%;
				margin: 0px 0px 5px 0px;}

			#comment-author, #comment-email, #comment-url {
				width: 400px;}
			#comment-text {
				width: 400px;
				height: 10em;
				overflow: auto;}

		#main .error {
			font-size: 85%;
			font-weight: bold;
			color: #c00;
			padding: 5px;
			margin: 15px 0px;
			border: 3px solid #c00;}

/*** SUB ***********************************************************/
#sub {
	float: right;
	width: 250px;
	margin: 0px 0px 30px 0px;}

	#sub a {
		color: #545454;}

	#sub h2 {
		margin: 5px 0px;
		font-size: 80%;
		line-height: 180%;}
	#sub h3 {
		margin: 5px 0px;
		font-size: 120%;
		line-height: 100%;
		color: #000;
		padding: 15px 0px 5px 0px;
		border-bottom: 1px dotted #000;}
	#sub h4 {
		margin: 5px 0px;
		font-size: 80%;
		line-height: 160%;}
	#sub p {
		margin: 5px 0px;
		font-size: 80%;
		line-height: 160%;}

	#sub ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		font-size: 80%;
		line-height: 160%;}
	#sub ul li {
		margin: 0px 0px 5px 0px;}

	#sub dl {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		font-size: 80%;
		line-height: 160%;}
	#sub dl dt {
		font-weight: bold;
		margin: 0px 0px 0px 0px;}
	#sub dl dd {
		margin: 0px 0px 2px 10px;}


		#sub .profile .right {
			float: right;
			margin: 0px 0px 5px 5px;
			border: 1px solid #666;}
		#sub .profile .bn {
			text-align: right;}

		#sub .result h6 {
			margin: 0px 0px 10px 0px;}

			#sub .result h6 a {
				float: right;
				display: block;
				width: 141px;
				height: 23px;
				background: url(http://www.ff-f.jp/blog/k_ito/img/ico_resfeed.gif) no-repeat;}
			#sub .result h6 a span {
				display: none;}

		#resultlist {
			width: 250px;
			margin: 5px 0px;
			border-top: 1px dotted #666;}

			#resultlist td {
				font-size: 75%;
				border-bottom: 1px dotted #666;}