/* Color1 #FFFFCC 黄色(日記など、テキストの背景色) */
/* Color2 #CCFF99 薄い緑色(基本の背景色) */
/* Color3 #66EE99 緑色(メニュータブ、引用など)*/
/* Color4 #113311 濃い緑色(文字、線など) */


html {
	scrollbar-face-color: #66EE99;
	scrollbar-highlight-color: #CCFF99;
	scrollbar-shadow-color: #113311;
	scrollbar-arrow-color: #113311;
}

body {
  text-align:center;
	line-height:1.4em;
	font-size:90%;
}


font {
	color:#113311;
}

/* リンク用テキスト */
a {
	color:#2A3E08;
	text-decoration:underline; 
}
a:visited {
	color:#113311;
	text-decoration:underline; 
}
a:hover {
	color:#FF8080;
	text-decoration:underline; 
}


/* テーブルタグ */
table {
	border : 1px solid #113311;
	border-collapse:collapse;
}

table tr th {
	font-size:85%;
	text-align:center;
	border : 1px solid #113311;
	border-collapse: collapse;
}

table tr td {
	font-size:85%;
	border : 1px solid #113311;
	border-collapse: collapse;
}

/* 引用 */
blockquote {
	border : 1px solid #113311;
	background:#66EE99;
	padding:5px;
}

/* 横罫線 */
hr {
	 height: 2px;
	 color: #113311;
}

/* 箇条書き */
li {
	layout-grid-line : 10px;
	line-height:1em;
}

/* 見出し */
h1 {
	text-align:center;
	padding:5px;
	color:#113311;
	margin-top:0px;
}

h3 {
	color:#113311;
	padding:2px;
	border-left  : 20px solid #113311;
	border-top   : 0px solid #113311;
	border-bottom: 1px solid #113311;
	border-right : 0px solid #113311;
}

p {
	text-indent:1em;
}


/* 以下サイトレイアウト用ID */

/* 全体 */
#container {
	background : #CCFF99;
	border : 2px solid #113311;
	border-collapse: collapse;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	width:970px;
}

/* タイトルバナー */
#banner {
	text-align:left;
	border-width: 0px;

	background-image:url("http://innocent-dreamer.net/material/banner_back.jpg");
	background-repeat:no-repeat;
	background-position:100% 0%;
	padding:10px;

}

	.h1 {
		text-align:left;
		color:#113311;
		margin-top:0px;
	}

	img.titlelogo {
		height:80px;
		border-width:0px;
	}

	/* 作成日 */
	#since {
		text-align:right;
		padding:5px;
		font-color:#FFFFFF;
	}


/* ナビゲーション部 */
#navigation {
	text-align:left;
	padding:0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

	table.mainmenu{
			width:100%;
			border-collapse:collapse;
			background:#66EE99;
			border-top-width:0px;
			border-bottom-width:0px;
			border-left-width:0px;
			border-right-width:0px;
		}

	table.mainmenu tbody tr td {
			font-size:80%;
			vertical-align:middle;
			text-align:center;

			border-top-style:outset;
			border-top-width:5px;
			border-top-color:66EE99;

			border-left-style:outset;
			border-left-width:5px;
			border-left-color:66EE99;

			border-right-style:outset;
			border-right-width:5px;
			border-right-color:66EE99;

			border-bottom-width:0px;
			padding:5px;
		}

	#currenttab {
			background:#CCFF99;
			font-size:85%;
			font-weight:bold;
			vertical-align:middle;
			text-align:center;

			border-top-style:outset;
			border-top-width:5px;
			border-top-color:66EE99;

			border-left-style:outset;
			border-left-width:5px;
			border-left-color:66EE99;

			border-right-style:outset;
			border-right-width:5px;
			border-right-color:66EE99;

			border-bottom-width:0px;
			padding:5px;
		}


/* 左サイドバー部 */
#left {
	width:206px;
	height:3800px;
	float : left;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
	padding-left:5px;
	border-top-width:0px;
}

	.sidebar {
		text-align:center;
		vertical-align:top;
	}


/* 中央コンテンツ部 */
#center {
	text-align:center;
	width:570px;
	height:3800px;

	vertical-align:top;

	border-top-width:0px;

	border-right-width:6px;
	border-right-color:#66EE99;
	border-right-style:inset;

	border-left-style:outset;
	border-left-width:6px;
	border-left-color:#66EE99;

	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	padding-left:5px;

	float : left;

}

	/* 日記など */
	div.day {
		width : 550px;
		border : solid 1px #113311;
		background:#FFFFCC;
		text-align : left;
		padding:0px;
	}

		div.date {
			border-bottom : solid 1px #113311;
			text-align:left;
			padding:5px;
			background-color:#66EE99;
		}

		div.section {
			text-align:left;
			padding:5px;
		}

	/* 旧日記との互換用 */
	td.date {
		width:570px;
		text-align:center;
		background:#EBE3E8;
		font-size:75%;
	}

	td.diarybody {
		width:570px;
		text-align:left;
		background:#EBE3E8;
		font-size:75%;
	}

/* 右サイドバー部 */
#right {
	height:3800px;

}

	.sidebar {
		text-align:center;
		vertical-align:top;

		border-top-width:0px;

		padding-top:10px;
		padding-bottom:10px;
		padding-right:3px;
		padding-left:3px;

		float : left;

	}

/* フッタ部 */
#footer {
	text-align : center;
	border-top-layout:solid;
	border-top-width:10px;
	border-top-color:#113311;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	clear : both;
}


/* Amazonアソシエイト部 */
table.amazonB {
	width:530px;
}

table.amazonB tr td.RightCell {
	font-size:85%;
	padding:5px;
	background-color:#66EE99;
	border : 1px solid #113311;
	border-collapse: collapse;
}

table.amazonB tr td.Image {
	font-size:85%;
	text-align:center;
	padding:5px;
	background-color:#66EE99;
	border : 1px solid #113311;
	border-collapse: collapse;
}

span.title {
	font-weight:bold;
}
span.price {
	font-weight:bold;
}

span.rating {
	font-weight:bold;
}


table.item {
	background-color:#FFFFCC;
	width:145px;
}

	table.item tr td {
		text-align:center;
	}


div.contents {
	border : solid 1px #113311;
	background:#FFFFCC;
	text-align : left;
	padding:5px;
	font-size:85%;
}

div.contents-center {
	border : solid 1px #113311;
	background:#FFFFCC;
	text-align : center;
	padding:5px;
	font-size:85%;
}


.h3 {
	text-align:center;
}

.h4 {
	text-align:center;
}

.p {
	text-align:center;
}

.div {
	text-align:center;
}

/* 日記 */
table.calendar {
	border:solid 1px #113311;
	border-collapse: collapse;
}

table.calendar tr td {
	border:solid 1px #113311;
	border-collapse: collapse;
	font-size:80%
	padding 3px;
	background:#FFFFCC;
	text-align:center;
}




		table.list {
			border:solid 3px #113311; border-collapse: collapse;		
		}
		

		td.gappi {
			text-align:"right";
			vertical-align:"middle";
			font-size:75%;
			border: solid 1px #113311
		}
		
		td.category {
			text-align:"center";
			vertical-align:"middle";
			font-size:75%;
			border: solid 1px #113311
		}

		td.tekiyou {
			text-align:left;
			vertical-align:"middle";
			font-size:75%;
			border: solid 1px #113311
		}

		td.bs {
			text-align:right;
			vertical-align:"middle";
			font-size:75%;
			border-width:px;
			border: solid 1px #113311
		}

		td.correct {
			text-align:right;
			vertical-align:"middle";
			font-size:75%;
			border: solid 1px #113311
		}

		td.remark {
			text-align:left;
			vertical-align:"middle";
			font-size:75%;
			border: solid 1px #113311
		}