@charset "UTF-8";
/******************************************************************************
	keis.css	日記等用のスタイルシート
		$Id: keis-default.css,v 1.22 2010/07/09 06:30:26 kei Exp $
******************************************************************************/

/*-----------------------------------------------------------------------------
	共通要素
-----------------------------------------------------------------------------*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #ffffff;
	border-style: none;
	margin: 0;
	color: #666666;
}

.owner-only, .hidden {
	visibility: hidden;
	display: none;
}

/*-----------------------------------------------------------------------------
	引用系
-----------------------------------------------------------------------------*/

/* キーワードを拾わない */
div.nokeyword {
}

/*	コンソール画面	*/
div.console {
	background-color: #003300;
	border-color: #00dd00;
	color: #00dd00;
	border-style: solid;
	border-width: 1px;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
	line-height: normal;
	font-family: monospace;
}

div.console pre {
	margin: 0;
	padding: 0;
	white-space: pre-wrap;
}

/*	ソースコード	*/
div.code {
	background-color: #ffffff;
	border-color: #444444;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
	line-height: normal;
	font-family: monospace;
}

div.code pre {
	margin: 0;
	padding: 0;
	white-space: pre-wrap;
}

/*	ソースファイル名	*/
*.filename {
	margin-bottom: 0.5em;
	text-align: left;
	font-size: smaller;
	color: #0000ff;
}

*.filename a {
	margin-bottom: 0.5em;
	text-align: left;
	color: #0000ff;
}

/*	引用の出典	*/
*.cite {
	margin-top: 0.5em;
	text-align: right;
	font-size: smaller;
}

.marker {
	background-color: #ffff00;
}

div.console span.marker {
	background-color: #008800;
	color: #00ff00;
}

a:link, a:link img {
	border-color: #000000;
	color: #000000;
}

a:visited, a:visited img {
	border-color: #999999;
	color: #999999;
}

a:focus, a:focus img {
	background-color: #00ff00;
	border-color: #00ff00;
	color: #333333;
}

a:hover, a:hover img {
	background-color: #88ff88;
	border-color: #88ff88;
	color: #333333;
}

a:active, a:active img {
	background-color: #44ff44;
	border-color: #44ff44;
	color: #000000;
}

a.amazon-search {
	text-decoration: none;
	padding-bottom: 0;
	border-bottom:dotted 1px #888888; 
}

a.amazon-search:link {
	color: #666666;
}

a.novisited:visited {
	color: #000000;
}

h2 {
	color: #eeeeee;
	background-color: #888888;
}

h2 a {
	text-decoration: none;
	color: #eeeeee;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #eeeeee;
}

h2 a:hover, h2 a:focus {
	color: #333333;
}

p {
	margin: 0.2em 0 0.2em 0;
}

div.description {
	line-height: normal;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
	background-color: #ddffdd;
	font-size: smaller;
	border-style: solid;
	border-width: 1px;
	border-color: #44cc44;
}


/*-----------------------------------------------------------------------------
	ページヘッダ
-----------------------------------------------------------------------------*/
div.page-header {
	padding: 10px;
	background-image: url("images/headline.jpg");
	border-bottom-style: solid;
	border-color: #cccccc;
	border-width: medium;
	color: #ffffff;
}

div.page-header h1 {
	float: left;
	margin: 0 0 0 5px;
	color: #ffffff;
	font-size: x-large;
	font-weight: 900;
}

div.page-header a:visited {
	color: #ffffff;
}

/* 画像ロゴの背景を透過 */
div.page-header h2 {
	float: right;
	margin: 0 5px 0 0;
	font-size: large;
	font-weight: 600;
	background-color: transparent;
}

/* 背景色を変更したので、フォーカスしたら分かる様に */
div.page-header h2 a:focus img {
	background-color: #00ff00;
}
div.page-header h2 a:hover img {
	background-color: #88ff88;
}

div.page-header img {
	border-style: none;
	border-width: 0;
}

/* リンクを明に表示しない様に */
div.page-header a {
	color: #ffffff;
	text-decoration: none;
	border-style: none;
	border-width: 0;
}

/* でも、フォーカスしたら分かる様に */
div.page-header a:hover {
	color: #333333;
}
div.page-header a:focus {
	color: #333333;
}

div.page-header p {
	clear: both;
	margin: 3px 1em 0 3px;
	color: #ffffff;
	font-size: x-small;
}


/*-----------------------------------------------------------------------------
	ページフッタ
-----------------------------------------------------------------------------*/
div.page-footer {
	padding: 1em;
	font-size: smaller;
	text-align: right;
}

div.page-footer img {
	border-style: none;
	border-width: 0;
}

/* 枠がないので、フォーカスしたら分かる様に */
div.page-footer a:focus img {
	background-color: #00ff00;
}
div.page-footer a:hover img {
	background-color: #88ff88;
}


/*-----------------------------------------------------------------------------
	Link Bar
-----------------------------------------------------------------------------*/
div.linkbar {
	font-size: x-small;
	text-align: left;
	margin: 0 0 0 0;
	background-color: #eeeeee;
}

div.linkbar a {
	margin: 0 0 0 0.5em;
}


/*-----------------------------------------------------------------------------
	段組なし
-----------------------------------------------------------------------------*/
div.main {
	margin-top: 1em;
	padding: 0.1em 0.5em 0.1em 0.5em;
	line-height: 1.75;
}

div.main h2 {
	margin-top: 0;
	padding: 0.1em 0 0.1em 0.2em;;
}


/*-----------------------------------------------------------------------------
	二段組
-----------------------------------------------------------------------------*/
div.two-column-main {
	border-style: none;
}

div.two-column-main .main  {
	margin: 0 5px 0 185px;
	padding: 0.5em 0 0 0;
}

div.two-column-main h2 {
	margin: 0 0 0.5em 0;
	padding: 0.1em 0 0.1em 0.2em;;
}

div.two-column-main div {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

div.two-column-leftbar {
	float: left;
	width: 180px;
	font-size: small;
	margin: 0;
}


/*-----------------------------------------------------------------------------
	段組
-----------------------------------------------------------------------------*/
div.column-container {
}

div.column-main {
	float: left;
	width: 100%;
	border-style: none;
}

div.column-main .main  {
	margin: 0 185px 0 185px;
	padding: 0;
}

div.column-main .main hr {
	margin: 0 0.5em 0 0.5em;
}

div.column-leftbar {
	float: left;
	width: 180px;
	font-size: small;
	margin: 0 0 0 -100%;
}

div.column-sidebar {
	float: left;
	width: 180px;
	font-size: small;
	margin: 0 0 0 -180px;
}

div.column-bar div {
	padding: 0.5em;
	margin: 0.5em 0 0.5em 0;
	background-color: #eeeeee;
}

div.column-bar div div {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

div.column-bar form {
	margin: 0;
}

div.column-bar br {
	line-height: 0;
}

div.column-bar input, div.column-bar select {
	font-size: x-small;
}

div.column-bar h2 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0.2em;
	font-size: small;
	font-weight: 600;
}

div.column-bar h3 {
	margin: 0.5em 0 0.2em 0;
	padding: 0 0 0 0.2em;
	font-size: small;
	font-weight: 800;
}

div.column-bar h3 a, div.column-bar h3 a:visited {
	color: #444444;
	text-decoration: none;
}

div.column-bar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0.2em;
}

div.column-bar li {
	padding: 0.2em 0 0.2em 0;
}

*.align-center {
	text-align: center;
}

*.align-right {
	text-align: right;
}

div.bottom {
	clear: both;
	padding-top: 0.5em;
}

/*-----------------------------------------------------------------------------
	hns 関連
-----------------------------------------------------------------------------*/
div.hns-day {
	margin: 0.5em;
	line-height: 1.75;
}

/*-- 日付リンク --*/
div.hns-day h2 {
	height: 100%;
	margin-top: 0;
	padding: 4px;
	position: relative;
	line-height: 1.5;
}

span.daytool {
	position: absolute;
	display: block;
	bottom: 0.1em;
	right: 0.1em;
	font-size: 50%;
}

h3 {
	height: 100%;
	padding: 0.1em;
	margin: 0.5em 0 0.5em 0;
	background-color: #e0e0e0;
	position: relative;
	line-height: 1.5;
}

h3.new {
	padding: 0.1em 0.1em 1.1em 0.1em;
}

span.mark {
}

span.title {
	padding: 0 8em 0 0;
}

span.articletool {
	color: #AAAAAA;
	display: block;
	position: absolute;
	text-align: right;
	bottom: 0.1em;
	right: 0.1em;
	font-size: 70%;
}

span.articletool a:link, span.articletool a:visited {
	color: #AAAAAA;
	text-decoration: none;
}

span.catlink {
	color: #AAAAAA;
	display: block;
	position: absolute;
	text-align: left;
	bottom: 0.1em;
	font-size: 70%;
}

span.catlink a:link, span.catlink a:visited {
	color: #AAAAAA;
	text-decoration: none;
}

span.article_navi {
	color: #AAAAAA;
	position: absolute;
	display: block;
	text-align: right;
	bottom: 1.4em;
	right: 0.1em;
	font-size: 70%;
}

span.article_navi a:link, span.article_navi a:visited {
	color: #AAAAAA;
	text-decoration: none;
}

h3.todetail {
	padding: 0.1em;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #ffffff;
	margin-bottom: 32px;
}

h4 {
	padding: 0.1em;
	margin: 0.5em 0 0.5em 0;
	border-style: solid;
	border-width: 1px;
	padding: 0.1em 0 0.1em 0.2em;;
	border-color: #cccccc;
}

div.section {
	margin-left: 1em;
	margin-top: 0;
}

div.section img {
}

div.section img.align_left {
	margin-left: 0em;
	margin-right: 1em;
	float: left;
}

div.section img.align_right {
	margin-left: 1em;
	margin-right: 0em;
	float: right;
}

div.section p, div.section div, div.section blockquote {
	clear: both;
}

div.sub {
	margin-left: 0em;
	margin-top: 0
}

div.footmessage {
	text-align: left;
	margin: 1em 0 1em 1em;
	font-size: smaller;
	border-width: 2px;
	padding: 0.1em 0 0.1em 0.2em;;
	border-color: #444444;
	border-bottom-style: solid;
}

h4.comment {
	margin: 0.2em 0 0.2em 1em;
	color: #008800;
	border-style: solid;
	border-width: 1px;
	border-color: #44cc44;
}

dl.comments {
	line-height: normal;
	margin: 0 0 0.5em 1.5em;
	padding: 0.5em;
	background-color: #ddffdd;
	font-size: smaller;
	border-style: solid;
	border-width: 1px;
	border-color: #44cc44;
}

dl.flat {
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}

dl.flat dt {
	padding: 0;
	margin: 0;
	float: left;
	width: 10em;
	font-weight: bold;
}

dl.flat dd {
	margin: 0;
	padding: 0 0 0 10em;
}

dl.flat dd.indent {
	margin: 0;
	padding: 0 0 0 11em;
}

dl.flat hr {
	margin: 0.1em 0 0.1em -10em;
}


div.mixi {
	border-width: 1px;
	border-color: #fbb14e;
	background-color: #fee7c6;
	border-style: solid;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
	line-height: 1.5;
}

div.mixi div {
	clear: none;
}

div.boardlink {
	margin-bottom: 32px;
	text-align: right;
	font-size: smaller;
}

div.uservar {
	font-weight: bold;
}

div.list {
	margin-left: 1.5em
}

div.fn {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	border-style: dotted;
	border-width: 1px;
	font-size: smaller;
	line-height: normal;
}

div.url {
	margin-bottom: 0
}

blockquote {
	border-width: 1px;
	border-color: #cccc44;
	background-color: #ffffcc;
	border-style: solid;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
	line-height: 1.5;
}

pre { 
	white-space:  pre;
}

span.bold-red, div.bold-red {
	color: red;
	font-weight: bold;
}

span.newmark {
	color: red;
	font-size: smaller;
}

span.date {
	font-size: smaller;
}

a.linkme {
	color: #0044aa;
	text-decoration: none;
	margin-right: 0.5em;
}

div.map2500 {
	background-color: #f5f5f5;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	margin: 0.5em;
	padding: 0.5em;
	line-height: normal;
}

div.map2500 div {
	clear: none;
}

div.map2500 br {
	line-height: 0;
}

div.map2500-link {
	font-size: small;
	text-align: right;
	line-height: normal;
}

div.dayad {
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 2em;
}

div.headlink-ad {
	margin-top: 1em;
	margin-bottom: 1em;
}


/*-----------------------------------------------------------------------------
	AWS
-----------------------------------------------------------------------------*/
div.aws {
	background-color: #f5f5f5;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	margin: 0.5em;
	padding: 0.5em;
	font-size: small;
	line-height: normal;
}

div.aws img {
	float: right;
	border-style: none;
}

div.aws-title {
	font-weight: bold;
	font-size: medium;
	border-style: none;
}

div.aws-list {
	margin: 0.5em;
}

div.aws div {
	clear: none;
}

div.aws div.aws-footer {
	clear: both;
}

div.aws-footer {
	clear: both;
	margin: 0.5em;
	font-size: x-small;
}


/*-----------------------------------------------------------------------------
	References
-----------------------------------------------------------------------------*/
h3.References {
	background-color: #FFD700;
}

ul.ReferencesList {
	padding-left: 0px;
	font-size: smaller;
}

ul.ReferencesList li {
	line-height: 1.0;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #D2DADA;
	list-style-type: none;
}

ul.ReferencesList li.ref-linkto {
	background: url(images/ico_diary_link_to.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-linkfrom {
	background: url(images/ico_diary_link_from.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-linkother {
	background: url(images/ico_other_link_to.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-catkeyword {
	background: url(images/ico_diary_link_keycat.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-keyword {
	background: url(images/ico_diary_link_keyword.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-catgeta {
	background: url(images/ico_diary_link_keycat.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-geta {
	background: url(images/ico_diary_link_keyword.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-history {
	background: url(images/ico_diary_link_history.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

ul.ReferencesList li.ref-amazonomikuji {
	background: url(images/ico_keyword_link.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}
li.ref-amazonomikuji a {
	color: #333333;
	cursor: pointer;
}

ul.ReferencesList li a:link, ul.ReferencesList li a:visited {
	text-decoration: none;
}

ul.ReferencesList span.ref-date {
	padding-left: 1em;
	font-size: smaller;
}

div.article_ad {
	margin-left: 1em;
	margin-top: 0;
	margin-bottom: 5em;
}


/*-----------------------------------------------------------------------------
	twitter
-----------------------------------------------------------------------------*/
h3.twitterNew {
	background-color: #44DDFF;
}

ul.twitterList {
	padding-left: 0px;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #D2DADA;
}

li.twitterEntry {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #D2DADA;
	list-style-type: none;
}

li.twitterEntry a:link, li.twitterEntry a:visited {
	text-decoration: none;
}

span.twitterText {
	
}

span.twitterText a:link, span.twitterText a:visited {
	color: #2FC2EF;
}

span.twitterMeta {
	color: #999999;
	display: block;
	font-size: smaller;
}

span.twitterMeta a:link {
	color: #999999;
}


/*-----------------------------------------------------------------------------
	ツールチップ
-----------------------------------------------------------------------------*/
.tt-title {
	color: #333333;
}

.tt-date {
	color: #333333;
	padding-left: 1em;
	font-size: smaller;
}

.tt-score {
	color: #333333;
	padding-left: 1em;
	font-size: smaller;
}


/*-----------------------------------------------------------------------------
	その他
-----------------------------------------------------------------------------*/
.inline-index {
	font-weight: bold;
}