@charset "utf-8";

body {
	font-family: 'ＭＳ Ｐゴシック', 'Tahoma', sans-serif;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

pre {
	margin: 1em;

	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+ */
}

ul {
  font-size: smaller;
}

textarea {
	margin: 0.2em 0.5em;
	width: 90%;
	border: #cff solid 1px;
	scrollbar-base-color: #cfc;
}
input {
	float: right;
}

a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	clear:       both;
	font-weight: bolder;
	margin:      0.5em 0;
}

h1 {
	margin:     -0.3em 0 1em 0;
	padding:    0 0.5em;
	text-align: right;

	border-top:    0.1em solid #efc;
	border-bottom: 0.1em solid #efb;
	line-height:   0.1em;
	background:    white;
	color:         #393;

	font-family: "Comic Sans MS", fantasy;
	font-size:   2.2em;
}
:root h1 { height: 0.1em } /* "selector hack" not applied to IE<=7 but applied to Chrome */

h2 {
	font-size:    100%;
	line-height: 1em;
	color:        #050;
	border-bottom: 2px solid #aea;
	background:   white;
	padding:      0.2em 0.6em;
	margin:       0 0.5em 1em;
}

h3 {
	margin-left:  2em;
	margin-right: 2em;
	background: #efe;
	font-size: 100%;
	padding: 0 0.5em;
}

/* h3 {background: #cfc; font-size: 100%; margin-right: 50%;} */
h4 {background: #cfc; font-size: 90%; margin-right: 50%;}
h5 {background: #efe; font-size: 90%; margin-left: 1em; margin-right: 50%;}
h6 {background: #eff; font-size: 90%; margin-left: 2em; margin-right: 50%;}