@charset "UTF-8";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
/* end reset */
@font-face
{
font-style: normal;
font-family: NotoSerif;
src: url(../Fonts/NotoSerif-Regular.ttf);
font-weight: normal;
}
@font-face
{
font-style: normal;
font-family: NotoSerif;
src: url(../Fonts/NotoSerif-Bold.ttf);
font-weight: bold;
}
@font-face
{
font-style: italic;
font-family: NotoSerif;
src: url(../Fonts/NotoSerif-Italic.ttf);
font-weight: normal;
}
@font-face
{
font-style: normal;
font-family: Nautilus;
src: url(../Fonts/Nautilus.otf);
font-weight: bold;
}
@font-face
{
font-style: normal;
font-family: Philosopher;
src: url(../Fonts/Philosopher-Bold.ttf);
font-weight: bold;
}
.cover_img { height: 100%;
max-width: 100%;
}
body {
font-family: "NotoSerif", serif;
margin: 0 10px 0 10px;
}
h2 {
font-size: 1.8em;
font-weight: normal;
line-height: 1.1;
margin: 0.8em 0.8em 0.6em 0.8em;
text-align: center;
font-family: "Nautilus";
color: #db3623;
}
h1 {
font-size: 1.5em;
font-weight: normal;
margin: 0.6em 0.8em 0.1em 0.8em ;
text-align: center;
font-family: "Nautilus";
color: #db3623;
}
h4 {
font-size: 1em;
font-weight: normal;
line-height: 1;
margin: 0.5em 0.5em 0.5em 0.5em;
text-align: center;
font-family: "Nautilus";
}
h3 {
font-size: 1.1em;
font-weight: bold;
margin: 0.5em 0 0.5em 0;
text-align: center;
font-family: "Philosopher", serif;
color: #067eb0;
}
p {
font-size: 1em;
text-align: justify;
margin: 0 0 0 0;
text-indent:2em;
font-family: "NotoSerif", serif;
}
.poem {
font-size: 0.9em;
text-align: left;
margin: 0.5em 0 0.5em 2em;
text-indent:0em;
font-family: "NotoSerif", serif;
}
.letter {
font-size: 0.9em;
text-indent:2em;
margin: 0.5em 2em 0.5em 2em;
text-align: justify;
font-family: "Nautilus";
}
.center {
text-align: center;
margin-top: 0.7em;
margin-bottom: 0.7em;
text-indent:0em;
}
.center img {
margin-left:auto;
margin-right:auto;
}
.centersmall {
text-align: center;
margin: 1em 0 1.2em 0;
font-size: 0.8em;
}
.small {
font-size: 0.8em;
}
sup{
font-size: 0.75em;
line-height: normal;
vertical-align: super;
}
/*img, ads*/
table {
width:100%;
}
td {
font-size:85%;
vertical-align: top !important;
}
td.pic {
width:30%;
}
h5 {
text-align: center;
margin: 0em 0em 0em 0em;
font-size: 0.8em;
font-family: "Nautilus";
}
img.illustr {
width: 100% !important;
vertical-align: text-top;
margin-left: auto;
margin-right: auto;
}