@charset "UTF-8";
/*  Cascading Style Sheets, Level 2 Revision 1
 *  $Id: core.css,v 1.18 2011/09/06 12:12:59 nzawa Exp nzawa $
 *  --------------------------------------------------------------------------
 *
 *   YUI STYLE (CORE)
 *   BUILT ON "ADVANCED PAPER 2" STYLESHEET
 *
 *
 *  _/_/_/_/_/_/_/_/_/_/_/_/_/   COPYRIGHT NOTICE   _/_/_/_/_/_/_/_/_/_/_/_/_/
 *
 *    Copyright (c) 2008-2011 Nzawa
 *
 *    Licensed under a Creative Commons Attribution 2.1 Japan License.
 *    http://creativecommons.org/licenses/by/2.1/jp/
 *
 *  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 */



/* ======================================================================
 *  INIT v5 (2011-09-06)
 * ====================================================================== */

/* root */
html        { display: block; }

/* document metadata */
head, title, base, link, meta, style
            { display: none; }

/* scripting */
script      { display: none; }
noscript    { display: block; }

/* sections */
body, section, nav, article, aside,
h1, h2, h3, h4, h5, h6, hgroup,
header, footer, address
            { display: block; }

/* grouping content */
p, hr, pre, blockquote,
ol, ul, dl, dt, dd,
figure, figcaption, div
            { display: block; }

li          { display: list-item; }

/* text-level semantics */
a, em, strong, small, s, cite, q,
dfn, abbr, time, code, var, samp, kbd,
sub, sup, i, b, u, mark, bdi, bdo, span
            { display: inline; }

ruby, rt, rp, br, wbr
            { /* to be, or not to be */ }

/* edits */
ins, del    { /* to be, or not to be */ }

/* embedded content */
img, iframe, embed, object,
video, audio, canvas, map
            { display: inline; }

param, source, track, area
            { display: none; }

/* tabular data */
table       { display: table; }
caption     { display: table-caption; }
colgroup    { display: table-column-group; }
col         { display: table-column; }
tbody       { display: table-row-group; }
thead       { display: table-header-group; }
tfoot       { display: table-footer-group; }
tr          { display: table-row; }
td, th      { display: table-cell; }

/* forms */
form, fieldset, legend
            { display: block; }

label, input, button, select,
datalist, textarea, keygen,
output, progress, meter
            { display: inline; }

optgroup, option
            { /* to be, or not to be */ }

input[type="hidden"]
            { display: none; }

/* interactive elements */
details, summary, menu
            { display: block; }

menu[type="context"]
            { display: none; }

command     { /* to be, or not to be */ }

/* @hidden */
[hidden]    { display: none; }

/* backward compatibility */
acronym, rbc, rtc
            { display: inline; }

/* initial values */
html,
noscript,
body, section, nav, article, aside,
h1, h2, h3, h4, h5, h6, hgroup,
header, footer, address,
p, hr, pre, blockquote,
ol, ul, dl, dt, dd,
figure, figcaption, div,
li,
a, em, strong, small, s, cite, q,
dfn, abbr, time, code, var, samp, kbd,
sub, sup, i, b, u, mark, bdi, bdo, span,
ruby, rt, rp,
ins, del,
img, iframe, embed, object,
video, audio, canvas, map,
table, caption, tbody, thead, tfoot, tr, td, th,
form, fieldset, legend, label,
details, summary, menu,
acronym, rbc, rtc
            {
              color: inherit;
              background-color: transparent;
              background-image: /**/ none; /* only except IE6 */
              font-family: inherit;
              font-size: 100%;
              font-weight: inherit;
              font-style: inherit;
              font-variant: inherit;
              line-height: inherit;
              text-align: inherit;
              vertical-align: baseline;
              text-decoration: none;
              letter-spacing: inherit;
              word-spacing: inherit;
              text-transform: inherit;
              text-indent: 0;
              white-space: inherit;
              margin: 0;
              padding: 0;
              border: none;
              quotes: none;
              outline: none;
            }

input, button, select,
datalist, textarea, keygen,
output, progress, meter
            {
              font-size: 100%;
              margin: 0;
              padding: 0;
            }



/* ======================================================================
 *  ROOT
 * ====================================================================== */

html
    {
        color: #000000;
        background-color: #eeeeee;
        border-color: #113377;
        border-width: 0 0 4em 0;
        border-style: solid;
    }



/* ======================================================================
 *  SECTIONS
 * ====================================================================== */

body
    {
        color: #000000;
        background-color: #fcfcfc;
        font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Verdana", sans-serif;
        font-size: 95%;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1.5;
        text-align: left;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        white-space: normal;
        padding: 1em 2em 2em 2em;
    }

section
    {
    }

nav
    {
    }

article
    {
    }

aside
    {
    }

h1
    {
        color: #ffffff;
        background-color: #113377;
        font-size: 200%;
        text-align: center;
        letter-spacing: 0.15em;
        margin: -0.5em -1em 2em -1em;
        padding: 1.3em 1em;
    }

h2
    {
        color: #113377;
        background-color: transparent;
        font-size: 140%;
        font-weight: bold;
        letter-spacing: 0.2em;
        margin: 3em 0 1.5em 0;
    }

h3
    {
        color: #404040;
        background-color: transparent;
        font-size: 120%;
        font-weight: bold;
        letter-spacing: 0.1em;
        margin: 1.8em 0 1.5em 0;
        padding: 0.1em;
        border-color: #333333;
        border-width: 0 0 1px 0;
        border-style: solid;
    }

h4
    {
        color: #303030;
        background-color: transparent;
        font-size: 110%;
        font-weight: bold;
        letter-spacing: 0.2em;
        margin: 1.8em 0 1.5em 0;
        padding: 0.1em 0.1em 0.1em 0.5em;
        border-color: #595959;
        border-width: 0 0 0 0.7em;
        border-style: solid;
    }

h5
    {
        color: #404040;
        background-color: transparent;
        font-size: 110%;
        font-weight: bold;
        letter-spacing: 0.2em;
        margin: 1.7em 0 1.5em 0;
        padding: 0.1em 0.1em 0.1em 0;
    }

h6
    {
        color: #303030;
        background-color: transparent;
        font-size: 110%;
        font-weight: bold;
        letter-spacing: 0.3em;
        margin: 1.7em 0 1.5em 1em;
        padding: 0.1em 0.1em 0.1em 0.5em;
    }

hgroup
    {
    }

header
    {
    }

footer
    {
    }

address
    {
        font-style: italic;
        margin: 1em 0;
    }



/* ======================================================================
 *  GROUPING CONTENT
 * ====================================================================== */

p
    {
        margin: 1em 0;
    }

hr
    {
        border-color: #000099;
        border-width: 3px 0 0 0;
        border-style: double;
    }

pre
    {
        background-color: #ececff;
        font-family: "Courier New", monospace;
        line-height: 1.1;
        white-space: pre;
        margin: 1.5em 0;
        padding: 1em;
        border-color: #e6e6ff #4466aa #4466aa #e6e6ff;
        border-width: 1px;
        border-style: solid;
    }

blockquote
    {
        background-color: #ececff;
        margin: 1.5em 0;
        padding: 0.5em 1em;
        border-color: #ececff #bbbbff #ececff #113377;
        border-width: 0 1px 1px 1em;
        border-style: solid;
    }

head + body blockquote
    {
        border-width: 0 1px 0 1em;
    }

ul,
ol
    {
        margin: 1em 0;
    }

li ul,
li ol
    {
        margin: 0.5em 0;
    }

li
    {
        margin: 0.2em 2em 0.2em 2.5em;
    }

dl
    {
        margin: 1em 0;
    }

p + dl
    {
        margin: 1.5em 0;
    }

dt
    {
        margin: 0.5em 0 0 0;
    }

dd
    {
        margin: 0.2em 0 0.5em 2em;
    }

figure
    {
    }

figcaption
    {
        color: #555555;
        font-weight: bold;
        margin: 0 0 1.5em 1em;
    }

figcaption:first-child
    {
        margin: 1.5em 0 0 1em;
    }

div
    {
    }



/* ======================================================================
 *  TEXT-LEVEL SEMANTICS
 * ====================================================================== */

a
    {
        color: inherit;
        background-color: transparent;
        text-decoration: none;
    }

a:link
    {
        color: #0000ff;
        background-color: transparent;
        text-decoration: underline;
    }

a:visited
    {
        color: #aa22aa;
        background-color: transparent;
        text-decoration: underline;
    }

a:focus
    {
        outline-color: invert;
        outline-width: 1px;
        outline-style: dotted;
    }

a:hover
    {
        color: #ff0000;
        background-color: transparent;
        text-decoration: underline;
    }

a:active
    {
        color: #808080;
        background-color: transparent;
        text-decoration: underline;
    }

thead a:link,
thead a:visited,
thead a:hover,
thead a:active
    {
        color: #ffffff;
        background-color: transparent;
    }

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited,
h6 a:link,
h6 a:visited,
thead a:link,
thead a:visited
    {
        color: inherit;
        background-color: transparent;
    }

em
    {
        color: #ff0000;
        background-color: transparent;
        font-weight: bold;
        margin: 0 0.2em;
    }

strong
    {
        color: #ff0000;
        background-color: transparent;
        font-size: 120%;
        font-weight: bold;
        margin: 0 0.2em;
    }

small
    {
        font-size: 90%;
    }

s
    {
        text-decoration: line-through;
    }

cite
    {
        margin: 0 0.2em;
        border-color: #008800;
        border-width: 0 0 2px 0;
        border-style: dotted;
    }

q
    {
        color: #008800;
        background-color: transparent;
        margin: 0 0.2em;
    }

dfn
    {
        margin: 0 0.2em;
        border-color: #a05050;
        border-width: 0 0 1px 0;
        border-style: dotted;
    }

abbr
    {
        margin: 0 0.2em;
        border-color: #a05050;
        border-width: 0 0 1px 0;
        border-style: dotted;
    }

time
    {
    }

code
    {
        color: #444444;
        background-color: transparent;
        font-family: "Courier New", monospace;
        font-size: 90%;
        margin: 0 0.2em;
    }

pre code
    {
        font-size: 100%;
        margin: 0;
    }

var
    {
        color: #444444;
        background-color: transparent;
        font-family: "Courier New", monospace;
        font-size: 90%;
        margin: 0 0.2em;
    }

samp
    {
        color: #444444;
        background-color: transparent;
        font-family: "Courier New", monospace;
        font-size: 90%;
        margin: 0 0.2em;
    }

pre samp
    {
        font-size: 100%;
        margin: 0;
    }

kbd
    {
        color: #444444;
        background-color: transparent;
        font-family: "Courier New", monospace;
        font-size: 90%;
        margin: 0 0.2em;
    }

pre kbd
    {
        font-size: 100%;
        margin: 0;
    }

sup
    {
        font-size: 80%;
        vertical-align: super;
    }

sub
    {
        font-size: 80%;
        vertical-align: sub;
    }

i
    {
        font-style: italic;
    }

b
    {
        font-weight: bold;
    }

u
    {
        text-decoration: underline;
    }

mark
    {
        color: #000000;
        background-color: #ffff00;
        margin: 0 0.1em;
        padding: 0 0.1em;
    }

ruby
    {
    }

rt,
rp
    {
        font-size: 60%;
        vertical-align: middle;
    }

bdi
    {
    }

bdo
    {
    }

span
    {
    }

br
    {
    }

wbr
    {
    }



/* ======================================================================
 *  EDITS
 * ====================================================================== */

ins,
ins *
    {
        text-decoration: underline;
    }

del,
del *
    {
        color: #666666;
        background-color: transparent;
        text-decoration: line-through;
    }



/* ======================================================================
 *  EMBEDDED CONTENT
 * ====================================================================== */

img
    {
        margin: 0 0.3em;
    }


a:link    img,
a:visited img
    {
        border: none;
    }

iframe
    {
    }

embed
    {
        margin: 0 0.3em;
    }

object
    {
        margin: 0 0.3em;
    }

video
    {
        margin: 0 0.3em;
    }

audio
    {
        margin: 0 0.3em;
    }

canvas
    {
        margin: 0 0.3em;
    }

map
    {
        margin: 0 0.3em;
    }



/* ======================================================================
 *  TABULAR DATA
 * ====================================================================== */

table
    {
        font-size: 90%;
        margin: 2em 0 1em 0;
        border: none;
        border-collapse: separate;
        border-spacing: 2px;
        empty-cells: show;
    }

caption
    {
        color: #4c4c4c;
        background-color: transparent;
        font-weight: bold;
        text-align: right;
        margin: 0 0.5em;
        caption-side: bottom;
    }

th,
td
    {
        padding: 0.5em;
        border: none;
    }

th
    {
        color: #454545;
        background-color: #c3c3ff;
        font-weight: bold;
        text-align: left;
    }

td
    {
        color: #222222;
        background-color: #dadaff;
    }

thead th,
thead td
    {
        color: #FFFFFF;
        background-color: #113377;
        font-weight: bold;
    }

tfoot th,
tfoot td
    {
        font-style: italic;
    }

th[colspan],
td[colspan]
    {
        text-align: center;
    }

th[rowspan],
td[rowspan]
    {
        vertical-align: middle;
    }



/* ======================================================================
 *  FORMES
 * ====================================================================== */

form
    {
    }

fieldset
    {
        margin: 1em 0;
        padding: 0.5em 1em;
        border-color: #999999;
        border-width: 1px;
        border-style: solid;
    }

legend
    {
        letter-spacing: 0.1em;
        padding: 0 0.5em;
    }

label
    {
    }

input
    {
        vertical-align: middle;
        margin: 0.2em 0;
    }

button
    {
        vertical-align: middle;
    }

select
    {
    }

datalist
    {
    }

optgroup
    {
    }

option
    {
    }

textarea
    {
    }

keygen
    {
    }

output
    {
    }

progress
    {
    }

meter
    {
    }



/* ======================================================================
 *  INTERACTIVE ELEMENTS
 * ====================================================================== */

details
    {
    }

summary
    {
    }

command
    {
    }

menu
    {
    }



/* ======================================================================
 *  BACKWARD COMPATIBILITY FOR HTML4/XHTML1
 * ====================================================================== */

acronym
    {
        margin: 0 0.2em;
        border-color: #a05050;
        border-width: 0 0 1px 0;
        border-style: dotted;
    }

rbc
    {
    }

rtc
    {
    }



/* END OF STYLESHEET */