﻿@charset "utf-8";
/* body */
body {
	word-wrap: break-word;
	margin: 0px;
	padding: 0px;
	background: url(body-bg.jpg) repeat top left;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", arial, helvetica, san-serif;
	color: #005B7F;
	text-align: center;
}

a:link { 
	color: #005B7F;
	text-decoration: underline;
}
a:active { 
	color: #005B7F;
	text-decoration: underline;
}
a:visited { 
	color: #005B7F;
	text-decoration: underline;
}
a:hover { 
	color: #005B7F;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, li, p, form, embed {
	margin: 0px;
	padding: 0px;
}

#side ul, #side ul,
#right ul, #left ul,
#right ol, #left ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*img {
	border: 0px;
}*/

/* container */
#container {
	background: url(container-bg.jpg) no-repeat center 500px;
	background-position-y: 500px;
	background-position-x: center;
}

#footer {
	background: url(footer-bg.jpg) no-repeat bottom center;
	height:330px;
}

/* banner */
#banner-img {
	display: none;
}

#banner {
	background: url(banner-bg.jpg) no-repeat top center;
	height: 325px;
}

#banner-body {
	background: url(banner-line.gif) no-repeat bottom center;
	padding: 90px 0px 20px 0px;
}

#banner h1 {
	margin: 0px auto;
	padding-right: 400px;
	width: 360px !important;
	width /**/: 760px;
	text-align: left;
	font-size: x-large;
	font-weight: bold;
	line-height: 125%;
}

#banner h2 {
	margin: 0px auto;
	padding-right: 400px;
	width: 360px !important;
	width /**/: 760px;
	text-align: left;
	font-size: small;
	font-weight: bold;
	line-height: 133%;
}

#banner a {
	text-decoration: none;
}

/* main */
#main {
	background: url(main-bg.gif) repeat-y top left;
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
	width: 800px;
	text-align: left;
}

#comment-preview {
	font-size: small;
}

#side {
	width: 200px;
	float: left;
	overflow: hidden;
}

#right {
	width: 200px;
	float: left;
	overflow: hidden;
}

#center {
	width: 400px;
	float: left;
	overflow: hidden;
}

#left {
	width: 200px;
	float: left;
	overflow: hidden;
}

/* entry */
#center h2 {
	position: relative;
	padding: 0px 20px 8px 20px;
	font-size: small;
}

#center h3 {
	padding: 12px 0px 18px 0px;
	margin-bottom:6px;
	background: url(line-h3.gif) no-repeat bottom left;
	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;
}

.content h3 a:active, .content h3 a:hover{
	text-decoration: underline;
}

h2.content-header {
	margin-bottom: 3px;
}

/** 20070214追加↑　**/

.entry {
	margin: 0px 0px 11px 20px;
	width: 360px;
	font-size: small;
	overflow: hidden;
}

div.entry-body {
	width: 360px;
	float: left !important;
	float /**/: none;
	line-height: 165%;
	overflow: hidden;
}

div.entry-body p {
	margin-bottom: 12px;
}

div.entry-more {
	width: 360px;
	float: left !important;
	float /**/: none;
	line-height: 165%;
	overflow: hidden;
	margin-right: -3px;
}

div.entry-more p {
	margin-bottom: 12px;
}

.entry-nav {
	margin-left: 20px;
	padding-bottom: 15px;
	width: 360px;
	font-size: small;
	overflow: hidden;
}

.entry-nav p {
	text-align: left;
}

div.entry p.posted {
	padding-bottom: 47px;
	margin-bottom: 0px;
	line-height: normal;
	clear: both;
}

.entry blockquote {
	padding: 0px 20px;
	line-height: 150%;
}

.entry li {
	line-height: 150%;
}

/* trackback */
.entry-trackback {
	padding-top: 6px;
	width: 360px;
}

#center div.entry-trackback h2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
	font-size: small;
	font-weight: bold;
}

p.trackback-url {
	margin-bottom: 10px;
	padding: 4px 0px 0px 0px;
}

p.trackback-list-head {
	margin-bottom: 18px;
	padding: 4px 0px 0px 0px;
}

/* comment */
#center div.comment-list {
	padding-top: 32px;
}

#center div.comment-list h2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
	font-size: small;
	font-weight: bold;
}

#center div.comment-list p {
	margin-bottom: 12px;
	padding: 0px;
	line-height: 165%;
}

div.comment-content p.posted {
	background: url(clear.gif) no-repeat bottom left;
	margin-bottom: 20px;
	line-height: normal;
	clear: both;
}

div.comment-content {
	margin-bottom: 14px;
	border-bottom: solid 1px #CCCCCC;
	width: 360px;
}

.comment-form {
	padding: 41px 0px 0px 0px;
	width: 360px;
}

#center div.comment-form h2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
	font-size: small;
	font-weight: bold;
}

#comment-preview {
	padding-left: 200px;
}

.comment-error,
.comment-preview {
	margin: 0px 0px 0px 20px;
	width: 360px;
}

#comment-preview #center div.comment-form {
	margin: 0px 20px;
}

#center div.comment-error p,
#center div.comment-preview p {
	margin-bottom: 12px;
	padding: 0px;
	line-height: 165%;
}

#center div.comment-error h2,
#center div.comment-preview h2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
	font-size: small;
	font-weight: bold;
}


#center div.entry-comment {
	margin: 3px 0px 30px 0px;
}

#center div.comment-list-previous {
	padding: 0px 20px 0px;
	width: 360px;
}

#center div.comment-list-previous h2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
	font-size: small;
	font-weight: bold;
}

#center div.comment-list-previous p {
	margin-bottom: 12px;
	padding: 0px;
	line-height: 165%;
}

#center div.comment-list-previous p.posted {
	border-bottom: solid 0px #CCCCCC;
	margin-bottom: 20px;
	line-height: normal;
	clear: both;
}


/* form */
div.comment-form form {
	position: relative;
	padding-top: 16px;
	height: 501px;
	width: 358px;
}

.comment-form form p {
	margin: 0px 0px 18px 20px;
}

#author, #email, #url {
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	width: 150px;
	height: 22px;
}

#comment-text-field textarea {
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	width: 300px;
	height: 200px;
}

#comment-submit{
	text-align: center;
}

#comment-regist {
	position: absolute;
	top: 20px;
	left: 188px;
}

#bakecookie {
	vertical-align: middle;
}

#comment-separator {
	display: none;
}

#comment-data {
	border-right: 1px dashed #005B7F;
	width: 190px;
}

/* archive */
.archive-datebased, .archive-category {
	padding: 0px 20px 22px 20px;
}

#center div.archive-category h2,
#center div.archive-datebased h2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
	font-size: small;
	font-weight: bold;
}

.archive-datebased p, .archive-category p {
	line-height: 200%;
	font-size: small;
}

/* right&left&side */
.module, .list {
	margin-bottom: 10px;
	padding: 0px 15px 0px 15px;
}

.list h2,
.module h2 {
	margin: 0px 5px 9px px;
	padding: 6px 0px 8px 31px;
	background: url(icon_head.gif) no-repeat center left;
	font-size: small;	
}

.list ul,
.module ul {
	background: url(line-ul.gif) no-repeat 0px 0px;
	padding: 20px 5px 10px 5px !important;
	font-size: small;	
}

.list li ,
.module li {
	margin-bottom: 10px;
	word-wrap: break-word;
}

div.link-note {
	margin: 0px 5px 9px px;
	padding: 6px 0px 18px 31px;
	background: url(icon_head2.gif) no-repeat bottom left;
	font-size: small;	
}

#nifty_rss_reader {
	margin: 0px 15px 10px 15px;
}

#powered {
text-align:center;
/*	margin: 0px 15px 10px 15px;	*/
}

#photo {
	margin: 0px 15px 10px 15px;
}

#nifty_rss_reader,
#subscribe div.link-note {
	background: url(icon_head3.gif) no-repeat bottom left;
}

#calendar {
	padding: 0px 5px 5px 5px;
	font-size: x-small;
	width: 155px !important;
	width /**/: 157px;
	text-align: center;
	margin-left: 20px;
	margin-bottom: 10px;
}

#calendar table {
	width: 155px !important;
	width /**/: 157px;
	text-align: center;
}

#calendar table td {
	padding: 3px;
}

#calendar caption {
	padding: 7px 0px 5px 5px;
	text-align: left;
	font-weight: bold;
}

#calendar td {
	text-align: center;
}

/* profile */
#about div.content div {
	background: url(archive_top.gif) no-repeat top left;
	margin-top: 9px;
	padding: 0px 20px 22px 20px;
	margin-bottom: 8px;
	overflow: hidden;
}

#about div.content div div {
	background: url(clear.gif) no-repeat bottom left;
	padding: 0px;
}

#about div.content p {
	line-height: 165%;
	font-size: small;
}

#about div.content h2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 8px;
	font-size: small;
	font-weight: bold;
}

#about div.content {
	font-size: small;	
}

#about div.content table {
	clear:both;
}




