@charset "EUC-JP";
@import "list.css";
@import "detail.css";
@import "penlabo.css";
@import "entry.css";
@import "form.css";

/* 淡:#cc99ff */

* {
	margin: 0;
	padding: 0;
}
body {
	width: 840px;
	padding: 6px;
	margin: 0 auto;
}
li {
	list-style-type: none;
}
dd {
	font-size: 9pt;
	line-height: 130%;
}
p {
	text-indent: 1em;
	margin: 6px 0;
}
img {
	border-width: 0;
}
h1 {
	margin: 6px;
	font-size: 14pt;
}
strong {
	font-weight: normal;
}
dd p {
	margin: 0;
}
dd {
	margin: 4px 4px 8px 1em;
}
table {
	border: 1px lightgrey solid;
	border-collapse: collapse;
}
th,td {
	border: 1px lightgrey solid;
	padding: 6px;
}
.ng {
	font-size: 9pt;
	color: red;
}
/*----- メニュー用 -----*/
#left {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}
.window h1 {
	background:url('../img/case1-header_purple.gif') no-repeat;
	color: white;
	text-align: center;
	height: 25px;
	font-size: 10.5pt;
	line-height: 25px;
	margin: 0;
	padding: 0;
	left: 0;
}

.window form {
	margin: 6px;
}
.window form [type="text"],
.window form [type="password"] {
	width: 100%;
}
.window form input {
	font-size: 9pt;
	padding: 2px;
}


.window ul {
/*	background:url('../img/label-border.gif') no-repeat 0% 100%;*/
	border: 1px #553a84 solid;
	border-top-width: 0;
	padding: 12px;
	padding-top: 6px;
/*	background-color: #ece6f2;*/
	margin-bottom: 4px;
}
.window li {
	font-size: 10.5pt;
	line-height: 130%;
	list-style-type: none;
}
.window div {
	border: 1px #000000 solid;
	border-top-width: 0;
	text-align: center;
	padding: 6px 0;
	margin-bottom: 4px;
}
.window a { color: #553a84; }

.blue h1 { background:url('../img/case1-header_blue.gif') no-repeat; }
.blue ul,
.blue div {
	border-color: #3a6c84;
	background-color: #e6eff2;
}

.green h1 { background:url('../img/case1-header_green.gif') no-repeat; }
.green ul {
	border-color: #3a8539;
	background-color: #dbffd9;
}
.green a { color: #3e843a; }


.red h1 { background:url('../img/case1-header_red.gif') no-repeat; }
.red div {
	border-color: #843b3a;
	background-color: #f2c2c2;
}
.red a { color: #843b3a; }

/*----- コンテンツ用 -----*/
#contents {
	width: 468px;
	position: relative;
	top: 0;
	margin-left: 185px;
}
#contents h1 {
	background: url('../img/case1-label_blue.gif') no-repeat;
	height: 25px;
	line-height: 25px;
	color: white;
	font-size: 10.5pt;
	margin: 6px 0;
	padding: 0;
	padding-left: 1em;
}
/*----- タグ表示用 -----*/
ul.tag {
	margin: 0;
	padding: 0;
	display: inline;
}
ul.tag li {
	display: inline;
	line-height: 130%;
}
/*----- フッタ -----*/
#footer {
	clear: both;
	font-size: 9pt;
	text-align: center;
	line-height: 130%;
}

#right {
	width: 180px;
	float: right;
}
/*----- 履歴 <dl> -----*/
#history {
	font-size: 11pt;
	margin-left: 1em;
}

#amazon img {
	margin-bottom: 6px;
}