/* 文字色 */
.colRed    {color: red; font-weight: bold;}
.colBlue   {color: blue; font-weight: bold;}
.colGreen  {color: green; font-weight: bold;}
.colPurple {color: purple; font-weight: bold;}

/* レイアウト */
.cntntBdy {
	line-height: 150%;
}

h2, h3 {
	border-right: solid 8px #aaccff;
	border-left: solid 8px #aaccff;
	border-bottom: solid 2px #aaccff;
	border-top: solid 2px #aaccff;
	padding: 8px;
	margin: 1em 0;
	border-radius: 16px;
}
h3 {
	padding: 4px;
	margin: 1em 0;
}

h1 div.chapter {
	margin-bottom: 0.5em;
}

pre {
	margin: 0;
	padding: 0;
	font-family: monospace;
}

.split {
	margin: 2em 0 4em 0;
}

.clear {
	clear: both;
}

.inBlckTtl, .inBlckBdy {
	border: solid 2px #aaaaaa;
	padding: 0.5em;
}


.inBlckTtl{
	background: #fc8;
	font-weight: bold;
	color: #800;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.inBlckTtlTyp {
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	background: #888;
	padding: 4px 12px;
	margin-right: 0.5em;
}
.inBlckTtlTypCode {
	background: #e60;
}
.inBlckTtlBdy {
	display: inline-block;
	border-radius: 4px;
	background: #fff;
	padding: 4px 12px;
}


.inBlckBdy {
	border-top: 0;
	background: #ffffdd;
}

.inBlckBdy pre {
	word-wrap: break-word;
}

.inBlckBdy th, .inBlckBdy td {
	padding: 8px;
}

.inBlckAsciiArt {
	line-height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.inBlckCode {
	overflow-x: auto;
	font-weight: bold;
}

.inBlckOutput {
	font-weight: bold;
}

.inBlckText {
}

.inBlckList {
}

table.inBlckTable {
	border-collapse: collapse;
	border: 2px solid #444;
	margin: 0.2em;
}
.inBlckTable td,
.inBlckTable th {
	padding: 0.7em;
	border: 1px solid #888;
}

/* コメント */
.codeCmnt {
	color: #090;
}

/*========================================
	Screen Width > 1024px
========================================*/
@media screen and (min-width: 1024px) {
	h1 div.chapter {
		font-size: 75%;
	}

	pre {
		font-size: 1.2em;
	}
}

/*========================================
	Screen Width <= 1024px
========================================*/
@media screen and (max-width: 1024px) {
	#mngSrf {
		margin-top: 36px;
	}
}