@charset "Shift_Jis";

/* === Basic element property === */
@media Print, Screen  { 

body { 
	margin-top: 0; margin-left: 6%; margin-right: 6%; mergin-bottom: 1em;
	background: #ffffde; padding: 0; color: #000 }

/* === Anchor element property === */

a:link { 
	color: #0037ff; text-decoration: underline; background: inherit }

a:visited { 
	color: #36c; text-decoration: underline; background: inherit }

a:hover { 
	color: #000; text-decoration: none; background: #ff0 }

div.link a:link, div.link a:visited { 
	text-decoration: none; !impotant }


/* === pre element property === */

pre { 
	margin-top: 1em; margin-bottom: 1em; padding: 1em; line-height: 140%; 
	font-family: monospace; text-align: left; white-space: pre; font-size: 1em; 
	border: 3px double #ddd; letter-spacing: 0px; background: #fff; color: #000 }

pre.cording { 
	margin: 1em; padding: 1em; border-style: none; background: #ddf; color: #000 }

pre.ans { 
	margin: 1em; padding: 0.8em; background: #ffb; color: #000; 
	border: 1px solid #000; font-size: 1em; text-align: left; white-space: pre }

pre#menu { 
	margin-left: 0px; margin-right: 0px; padding: 0px; border-style: none; 
	clear: right }

pre.element { 
	margin: 1em; padding: 1em; border: 1px solid #000; background: #f0f0f0; 
	color: #000 }

pre.php {
	margin: 1em; padding: 1em;  color: #000; background: #fff; 
	border: 1px solid #000 }

pre.desp {
	margin-top: 0; margin-left: 1em; margin-right: 1em; margin-bottom: 1em;  
	padding: 1em; border: 1px solid #000; background: #f0f0f0; color: #000 }

/* === Application element property === */

.link { 
	margin-top: 1ex; margin-bottom: 0; font-size: 80%; text-align: right }

.idt {
	margin: 0; text-indent: 1em }
.idt2 { 
	margin-top: 1em; text-indent: 1em; margin-bottom: 0 }
.idt3 { 
	margin-top: 1em; margin-bottom: 1em; text-indent: 1em } 
.idt4 { 
	margin-top: 1em; margin-bottom: 0 }

.idt5 {
	clear: both; text-indent: 1em; margin-top: 1em }
.idt6 { 
	clear: both }
.nmg { 
	margin: 0; padding: 0 }
.tpm {
	margin-top: 1em; margin-bottom: 0 }
.dmg { 
	margin-top: 2em }
.dpm { 
	margin-top: 0; margin-bottom: 1em; padding: 0 }


/* === float property === */

.left { 
	float: left; margin-right: 1em; margin-left: 1em }
.left2 { 
	float: left; border: 1px solid #000; margin-right: 1em; margin-left: 1em }
.right { 
	float: right; margin-left: 1em }

.right2 { 
	float: right; border: 1px solid #000; margin-left: 1em }
.clear { 
	clear: both }

#hd2 { 
	margin-left: 1em; margin-top: 1ex; float: right }

#imleft2 { 
	float: left; margin-right: 1em; margin-bottom: 1em; 
	border: 1px solid #000 }

#imleft {
	float: left; margin-right: 1ex; margin-bottom: 1em }

.valid {
	float: left; margin-bottom: 1em; margin-right: 0.5ex }

/* === span element property === */

span { 
	color: #069; background: inherit }

.small { 
	font-size: 80%; color: #000; background: inherit }

.ra { 
	color: #c00; background: inherit }
.red { 
	color: #f00; background: inherit }
.black { 
	color: #000; background: inherit }
.vertical {
	vertical-align: top; color: #000; background: inherit }

#headline {
	color: #fff; background: inherit }

/*==== Inline element property ====*/

.underline { 
	text-decoration: underline; font-weight: bold; color: #000; background: inherit }

code,samp { 
	font-size: 1em; letter-spacing: 0 }
img {
	border-style: none }

.imbod { 
	border: 1px solid #000 }
#imexp { 
	border: 1px solid #000 }

/*==== Block element property ====*/

h1 { 
	margin: 0; background: #069; color:#fff; font-weight: bold; 
	font-size: 1.1em; padding-top: 3px; padding-left: 0.8em; padding-bottom: 3px }

h1#header { 
	margin-top: 0; margin-bottom: 0.5ex; }

address { 
	color: #069; background: inherit }

p { 
	letter-spacing: 1px; line-height: 130% }

.cent { 
	text-align: center }

/*===== div element property-info=====*/

.body { 
	margin-top: 5px; margin-bottom: 1ex }

#footer { 
	margin-top: 1em; margin-bottom: 1em; font-size: 90%; font-weight:bold; 
	text-align:center; font-family: monospace }

#bottom { 
	margin-top:5px; margin-bottom:10px; line-height: 130%; font-size: 80%; 
	font-family: monospace }

.exsample { 
	margin-top: 1em; margin-left: auto; margin-right: auto; margin-bottom: 1em }



/*=== List element property-info ===*/

dl { 
	margin-top: 1ex; margin-bottom: 1em }

dl.explain { 
	margin: 1em; padding: 0 }

dl.magazine {
	margin-top: 0; margin-right: 1em; margin-left: 1em }
dl.magazine dt {
	margin-top: 1em }

dt { 
	margin-top: 1.5em; margin-bottom: 0; font-weight: bold }

dd { 
	margin: 0; padding: 0; letter-spacing: 1px; line-height: 130% }

.headding { 
	font-size: 110%; margin-bottom: 5px; margin-top: 1.5em; color: #000; 
	border-top: 1px solid #069; border-bottom: 1px solid #069; 
	padding-top: 2px; padding-left: 0.5em; background: #ffb }

.result { 
	margin-top: 1em; margin-left: 1em; margin-right: 1em; margin-bottom: 1em;
	padding: 1em; background: #ececec; color: #000; border: 1px solid #000 }

.content {
	margin-left: 1em; margin-top: 0.5ex; margin-right: 1em; margin-bottom: 0.5em }

dd h1 { 
	font-size: xx-large; border-top-style: none; border-bottom-style: none; 
	padding: 0px; color: #000; background: #ffffde }

li {
	padding-left: 0; marker-offset: 1px }

	}

/*=== For Aural property Section ===*/

@media aural, braille, embossed {
span.speak, span.ra {
	speak: none; volume: silent; visibility: hidden }
span#headline, span.black, span.gr {
	speak: none; volume: silent; visibility: hidden  }
}