@charset "utf-8";

.ep {
 margin: 1em 5em 3em }
.ex {
 padding: 1px 1em;
 margin: 1em 6em 1em 4em }
.ex ul li {
 list-style-type: none;
 padding: 0; margin: 1em 0 1em -40px }

.hbg {
 border-left: solid 1em #ddf;
 border-bottom: solid 5px #eef;
 padding: 2px 1em 1px 5px }

ol, dl {
 padding: 0; margin: 10px 5px }
ol li {
 list-style-type: none;
 padding: 1px 0; margin: 0 } 

ul.in {
 color: #86d; background: inherit;
 margin: 2em }
div.list b {
 color: #70c; background: inherit;
 font-weight: 500; font-size: 100% }

dt a, .ex li a {
 font-size: 110%; font-weight: 600;
 margin: 5px 10px 5px 0 }
.ex ol li {
 margin: 4px 0 }

.list {
 padding: 20px 4em 1em }

.list ol {
 padding: 0 10px; margin: 0 1em 5px }
.list dl {
 padding: 2px 15px 1em; margin: 0 }

.list dl dt:before {
 content: url("file.jpg");
 margin: 0 2px }

.ex ol li:first-letter {
 text-align: center;font-style: italic;
 color: #fff; background: #89d;
 padding: 1px 5px }

dt {
 color: #86d; background: inherit;
 border-bottom: solid 0px #eef;
 margin: 5px 0 1px }
dd {
 color: inherit; background: #eef;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 padding: 5px 15px;
 margin: 1px 3em 20px 0 }

.list h4 {
 color: #78d; background: #eef;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 padding: 4px 1em; margin: 1em }

.in {
 padding: 5px 10px; margin: 0 }

p.im { margin: 0 5% 1em }