@charset "Shift_Jis";
@media screen{
body{ font-family: 'ＭＳ Ｐゴシック', Sans-serif; line-height: 1.45; }
h1,h2{ font-family: Meiryo,'メイリオ',Osaka,Sans-serif; line-height: 1.2; }

body.sample{ padding: 0 25px; margin: 0 auto; max-width: 750px; }
* html body.sample{ width: 70%; }
body.sample h1{ border-bottom: 3px solid #000; }
body.sample h2:before{ content: "\25bc"; color: #22f322; }
body.sample div.view_sample{ border: 1px solid #000; padding: 15px; }
body.sample #MENU h2{ margin: 0 0 .5em; }

ol li{ padding-top: 0.7em; padding-bottom: 0.7em; }
ol li+li{ border-top: 1px dashed #444; }

dt,dd{ margin: 0; padding: 0; }

textarea{ width: 96%; }
code,pre{ border: 1px dotted #888; background: #D1EAF3; }
code{ margin: 0 .25em; padding: 0 .25em; }
pre code{ margin: 0; padding: 0; border: 0; }
pre{ overflow-x: scroll; overflow-y: scroll; padding: .2em; }

* html pre{ width: 95%; }

em{ font-style: normal; font-weight: bold; }
pre em{ color: #f3224a; }
var{ font-style: normal; font-family: serif; }
hr{ margin: 1em 0; }

dd+dt{ margin-top: .5em; }
ul.img img{ width: 30px; height: 30px; border: 1px solid #ccc; background: #fafafa; }

}