@charset "utf-8";


* {
	box-sizing: content-box;
	-moz-box-sizing: content-box; }

body {
	margin: 0;
	padding: 0;
	background: #EEF5FB;
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", arial, helvetica, san-serif;
	color: #333;
	text-align: center;
	word-wrap: break-word; }

a,
a:link {
	color: #999;
	text-decoration: none; }

a:visited {
	color: #f8c; }

a:hover {
	color: #f8c;
	text-decoration: none; }

a:active {
	color: #f8c; }

div.link-note a,
h2 a {
	color: #;}

h1, h2, h3, h4, h5, h6, li, p, form, embed {
	margin: 0;
	padding: 0; }

#right ul, #left ul,
#right ol, #left ol,
#side ol,  #side ul {
	margin: 0;
	padding: 0;
	list-style-type: none; }


/* layout */

#pagebody:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#pagebody {
	display: inline-table;
	/*\*/
	display: block;
	_height: 1%;
	/**/
}


#container {
	margin: 0;
	padding: 0;
	border-top: 5px solid #7DC9F9;
	text-align: center; }
	
	
	/* banner */
	#banner-img {
		display: none; }
	
	#banner { 
		background: url(banner-bg.gif) 0 0;
		text-align: center; }
		
		#banner #banner-body {
			min-height: 58px;
			/*\*/
			_height: 58px;
			/**/
			width: 800px;
			margin: 0 auto;
			padding: 30px 0;
			/*\*//*/
			MacIE
			/**/
			/*overflow: hidden;*/ }
		
			#banner #banner-body h1 {
				font-size: x-large;
				font-weight: bold;
				line-height: 1.2;
				margin: 0 0 15px;
				padding: 0 20px;
				color: #0af;
				text-align: left; }
			
			#banner #banner-body h2 {
				/*margin-bottom: 30px;*/
				padding: 0 20px;
				font-size: small;
				font-weight: normal;
				line-height: 1.2;
				color: #;
				text-align: left; }
			
			#banner #banner-body a:link {
				color: #0af;
				text-decoration: none; }
			
			#banner #banner-body-bottom {
				width: 100%;
				height: 55px;
				background: url("main-bg.gif") repeat-x 0 0;
				}
	
	
	#main {
		width: 760px;
		_width: 800px;
		_wid\th: 760px;
		margin: 0 auto;
		padding: 0 20px 0;
		text-align: center; }
	
		#comment-preview {
			font-size: small; }
		
		#side,
		#left {
			float: left;
			width: 165px;
			padding: 0;
			color: #666;
			text-align: left;
			overflow: hidden; }
		
		#right {
			float: right;
			width: 165px;
			padding: 0;
			color: #666;
			text-align: left;
			overflow: hidden; }
		
		#center {
			/*\*/
			_display: inline;
			/**/
			float: left;
			width: 410px;
			margin-left: 20px;
			text-align: left; }
			
			#center .content {
				width: 396px;
				overflow: hidden; }


/* entry */

#center { }
	
	.content h2 {
		position: relative;
		height: 40px;
		_height: 68px;
		_hei\ght: 40px;
		margin: 0 0 -68px;
		padding: 28px 36px 0 30px;
		font-size: small;
		color: #0af; }
	
	.entry-nav {
		padding: 0 0px 22px 0px;
		font-size: small;
		overflow: hidden;
		color: #0af; }
		
		.entry-nav p {
			text-align: left; }
			
			.entry-nav p a:link {
				color: #666; }
			
			.entry-nav p a:visited,
			.entry-nav p a:hover,
			.entry-nav p a:active {
				color: #f8c; }
		
	.entry {
		margin: 0 0 28px;
		/*padding: 28px 36px 0 30px;*/
		font-size: small; }
		
		.entry-body-top { }
		
		.entry h3 {
			width: 330px;
			_width: 396px;
			_wid\th: 330px;
			padding: 44px 36px 42px 30px;
			background: url(content-h3.gif) no-repeat 0 0;
			font-size: medium; }
			
/** 20070214追加↓　**/

.content h3, .content h3 a, .content h3 a:link, .content h3 a:visited, .content h3 a:active, .content h3 a:hover {
	text-decoration: none;
	color: #333333;
}

.content h3 a:active, .content h3 a:hover{
	text-decoration: underline;
	color: #333333;
}

h2.content-header {
	padding: 0px;
	margin: 0px;
}

/** 20070214追加↑　**/
		
		.entry-body {
			width: 330px;
			_width: 396px;
			_wid\th: 330px;
			padding: 0 36px 0 30px;
			background: url(entry-body-bg.gif) repeat-y 0 0;
			line-height: 1.5;
			overflow: hidden; }
			
		.entry-more {
			width: 330px;
			_width: 396px;
			_wid\th: 330px;
			padding: 0 36px 0 30px;
			background: url(entry-body-bg.gif) repeat-y 0 0;
			line-height: 1.5;
			overflow: hidden; }
		
		.entry-body-bottom {
			width: 100%;
			height: 10px;
			background: url(entry-body-bottom-bg.gif) no-repeat 0 0;
			overflow: hidden; }
		
		.entry p.posted {
			margin: 0;
			padding: 10px 36px 24px 30px;
			background: url(poted-bg.gif) no-repeat 0 100%;
			line-height: normal;
			font-size: x-small;
			color: #0af;
			text-align: right;
			clear: both; }
				
				span.post-footers {
					display: block; }
				.entry p.posted a {
					 }
		.entry p {
				margin-bottom: 1em; }
			
		.entry blockquote {
			padding: 0 20px;
			line-height: 1.5; }
		
		.entry li {
			line-height: 1.5; }


/* trackback */
/* comment */

#center { }
	
	.entry-trackback,
	.comment-list,
	.comment-form,
	.comment-list-previous {
		width: 330px;
		_width: 396px;
		_wid\th: 330px;
		margin-bottom: 22px;
		padding: 0 36px 0 30px; }
	
	.entry-trackback {
		color: #0af; }
	
		.entry-trackback a:link {
			color: #666; }
		
		.entry-trackback a:visited,
		.entry-trackback a:hover,
		.entry-trackback a:active {
			color: #f8c; }
	
	.comment-list-previous,
	.comment-list,
	.comment-form {
		color: #666; }
		
		.comment-list a:link {
			color: #666; }
		
		.comment-list a:visited,
		.comment-list a:hover,
		.comment-list a:active {
			color: #f8c; }
	
		.entry-trackback h2,
		.comment-list h2,
		.comment-form h2 {
			margin: 22px 0 0;
			padding: 22px 0 22px 0;
			border-top: 2px solid #0af;
			font-size: small;
			color: #; }
	
	.trackback-content,
	.comment-content {
		margin: 0 0 20px; }
	
		.trackback-content p,
		.comment-list p {
			padding: 4px 0px 0px 0px;
			line-height: 1.5; }
	
	.comment-list-previous p.posted,
	.entry-trackback p.posted,
	.comment-content p.posted {background:#ddd;
		margin: 0;
		padding: 0;
		background: none !important;
		line-height: normal;
		font-size: x-small;
		color: #0af;
		text-align: right;
		clear: both; }

	
	.comment-form {
		 }
		
	
	#comment-preview {
		padding-left: 165px; }
	
	.comment-error,
	.comment-preview {
		width: 330px;
		_width: 396px;
		_wid\th: 330px;
		margin-bottom: 22px;
		padding: 0 36px 0 30px;
		color: #666; }
	
	
		.comment-list-previous p,
		.comment-error p,
		.comment-preview p {
			padding: 4px 0px 0px 0px;
			line-height: 1.5; }
	
		.comment-list-previous h2,
		.comment-error h2,
		.comment-preview h2 {
			margin: 0 0 0;
			padding: 22px 0 22px 0;
			border-top: 2px solid #0af;
			font-size: small;
			color: #; }
	
	.entry-comment {
		margin-bottom: 20px; }


/* form */

#center { }
	
	div.comment-form { }
	
		div.comment-form form {
			position: relative; /* for #comment-regist */ }
		
			.comment-form form p {
				margin: 0 0 18px 0;
				font-weight: bold; }
			
			/* 20060323add */
			#comment-preview div.comment-form form p.nick {
				font-weight: normal;}
			
			#comment-data {
				width: 170px;
				border-right: 1px dotted #0af; }
				
				input#author, input#email, input#url {
					width: 150px; }
			
			#comment-text-field textarea {
				width: 300px;
				height: 200px; }
			
			#comment-submit {
				text-align: center; }
			
				#comment-submit input {
					padding: 1px 5px;
					/*\*//*/
					padding: 3px 5px;
					/**/
					background: #0af;
					border: none;
					color: #fff; }
			
			
			#comment-regist {
				position: absolute;
				top: 5px;
				left: 182px; }
			
				input#bakecookie {
					vertical-align: middle; }
		
		#comment-separator {
			display: none; }


/* archive */

#center { }
	
	.archive-datebased,
	.archive-category {
		width: 330px;
		_width: 396px;
		_wid\th: 330px;
		margin-bottom: 22px;
		padding: 0 36px 0 30px; }
		
		/*.archive-datebased h2 {
			margin: 0 0 0;
			padding: 0 0 22px 0;
			font-size: small;
			color: #; }*/
		
		.archive-datebased h2,
		.archive-category h2 {
			margin: 0 0 0;
			padding: 22px 0 22px 0;
			border-top: 2px solid #0af;
			font-size: small;
			color: #; }
		
		.archive-datebased p,
		.archive-category p {
			line-height: 2.0;
			font-size: small; }


/* right&left&side */

#right,
#right,
#side { }
	
	.module,
	.list {
		padding: 0 0 10px 0; }
	
		.list h2,
		.module h2 {
			margin-bottom: 0;
			padding: 7px 7px 0;
			background: url(sidebar-h2.gif) no-repeat 0 0;
			font-size: small;
			color: #fff; }
			
			.list h2 a,
			.module h2 a  {
				color: #fff; }
		
		.list ul,
		.module ul {
			padding: 23px 0 30px !important;
			background: url(sidebar-h2_bottom.gif) no-repeat 0 0;
			font-size: small; }
		
		/*\*//*/
		.list ul,
		.module ul {
			width: 165px;
			overflow: hidden; }
		/**/
		
			.list li ,
			.module li {
				margin-bottom: 8px;
				padding-bottom:8px;
				border-bottom: 1px solid #ccc;
				word-wrap: break-word; }
	
	div.link-note {
		margin-bottom: 15px;
		padding-bottom: 26px;
		border-bottom: 1px solid #ccc;
		font-size: small; }
	
	#nifty_rss_reader {
		 }
	
	#powered {
		text-align:center;
		padding: 0 0 19px 0;
		font-size: small; }
	
	#photo {
		padding: 0 0 30px 0; }
	
	#calendar {
		height: 181px;
		margin-bottom: 15px;
		padding: 15px 8px 0;
		/*\*/
		_padding-top: 15px;
		/**/
		background: url(calendar.gif) no-repeat 0 0;
		font-size: x-small;	
		text-align: center;
		visibility: visible; }
	
		#calendar caption {
			margin-bottom: 8px;
			padding-bottom: 8px;
			font-size: small;
			color: #f8c;
			text-align: center;
			font-weight: bold; }
		
		
		#calendar table {
			width: 100%;
			_width: auto;
			_wid\th: 100%;
			margin: 0 auto;
			text-align: left;
			font-size: x-small;}
		
			#calendar th,
			#calendar td {
				padding: 3px 0;
				text-align: center; }
			
			/*\*/
			html:\66irst-child #calendar th,
			html:\66irst-child #calendar td {
				padding: 2px 0; }
			/**/
			
			#calendar th {
			/*\*/
			_padding-top: 15px;
			/**/ }
			
				#calendar th a,
				#calendar td a {
					color: #f8c; }


/* profile */

#about { }
	
	#about .content {
		font-size: small; }
	
		#about .module ul {
			margin: 0; }
		
		#about div.content div {
			margin-bottom: 22px;
			padding: 0 0 0 0;
			line-height: 1.5; }
		
		#about .content h2 {
			margin: 0 0 0;
			padding: 22px 0 22px 0;
			border-top: 2px solid #0af;
			font-size: small;
			color: #; }
			
		#about div.content table {
			clear:both; }



/* sponsord link css */
.ad_txt a
{
 color: #333333 !important;
}

