@charset "UTF-8";

* {
    font-size:100%;
    font-style:normal;
    line-height:1;
    text-decoration:none;
    font-family:'Times New Roman',Times,serif;
    margin:0;
    padding:0;
    vertical-align: baseline;
}

html , body {
    background-color:#6464EC;
}

h1 {
    background-color:#5454D4;
    margin:0;
    padding:0 0.5em 0 0;
    color:#FFFFFF;
    font-weight:bold;
    font-size:120%;
}
h1 a {
    margin:0;
}
p.introduction {
    color:#DEDEFE;
    font-size:90%;
    background-color:#5454D4;
    padding:0em 0.75em 0.5em;
    line-height:1;
    margin:0;
    text-indent:0;
}
p.siteinfo {
    font-size:90%;
    color:#0066CC;
    text-indent:0;
}

h2 {
    margin:1em 5%;
    display:list-item;
    list-style-image:url('../image/hydrangea/h2.png');
    border-bottom:2px solid #DEDEFE;
    list-style-position:inside;
    color:#DEDEFE;
    font-size:120%;
    font-weight:bold;
}
h2#maintext , h2#categorynavi1 , h2#categorynavi2 {
    display:none;
}

/* =============== diary =============== */

div.diary {
    margin:1% 5% 2%;
    padding:0;
    border:1px solid #000080;
    background-color:#DEDEFE;
}

h3 {
    background-color:#7474C9;
    margin:0;
    padding:0.4em 0.5em 0.2em;
    border:none;
    font-size:110%;
    line-height:1;
    font-weight:bold;
    color:#DEDEFE;
}
span.category {
    font-size:75%;
    font-weight:bold;
    margin:0 0 0 1em;
}
h4 {
    margin:0;
    padding:0.5em 0.5em 0.2em;
    border-top:1px solid #000080;
    border-bottom:1px solid #000080;
    font-weight:bold;
    background-color:#B0C0F0;
    line-height:1;
    color:#000000;
}
h4 a {
    color:#000000 !important;
    text-decoration:none !important;
}
h5 {
    background-image:url('../image/hydrangea/h5.png');
    background-repeat:repeat-y;
    padding:0.8em 0.5em 0.2em 1em;
    font-weight:bold;
    margin:1em;
    line-height:1;
    color:#000099;
}
/*h5 {
    border-left:0.7em solid #3131CD;
    padding:0.6em 0.5em 0.2em;
    font-weight:bold;
    margin:1em;
    line-height:1;
    background-color:#C0C0F9;
    color:#000099;
}*/
h6 {
    margin:1em;
    padding:0 0.5em;
    border-bottom:1px solid #000080;
    font-weight:bold;
    line-height:1;
}

div.section {
    margin:1% 5% 2%;
    padding:0em;
    border:1px solid #000080;
    background-color:#DEDEFE;
}
div.section div.section {
    margin:1em;
}
div.navigation {
    margin:2% 5.1% 2%;
    padding:0em;
    border-top:2px solid #DEDEFE;
    border-bottom:2px solid #DEDEFE;
    background-color:#6464EC;
    color:#FFFFFF;
}
div.navigation p {
    margin:0.4em 0.6em;
    text-indent:0em;
    line-height:1.3;
}
div.navigation p * {
    line-height:1.3;
    color:#FFFFFF;
}
div.section h2 {
    background-color:#7474C9;
    margin:0;
    padding:0.4em 0.5em 0.2em;
    border:none;
    font-size:110%;
    line-height:1;
    font-weight:bold;
}
div.diary div.section {
    margin:0;
    border:none;
}
div.text a , div.writeback a , div.contextinfo a {
    background:transparent;
    padding:3px;
    -moz-border-radius:12px;
}
div.text a:hover , div.writeback a:hover , div.contextinfo a:hover {
    background:#C6D3FF;
}
p {
    line-height:1.67;
    margin:0.75em 1em;
    text-indent:1em;
}
p * {
    line-height:1.67;
}
p.sentenceuri , div.sentenceuri p , div.sentenceuri li {
    margin:1em 0 0;
    padding:0 0.5em;
    border-top:1px dashed #000080;
    text-indent:0em;
    text-align:right;
    display:block;
}
pre {
    line-height:1.67;
    margin:0.75em 1em;
}
div.sentenceuri ul {
    margin:0;
    padding:0;
    display:block;
}
ul.beacon {
    display:block;
    position:absolute;
    top:0px;
    right:0px;
    z-index:2;
    color:#000080;
    border:1px solid #400000;
    background-color:#FFF0F0;
    margin:0;
    padding:0;
}
ul.beacon li {
    display:inline;
    margin:0;
    padding:0;
    font-size:90%;
    margin:0 2px;
}

abbr, acronym {
    border-bottom:1px dotted #002060;
    cursor:help;
    margin:0em 0.05em;
}
p code , li code , dt code , dd code , h2 code , h3 code , h4 code , h5 code {
    display:inline;
    margin:0 0.1em;
    padding:0;
    font-family:"ＭＳ Ｐゴシック",Osaka;
    border:none;
    background-color:transparent;
    color:#006699;
    font-size:100%;
}
rt {
    font-size:65%;
}
code , code.blockcode {
    display:block;
    margin:1em 2em;
    padding:0.3em 0.5em;
    color:#000060;
    font-size:90%;
    line-height:1.5;
    border:1px solid #0000A0;
    background-color:#E9E9FF;
}
samp {
    display:block;
    margin:1em 2em;
    padding:0.3em 0.5em;
    color:#000040;
    font-size:90%;
    line-height:1.5;
    border:1px solid #000080;
    background-color:#F7E7E8;
    background-image:url('../image/hydrangea/samp.png');
    background-repeat:no-repeat;
}
span.explanation , span.translation , span.datetime {
    margin:0 0.1em;
}
.explanation , .translation , .datetime {
    font-size:90%;
}
.explanation , .explanation * {
    color:#0066CC;
}
.translation , .translation * {
    color:#008080;
}
div.documentinfo {
    border-top:2px solid #3366CC;
    border-bottom:2px solid #3366CC;
    margin:1.5em 1.5em;
    font-size:90%;
    color:#3366CC;
}
div.documentinfo ul , div.documentinfo ol {
    margin:0.5em 1.75em;
}
.asciiart {
    font-family:"ＭＳ Ｐゴシック",Osaka;
    speak:none;
    text-indent:0;
    line-height:1.0;
}
p.asciiart {
    line-height:1.0 !important;
}
p.asciiart * {
    line-height:1.0 !important;
}

em {
    font-weight:bold;
}
strong {
    background-image:url(../image/hydrangea/strong.png);
    background-repeat:repeat-x;
    background-position:0 80%;
    font-weight:bold;
    margin:0 0.1em;
    padding:0 0.1em;
}
em strong {
    margin:0;
    padding:0;
}
strong * {
    font-weight:bold;
}
strong code {
    font-weight:bold;
}
strong a:hover {
    background-image:none !important;
}
dfn:before {
    content:'［';
}
dfn:after {
    content:'］';
}
kbd {
    background-color:#E9E9E9;
    border:1px solid #606060;
    padding:0 0.15em;
    margin:0 0.1em;
    color:#000040;
}
ins {
    display:block;
    padding:0.25em 0em;
    margin:0.5em 1em;
    color:#000066;
    border:1px dashed #3333CC;
    background-color:#E1E3F1;
    background-image:url('../image/hydrangea/ins.png');
    background-repeat:no-repeat;
}
p ins , li ins , pre ins {
    display:inline;
    border:1px dashed #CC3333;
    padding:0.1em 0.2em 0;
    margin:0 0.1em;
    color:#AA3333;
    background-image:none;
    background-color:#DEDEFE;
}
del {
    text-decoration:line-through;
    font-size:90%;
    margin:0 0.15em;
    color:#3399CC;
}

q {
    color:#4040C0;
}
q:before {
    content:'「';
}
q:after {
    content:'」';
}
q em , q strong {
    color:#4040C0;
}
div.quote {
    margin:0.5em 2em 1em;
}
div.quote blockquote , div.quote div.reproduce {
    border:1px solid #000080;
    background-repeat:no-repeat;
    margin:0.5em 0;
    padding:0;
    color:#000060;
    background-color:#E9E9F9;
}
div.quote blockquote p , div.quote div.reproduce p {
    text-indent:0;
}
div.quote cite {
    text-align: right;
    display:block;
    line-height:1.3;
}
cite {
    color:#336666;
    font-size:90%;
}

.longsource {
    height:17.5em;
    overflow:auto;
}

address {
    margin:1em 0 0;
    padding:0.5em 1em;
    font-size:90%;
    line-height:1.37 !important;
    text-align:center;
    background-color:#5454D4;
    color:#FFFFFF;
}
address * {
    line-height:1.37 !important;
    color:#FFFFFF !important;
    background-image:none;
}
address span.copyright {
    display:block;
    padding:0.5em 0;
    font-size:85%;
}

/* =============== rNote =============== */

div.indexmenu {
    position:relative;
    width:200px;
    top:-4.5em;
    right:1px;
    float:right;
    margin:0 0 -3.5em 0.5em;
    padding:0;
    z-index:5;
    color:#DEDEFE;
    background-color:#5454D4;
    font-size:90%;
}

div.indexmenu h2 {
    display:none;
}
div.indexmenu h3 {
    font-weight:bold;
    color:#DEDEFE;
    background-color:#5454D4;
    margin:0;
    font-size:125%;
    padding:0.25em 0.35em 0 0.5em;
    border-bottom:1px dashed #DEDEFE;
}
div.indexmenu a {
    margin:0;
    padding:0;
    color:#DEDEFE !important;
}
div.indexmenu ul {
    margin:0 0 0.5em 0;
    padding:0.2em 0.5em 0.2em 0.7em;
    list-style-type:none;
}
div.indexmenu li {
    line-height:1.37;
    margin:0.25em 0;
    padding:0;
}
div.indexmenu dl {
    margin:0 0 0.5em 0;
    padding:0.2em 0.5em 0.2em 0.7em;
}
div.indexmenu dt {
    line-height:1.37;
    margin:0.65em 0 0.25em;
    padding:0;
    background-color:transparent;
    border:none;
    font-weight:bold;
}
div.indexmenu dd {
    line-height:1.37;
    margin:0.25em 0 0.25em 0.5em;
    padding:0;
    background-color:transparent;
    border:none;
}

div.recentdiaries h2 {
    margin:10px 5% 0;
}
div.attention {
    margin:2% 5% 0;
    background-color:#DEDEFE;
}
div.attention {
    margin:1% 5% 2%;
    padding:0em;
    border:1px solid #000080;
    background-color:#DEDEFE;
}
div.attention h2 {
    margin:0;
    padding:0.2em 0.5em 0.05em;
    background-color:#FFC080;
    background-image:none;
    border:none;
    font-size:110%;
    line-height:1.2;
}
div.attention h2 {
    margin:0;
}
div.attention p {
    margin-left:0;
}

div.contextinfo {
    margin:0;
    padding:0;
}
div.contextinfo ul {
    display:block;
    margin:1.75em 2.5em;
    padding:0.5em 1.25em;
    border:2px solid #002060;
    background-color:#B0C0F0;
}
div.contextinfo li{
    padding:0 0 0 0;
    display:inline;
}

div.writeback {
    margin:1em 0 0;
    padding:0 0.5em;
    border-top:1px dashed #000080;
}
ul.writeback {
    display:block;
    margin:0;
    padding:0;
}
ul.writeback li {
    display:block;
    text-align:right;
    list-style-type:none;
    font-size:85%;
    margin:0.2em 0.5em 0;
    padding:0;
}
ul.writeback li a {
    font-weight:bold !important;
}

/* =============== list =============== */

ul , ol {
    margin:1em 1.5em 1em 2.5em;
}
ul ul , ul ol , ol ul , ol ol {
    margin:0.25em 1em;
}
li {
    line-height:1.67;
    margin:0.2em 0;
}
ul {
    list-style-type:square;
}
ul ul {
    list-style-type:disc;
}
ul ul ul {
    list-style-type:circle;
}

dl {
    margin:1em 1.5em 1.25em;
}
dt {
    margin:1.2em 0 0.3em;
    border-left:0.5em solid #4F4FD3;
    line-height:1;
    padding:0.6em 0.55em 0.3em;
    background-color:#C9C9EE;
    font-weight:bold;
    color:#003399;
}
dd {
    margin:0.5em 0 0.5em 0.6em;
    padding:0.1em 0.75em 0;
    line-height:1.67;
    border-left:2px solid #4F4FD3;
    background-color:#D5D5F0;
}
dd ul, dd ol {
    margin:0.5em 1em;
}
dd p {
    margin-left:0;
    text-indent:0;
}

ul.jacket {
    margin:0.5em 0 0 0;
    padding:0 1em 0 1em;
    display:block;
    float:right;
    background-color:#DEDEFE;
}
ul.jacket li {
    margin:0.5em 0 0;
    padding:0;
    list-style-type:none;
    background-color:#DEDEFE;
}

ul.logo {
    margin:0 0 0;
    padding:0 1em 0 1em;
    display:block;
    float:left;
}
ul.logo li {
    margin:0;
    padding:0;
    list-style-type:none;
}

/* =============== form =============== */

form#googlesearch fieldset {
    width:160px;
}
form#googlesearch fieldset * {
    line-height:1.37;
}
form#googlesearch legend {
    width:140px;
    font-size:100%;
}
form#googlesearch label {
    font-size:100%;
}
form#googlesearch input#searchwords {
    line-height:1.5;
    width:152px;
}
form#googlesearch input.submit {
    font-size:90%;
    padding:0;
}

form.search fieldset {
    width:180px;
    margin:0.5em 10px;
}
form.search fieldset * {
    line-height:1.37;
}
form.search fieldset p {
    margin:0.25em;
    text-indent:0;
}
form.search legend {
    width:140px;
    font-size:100%;
}
form.search label {
    font-size:100%;
}
form.search input#searchwords {
    line-height:1.5;
    width:152px;
}
form.search input.submit {
    font-size:90%;
    padding:0;
}

textarea {
    line-height:1.37;
    font-size:90%;
    background-color:#E8ECF1;
}
select {
    font-size:90%;
    background-color:#E8ECF1;
}
input {
    font-size:90%;
    background-color:#E8ECF1;
}

/* =============== anchour =============== */

a {
    margin:0 0.05em;
    padding:0 0.05em;
    text-decoration:underline !important;
}
a * {
    text-decoration:underline !important;
}
a:link {
    color:#0000C0;
}
a:visited {
    color:#002060;
}

/* =============== image =============== */

img {
    border:none;
    vertical-align: text-bottom;
}
img.capture {
    border:1px solid #000080;margin:0 0.5em;
}

/* =============== BBS =============== */

div.section div.Body p , div.section div.Footer p {
    text-indent:0;
    margin:0.75em 1.5em;
}
div.section div.Footer p {
    text-align:right;
}
div.section div.Body blockquote {
    border:1px solid #002060 !important;
    margin:1em !important;
    background-color:#77CCFF;
}
div.section div.Body blockquote p {
    margin:0.75em !important;
}
div.section fieldset {
   margin:1em;
}
div.bbstext p {
    text-indent:0;
}

/* =============== table =============== */

table {
    border-collapse:collapse;
    margin:0.3em 2em 0.6em;
}
caption {
    padding:0.1em 0;
    margin:0.5em 2em 0;
    font-weight:bold;
}
th , td {
    padding:0.5em 0.35em 0.2em;
    line-height:1;
    border:1px solid #000000;
}
th {
    background-color:#C3C3FB;
    font-weight:bold;
}