@import "/blog/gen/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;
	text-align: center;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,blockquote {
	margin: 0px;
	padding: 0px;}
a {
	color: #;
	stext-decoration: none;}
a:hover {
	color: #BED730;}
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: 790px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(/blog/gen/img/bg_body.gif) no-repeat top right;}

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


/*** G_HEADER ***********************************************************/
#g_head {
	text-align: center;
	width: 100%;
	background: #000 url(/blog/gen/img/bg_g_head.gif) repeat-x top;}

	#g_head h1 {
		margin: 0px auto;
		padding: 5px 0px;
		width: 800px;
		text-align: right;
		font-size: 75%;
		line-height: 150%;
		font-weight: normal;}

		#g_head h1 a {
			color: #BED730;
			text-decoration: none;}
		#g_head h1 a:hover {
			color: #fff;}

/*** HEADER ***********************************************************/
#head {
	width: 800px;
	padding: 0px;
	margin: 20px 0px 30px 0px;}

	#head h1 {
		text-indent: -9999px;}

	#head h1 a {
		display: block;
		width: 260px;
		height: 75px;
		background: url(http://www.ff-f.jp/blog/gen/img/logo.gif) no-repeat;}



/*** FOOT ***********************************************************/
#foot {
	width: 100%;
	clear: both;
	padding: 10px 0px;
	text-align: left;}

	#foot p {
		font-size: 75%;
		line-height: 140%;
		margin: 0px auto;}
	#foot address {
		font-style: normal;
		font-size: 75%;
		margin: 0px auto;}


/*** MAIN ***********************************************************/
#main {
	float: left;
	position: relative;
	width: 480px;
	margin: 0px 0px 30px 0px;}

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

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


	#main .entry {
		border-top: 3px solid #3B8F2C;
		margin: 10px 0px;}

		#main .entry h1 {
			color: #3B8F2C;
			font-size: 100%;
			line-height: 180%;
			margin: 10px 0px 0px 0px;}

			#main .entry h1 a {
				color: #3B8F2C;}

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


		#main .entry strong {
			color: #BA0000;}



			#main ul.post {
				list-style: none;
				margin: 0px 0px 5px 0px;}

				#main ul.post li {
					display:inline;
					font-size: 75%;
					color: #999;
					margin: 0px 5px 0px 0px;}

				#main ul.post .com {
					padding: 2px 0px 0px 14px;
					background: url(/blog/gen/img/comment.png) no-repeat left center;}
				#main ul.post .traba {
					padding: 2px 0px 0px 14px;
					background: url(/blog/gen/img/tb.png) no-repeat left center;}

			#main ul.post2 {
				border-bottom: 1px solid #ccc;
				margin: 0px 0px 20px 0px;
				padding: 0px 0px 10px 0px;}


			#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;}



	#trackback {
		margin: 20px 0px 20px 0px;}

		#trackback h3 {
			text-indent: -9999px;
			margin: 0px 0px 15px 0px;
			display: block;
			width: 400px;
			height: 40px;
			background: url(/blog/gen/img/ttl_tb.gif) no-repeat;}
		#trackback p {
			font-size: 80%;
			line-height: 180%;
			margin: 0px 10px 5px 10px;}

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

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


		#comments h3 {
			text-indent: -9999px;
			margin: 0px 0px 15px 0px;
			display: block;
			width: 400px;
			height: 40px;
			background: url(/blog/gen/img/ttl_comment.gif) no-repeat;}
		#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: 300px;
	position: relative;
	margin: 0px 0px 30px 0px;}

	#sub a {
		color: #4F509F;}
	#sub a:hover {
		color: #BED730;}

	#sub h3 {
		text-indent: -9999px;
		margin: 25px 0px 10px 0px;
		display: block;
		width: 250px;
		height: 30px;}

		#sub h3.profile {
			background: url(/blog/gen/img/h3_profile.gif) no-repeat;}
		#sub h3.recently {
			background: url(/blog/gen/img/h3_recently.gif) no-repeat;}
		#sub h3.monthly {
			background: url(/blog/gen/img/h3_monthly.gif) no-repeat;}
		#sub h3.comments {
			background: url(/blog/gen/img/h3_comments.gif) no-repeat;}
		#sub h3.category {
			background: url(/blog/gen/img/h3_category.gif) no-repeat;}
		#sub h3.result {
			background: url(/blog/gen/img/h3_result.gif) no-repeat;}
		#sub h3.link {
			background: url(/blog/gen/img/h3_link.gif) no-repeat;}

	#sub p {
		margin: 3px 0px 5px 0px;
		font-size: 80%;
		line-height: 150%;}

	#sub ul {
		list-style: none;
		margin: 3px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-size: 80%;
		line-height: 150%;}
	#sub ul li {
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: 1px dotted #ccc;}

	#sub dl {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		font-size: 80%;
		line-height: 150%;}
	#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 .div_result h6 {
			text-indent: -9999px;
			margin: 5px 0px 10px 0px;}

			#sub .div_result h6 a {
				float: right;
				display: block;
				width: 172px;
				height: 16px;
				background: url(/blog/gen/img/ico_result.gif) no-repeat;}

		#resultlist {
			width: 290px;
			margin: 5px 0px 0px 10px;}

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