/************** .trans styles *****************/

@charset "utf-8";


.trans{
	clear: both;
	padding: 10px;
	border: 1px solid #4c4c4c;
	margin-top: 1em;
	margin-bottom: 1em;
}

#mc div.trans h1 {
	border: 0;
}
#mc div.trans h2 {
	border: 0;
}

.toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn {
	font: inherit;
}
.toc, .toc li {
	list-style: none;
	margin-bottom: 0.5em;
}

dl dt {
	font-weight: bold;
}

.story h2 {
	margin-bottom: 1em;
}
.story h3 {
	margin-bottom: 1em;
}
.story h4 {
	font-weight: bold;
	font-size: 120%;
}

.story h4 { font-size: 100%; margin: 2.5em 0 0.75em 0; }
.story h5, h6 { font-size: 100%; margin: 2.5em 0 1em; }

/* .code */
div.code {
	border: 1px solid #999999;
	padding: 1em;
	overflow: scroll;
	background-color: #f3f4f6;
	width: 95%;
	margin-bottom:1em;
}
div.code pre,code {
	margin:0px;
	padding:0px;
}
div.code .comment {
	color: #009900;
}
div.code .em {
	color: #990000;
}
/* spec */
dl.spec {
	background-color: #EEEEFF;
	margin-left: 0.5em;	
	margin-right: 0.5em;	
	padding: 1em;
}
dl.spec dt {
	font-weight: bold;
	margin-top: 0.5em;
}
dl.spec dd {
	margin-left: 2em;
}
pre.dom-interface {
	border: 1px solid #555555;
	padding: 0.5em;
	background-color: #EEEEEE;
	margin-left: 2em;
}
.example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
p.example { padding-left: 1em; }
.note {
	color: green;
	background: transparent;
	font-family: Arial, sans-serif;
	font-family: 'ＭＳ Ｐゴシック';
	font-weight: bolder;
	font-style: italic;
}
div.note {
	padding: 0.5em 2em;
}
p.note {
	padding: 0.5em 2em;
}
p code {
	color: rgb(255, 69, 0);
}
dl.syntax {
	margin-left: 2em;
	background-color: #EEFFEE;
	padding: 1em;
}
.XXX {
	color: #E50000;
	background: white;
	border: solid red;
	padding: 0.5em;
	margin: 1em 0;
}
.element {     background: #EEEEFF;
     color: black;
     margin: 0 0 1em 0.15em;
     padding: 0 1em 0.25em 0.75em;
     border-left: solid #9999FF 0.25em;
     position: relative;
     z-index: 1;
}
.element:before {     position: absolute;
     z-index: 2;
     top: 0;
     left: -1.15em;
     height: 2em;
     width: 0.9em;
     background: #EEEEFF;
     content: ' ';
     border-style: none none solid solid;
     border-color: #9999FF;
     border-width: 0.25em;
}
.element dt {
	margin-bottom:0.5em;
}
.element dd {
	line-height:1em;
}
dl.domintro {color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #EEFFEE; }

   dt, dfn { font-weight: bold; font-style: normal; }
   dt dfn { font-style: italic; }

   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
   table thead { border-bottom: solid; }
   table tbody th:first-child { border-left: solid; }
   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }

   pre { margin-left: 2em; white-space: pre-wrap; width:85%; overflow: scroll; padding: 0.5em;}
   pre, code { font-size: inherit; font-family: "Courier New"; font-variant: normal; }
   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
   pre em { font-weight: bolder; font-style: normal; }

   .warning { color: red; background: transparent; }
   .note, .warning { font-weight: bolder; font-style: italic; }
   .note p:first-child, .warning p:first-child { margin-top: 0; }
   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
   .warning:before { font-style: normal; }
   p.note:before { content: '注意： '; }
   p.warning:before { content: '\26A0 Warning! '; }
   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
dl.switch {
	padding-left: 2em;
}
.annotation {border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0;}
.annotation:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }