/* body */
body {
	background-color: white;
/*	background-color: #dddddd; */
	margin: 0pt;
	text-align: center;
	
	font-family: arial,helvetica,hirakakupron-w3,hirakakupro-w3,osaka,"ms pgothic",sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

a {
	text-decoration: none;
}

a:link {
	color: #80b0d0;
	text-decoration: none;
}

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

a:hover {
	text-decoration: underline;
}

a:active {
	color: #6090b0;
	text-decoration: none;
}

a img {
	border:0;
}

h1 {
	font-size: 23px;
	font-weight: bold;
}
h2 {
	font-size: 21px;
	font-weight: bold;
}
h3 {
	font-size: 19px;
	font-weight: bold;
}
h4 {
	font-size: 16px;
	font-weight: normal;
}
h5 {
	font-size: 14px;
	font-weight: normal;
}
h6 {
	font-size: 13px;
	font-weight: normal;
}

/* style */
#ad-space {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	width: 468px;
	padding: 0px;
}

#container {
	padding: 3px;

	background-color: white;
	
	margin-top: 5px;
	margin-bottom: 5px;

	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	width: 800px;
	height: 1%;
}

#header {
}

.hidden-item {
	display: none;
}

/***********************/
#title a {
	background:transparent url(title.png) no-repeat scroll 0% 0%;
	display:block;
	height:44px;
	margin:0px;
	width:190px;
}

#title a span {
	display: none;
}
/***********************/

#description {
	display: none;
}

#site-menu-title {
	display: none;
}

ul#site-menu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	padding: 5px 2px;
	text-align: left;
	width: 100%;
	
	/* for ie */
	zoom: 100%;
}

ul#site-menu:after {
	width: 0px;
	height: 0px;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#site-menu li {
	display: inline;
	line-height: 2;
	list-style-type: none;
}

ul#site-menu li a {
	display: block;
	float: left;
	
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	border: 0px;
	
	display:block;
	margin:0px;
	height:40px;
	width:150px;
}

ul#site-menu li#site-menu-sites-top a {
	background:transparent url(button-sites-top-up.png) no-repeat scroll 0% 0%;
}

ul#site-menu li#site-menu-sites-top a:hover {
	background:transparent url(button-sites-top-hover.png) no-repeat scroll 0% 0%;
}

ul#site-menu li#site-menu-sites-info a {
	background:transparent url(button-sites-info-up.png) no-repeat scroll 0% 0%;
}

ul#site-menu li#site-menu-sites-info a:hover {
	background:transparent url(button-sites-info-hover.png) no-repeat scroll 0% 0%;
}

ul#site-menu li#site-menu-authors-info a {
	background:transparent url(button-authors-info-up.png) no-repeat scroll 0% 0%;
}

ul#site-menu li#site-menu-authors-info a:hover {
	background:transparent url(button-authors-info-hover.png) no-repeat scroll 0% 0%;
}

ul#site-menu li#site-menu-releases a {
	background:transparent url(button-releases-up.png) no-repeat scroll 0% 0%;
}

ul#site-menu li#site-menu-releases a:hover {
	background:transparent url(button-releases-hover.png) no-repeat scroll 0% 0%;
}

ul#site-menu li a span {
	display: none;
}

div.image-bar {
	display: block;
	background: transparent url(bar.png) no-repeat scroll 0% 0%;
	
	border: 0px;
	width: 750px;
	height: 1px;
	
	margin: 2px auto;
}

#content {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#content-side {
	display:none;
}

#side {
	float: right;
	width: 190px;
}

#search-box {
	margin-top: 10px;
	margin-bottom: 10px;
}

#search-box-title {
	background:transparent url(column-title-search.png) no-repeat scroll 0% 0%;
	display:block;
	height:50px;
	margin:0px;
	width:190px;
}

#search-box-title span {
	display: none;
}

#search-box-content {
	margin: 10px 10px;
}

/**** input textbox in the search box ****/
#search {
}

#powered-by-box {
	margin-top: 50px;
	margin-bottom: 10px;
	
	padding: 5px;
}

.powered-by {
	margin: 4px;
	padding: 3px;
	text-align: center;
}

div#side-footer {
	clear: both;
}

#footer {
	min-height: 100px;
}

#copyright {
	margin: 10px 20px;
}

#powered-by-mt {
	margin: 10px 20px;
}

#creative-commons {
	margin: 10px 20px;
}


/*******  top page *******/
#latest-title {
	background:transparent url(column-title-latest.png) no-repeat scroll 0% 0%;
	display:block;
	height:50px;
	margin:0px;
	width:600px;
}

#latest-title span {
	display: none;
}

.article {
	margin: 5px;
	width: 590px;
	height: 1%;
}

.article-date {
	padding: 3px 0px;
	float: left;
	width: 200px;

	font-size: 16px;
}

.article-title {
	padding: 3px 0px;
	float: left;
	width: 390px;

	font-size: 16px;
}

.article-title h4 {
	margin: 0px;
	font-weight: normal;
}

.article-intro {
	clear: left;
	padding-left: 10px;
	color: #808080;
}

.article-intro p {
	text-indent:0.7em;
	line-height:1.5em;
	
	text-align: left;
}

/***** articles or pages ******/
#recents-title {
	background:transparent url(column-title-recents.png) no-repeat scroll 0% 0%;
	display:block;
	height:50px;
	margin:0px;
	width:600px;
}

#recents-title span {
	display: none;
}

#the-article {
	margin: 5px 0px;
	padding: 0px;
	width: 600px;
	height: 1%;
}

#the-article-date {
	padding: 5px 5px;
	float: left;
	max-width: 180px;
	
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;

	border-bottom: 1px solid black;
	border-left: 3px solid blue;
	min-height: 30px;

	font-size: 16px;
	font-style: italic;
}

#the-article-title {
	padding: 5px 5px;
	float: left;
	max-width: 390px;

	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	
	border-bottom: 1px solid black;
	border-left: 3px solid blue;
	min-height: 30px;

	font-size: 16px;
}

#the-article-title h2 {
	margin: 0px;
	font-weight: bold;
}

#the-article-intro {
	clear: left;
	padding-top: 5px;
	padding-left: 10px;
	color: #808080;
}

#the-article-intro p {
	text-indent:0.7em;
	line-height:1.5em;
	
	text-align: left;
}

#the-article-more {
	padding-left: 10px;
	color: black;
}

#the-article-more p {
	text-indent:0.7em;
	line-height:1.5em;
	
	text-align: left;
}


#entry-categories {
	margin: 5px 0px;
	padding: 0px;
	width: 600px;
	height: 1%;
}

#entry-categories #entry-categories-header {
	background:transparent url(category.png) no-repeat scroll 0% 0%;
	display:block;
	float: left;
	margin:0px;
	height:40px;
	width:120px;
}

#entry-categories #entry-categories-header span {
	display: none;
}

#entry-categories #entry-categories-list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	padding: 5px 2px;
	text-align: left;
	width: 460px;

	/* for ie */
	zoom: 100%;
}

#entry-categories #entry-categories-list:after {
	width: 0px;
	height: 0px;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#entry-categories li.entry-category {
	display: inline;
	line-height: 2;
	list-style-type: none;
	font-size: 1.2em;
}

#entry-tags {
	margin: 5px 0px;
	padding: 0px;
	width: 600px;
	height: 1%;
}

#entry-tags #entry-tags-header {
	background:transparent url(tag.png) no-repeat scroll 0% 0%;
	display:block;
	float: left;
	margin:0px;
	height:40px;
	width:120px;
}

#entry-tags #entry-tags-header span {
	display: none;
}

#entry-tags #entry-tags-list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	padding: 5px 2px;
	text-align: left;
	width: 460px;

	/* for ie */
	zoom: 100%;
}

#entry-tags #entry-tags-list:after {
	width: 0px;
	height: 0px;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#entry-tags li.entry-tag {
	display: inline;
	line-height: 2;
	list-style-type: none;
	font-size: 1.2em;
}

#entry-related {
	margin: 5px 0px;
	padding: 0px;
	width: 600px;
	height: 1%;
}

#entry-related #entry-related-header {
	background:transparent url(column-title-related.png) no-repeat scroll 0% 0%;
	display:block;
	margin:0px;
	height:50px;
	width:600px;
}

#entry-related #entry-related-header span {
	display: none;
}

#entry-related #entry-related-list {
	padding: 5px 2px;
	margin-left: 30px;
	text-align: left;
	width: 90%;
}

#entry-related #entry-related-list li {
	line-height: 2;
	font-size: 1.2em;
}

#entry-trackbacks {
	margin: 5px;
	width: 590px;
	height: 1%;
}

#entry-trackbacks #entry-trackbacks-header {
	background:transparent url(column-title-trackback.png) no-repeat scroll 0% 0%;
	display:block;
	margin:0px;
	height:50px;
	width:600px;
}

#entry-trackbacks #entry-trackbacks-header span {
	display: none;
}

#entry-trackbacks .trackbacks-info {
	padding: 5px 2px;
	margin-left: 30px;
	text-align: left;
	width: 90%;
}

#entry-comments {
	margin: 5px 0px;
	padding: 0px;
	width: 600px;
	height: 1%;
}

#entry-comments #entry-comments-header {
	background:transparent url(column-title-comment.png) no-repeat scroll 0% 0%;
	display:block;
	margin:0px;
	height:50px;
	width:600px;
}

#entry-comments #entry-comments-header span {
	display: none;
}

#entry-comments #entry-comments-content {
	padding: 5px 2px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	width:560px;
}

#entry-comments #entry-comments-content .comment {
	background-color: #fbf4e7;
	border-style: solid;
	border-width: 1px;
}

#entry-comments #entry-comments-content .comment a {
	color: #60a0d0;
}

#entry-comments #entry-comments-content .comment .comment-header {
	padding: 5px 5px;
	text-align: left;
}

#entry-comments #entry-comments-content .comment .comment-content {
	padding: 5px 5px;
	text-align: left;
}

#entry-comments #entry-comments-content .comment .comment-footer {
	padding: 5px 5px;
	text-align: right;
}

#entry-comments #entry-comments-open label {
	display:block;
}

#entry-comments #entry-comments-open #entry-comments-open-header {
	background:transparent url(column-title-post.png) no-repeat scroll 0% 0%;
	display:block;
	margin:0px;
	height:50px;
	width:600px;
}

#entry-comments #entry-comments-open #entry-comments-open-header span {
	display: none;
}

#entry-comments #entry-comments-open #entry-comments-open-content {
	padding: 5px 2px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	width:550px;
}

/**** specially styles. used in a article or a page. ****/
pre {
	overflow:auto;
	max-height: 500px;
	max-width: 500px;
	
	padding: 4px;
	background-color: #eeeeee;
}

pre.code {
	font-family: monospace;
	background-color: #efefef;
	
	color: #000;
	
	border-width: 1px;
	border-style: solid;
}

pre.code code {
	text-indent: 2em;
	padding: 5px;
}

dl.dl_table {
	margin: 10px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
}

dl.dl_table dt {
	display: block;
	font-weight: bold;
}

dl.dl_table dd {
	display: block;
	margin-left: 20px;
}