@charset "utf-8";

/* Common Elements */

a {
	font-size: 1em;
	color: #3366ff;
}
a:link {
	text-decoration: none;
	color: #3366ff;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1 {
	font-size: 1.7em;
	color: #0066ee;
}
h2 {
	font-size: 1.4em;
	color: #993300;
}
h3 {
	font-size: 1.2em;
	color: #006633;
}
h4 {
	font-size: 1.15em;
	color: #000066;
}
body {
	background-color: #fffffa;
	font-size: 1.05em;
	text-align : center ;
	margin : 1em ;
	padding : 0px ;
}
img {
	border: none;
}
li {
	line-height: 2em;
}
caption {
	font-size: 1.1em;
	font-weight: bold;
}
th {
	padding: 4px;
	text-align: left;
}
td {
	padding: 4px;
}

/* Individual Classes */
span.super {
	vertical-align: super;
}

p.announce {
	border: 1px dashed #ee9999;
	background-color: #fffafa;
	padding: 5px;
}

p.note {
	border: 1px dashed #99ee99;
	background-color: #fafffa;
	padding: 5px;
}

/* CSS Identification */
#foundation {
	margin: 2em auto;
	text-align: left;
	width: 720px;
}

#all {
	text-align: center;
}

/* Common CSS Classes */
p.individual {
	font-style : italic ;
	font-weight : bold ;
}

div.document {
	clear: both;
	line-height: 2em;
	background-color: #fffffa;
}

/* Diagram */
.diagram {
	width: 100%;
	height: 100%;
	overflow: auto;
	border: 1px solid #cfcfac;
	border-bottom: 2px solid #bfbf9c;
	border-right: 2px solid #bfbf9c;
	background-color: #ffffef;
	padding: 0.5em 0em;
	margin: 1em 0em;
}
.diagram .farm {
	float: left;
	margin: 1em;
	width: 300px;
}
.diagram .image {
}
.diagram .caption {
	font-weight: bold;
	line-height: 2.0em;
	overflow: auto;
}
.diagram .caption legend {
	color: #996633;
	font-size : 0.9em ;
}
.diagram p.description {
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 5px;
}
	
/* Chart */
.chart {
	width: 100%;
	border: 1px solid #accfcf;
	border-bottom: 2px solid #9cbfbf;
	border-right: 2px solid #9cbfbf;
	background-color: #efffff;
	padding: 0.5em 0.5em 1.5em 0.5em;
	margin: 1em 0em;
}
.table {
	width: 100%;
}
.table table,
.table th,
.table td {
	border: 1px solid #999999;
	border-collapse: collapse;
	line-height: 2em;
	padding: 0px 5px;
}
.table caption {
	line-height: 2em;
}
.table .submit {
	margin : 1em ;
}
.table input.generate {
	width : 500px ;
	font-size : 1.1em ;
	border : 1px solid #99cc99 ;
	background-color : #ccffcc ;
}

/* Result */
.result {
	width: 100%;
	border: 1px solid #cfcfff;
	border-bottom: 2px solid #afafcf;
	border-right: 2px solid #afafcf;
	background-color: #fafaff;
	padding: 0.5em 0.5em 1.5em 0.5em;
	margin: 1em 0em;
}
.result.farm {
	margin: 1em;
	width: 620px;
}
.result .image {
}
.result .caption {
	width: 600px ;
	font-weight: bold;
	line-height: 2.0em;
	overflow: auto;
	margin-bottom : 1em ;
}
.result .caption legend {
	color: #336699;
	font-size : 0.9em ;
}
.result p.description {
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 5px;
}

/* FinalWord */
.pros {
	border: 1px dashed #9999ef;
	margin: 1em 0.5em;
	background-color: #fbfeff;
}
.cons {
	border: 1px dashed #ef9999;
	margin: 1em 0.5em;
	background-color: #fffafa;
}

ul.fw {
	padding: 0px 20px;
	margin: 0px 20px;
}


/* Contents */
fieldset.contents {
	border: 1px dashed #ef9999;
	margin: 1em 0.5em;
	background-color: #fffffa;
}
.contents legend {
	font-size: 1.3em;
	color: #ef6666;
	background-color: #fffffa;
}
.contents ol {
	padding: 0px 20px;
	margin: 0px 20px;
}
.contents li {
	font-size: 1.1em;
	line-height: 2em;
}
.contents li.now {
	font-weight: bold;
}