.examplearea-ballon,
.examplearea,
.examplearearank,
#wrap .storycontent .examplearea2,
#wrap .storycontent
.examplearea3{border:1px
solid #f33;padding:0.5em 1em;margin:1em
0}.examplearea-ballon
p.ballon{position:relative;background:white;width:400px;padding:10px
20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin-bottom:15px;border:3px
solid MediumVioletRed}.examplearea-ballon p.ballon:before{content:'';border-top:15px solid MediumVioletRed;border-right:12px solid transparent;border-left:12px solid transparent;position:absolute;bottom:-15px;left:20px}.examplearea-ballon p.ballon:after{content:'';border-top:11px solid white;border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;bottom:-11px;left:24px}.examplearea{margin-bottom:2.4em}#wrap .storycontent .examplearea a:after{content:'(' attr(href) ')';background:Olive;color:beige;margin-left:0.5em;font-size:80%}#wrap .storycontent
.examplearea{padding:0.5em 1em;background:#d8d8d8}#wrap .storycontent .examplearea:before{content:'" ' attr(title) ' "';font-size:2.0em;color:gray;color:rgba(0, 0, 0, 0.3);text-shadow:#fff 0 1px;font-weight:bold}#wrap .storycontent .examplearearank
dt{counter-increment:rank}#wrap .storycontent .examplearearank dt:before{content:counter(rank)"位 : ";color:red}#wrap .storycontent .examplearearank dt,
#wrap .storycontent .examplearearank
dd{margin:0;padding:0}#wrap .storycontent .examplearea2 pre[title]:before{content:'" ' attr(title) ' "';font-size:2.0em;color:gray;color:rgba(0, 0, 0, 0.3);text-shadow:#fff 0 1px;display:block}#wrap .storycontent .examplearea3 a:not([href^='#']):after{content:' ( ' attr(href) ' ) ';background:black;color:beige;margin-left:0.5em;font-size:80%}