body {
margin:1em 5% 1em 10%;
padding:2em 0 0 0;
background-color:#f5f5f5;
}

h1,h2,h3,h4,h5,h6 {
line-height:140%;
sans-serif;
}

.page-pre:hover,
.page-nex:hover {
opacity:0.5;

}

h1 {
margin:3em 0 2em 0;
}

h1 img {
overflow:hidden;
}

h2 {
margin:5em 0 1.5em 0;
border-top:solid 1px #666;
padding-top:1em;
text-shadow: 3px 3px 5px #999;
}

h3 {
}

h4 {
}

a {
text-decoration:none;
}

a img {
border:none;
}

a:link {
color:#4052AD;
}

a:hover {
background-color:#C4D3E9;
}

a:visited {
color:#666;
}

p {
font-family:serif;
margin:0;
text-indent:1em;
line-height:180%;
}

@media screen {
  p,dd,li {
  text-align:justify;
  letter-spacing:0.1em;
  }
}

p img {
padding:1em 0;
}

q {
quotes:  "── " " ──";
letter-spacing:0;
margin:0 0.3em;
}

pre {
font-family:sans-serif;
margin:1em;
}

ul {
margin:1em 0 1em 1.5em;
padding:0;
}

li {
margin:0.5em 0;
padding:0;
}

dl {
margin:1em;
}

dt {
font-weight:bold;
}

dd {
font-family:serif;
margin:1em;
line-height:180%;
}

table {
border:solid 1px #000;
border-collapse:collapse;
border-spacing:0;
margin:1em;
}

th {
border:solid 1px #000;
background-color:#6A79CC;
color:#fff;
padding:5px;
}

td {
border:solid 1px #000;
padding:5px;
/*width:100%;*/
}

blockquote {
border:solid 1px #ccc;
padding:1em;
margin:1em 0;
background-color:#E3E3E3;
-webkit-border-radius: 10px;
border-radius:10px;
box-shadow: 10px 10px 10px gray;
}

blockquote * {
font-family:sans-serf;
}

blockquote:after {
display:block;
text-align:right;
}

blockquote a:hover {
background-color:transparent !important;
}

blockquote[title]:after {
/*content: "──" attr(title) "──";*/
}
blockquote[cite]:after {
  content: "(" attr(cite) ")";
 font-size:75%;
 color:#666;
 margin-top:1em;
}
blockquote[title][cite]:after {
/*content: "──" attr(title) "?300F(" attr(cite) ")";*/
}

hr {
display:none;
}

ins {
display:block;
text-decoration:none;
margin:1em 0;
overflow:hidden;
}

ins:before,ins:after {
content:"～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～";
display:block;
text-align:center;
white-space:pre;
letter-spacing:-0.35em;
}

del {
display:block;
}

address {
font-family:"Century Gothic","Helvetica",sans-serif;
font-weight:normal;
font-style:normal;
margin-top:4em;
font-size:85%;
}
/*
fieldset {
padding:0.5em;
margin:0;
border:solid 1px #ccc;
}*/


em {
color:#c09;
}

em:before {
content:"《"
}

em:after{
content:"》"
}

address + p {
text-align:right;
font-size:85%;
font-family:"ＭＳ Ｐゴシック",sans-serif;
}

address + p + hr + p {
text-indent:0;
text-align:center;
}



.page-pre {
display:block;
width:1em;
position:fixed;
top:0;
left:0;
height:100%;
text-align:center;
}

.page-nex {
display:block;
width:1em;
position:fixed;
top:0;
right:0;
height:100%;
text-align:center;
}

.page-pre:link,#page-pre:visited,
.page-nex:link,#page-nex:visited {

}

span.page-pre,span.page-nex {
display:none;
}

#page {
padding:0 5px;
}

#page:before,#page:after {
content:"-";
}

li {
list-style-type:none;
overflow:hidden;
text-indent:-0.55em;
padding-left:0.5em;
}

li:before {
content:"◆";
margin-left:-0.55em;
color:#c66;
text-shadow: 2px 2px 1px #ccc;
}

li:hover:before {
color:#00c;
}