@charset "UTF-8";

/* ======= 基本スタイル ====== */

body {
	background: #FFDDAA url(img/bg01.jpg) repeat;
	color:#805040;
	font-size: 75%;
	line-height: 150%;
	width:640px;
	margin:8px auto 32px auto;
	font-family:"MS PGothic", san-serif;
}
p {
	margin: 0.75em 0px;
}

a {
	color:#d08000;
}
a:hover {
	color:#ff00ff;
}
a img {
	border:1px solid;
}

strong {
	color:red;
	font-weight:bold;
	font-size:125%;
	line-height:100%;
}
em {
	color:red;
	font-weight: normal;
	font-style:normal;
}
small {
	font-size : 90%;
	line-height:120%;
}
small.more {
	font-size:60%;
}
big {
	font-size : 120%;
	line-height:120%;
}
dl {
	margin:0px;
}
dt {
	font-weight:bold;
	padding-top:0.5em;
}
dd {
	margin-left:24px;
}
ul, ol {
	margin-top:0.5em;
	margin-bottom:0.5em;
}
li {
	line-height : 125%;
}
sup {
	vertical-align : 20%;
}
pre.src{
	border:1px solid;
	font-family:"MS Gothic",  monospace;
	font-size:100%;
	line-height:100%;
	padding:0.5em;
	margin:0.5em;
}

blockquote {
	color: #006000;
	margin: 0.2em 0px;
	line-height:120%;
	background-color: #ffffd0;
	padding:0.3em;
}

div.hr {
	border-bottom:2px dotted;
	margin:0.5em 0px;
}
hr {
	display:none;
}

.en_small {
	font-family : Geneva, Arial, Helvetica, san-serif;
	font-size : 90%;
	font-weight : bold;
	line-height:100%;
}

/* ======= ヘッダ・フッタ ====== */

.TitleBlock {
	background: url(img/h1.gif) no-repeat;
	padding-top: 20px;
	margin : 0px auto;
	width:640px;
	height:60px;
	text-align:center;
	font-family:"Times New Roman","MS UI Gothic", serif;
	font-weight:bold;
	font-size:100%;
}
h1 {
	font-size:200%;
	font-style : normal;
	font-weight : bold;
	text-align:center;
	line-height:100%;
	width:60%;
	margin:0px auto;
	border-bottom:1px solid;
}
.EndBlock {
	font-family : Geneva, Arial, Helvetica, san-serif;
	padding: 4px 1em;
	margin : 1em auto;
	text-align : right;
	font-size : 90%;
	font-weight : bold;
	line-height:120%;
	border-top:1px solid;
}
.EndBlock a {
	text-decoration:none;
	color:#805040;
}
.EndBlock a:hover {
	color:#a08060;
}

/* ======= 本文ブロック ====== */

.comment_before {
	background: url(img/textbox1.gif) no-repeat;
	width:640px;
	height:40px;
	margin:0px;
}
.comment {
	background: url(img/textbox2.gif) repeat-y;
	width:576px;
	padding:0px 32px;
	margin:0px;
}
.comment_after {
	background: url(img/textbox3.gif) no-repeat;
	width:640px;
	height:40px;
	margin:0px;
}
.note_before {
	background: url(img/note1.gif) no-repeat;
	width:512px;
	height:16px;
	margin:0.5em auto 0px auto;
}
.note {
	background: url(img/note2.gif) repeat-y;
	width:464px;
	padding:0px 24px;
	font-size:100%;
	line-height:120%;
	margin:0px auto;
}
.note_after {
	background: url(img/note3.gif) no-repeat;
	width:512px;
	height:16px;
	margin:0px auto;
}

.contents {
	background: #FFFFFF url(img/bg02.gif) repeat-y;
	padding:8px 8px 8px 20px;
	margin:16px 0px;
	clear:both;
}
h2 {
	font-family:Arial,"MS PGothic",sans-serif;
	background: url(img/h2.gif) no-repeat;
	height:28px;
	font-size : 150%;
	font-weight : bold;
	padding-left:30px;
	padding-top:4px;
	margin:0px;
	overflow:visible;
}
h2 a ,
h3 a {
	text-decoration:none;
	color:#805040;
}
h2 a:hover ,
h3 a:hover {
	color:#a08060;
}
h3 {
	background: url(img/h3.gif) no-repeat 0% 50%;
	height:20px;
	overflow:visible;
	padding-left:24px;
	font-size : 125%;
	font-weight : bold;
	margin : 0.7em 0px 0.3em 0px;
}

.indent {
	margin-left : 30px;
}
.indent h2 {
	margin-left : -30px;
}
.indent h3 {
	margin-left : -20px;
}

.note h2, .note h3{
	font-family:Arial,"MS PGothic",sans-serif;
	background: url(img/note_h2.gif) no-repeat 0% 50%;
	font-size:120%;
	line-height:100%;
	height:auto;
	font-weight : bold;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0.5em 0px;
}
/* ======= その他特殊 ====== */

/* データエリア用・左側 */
td.DataAreaL {
	font-size:90%;
	line-height:125%;
	width : 200px;
	text-align : right;
	padding-right : 20px;
	padding-bottom : 1em;
	font-weight : normal;
}

/* 日記ページ用の画像 */
.indent img {
	margin:0.25em 0.50em;
}

/* 本来の表組み用の基本系 */
table.type1 {
	margin:0.5em 0px;
	border-top:1px solid #808080;
}
table.type1 th {
	text-align:left;
	padding-top:1px 4px;
	border-bottom:3px double #808080;
	background-color:#E0E0E0;
}
table.type1 td {
	border-bottom:1px solid #808080;
	padding:1px 4px;
}

/* トップメニュー用 */
table.menu {
	width:360px;
	margin:0px 5px 0.5em 25px;
	line-height:120%;
}
table.menu th {
	text-align:left;
	font-weight:normal;
}
table.menu td {
	text-align:right;
	font-size:90%;
}
table.menu a {
	text-decoration:none;
}

/* ======= ツッコミ・BBS ====== */

textarea {
	font-size:100%;
	overflow:auto;
}
form {
	margin:0px;
}

.tukkomi {
	background:#fff0e0;
	padding:4px;
	margin-top:1em;
}
.tukkomi form {
	text-align:right;
}
.tukkomi dl {
	border:1px solid;
	background:#fff8f0;
	line-height:100%;
	padding:2px 0.5em;
	margin-top: 4px;
}
.tukkomi dt {
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:100%;
}
.tukkomi dd {
	font-weight:normal;
	margin-bottom:0.25em;
}
.tukkomi textarea {
	width:600px;
}