@charset "euc-jp";
/*
Title: clover-rightseide
Revision: 
Author: tutumix
Access: shunsuke@tutumix.org
License: GPL
Comment: ただただしさん作のクローバーのテーマを改造したもの。

*/


/*****************************************************************
 全体構成
 *****************************************************************/

body {
	background-color: #fff;
	color: #000;
	padding: 5px;
	font-family:Arial,Verdana,Geneva,Sans-serif;
}


DIV.main {
	margin: 0;
	FLOAT: left;
	width: 78%;
}
DIV.main2 {
	margin: 0;
	padding: 0 10px 0 0; /* DIV.mainの中で設定するとうまくいかない */
}

DIV.sidebar {
	margin: 0;
	FLOAT: left;
	width: 22%;
}

DIV.footer {
width:100%;clear:both;background-color:#FFFACD;border-top:1px solid #fff;text-align:center; padding:1em 0;
}

/* diary title */

H1 {
	color: #3faf43;
	background-color: transparent;
	background-image: url(clover_h1.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 64px;
	line-height: 64px;
	text-align: right;
	padding-right: 64px;
	padding-bottom: 5px;
}

H1 img {
	vertical-align: middle;
	border-width: 0px;
}

DIV.header {
	font-size: medium;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 10px;
}

/*****************************************************************
 day
 *****************************************************************/

DIV.day {
	background-color: transparent;
	color: #000;
	margin: 0 0 15px 0;
}

/* day title (in DIV.day) */
h2 {
	font-size: medium;
	border-style: solid;
	border-color: #3faf43;
	border-width: 0px 0px 1px 0px;
}

div.day h2 {
	font-size: medium;
	border-style: solid;
	border-color: #3faf43;
	border-width: 0px 0px 1px 0px;
	padding: 4px 0 0 8px;
	margin: 0;
}

div.day span.sanchor {
	background-image: url(clover_anchor.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 16px 0px 0px;
	color: #fff;
	background-color: transparent;
	font-size: 1px;
}

div.day span.canchor {
	background-image: url(clover_anchor2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 16px 0px 0px;
	color: #cfd;
	background-color: transparent;
	font-size: 1px;
}


/****************************************************************
 section
 ****************************************************************/
/* all section */

div.body {
        background-color: #fff;
	color: #000;
	padding: 1px 1em 1em 1em;
}


div.body h3 {
	font-size: medium;
	border-style: dashed;
	border-color: #3faf43;
	border-width: 0px 0px 1px 0px;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	padding: 4px;
}

div.section {
	clear: both;  /* 回り込みなし */
}

DIV.body P {
	line-height: 140%;
	margin: 0.5em;
	word-wrap: break-word;      /* URL折り返し対策 */
}

/* 本文中の引用 */
DIV.body PRE, DIV.section BLOCKQUOTE {
	background-color: palegreen;
	color:#000;
	font-size: 90%;
	margin: 1em 1em 1em 2em;
	padding: 5px 10px 5px 10px;
	border: solid 1px;
	border-color: yellowgreen;
}

/* 本文中のPRE（折り返し設定） */
DIV.body PRE {
	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+ */
}

div.body blockquote p {
	margin-left: 0em;
}

/* 本文中の箇条書き */
DIV.body UL, DIV.section OL {
	line-height: 120%;
}
DIV.body UL UL, DIV.section OL OL {
	margin-bottom: 0.2em;
}

div.body li {
	margin-left: 2em;
	margin-bottom: 0.2em;
}

/* 本文中の定義語リスト（全然使ってない） */
div.body dl {
	margin-left: 2em;
}

div.body dt {
	border-style: solid;
	border-color: #cfd;
	border-width: 0px 0px 1px 0px;
	margin-top: 0.7em;
}

div.body dd {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	margin-left: 2em;
}

/* 日記末尾の脚注表示 (in DIV.body) */
/* footnote */
div.body span.footnote {
	vertical-align: super;
	font-size: 80%;
}

div.footnote {
	border-style: solid;
	border-color: #3faf43;
	border-width: 1px 0px 0px 0px;
	margin-left: 3em;
	font-size: 90%;
}


/* コメント欄 (in DIV.day) */
div.comment {
	border-style: solid;
	border-color: #3faf43;
	border-width: 1px;
	color: #000;
	background-color: #cfd;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	padding: 4px;
	font-size: 90%;
}

div.form div.comment {
	margin-right: 1em;
	color: #000;
	background-color: #fff;
}

div.comment p {
	margin-top: 0px;
	margin-bottom: 0.5em;
}

div.comment p.commenttitle {
	border-style: dashed;
	border-color: #3faf43;
	border-width: 0px 0px 1px 0px;
}

/*
ツッコミ省略版本文 (in DIV.comment）
*/
div.commentshort {
        font-size: 90%;
        margin-left: 0.5em;
	/* 「本日のツッコミ」の下線 */
}

span.commentator {
        font-weight: bold;
}

div.commentshort p {
        margin-top: 0.5em;
        margin-bottom: 0.2em;
        line-height: 1.2em;
}

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

/*
ツッコミした人の情報
*/
div.commentator {
        line-height: 1.5em;
}

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




div.form {
	border-style: solid;
	border-color: #3faf43;
	border-width: 1px;
	color: #000;
	background-color: #cfd;
}

div.day div.form {
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: 2em;
	font-size: 90%;
}


div.form p {
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding-left: 4px;
}

div.form textarea {
	margin-left: 2em;
}


/*
フォームの設定
*/

div.form form {
	margin: 0;
	padding: 4px 4px 4px 4px;
}

div.form div.caption {
        font-size: 90%;
        margin: 0.5em;
}

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

div.field {
        display: inline;
        margin-right: 2em;
}

form.comment input {
        margin-left: 1em;
}

div.textarea {
        display: block;
        vertical-align: top;
}

form.comment textarea {
        display: block;
        margin-left: 3em;
        width: 30em;
        height: 5em;
}

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

/*
更新フォーム
*/
form.update {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
}

form.update input, form.update textarea, form.commentstat input {
}

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: 35em;
        height: 15em;
}

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

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






/* リンク元・Trackback数表示部分 (in DIV.day) */
/* リンク元リスト(Month/Latestモード) */
div.referer {
	text-align: right;
	font-size: 80%;
	margin-top: 0px;
}

/* リンク元リスト一覧 */
div.refererlist {
	border-style: solid;
	color: #000;
	border-color: #3faf43;
	border-width: 1px;
	background-color: #cfd;
	margin-top: 0px;
	margin-left: 2em;
	margin-bottom: 0.5em;
	font-size: 90%;
}

div.refererlist ul {
	margin-left: 2em;
}

div.form div.refererlist {
	margin-right: 1em;
	color: #000;
	background-color: #fff;
}

div.refererlist p, div.refererlist ul {
	margin-top: 0px;
	margin-bottom: 0em;
	padding: 4px 4px 4px 4px;
}



/*****************************************************************
 サイドバー関連
 *****************************************************************/


div.sidebar p {
	line-height: 120%;
	text-align: center;
	border-color:#840;
	border: solid 1px;
	background-color: #008000;
	font-size: 90%;
}

DIV.sidebar P.title {
	background-color: #edd;
	color: #840;
	font-size: 90%;
	margin-top: 0;
	margin-bottom: 4px;
	padding: 1px;
}

DIV.sidebar DIV.contents {
	margin-bottom: 6px;
}
/* このサイトについて */
DIV.sidebar DIV.text {
	font-size: 80%;
	margin: 0 0.5em 0.5em 0.5em;
	padding-bottom: 2px;
}

DIV.sidebar DIV.border-bottom {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: solid 1px #840;
	border-style: dashed;
}

DIV.sidebar DIV.icons {
	font-size: 80%;
	text-align: center;
	margin: 4px 0px 4px 0px;
}

DIV.sidebar DIV.icons img {
	vertical-align: middle;
}

/* カテゴリ */
DIV.sidebar DIV.category {
	font-size: 80%;
	margin: 0 0.5em 0.5em 0.5em;
}

DIV.sidebar UL {
	margin-bottom: 0.3em;
}


/* 画像を中央に表示 */
.center {
	text-align: center;
}


/*****************************************************************
 navigator
 *****************************************************************/
DIV.navi {
	font-size: 90%;
	text-align: right;
}
DIV.adminnavi {
	margin: 0 22% 10px 0;
	padding-right: 10px;
}
DIV.adminmenu {
	font-size: 80%;
	text-align: right;
	margin-bottom: 10px;
}

/* navi のリンク */
span.adminmenu {
	border-color: #048;
	background-color: transparent;
	
}


DIV.maindesc {
	font-size: 90%;
	text-align: left;
	padding: 10px;
}

/*
背景色
*/

/* ページ全体の背景色 */
table.calendar td.calendar-prev-month,table.calendar td.calendar-current-month, table.calendar td.calendar-next-month,table.calendar td.calendar-day{
	background-color: #F1EDEA;
}


/* 日記本文やコメント部分の背景色 */
table.calendar,.calendar-day a,.calendar-popup{
	background-color: #fff;
}


/* フォーム入力エリアの背景色 */
form.comment input,form.comment textarea {
	background-color: #F1EAE7;
}

/*
文字色
*/

/* 日記本文の文字色 */
form.comment input,form.comment textarea,div.calendar,table.calendar,.calendar-popup,.calendar-sunday,.calendar-saturday,.calendar-weekday{
	color: #000;
}


/*
罫線色
*/

/* 濃い色の罫線 */
hr,img.left,img.right,table.calendar,.calendar-popup,.calendar-todo{
	border-color:#048;
}

/* リンクの文字色,文字列に関する設定 */

a:link {
	color: #3faf43;
	background-color: transparent;
	text-decoration: none;
}

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


/*
罫線の設定
*/

hr {
	color: #3faf43;
	background-color: transparent;
	margin-top: 0.5em;
}

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

/*
フッタの設定
*/
div.footer {
	text-align: right;
	font-size: 80%;
	margin: 0.5em 0 0.5em 0;
}


/*
更新フォーム
*/

form div.body {
	border-style: solid;
	border-color: #3faf43;
	border-width: 1px;
	color: #000;
	background-color: #cfd;
	padding: 0px 4px 4px 4px;
}


/*****************************************************************
 for plugins
 *****************************************************************/

/* calendar */
div.calendar {
	text-align: right;
	letter-spacing: 0em;
	font-size: 80%;
}

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

/* calendar2.rb */
TABLE.calendar {
	font-size: 12px;
	line-height: 110%;
	background-color: transparent;
	margin-bottom: 8px;
}
TABLE.calendar TR TD {
	color: #cbb;
	text-align: center;
	line-height: 100%;
	width: 22px;
}
/* これのために、calendar2.rbを改造（TD -> TH） */
TABLE.calendar TR TH {
	color: #cbb;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 100%;
}
TABLE.calendar TR TD.calendar-sunday {
	background-color: #fbb;
	color: red;
}
TABLE.calendar TR TD.calendar-saturday {
	background-color: #bbf;
	color: blue;
}
TABLE.calendar TR TD.calendar-weekday {
	background-color: #C0C0C0;
	color: #222;
}


/* amazon plugin */
img.amazon {
	margin: 5px;
	padding: 0;
	float: right;
}

img.left {
	border-width: 1px;
	float: left;
	margin: 0.5em;
}

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

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

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

/* recent_comment.rb */
UL.recent-comment {
	font-size: 80%;
	margin-bottom: 0.5em;
}

UL.recent-trackback {
	font-size: 80%;
	margin-bottom: 0.5em;
}

/* recent_trackback3.rb */
/*
div.recent-trackback3 {
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: 1em;
}

/* amazon plugin */
img.left, img.photo {
	margin-top: 0.5em;
	border-width: 1px;
	border-color: #3faf43;
	float: left;
}

img.right, img.amazon {
	margin-top: 0.5em;
	border-width: 1px;
	border-color: #3faf43;
	float: right;
}

/*
画像表示
*/
A IMG {
        border-style: none;
}

/* other sidebar ul */
ul.sidebar {
	font-size: 80%;
	margin-bottom: 0.5em;
}

/* counter.rb */
DIV.counter {
	font-size: 70%;
	text-align: center;
	margin: 4px 0px 4px 0px;
}