/* =================================== */
/* CSS For JavaScript Factory [Global] */
/* =================================== */	/* UTF-8 */

/* -------------------------- */
/* ■ページ全体装飾・汎用装飾 */
/* -------------------------- */
body {
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #ffffcc;
	color: #000000;
}

/* リンク装飾 */
a {	text-decoration: underline;	}
a:link		{ color: #3030aa; }
a:visited	{ color: #308030; }
a:hover		{ color:red; background-color:#ffcccc; }
a:active	{ color: #ffcccc; background-color: transparent; }
a.nd		{ text-decoration: none; }

/* 見出し汎用装飾 */
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/* -------------------------- */
/* ■範囲：最上部～フッタ直前 */
/* -------------------------- */
#container {
	line-height: 140%;
}

/* -------------------------------- */
/* ■範囲：最上部ナビゲーション部分 */
/* -------------------------------- */
#banner {
	color: #000000;
	background-color: #fafacc;
	padding: 15px;
}

/* ◆ロゴ画像 */
#banner img {
	border-width: 0px;
}

/* ◆パンくずリスト */
#banner div.navi {
	font-size: smaller;
}

/* ---------------------------------------- */
/* ■範囲：ベルト部分(CMS Name/Update Time) */
/* ---------------------------------------- */
#belt {
	font-size: x-small;
	text-align: center;
	color: #ffffff;
	background-color: #cc80cc;
	border-top: 1px solid #800080;
	border-bottom: 1px solid #ffccff;
}

/* ------------------------- */
/* ■範囲：CAT=2段組の左側段 */
/* ------------------------- */
#center {
	float: left;
	width: 75%;
	border-right: 1px gray dashed;
}

/* ------------------------- */
/* ■範囲：CAT=2段組の右側段 */
/* ------------------------- */
#right {
	float: left;
	width: 23%;
	background-color: #ffffcc;
	overflow: hidden;
}

/* ------------------------------------------ */
/* ■範囲：ENT=エントリ最上部～コンテナ最下部 */
/* 　範囲：TOP=最新更新案内～Powered by最後　 */
/* ------------------------------------------ */
.content {
	padding: 15px 15px 5px 15px;
	background-color: #ffffcc;
	color: #000000;
}

/* ◆段落 */
.content p {
	line-height: 1.5;
}

/* ◆引用 */
.content blockquote {
	line-height: 150%;
	border-left: 5px #cccc80 solid;
	padding: 0.3em 0px 0.3em 0.5em;
	font-style: italic;
	background-color: #fffff0;
	color: #252525;
}

/* ◆自分の書き込みの引用 */
.content blockquote.own {
	font-style: normal;
}

/* ◆リスト */
.content li {
	line-height: 1.5;
}

/* - - - - - - -  */
/* ◆見出しの装飾 */
/* - - - - - - -  */
.content h1 {
	font-family: Georgia, 'Times New Roman', serif;
	margin: 0.5em 0px;
	color: #800080;
}
.content h1 span {
	font-size: 50%;
}

.content h2 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
}

.content h2 { color: #800080; }
.content h2 a:link {	color: #aa00aa;	}
.content h2 a:visited {	color: #800080;	}
.content h2 a:hover {	color: #b20000; background-color: transparent;	}

.content h3 {
	color: #804580;
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0px;
	border-left: 0.5em solid #804580;
	padding-left: 0.15em;
}

/* ◆コメント数・トラックバック数の表示(in 本文領域下部) */
.content p.posted {
	color: #999999;
	font-size: 87%;
	font-family: sans-serif;
	border-top: 1px solid #999999;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: normal;
	padding: 3px 0px 0px 0px;
	clear: both;
}

/* ◆コメント表示領域内の投稿者情報表記 */
.content p.commentposted {
	color: #000000;
	font-family: sans-serif;
	border-bottom: 1px solid #999999;
	text-align: right;
	margin-bottom: 0px;
	line-height: normal;
	padding: 3px 0px 3px 0px;
}

/* - - - - - - - - - - -  */
/* ◆前後の記事へのリンク */
/* - - - - - - - - - - -  */
.content div.neighborhoodlink {
	text-align: center;
	margin: 0.8em 0px;
}
.content div.neighborhoodlink table {
	margin: auto;
	border-width: 0px;
}
.content div.neighborhoodlink table td.neighborhoodboard {
	font-size: 75%;
	line-height: 1.2;
	text-align: center;
	padding: 0px 0.9em;
	white-space: nowrap;
}
.content div.neighborhoodlink table td.forpreventry {
	text-align: right;
}
.content div.neighborhoodlink table td.fornextentry {
	text-align: left;
}

/* -------------------------------------- */
/* ■範囲：CAT=エントリリスト表示用リスト */
/* -------------------------------------- */
.content ul.entryinfos li {
	margin-bottom: 0.5em;
	border: 1px gray solid;
	background-color: #ffffff;
	padding: 0.3em 0.3em 0.1em 0.3em;
}

/* ◆更新時刻・コメント数など */
.content ul.entryinfos li div.entryattributes {
	text-align: right;
	line-height: 1.1;
}
.content ul.entryinfos li span.entryattributes {
	font-size: 75%;
	color: #808000;
}

/* ◆エントリ概要 */
.content ul.entryinfos li div.entryheadwords {
	font-size: 90%;
	color: #000000;
	margin: 0.7em 0.3em 0.9em 1em;
	line-height: 1.2;
}

/* ---------------------------------- */
/* ■範囲：CAT=カテゴリ最上部の案内文 */
/* ---------------------------------- */
.content p.categorycountinfo {
	padding-left: 0.5em;
}

/* --------------------------------------------- */
/* ■範囲：CAT=サイドバー全体（rightと同じ範囲） */
/* --------------------------------------------- */
.sidebar {
	padding: 15px;
}

/* ◆サイトバー内 見出し2 */
.sidebar h2 {
	color: #800080;
	background-color: #ffccff;
	font-size: 75%;
	border-bottom: 1px solid #800080;
	font-weight: bold;
  	padding: 3px;
}

/* ◆サイトバー内 リスト */
.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
}

/* ◆サイトバー内 リスト項目 */
.sidebar li {
	color: #666666;
	font-size: small;
	text-align: left;
	line-height: 1.5;
	margin-top: 0.5em;
	list-style-type: none;
}

/* ◆サイトバー内 画像 */
.sidebar img {
	border: 3px solid #FFFFFF;
}

/* ------------------ */
/* ■範囲：カレンダー */
/* ------------------ */
#calendar {
  	line-height: 140%;
	color: #666666;
	font-size: x-small;
  	padding: 2px;
	text-align: center;
	margin-bottom: 0.5em;
}
#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 1px orange solid;
	width: 100%;
}
#calendar caption {
	color: #B22222;
	font-size: small;
	border-bottom: 1px solid #B22222;
	text-align: left;
	font-weight: bold;
	padding: 3px;
}
#calendar th {
	text-align: center;
	font-weight: normal;
	border: 1px #ffcb73 solid;
	background-color: #fff3c6;
	color: #000000;
}
#calendar td {
	text-align: right;
	border: 1px #ffcb73 solid;
	background-color: #fffff0;
	color: #000000;
}
#calendar td a {
	display: block;
	width: 100%;
}

/* ★保留★ 要使用チェック */
.photo {
	text-align: left;
	margin-bottom: 20px;
}

/* ★保留★ 要使用チェック */
.link-note {
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
}

/* ★保留★ 要使用チェック */
#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
	width: 80%;
}

/* ----------------------------------- */
/* ■範囲：ページ最下部のCMS著作権情報 */
/* ----------------------------------- */
#powered {
	font-size: x-small;
	text-align: right;
	color: #666666;
}

/* ============== */
/* Nishishi Added */
/* ============== */

/* ---------------- */
/* ■ソース表示関連 */
/* ---------------- */
p.sourcecode {
	background-color: #fffff0;
	border: 1px #808000 solid;
	padding: 0.5em;
	overflow: auto;
}
code {
	font-family: monospace;
	font-size: 100%;
}
/* ◆ソース中のコメント */
span.sourcenote {
	color: green;
}
/* ◆サンプル表示領域 */
div.samplearea {
	background-color: #f0f0f0;
	border: 1px gray solid;
	padding: 0.5em;
}

/* -------------------------- */
/* ↓旧スタイル（ソース表示） */
/* -------------------------- */	/* ★使ってないハズ */
div.sourcecode {
	font-family: monospace;
	background-color: #fffff0;
	border: 1px #808000 solid;
	padding: 0.5em;
}
div.sourcearea {
	border: 3px gray solid;
	padding: 0.5em;
	background-color: #f0f0f0;
}
div.sppsource {
	font-family: monospace;
	border: 1px green solid;
	background-color: white;
	margin: 1em 0.5em;
	padding: 0.5em;
}
div.dateline {
	text-align: right;
	font-size: 75%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

/* ◆ソースではないけど等幅で表示したい箇所（ちょっと引用っぽい） */
.monospace {
	font-family: monospace;
	padding-left: 1em;
}

/* ---------------------------------------------------- */
/* ■範囲：エントリの最上部～エントリの最下部全体を囲む */
/* ---------------------------------------------------- */
div.entrycover {
	border: 1px solid #800080;
	padding: 0.5em;
	background-color: #ffffff;
	margin-bottom: 0.3em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

/* ◆エントリ内 見出し */
div.entrycover h2 {
	border-left: 0.6em #aa00aa solid;
	padding: 0.1em 0px 0.1em 0.3em;
	font-size: 110%;
}

/* ◆エントリー下部Google広告 */
div.entrycover div.googleadbottom {
	border-top: 1px dashed #cccccc;
	margin: 1em 0px 0px 0px;
	padding: 0.5em 0px;
	/* ▼横幅を親要素の幅に合わせる・はみ出る部分は非表示にする：左右の余白が全部0である必要あり. */
	width: 100%;
	overflow: hidden;
	/* ▼でかい画像に重ならないようfloatを解除する */
	clear: both;
}

/* - - - - - - - - -  */
/* ◆エントリ右側領域 */
/* - - - - - - - - -  */
div.entrycover div.googlead {
	/* ★使用停止:エントリー内Google広告 */
	width: 165px;
	float: right;
	background-color: #ffffff;
	border-left: 1px dashed #cccccc;
	margin-left: 10px;
	padding-left: 5px;
}
div.entrycover div.entrybody {
	/* ★使用停止:上記Google広告CSSと同時使用 → entrymainに変更 */
	margin-right: 180px;
}

/* ◆エントリ投稿日 */
p.entrydate {
	margin: 0px;
	font-size: 80%;
	float: right;
	color: #555555;
}
p.entrydate span.date {
}
p.entrydate span.time {
}
p.entrydate span.category {
}

/* ◆右寄せ画像 */
img.floatright {
	float: right;
	margin-left: 0.5em;
	margin-bottom: 0.3em;
}
/* ◆左寄せ画像 */
img.floatleft {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.3em;
}

/* ◆右寄せボックス */
div.floatright {
	/* サイズ固定オブジェクト専用 */
	float: right;
	margin-left: 0.3em;
}

/* ◆横幅固定ではみ出る部分は消すBOX */
div.sizefiximagebox {
	width:100%;
	overflow:hidden;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* ■エントリページでは表示するがそれ以外のアーカイブページでは表示しないオブジェクト */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#center div.notinlist {
	/* 個別表示のときのみ表示 */
	display: none;
}
div.skybanner {
	/* 個別表示のときのみ表示する広告バナー用 */
	float: right;
}
#center div.skybanner {
	/* 個別表示でなければ表示しない広告バナー */
	display: none;
}

/* -------------------------------------------------------- */
/* ■範囲：コメント欄のサイドバー領域～コメント欄全体を囲む */
/* -------------------------------------------------------- */
/* ◆コメント欄横のサイドバー領域 */
.middleareacover div.middleside {
	width: 210px;
	float: right;
	background-color: #ffffff;
	border: 1px solid #800080;
	margin-left: 10px;
}

/* ◆サイドバー領域の見出し */
.middleareacover div.middleside h2 {
	margin: 0.5em;
	border-top: 1px solid #800080;
	border-bottom: 1px solid #800080;
	background-color: #ffccff;
}
/* ◆サイドバー領域のリスト */
.middleareacover div.middleside ul {
	font-size: 80%;
}
/* -------------------------------------------------- */
/* ■コメント表示ボックス・トラックバック表示ボックス */
/* -------------------------------------------------- */
div.commentscover, div.trackbackscover {
	border: 1px solid #800080;
	background-color: #fffff0;
	margin-bottom: 0.3em;
}

/* ◆範囲：コメント表示～投稿領域全体 */
div.commentscover {
	margin-right: 220px;
}

/* ◆コメント領域の見出し */
.middleareacover div.commentscover h2 {
	margin: 0.5em;
	border-top: 1px solid #800080;
	border-bottom: 1px solid #800080;
	background-color: #ffccff;
}
/* ◆コメント領域のリスト */
.middleareacover div.commentscover ul {
	font-size: 80%;
}
/* ◆コメント領域上部のガイド */
.middleareacover div.commentscover p.commentheadguide {
	margin: 0.5em 1em;
	font-size: 80%;
}

/* ◆範囲：トラックバック表示～URL掲載領域全体 */
div.trackbackscover {
	clear: both;
	padding: 0.5em;
}
/* ◆アマゾン関連書籍領域 */
div.trackbackscover div.amazon {
	overflow: hidden;
}

/* ◆コメント下部Google広告 */
div.commentscover div.googleadcomment {
	border-bottom: 1px solid #9c9a9c;
	margin: 0px;
	padding: 0.5em 0px;
	text-align: right;	/* 右寄せにする */
}

/* ◆コメント・トラックバック各ボックス用の見出し */
.commentscover div.catitle, .trackbackscover div.tatitle {
	color: #800080;
	background-color: #ffccff;
	border-style: solid;
	border-width: 1px 0px;
	border-color: #800080;
	font-weight: bold;
	padding-left: 0.5em;
}
.commentscover div.catitle span {
	font-size: smaller;
}

/* ◆範囲：コメント投稿フォーム全体 */
.commentscover div.commentpostarea {
	font-size: smaller;
}

/* ◆コメント投稿フォーム下部の注意メッセージ */
.commentpostarea p.commentattention {
	color: #cc0000;
	line-height: 1.25;
}

/* ◆トラックバックURL表示領域 */
.trackbackscover p.techstuff {
	font-size: smaller;
}

/* ◆トラックバックリストの先頭 */
.trackbackscover .trackbacktop {
	color: #800080;
	background-color: #eeffee;
	border-style: solid;
	border-width: 1px 0px;
	border-color: #800080;
	padding-left: 0.3em;
}

/* ◆トラックバックの注意メッセージ */
.trackbackscover .trackbackattention {
	color: #cc0000;
}

/* トラックバック表示欄 */
input#trackbackurl {
	width: 30em;
}

/* 戻るリンク */
p.monthlink, p.backlink {
	text-align: center;
}

/* ---- */
/* 保留 */
/* ---- */
#sidemonthlink {
	font-size: 75%;
	margin-bottom: 1em;
}
#sidemonthlink div.prev {
	text-align: left;
}
#sidemonthlink div.next {
	text-align: right;
}

#entrylist,#categories,#months,#googlead {
	background-color: #ffffff;
	border: 1px solid #800080;
	margin-bottom: 1em;
}
#entrylist ul {
	margin: 0.5em;
}
#categories ul {
	margin: 0.5em 0.5em 0.5em 1em;
}
#months ul {
	margin: 0.5em;
}

div.sidebox {
	background-color: #ffffff;
	border: 1px solid #800080;
	margin-bottom: 1em;
}
div.sidebox p {
	font-size: 75%;
	padding:0.5em;
}

p.diaryhead {
	font-size: smaller;
}

/* -------------------- */
/* ■範囲：ページフッタ */
/* -------------------- */
#pagefooter {
	clear: both;
	border-top: 1px dashed gray;
	padding: 0.5em;
	background-color: #ffffcc;
	color: #000000;
}
#pagefooter p {
	margin: 0.5em 0px;
}
/* ◆末尾の右寄せガイド群 */
#pagefooter p.terms {
	text-align: right;
	font-size: smaller;
	font-style: italic;
}
/* ◆著作権表示 */
#pagefooter p.copyright {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1em;
}
/* ◆ビルド日付表示 */
#pagefooter p.rebuildinfo {
	text-align: right;
	font-size: xx-small;
	color: gray;
	background-image: url("/pt/sp/mr.gif");
	background-repeat: no-repeat;
	background-position: -50px -50px;
}

/* ◆アクセスカウンタ */
img.counter {
	float: right;
}

/* ------------ */
/* ■標準的な表 */
/* ------------ */
table.standard {
	border-collapse: collapse;
	border: 2px green solid;
}
table.standard td,table.standard th {
	border: 1px green solid;
	padding: 0.1em;
}
/* 表内のヘッダ・フッタ装飾 */
table.standard thead th,table.standard thead td {
	border-bottom: 3px double green;
	background-color: #ddffdd;
}
table.standard tfoot th,table.standard tfoot td {
	border-top: 2px solid green;
}
table.standard tfoot th {
	background-color: #ddffdd;
}

/* -------------- */
/* ■強調スタイル */
/* -------------- */	/* 5段階 */
/* 叫び */
strong.scream {
	font-size: 180%;
	color: #cc0000;
}
/* 驚き */
strong.surprise {
	font-size: 150%;
	color: #cc0000;
}
/* 重要 */
strong.important {
	color: #cc0000;
}
/* 簡易強調 */
strong.light {
	letter-spacing: 0.9em;
}
/* かなり軽い強調 */
span.noticeline {
	border-bottom: 1px dashed #cc0000;
}

/* ---------------- */
/* ■メモ・補足説明 */
/* ---------------- */
p.note {
	font-size: 80%;
	line-height: 1.3;
	color: #555555;
}

/* ◆ネタの出典を示す */
p.via {
	font-size: 80%;
	text-align: right;
	margin-top: 0.5em;
}

/* ■画像とその説明文 */
.imageandguide {
	line-height: 1.25;
}
.imageandguide img {
	margin: 0.3em 0px;
}
.imageandguide a img {
	border: 0px;
}

/* ◆画像固まりの右寄せ */
table.floatright {
	float: right;
	border-width: 0px;
}

/* ■書籍の紹介BOX */
div.bookguide {
	margin: 3px 0.3em 0.5em 0.3em;
}
div.bookguide img {
	float: left;
	border-width: 0px;
}
div.bookguide .booktitle {
	margin-bottom: 0.5em;
}

/* ------------ */
/* ■Track Word */
/* ------------ */
.trackword {
	margin: 0.5em;
	border: 1px solid gray;
	text-align: center;
	background-color: #f0f0f0;
}
.trackword img {
	border: 0px;
}
.trackword table {
	border-collapse: collapse;
	margin: 0.3em auto;
}
.trackword table td {
	text-align: left;
	padding: 0px 0.3em;
	font-size: 75%;
	line-height: 1.3em;
}

/* ---------------------- */
/* ■フローティング検索窓 */
/* ---------------------- */
div.floatsearchbox {
	position: absolute;
	top: 1em;
	right: 1em;
	text-align: right;
	font-size: 80%;
	color: gray;
}
div.floatsearchbox form {
	margin: 0px;
}
div.floatsearchbox form input.searchword {
	height: 0.85em;
	width: 4em;
}
div.floatsearchbox form input.searchbutton {
	width: 3em;
	font-size: 80%;
}

/* ------------ */
/* ■検索結果用 */
/* ------------ */
.content div.searchwordboxes {
	border: 1px solid green;
	background-color: #ffffff;
}
.content div.searchwordboxes form {
	margin: 0px;
}
.content div.searchwordboxes div.searchinblog {
	width: 45%;
	float: left;
	padding: 0.5em;
	margin-right: 0.5em;
	background-color: #ffffcc;
	border-right: 1px dashed green;
}
.content div.searchwordboxes div.searchbygoogle {
	padding: 0.5em;
	margin-left: 46%;
}
.content div.searchwordboxes div.searchtitle {
	border-bottom: 3px double gray;
}
.content div.searchwordboxes div.searchhint {
	font-size: 80%;
	line-height: 1.25;
	margin-top: 0.5em;
}
.content div.searchwordboxes div.searchoption {
	font-size: 80%;
}
.content div.searchoneresult {
	margin: 0.5em 0px 0.5em 1em;
	border: 1px #cccccc solid;
	padding: 0.5em;
	background-color: #ffffe0;
}

