@charset "utf-8";
/*
License: GPL
Author: TADA Tadashi
Modified: kdmsnr
*/

/* reset */
/*body,div,dl,dt,dd,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {
    padding: 0;
    margin: 0;
}
*/

/*
ページ全体の基本的な設定。背景色や文字色など
*/
body {
	margin: auto;
	max-width: 900px;
    font-family: 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*
リンク文字列に関する設定
*/
a:link {
	text-decoration: none;
}

a:visited {
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	background-color: #FFFFCC;
}

/*
ページトップにある操作ボタンの並ぶ行の設定
*/
div.adminmenu {
	text-align: right;
	font-size: 90%;
}

/*
ページトップにある操作ボタン自体の設定
*/
span.adminmenu {
	color: #000;
	padding: 2px;
	background:#fff url(../mixi-pink/menu.gif) repeat-x;
}

/*
日記タイトルの設定
*/
h1 {
	/*
	border-bottom: 3px double #cccccc;
	background-image: url(/kdmsnr/img/bannerm.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 33px; 
	line-height: 33px;
	padding-left: 100px;
	padding-bottom: 0px;*/
}

/*
カレンダーの設定
*/
div.calendar {
	text-align:right;
	color: #000;
	padding: 2px;
	line-height: 110%;
	font-size: 90%;
}

div.calendar div.year {
}

/*
1日の日記全体を囲む枠の設定
*/
div.day {
	padding-bottom: 0.1em;
	margin-bottom: 2em;
}

/*
タイトル行全体の設定
*/
h2 {
	height: 30px;
	border: 1px solid #ccc;
	background-image: url(./gray_gra.gif);
	margin: 0px;
	font-size: 1.1em;
	clear:both;
}

/*
日付の設定
*/
h2 span.date {
	text-decoration: none;
	margin: 3px;
}

/*
タイトルの設定
*/
h2 span.title {
	color:#666666;
}

/*
タイトルを除いた1日の日記本文全体の設定
*/
div.body {
	margin-bottom: 3px;
}


/*
サブタイトルを含むセクションの設定
*/
div.section {
	margin-top: 3px;
	margin-bottom: 20px;
	margin-left: 1em;
}

/*
サブタイトルの設定
*/
div.section h3 {
	margin: 0px;
	padding-top: 5px;
/*
	padding-left: 20px;
	background-image: url(./ruby.png);
	background-position: bottom left;
	background-repeat: no-repeat;
*/
}

div.section h4 {
	margin-left: 15px;
	clear: both;
}

h5 {
   margin-left: 30px;
}

strong {
	font-size: 120%;
}

em {
   background-color: #FCC;
}


/*
イメージアンカーの設定
ただしDefaultテーマではイメージアンカーは使っていないのでコメントにしてある
指定のコツは以下の通り
  - span.sanchorはセクションアンカー、span.canchorはツッコミアンカー
  - background-imageにアンカー画像を指定
  - paddingのtop(最初)とright(2番目)に画像の縦横サイズを指定
  - colorに背景色と同じ色を指定(文字を見えなくするため)
*/

div.day span.sanchor {
	/*
	background-image: url(./kill.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 32px 32px 0px 0px;
	margin-bottom:0px;
	color: #fff;
	background-color: transparent;
	font-size: 1px;
	font-style:italic
	*/
	font-size:75%;
}
/*
div.day span.canchor {
	background-image: url(default_canchor.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 16px 0px 0px;
	color: #fff;
	background-color: transparent;
	font-size: 1px;
}
*/

/*
日記の本文(段落)の設定
*/
div.section p {
	margin: 0.5em 1em 0.7em 0em;
	line-height: 160%;
}

/*
ツッコミ/フォーム/リンク元のキャプション設定
*/
div.caption {
	font-size: 90%;
	border-style: solid;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	margin: 0.5em;
}

/*
ツッコミ欄全体の設定
*/
div.comment {
	color: #000;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	padding: 2px;
	padding-bottom: 1px;
	margin-top: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}

/*
ツッコミ省略版本文
*/
div.commentshort {
	font-size: 83%;
	margin-top: 0.5em;
	margin-left: 0.5em;
}
span.commentator {
	font-weight: bold;
}
div.commentshort p {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	line-height: 120%;
}

/*
ツッコミ本体
*/
div.commentbody {
	font-size: 90%;
	margin: 0.5em;
	line-height: 120%;
}

/*
ツッコミした人の情報
*/
div.commentator {
	border-style: solid;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	line-height: 150%;
}

/*
ツッコミ本文
*/
div.commentbody p {
	margin: 0.5em;
	margin-left: 1em;
}

/*
フォーム全体を囲む枠の設定
*/
div.form {
/*	background-color: #fff;*/
	color: #000;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	padding: 2px;
	margin: 0.5em 1em 0.5em 1em;
	clear: both;
}

/*
フォームの設定
*/
div.form form {
	margin: 0em 0em 0em 2em;
}

div.form form.comment {
	font-size: 90%;
}

div.field {
	display: inline;
	margin-right: 2em;
}
form.comment input {
	background-color: #eef;
	color: #000;
	margin-left: 1em;
}

div.textarea {
	display: block;
	vertical-align: top;
}
form.comment textarea {
	display: block;
	background-color: #eef;
	color: #000;
	margin-left: 3em;
	width: 30em;
	height: 5em;
}

div.button {
	display: block;
	margin-left: 3em;
}

/*
リンク元リスト(Month/Latestモード)の設定
*/
div.referer {
	text-align: right;
	font-size: 90%;
	color: #000000;
	padding: 2px;
	padding-bottom: 1px;
	margin: 0.5em 1em 0em 1em;
}

/*
リンク元リスト(Dayモード)の設定
*/
div.refererlist {
	color: #000;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	padding: 2px;
	padding-bottom: 1px;
	margin-top: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}

/*
リンク元リスト一覧の設定
*/
div.refererlist ul {
	font-size: 90%;
	margin: 0.5em 1em 0.5em 2em;
	line-height: 120%;
}

/*
罫線の設定
*/
hr {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #888888;
        clear:both;
}

/*
日々の日記のセパレータに使われる罫線の設定
*/
hr.sep {
	display: none;
}

/*
フッタの設定
*/
div.footer {
	   clear: both;
	font-size: 90%;
	text-align: right;
	margin-right: 200px;
}

/*
更新フォーム
*/
form.update {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
form.update input, form.update textarea, form.commentstat input {
	background-color: #eef;
	color: #000;
}

form.update span.field {
	display: inline;
	margin-left: 0em;
	margin-right: 0.5em;
}

form.update div.field.title {
	display: block;
	margin-top: 1em;
}
form.update div.field.title input {
	margin-left: 0.5em;
}

form.update div.textarea {
	display: block;
	margin-top: 1em;
}
form.update textarea {
	display: block;
	margin-left: 3em;
	margin-bottom: 1em;
	width: 600px;
	height: 25em;
}

form.update span.checkbox.hidediary {
	margin-left: 1em;
}

/*
ツッコミ状態変更フォーム
*/
div.comment form {
	margin-top: 0em;
}

/*
エラーメッセージ表示の設定
*/
p.message {
	text-align: center;
	font-size: large;
	background-color: #d00;
	color: #fff;
	padding: 8px;
}

/*
整形済みテキスト(preタグ)の設定
*/
pre {
	font-family:monospace;
	background-color: #eee;
	color: #222222;/*#00FF00;*/


	margin-right: 2em;

	padding: 10px 8px 10px 8px;
	border: #cccccc;
	border-style: double;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 5px;

white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
}

/*
引用(blockquoteタグ)の設定
*/
div.body blockquote {
        color: #000;
	border: 2px solid #777;
	border-width: 3px 0px 3px 0px;
	margin-right: 50px;
	background: #ffe url(quoleft.png) left top no-repeat;
        clear: both;
}

div.body blockquote p {
	padding: 0 48px 0px 48px;
}

div.body blockquote p:first-child {
	background: transparent url(quoright.png) right top no-repeat;
}

/*
箇条書きの設定
*/
div.section ul{
	margin-left: 15px;
	margin-right: 3em;
	padding-left: 15px;
	line-height: 150%;
}

div.section ol {
	margin-left: 45px;/*	margin-left: 4em;*/
	margin-right: 3em;
	padding-left:15px;
	line-height: 140%;
}

/*
項目リストの設定
*/
div.section dl {
	margin-left: 3em;
}
div.section dt {
	margin-bottom: 0.2em;
	margin-right: 3em;
	font-weight: bold;
	border-bottom:#cccccc solid 1px;
}
div.section dd {
	margin: 0em 3em 0.5em 1.5em;
}

/*
テーブルの設定
*/
div.section table {
	/*margin: 0.5em 1em 0.5em 5em;*/
	border-style: solid;
	border-width: 2px;
	border-color: #cccccc;
	border-collapse: collapse;
}
div.section th, div.section td {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
}

div.section th {
   background-color: #ffd;
}



/*
 いくつかのメジャーなプラグイン対応
 */

/* ------------ calendar2 -------------*/
table.calendar {
	font-size: small;
	line-height: 110%;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	width : 120px ;
	margin-right : auto;
	margin-left  : auto;
}

table.calendar td {
	padding:0 2px 0 2px;
	line-height: 1em;

}

td.calendar-current-month {
	text-align: center;
	line-height: 1.2em;
}

td.calendar-next-month{
	text-align: right;
	color: #666;
}

td.calendar-sunday {
	color: red;
	background-color: #fbb;
}

td.calendar-saturday {
	color: blue;
	background-color: #bbf;
}

td.calendar-weekday {
	background-color: #ddd;
}

td.calendar-day {
	text-align: right;
	color: #666;
}

/* recent_list */
p.recentitem {
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.recentsubtitles {
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 1em;
}

/* footnote */
div.body span.footnote {
	vertical-align: super;
	font-size: 0.7em;
}

div.footnote {
	font-size: 90%;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 0px 0px 0px;
	padding: 0em;
	margin-left: 6em;
	clear:both;
}

p.footnote {
	margin: 0.5em;
	padding: 0em;
}

/* amazon plugin */
img.left {
	border-width: 1px;
	border-color: #008;
	float: left;
	margin: 0.5em;
}

img.right {
	border-width: 1px;
	border-color: #008;
	float: right;
	margin: 0.5em;
}

a.amazon-detail {
  display: block;
  padding: 5px;
  border: 1px solid #999;
}

div.section, div.comment {
	clear: both;
}

/*
サイドバー関連
*/
div.main {
/*
	margin-left: 20px;
	margin-right: 195px;
	padding-right: 20px;
*/
width: 710px;
/*max-width: 710px;*/
float: left;
padding-right: 1em;
}

div.sidebar {
	color: #666666;

	background-image: url(./sideback_200.png);
	background-repeat:repeat-y;
	background-position: right top;

	overflow-x: auto;	     
	overflow-y: auto;

/*
	position: absolute;
	top: 0px;
	right: 0px;
	width: 195px;

	padding-top: 10px;
	border-left: 1px solid #ccc;
*/
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
white-space: normal;
}


div.sidebar ul,ol{
	margin-left: 0px;
	padding-left: 0px;
	line-height: 135%;
/*	margin-left: 4px;*/
}

div.sidebar ul li{
	list-style-type: none;
}

div.recentsubtitles {
	margin:0px 0px 0px 0px;
}

div.sidebar > h4 {
	line-height: 150%;
	text-align: center;
	margin: 5px 0px 5px 0px;
	padding: 2px 2px;
	background-image: url(./gray_gra.gif);
	background-color: #BBB;/*#eeeeee;*/

	border-style: solid;
	border-width: 0px/*2px;*/

/*	border-top-color: #cccccc;
	border-left-color: #cccccc;
	border-bottom-color: #666666;
	border-right-color: #666666;*/
}

/*
bq
*/
p.source {
   margin-top: 0.3em;
   text-align: right;
   font-size: 90%;
}

.recentsubtitles {
	line-height: 125%;
}

.recentitem {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 200px;
	text-align: center;
}

/*
ToDo
*/
div.todo {
	list-style-type: none;
}

div.todo-title p{
/*
	color: #666666;
	line-height: 150%;
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 2px 2px;

	background-color: #eeeeee;

	border-style: solid;
	border-width: 2px;

	border-top-color: #cccccc;
	border-left-color: #cccccc;
	border-bottom-color: #666666;
	border-right-color: #666666;

	font-weight: bold;
*/
}

div.todo-body {
	font-size: 80%;
	margin:10px;
	list-style-type: none;
}

span.todo-priority {
	font-weight: bold;	
}

span.todo-too-late{
	color:red;
}

/*	=================	*/

div.search {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.myhead{
	text-align: right;
}

div.weather{
	text-align: right;
	font-size: 75%;
	line-height: 100%;
}

div.banner{
	text-align: center;
	text-decoration: none;
	font-size:80%;
}
div.banner ul{
	list-style-type: none;
}

/* google */
div.body-enter {
	text-align:right;
	font-size:70%;
}

/* DEL */
del {
	background-color:#cccccc;
}

/* printable page ======================================================  */
@media print {
	div.adminmenu,div.footer,div.form,div.sidebar,div.refererlist,div.referer{display:none;}	.nodisp { display: none; }
	div.day,div.body{border:none;}

	div.main{margin-left: 0%;}
	
	body,p,dl,ul,ol,table,td,tr,blockquote{
		font-size:      10pt;
		line-height:    130%;
		font-family:    細明朝体,"ＭＳ Ｐ明朝",serif;
		color:          #000000;
	}
	h1,h2,h3,h4,th{
		line-height:150%;
		font-weight:    normal;
		font-family:    Osaka,"ＭＳ Ｐゴシック",sans-serif;
		color:          #000000;
	}
	h1{ text-align: center;}
	h2,h3 { font-size: medium; }
	em,strong{
		font-family:    "ＭＳ ゴシック",osaka,sans-serif;
		font-weight:    bold;
	}
	a,a:link,a:visited{
		color:          #000000;
		text-decoration: none;
	}
}
/* opera show */
@media projection {
	div.adminmenu { display : none; }
	div.header    { display : none; }
	div.comment   { display : none; }
	div.footer    { display : none; }
	div.main {
		margin-left: 1em;
		margin-right: 1em;
	}
	div.sidebar { display: none; }
	.nodisp     { display: none; }
	body {
		font : 28px Gill Sans, sans-serif;
	}
	h1 {
		font : 64px Gill Sans, sans-serif;
		page-break-before : always;
	}
	h2 {
	        page-break-before : always;
	}
	h2 span.title {
	        font : 38px Sans, sans-serif;
	        page-break-before : always;
	}
	h3  { font : 30px Sans, sans-serif; }
	pre { font : 20px Sans, sans-serif; }
	ul  { font : 28px Sans, sans-serif; }
	
	div.projection { display : block }
	div.screen     { display : none }
}

/* blogmap */
span.blogmap {
  font-size:small;
}

/*関連*/
div.body-enter {
	clear: both;
}