@charset "utf-8"; /* 文字コード */

/*
 * File      : styles-site.css
 * Version   : 1.08
 * Update    :
 * 1.00 2004.06.28: 初版
 * 1.01 2004.07.20: コメントテキストエリアの不具合修正, 画像配置修正
 *             textarea コメントが可変長の場合不具合になるため削除
 *             .blogbody textarea エントリー部のtextareaを可変長（既存通り）にするために追加
 *             .comments-body textarea コメントを固定長にするために追加
 *             .blogbody img 画像とテキストのマージン（右・下）を追加
 * 1.02 2004.07.21: 著作権表示変更
 * 1.03 2004.08.29: カレンダー日付のリンク以外の文字サイズ追加
 * 1.04 2004.10.14: 半角文字折り返し対処追加
 *             links-left/links-rightのposition: relative指定削除
 * 1.05 2004.10.27: 3.11-ja機能（サブカテゴリー）対応/TypeKeyコメント投稿者アイコン枠対処
 * 1.06 2004.11.24: サブカテゴリーの冗長指定削除
 * 1.07 2004.12.30: ポップアップ用テンプレート追加に伴う修正
 *             #box-commentspop 全面追加
 *             #banner-commentspop バナーの重なり順序対処
 *             #banner-commentspop h1 フォント/文字の太さ/フォントサイズ修正
 * 1.08 2005.04.30: W3C CSS 検証対応
 *
 * Copyright (C) 2004-2005 koikikukan. All rights reserved.
 */

/* ページ全体の基本的な設定と背景色 */
	body {
		margin:0px;
		background:#ffffff;
		font-family:"ＭＳ ゴシック", sans-serif;
		font-stretch: ultra-condensed;
	}

/* リンク文字設定 */
	a {
		color: #396778;
		/* text-decoration: underline; */
	}
	a:link {
		color: #396778;
		background: none;
	}
	a:visited {
		color: #396778;
		background: none;
	}
	a:active {
		color: #396778;
		background: none;
	}
	a:hover {
		color: #006699;
		background: none;
	}

/* h1h2h3h4 */
	h1{
		margin: 0px;
		padding: 0px;
		font-size:36px;
		font-family: "Arial","HG創英ﾌﾟﾚｾﾞﾝｽEB", serif;
		font-style:italic;
		text-shadow: yellow 2px 3px 5px;
	}
		
	h2{
		PADDING-TOP: 0.5ex;
		PADDING-RIGHT: 1.2ex;
		PADDING-BOTTOM: 0.0ex;
		PADDING-LEFT: 1.3ex;
		FONT-WEIGHT: bold;
		BACKGROUND: #88bb77;
		COLOR: #ffffff;
		BORDER-TOP: #ff0088  0px solid;
		BORDER-RIGHT: #ff0066 0px solid;
		BORDER-BOTTOM: #ff0066 0px solid;
		BORDER-LEFT: #ff0088 0px solid;
		MARGIN: 0em 10px 0em 0cm
	}

	h3 {
		PADDING-TOP: 0.5ex;
		PADDING-RIGHT: 1.2ex;
		PADDING-BOTTOM: 0.0ex;
		PADDING-LEFT: 1.3ex;
		FONT-WEIGHT: bold;
		BACKGROUND: #ccffbb;
		COLOR: #036;
		BORDER-TOP: #ff0066  0px solid;
		BORDER-RIGHT: #ff0066 0px solid;
		BORDER-BOTTOM: #ff0066 0px solid;
		BORDER-LEFT: #B7C532 5px solid;
		MARGIN: 0em 0px 0em 0cm

	}

	h4 {
		PADDING-TOP: 0.0ex;
		PADDING-RIGHT: 0.3em;
		PADDING-BOTTOM: 0.0ex;
		PADDING-LEFT: 0.0ex;
		FONT-style: nomal;
		font-stretch: ultra-condensed;
		BACKGROUND: #ccffbb;
		COLOR: #046;
		BORDER-TOP: #ff0066  0px solid;
		BORDER-RIGHT: #ff0066 0px solid;
		BORDER-BOTTOM: #ff0066 0px solid;
		BORDER-LEFT: #88bb77 5px solid;
		MARGIN: 0em 0px 0em 0cm;
		text-ALIGN: RIGHT;
		FONT-SIZE: 70%

	}

/* 3カラム全体 */
	#box {
		height: 90px;
	}


/* タイトル名 */
	#banner {
	margin: 0 10 0 auto;
	position: relative; z-index: 1;
	/*	color:#999999; */
		background:#ffffff;
		background-position: 0 100%;
		background-repeat:no-repeat;
		background-image: url("bannerbk.jpg");
		padding-left:15px;
		padding-top:15px;
		padding-bottom:15px;
		text-align: right;
		/* height: 90px; */
		border-bottom: 0px solid #666699;
	}

/* タイトル名の文字のリンク色 */
	#banner a {
		font-weight:bolder;
		
		font-family: sans-serif;
		text-decoration: none;
	}
	#banner a:link{
		color: #999999;
		background: none;
	}
	#banner a:visited{
		
		color: #999999;
		background: none;
	}
	#banner a:active,
	#banner a:hover {
		
		color: #999999;
		background: none;
	}
	#banner h2 {
		color: #999999;
		font-family: sans-serif;
		font-weight: normal;
		
	}

/* サイト説明文 */
	.description {
		color: #999999;
		font-size: 12px;
	}

/* エントリーのある大段落（トップページ） */
	#content {
		border-bottom: 0px solid #666699;
		border-left: 0px solid #666699;
		border-right: 0px solid #666699;
		border-top: 0px solid #666699;
		padding:0px 0px;
		top : 90px ;
		margin-left  : 170px ;
		margin-right : 185px ;
		margin-top : 0px ;
		margin-bottom : 10px ;
	}

/* エントリーのある大段落（トップページ以外） */
	#container {
		margin-top : 0px ;
		margin-bottom : 10px ;
	}

/* エントリー別の段落 */
	.blog {
		padding:10px;
		font-size:small;
		font-weight:normal;
		color: #336699;
		background: none;

	}

/* 各エントリー */
	.blogbody {
		background:#ffffff;
		background-position:right; 
		background-repeat:repeat-y; 
		background-image: url("画像を置くURl/ファイル名.gif");
		color:#000000;

		font-size:medium;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-stretch: condensed;

		padding-top:0px;
		padding-left:8px;
		padding-right:8px;
		line-height:150%;
		width : auto ;
		margin-bottom:15px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.14追加*/
	}

/* タイトルと本文の行間を狭くする対処 */
	.blogbody p {
		margin-top: 5px;
		margin-bottom: 10px;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-stretch: condensed;
	}

/* 各エントリーの文字のリンク色 */
	.blogbody a {
		color: #396778;
		text-decoration: underline;
	}
	.blogbody a:link {
		color: #396778;
		background: none;
	}
	.blogbody a:visited {
		color: #396778;
		background: none;
	}
	.blogbody a:active {
		color: #396778;
		background: none;
	}
	.blogbody a:hover {
		color: #006699;
		background: none;
	}

/* エントリーの画像（左に配置した時の文章とのマージン） 2004.07.20追加 */
	.blogbody img {
		margin-right: 8px;
		margin-bottom: 5px;
	}

/* エントリーのタイトル */
	.title	{
		font-size: 120%;
		font-family: sans-serif;
		font-style: normal;
		padding-top:5px;
		padding-left:0px;
		margin-bottom:0px;
		padding-bottom:0px;
	}

/* 「ホーム」等へのリンク部分（トップページ以外） */
	#menu {
		font-family: sans-serif;
		font-size: 12px;
		font-weight:normal;
		background: none;
		margin:0px;
		padding-top:0px;
		text-align:center;
	}

/* エントリーの日付 */
	.date	{ 
		font-family: sans-serif;
		font-size: 90%;
		font-weight: bold; /* W3C CSS 検証対応 2005.04.30 修正 */
		color: #ffffff;
		background: #b7c532;
		background-position:left; 
		background-repeat:no-repeat;
		padding-left:1.3ex;
		padding-top:0px;
		padding-bottom:0px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
	}

/* 中央部の前後エントリーへのリンク */
	.palink	{ 
		font-family: sans-serif;
		font-size: 100%;
		font-weight: bold; /* W3C CSS 検証対応 2005.04.30 修正 */
		color: #ffffff;
		background: #b7c532;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url("画像を置くURl/ファイル名.gif");
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
	}


/* エントリー投稿者の段落 */
	.posted {
		font-family: sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin-top:10px;
	}

/* エントリー最終行GoogleAdの段落 */
	.edgoogle {
		font-family: sans-serif;
		font-size: 13px;
		color: #29680a;
		border-top: 1px dotted #29680a;
		text-align:right;
		margin-top:6px;
		margin-bottom:10px;

	}


/* 「続きを読む」の行 */
	.extended { 
		font-weight:normal;
		padding: 3px;
	}

/* blockquote設定 */
	blockquote {
		color: #666;
		margin:10px 5px 2px 5px;
		
		font-weight:normal;
		background:#f6f6f6;
		line-height:150%;
		padding: 2px; 
		border: 2px dotted #999999;
		width: auto ;
	}

/* 2004.10.22 TypeKeyによるコメントで投稿者アイコンが枠で囲まれてしまう対処 */
	.commenter-profile img {
		vertical-align: middle;
		border-width: 0;
	}

/* エントリーのテキストエリア可変長指定 2004.07.20追加 */
	.blogbody textarea {
		width: 97% ;
	}

/* quotetitle設定 */
	.quotetitle{
		font-size:medium;
		font-weight:normal;
		border-bottom: 1px solid #666699;
		padding: 3px;
	}

/* カレンダーのある大段落（トップページ右） */
	#links-right{
		color: #ffffff;
		position : absolute ;
		right : 5px ;
		top : 96px ;
		width : 185px ;
	}

/* リンクのある大段落（トップページ左） */
	#links-left{
		color: #ffffff;
		position : absolute ;
		left :5px ;
		top : 96px ;
		width : 170px ;
	}

/* カレンダー年月 */
	.calendarhead{
		text-align: center;
		color:#000000;
		font-family: sans-serif;
		font-size:9px;
		background: none;
		letter-spacing: .3em;
	}

/* カレンダー曜日数字 */
	.calendar {
		text-align: center;
		color:#000000;
		font-family: sans-serif;
		font-weight:normal;
		background: none;
	}
	.calendar a:link {
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:visited{
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:active{
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:hover {
		font-size:9px;
		color: #006699;
		text-decoration: underline;
	}

/* カレンダー日付のリンク以外の文字サイズ 2004.08.29追加 */
	.calendar td {
		font-size:9px;
	}

	.calendar th {
		font-size:8px;
		width : 23px ;
	}
	.calendar table {
		padding: 0px;
		border-collapse: collapse;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等の見出し */
	.sidetitle {
		color:#bcbc41;
		font-family: sans-serif;
		font-size:90%;
		font-weight:bold;
		margin-top:2px;
		background:#29680a;
		line-height:110%;
		padding:1px 0px;
		text-align:center;
		border: 0px solid  #999999;
	}

	.sidetitleleft {
		color:#ffffff;
		font-family: sans-serif;
		font-size:90%;
		font-weight:bold;
		margin-top:2px;
		background:#B7c532;
		line-height:110%;
		padding:1px 0px;
		text-align:center;
		border: 0px solid  #999999;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等 */
	.side {
		font-family: sans-serif;
		color:#000000;
		background: none;
		font-size:10px;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:5px;
/*		word-break: break-all; */
/* 半角文字折り返し対処 2004.10.14追加 */
	}

/* サイドバー左上の地色変更用 */
	.side-left-top {
		font-family: sans-serif;
		color:#000000;
		background: #eeffdd;
		font-size:10px;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:25px;
/*		word-break: break-all; */
/* 半角文字折り返し対処 2004.10.14追加 */
	}



/* 2004.10.22 サブカテゴリー対応 */
	.side #categories {
/*		font-family: sans-serif;
		color: #000000;
		background: none;
		font-size: 9px;
		font-weight:normal;
		line-height:150%;
		text-align: left;
		padding:2px;
		margin-bottom:25px;*//* 冗長指定削除 2004.11.24追加 */
	}

	.side #categories ul {
		padding-left: 0px;
		margin: 0px;
		margin-bottom: 0px;
		font-size: 110%;
		font-weight:bold;
		font-stretch:condensed;
	}

	.side #categories ul ul {
		padding-left: 10px;
		margin-bottom: 0px;
		font-size: 95%;
		font-weight:normal;
		font-stretch:normal;
	}

	.side #categories li {
		margin-top: 0px;
		margin-bottom: 0px;
		list-style-type: none;
	}
/* サブカテゴリー対応 ここまで */

	.side-counter {
		font-size:9px;
		background: none;
		padding:2px;
		margin-top:8px;
		margin-bottom:25px;
	}

	.side2 {
		font-family: sans-serif;
		color:#000000;
		background: none;
		font-size:9px;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:5px;
	}

	.image img {
		border: 1px solid #666699;
		margin-top: 20px;
	}

/* RSS(XML)の設定 */
	.syndicate {
		color:#000000;
		font-family: sans-serif;
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin-bottom:5px;
	}

/* Poweredの設定 */
	.powered {
		color:#000000;
		font-family: sans-serif;
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin-top:50px;
	}

/* 「コメント」「コメントする」の見出し */
	.comments-head	{
		font-family: sans-serif;
		font-size: 11px;
		color: #ffffff;
		background: #396778;
		padding-top:2px;
		padding-left:5px;
		padding-bottom:2px;
		width : auto ;
		margin-top:10px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:10px;
	}

/* 「コメント」の段落 */
	.comments-body {
		font-size:12px;
		font-weight:normal;
		font-family: sans-serif;
		color:#000000;
		line-height:150%;
		padding:0px;
		margin-left:8px;
		margin-right:8px;
		margin-top:0px;
		margin-bottom:0px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.14追加*/
	}

	.comments-body p {
		margin-top:10px;
		margin-bottom:5px;
	}

	/* コメントテキストエリアの幅指定 2004.07.20追加 */
	.comments-body textarea {
		width:266px;
	}

/* 「コメント」投稿者 */
	.comments-post {
		font-family: sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

	.comments-post a:link {
		color: #396778;
		text-decoration: underline;
		background: none;
	}
	.comments-post a:visited {
		color: #396778;
	}
	.comments-post a:active{
		color: #396778;
	}
	.comments-post a:hover {
		color: #006699;
	}

/* 「トラックバック」の段落 */
	.trackback-body {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #003366;
	}

/* トラックバックURL */
	.trackback-url {
		font-size:small; 
		font-weight:bold;
		color: #336699;
		background:#ffffff;
		border: 2px solid #336699;
		padding:10px;
		margin:10px;
	}

/* 「トラックバック」投稿者 */
	.trackback-post {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
	}

/* ポップアップウインドウ全体 2004.12.30追加 */
	#box-commentspop {
	}

/* ポップアップウインドウのタイトル部分 */
	#banner-commentspop {
		z-index: 1; /* バナーの重なり順序対処 2004.12.30追加 */
		color:#999999;
		background:#ffffff;
		background-position:right top;
		background-repeat:repeat-y;
		background-repeat:no-repeat;
		background-image: url("画像を置くURl/ファイル名.gif");
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		text-align: left;
		border: 1px solid #666699;
	}

	#banner-commentspop h1 {
		color: #999999;
		font-family: sans-serif; /* フォント修正 2004.12.30修正 */
		font-weight: normal; /* 文字の太さ修正 2004.12.30修正 */
		font-size: 32px;  /* フォントサイズ修正 2004.12.30修正 */
	}

	#banner-commentspop h2 {
		color: #999999;
		font-family: sans-serif;
		font-weight: normal;
		font-size: 12px;
	}

	#content-commentspop {
		border-bottom: 1px solid #666699;
		border-left: 1px solid #666699;
		border-right: 1px solid #666699;
		margin : 0px ;
		padding : 10px ;
		height : 100%;
	}

	#content-commentspop h2	{ 
		font-family: sans-serif;
		font-size: 11px;
		font-weight:normal; /* W3C CSS 検証対応 2005.04.30 修正 */
		color: #ffffff;
		background: #396778;
		background-position:left; 
		background-repeat:no-repeat;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:6px;
		margin-bottom:15px;
	}

	#content-commentspop h3	{ 
		font-family: sans-serif;
		font-size: 10px;
		font-weight:normal; /* W3C CSS 検証対応 2005.04.30 修正 */
	}

	.blogbody-commentspop {
		background-position:right; 
		background-repeat:repeat-y; 
		background-image: url("画像を置くURl/ファイル名.gif");
		color:#000000;
		font-family: sans-serif;
		font-size: 12px;
		padding-top:0px;
		line-height:150%;
		width : auto ;
		margin-top:0px;
		margin-bottom:0px;
	}

	.blogbody-commentspop p {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.posted-commentspop {
		font-family: sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin-top:0px;
		margin-bottom:15px;
		}

/* 検索、コメントなどの入力フォームの設定 */
	form {
		margin:0px;
	}

/* 投稿者名、コメントの書き込み欄の文字化け防止 */
	input,textarea {
		font-family: sans-serif;
		margin: 2px;
	}

BLOCKQUOTE.book {
	BORDER-TOP: #eeffff 2px solid;
	BORDER-RIGHT: #aaff66 2px solid;
	BORDER-BOTTOM: #aaff66 2px solid;
	BORDER-LEFT: #eeffff 2px solid;

	PADDING-TOP: 0em;
	PADDING-RIGHT: 1em;
	PADDING-BOTTOM: 1em;
	PADDING-LEFT: 1em;

	MARGIN-RIGHT: 3%;
	MARGIN-LEFT: 0%;
	BACKGROUND: #eeffff;
	COLOR: black;
	font-family: san-serif;
	font-size:small;
	
}
	.drk7jpSimilarity {
		padding:5px;
		}


	.drk7jpSimilarityHeader {
		font-size:85%;
		color:#FFF;
		}

	.drk7jpSimilaritySiteTitles {
		font-size:98%;
		color:#000;
		}
	.drk7jpSimilaritySiteSummarys {
		padding:5px;
		font-size:80%;
		color:#000;
		line-height: 1.4 ;
		}
	.drk7jpSimilarityFooter {
		font-size:80%;
		color:#000;
		}

	div.MTBlogDescription{
		font-size: 16px;
		font-weight: bolder;
		font-family: sans-serif;
		}

	tt {
		font-size: 80%;
		COLOR: #174;
		font-stretch:condensed;
	}

	BLOCKQUOTE.yodan {
		BORDER-TOP: #eeffff 0px solid;
		BORDER-RIGHT: #66aaff 2px solid;
		BORDER-BOTTOM: #88bb77 0px solid;
		BORDER-LEFT: #66aaff 2px solid;
		PADDING-TOP: 1em;
		PADDING-RIGHT: 1em;
		PADDING-BOTTOM: 2em;
		PADDING-LEFT: 1em;
		MARGIN-RIGHT: 3%;
		MARGIN-LEFT: 3%;
		BACKGROUND: #fafaff;
		COLOR: black;
		font-size: 87%;
		font-stretch:condensed;
	}

	cite {
		margin:2px;
		background:#f0f0f0;
		font-family:"ＭＳ ゴシック", sans-serif;
		font-size: 120%;
		font-weight: bold;
		font-style:nomal;
	}

#rectbox 	{ 
		width:  341px; 
		height: 280px; 
		float: left; 
	} 
	
.clear 		{ 
		clear: both; 
	} 

/* ツリー画像のクラス */
ul.tree {
    margin: 0!important;
    padding: 0!important;
    /* font-size: 9px; */
    list-style: none!important;
}
ul.tree ul {
    margin: 0!important;
    padding: 0!important;
}
ul.tree li {
    margin: 0!important;
    padding: 0 0 0 16px!important;
    background-image: url(http://saiquet.sakura.ne.jp/images/tree_lst_dotted.gif);
    background-repeat: no-repeat!important;
    list-style: none!important;
}
ul.tree li.end {
    background-image: url(http://saiquet.sakura.ne.jp/images/tree_end_dotted.gif);
    list-style: none;
}