@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 display: block }
audio,
canvas,
video { display: inline-block }
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template { display: none }
html {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body { margin: 0 }
a { background: transparent }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
dfn { font-style: italic }
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
small { font-size: 80% }
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button,
input { line-height: normal }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] { cursor: default }
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol ol,
ol ul,
ul ol,
ul ul { margin: 0 }
body { color: #444 }
.fl { float: left }
.fr { float: right }
.highlight { background: #ff0 }
.important { color: red }
img {
    vertical-align: bottom;
    border: none;
}
i,
cite,
em,
var,
address,
dfn { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS Pゴシック", "MS PGothic", sans-serif }
.menu {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
}
.menu li {
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.alignleft { float: left }
.alignright { float: right }
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.content img.alignleft { padding: 0 0.2em 0.2em 0 }
.content img.alignright { padding: 0 0 0.2em 0.2em }
.content img.aligncenter { padding: 0 0.2em 0.2em 0.2em }
.frame {
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #999;
}
.frame.alert {
    border-color: #fad689;
    background: #fff5f5;
}
.frame.info {
    border-color: #5E8AFF;
    background: #f5f5ff;
}
.frame.warning {
    border-color: #FFE20B;
    background: #fffff5;
}
.frame.dash { border-style: dashed }
.frame.shadow {
    -webkit-box-shadow: 0 4px 8px -2px #999;
    -moz-box-shadow: 0 4px 8px -2px #999;
    box-shadow: 0 4px 8px -2px #999;
}
.container { width: 100% }
.primary { width: 640px }
.secondary { width: 230px }
.column-one .primary { width: 100% }
.column-left .primary { float: right }
.column-left .secondary { float: left }
.column-right .primary { float: left }
.column-right .secondary { float: right }
.main { padding: 10px }
.container { margin: 0 auto }
.header,
.main,
.footer {
    clear: both;
    overflow: hidden;
}
.header h1,
.header p { margin: 0 }
.header img {
    width: 100%;
    height: auto;
}
.header a { text-decoration: none }
.header-text h2 {
    margin: 0;
    font-size: 1.5em;
}
.header-h1 { padding: 0 10px }
.image-with-text h1,
.none-image h1 {
    padding: .5em 0;
    line-height: 1.2;
    font-size: .8em;
}
.image-with-text .header-h1 {
    padding-left: 0;
    padding-right: 0;
}
.image-with-text h1 {
    padding-left: 10px;
    padding-right: 10px;
}
.image-with-text .header-text h2,
.image-with-text .header-description {
    position: absolute;
    padding: 10px;
    width: 880px;
}
.image-with-text .header-description { margin-top: 3em }
.header-description {
    font-size: .75em;
    line-height: 1.4;
}
.none-image .header-text { padding: 10px }
.only-image .header-h1 { padding: 0 }
.header { color: #444 }
.header a { color: #444 }
.image-with-text .header-text {
    color: #444;
    text-shadow: #8d6449 1px 1px 0px,#8d6449 -1px 1px 0px,#8d6449 1px -1px 0px,#8d6449 -1px -1px 0px;
}
.image-with-text .header-text a { color: #444 }
.bread {
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: .75em;
}
.bread li {
    list-style: none;
    float: left;
}
.bread li:after {
    content: ">";
    margin: 0 .5em;
}
.bread li:last-child:after { content: "" }
.global-nav {
    text-align: center;
    min-height: 2.0em;
}
.global-nav li {
    list-style: none;
    padding: .5em;
    line-height: 1;
}
.global-nav a { text-decoration: none }
.global-nav .menu { display: block }
.nav-toggle {
    padding: .5em;
    line-height: 1;
}
.nav-toggle.active { margin: 0 }
.nav-toggle.none { display: none } /* responsive-nav.js 1.0.32 by @viljamis */
.nav-collapse.opened { max-height: 9999px }
.disable-pointer-events { pointer-events: none !important }
.nav-toggle { display: none } /* eod: responsive-nav.js 1.0.32 by @viljamis */
.secondary section { margin-bottom: 1em }
.secondary h3 { margin: 0 }
.secondary a { text-decoration: none;color:#70262b }
.secondary ul { padding: 0;margin:0 }
.secondary li { list-style: none }
.secondary li a { display: block;padding:.3em 0 }
.secondary ul.child a { padding-left: 1em }
.footer { text-align: center;line-height:1.2 }
.footer a { text-decoration: none;color:inherit }
.footer .copyright,
.footer .sitemap { margin: .5em 0;line-height:1.2 }
.content { line-height: 1.4;word-wrap:break-word;padding:5px }
.content h2,
.content h3,
.content h4,
.content h5 { margin: 1em 0 .5em 0;clear:both }
.content h2 { margin-top: 0 }
.content p { margin-top: 0.1em;margin-bottom:1em }
.content p,
.content div { margin-left: 10px;margin-right:10px }
.content img { max-width: 100%;height:auto;padding:0.2em }
.content .freespace { margin-bottom: 1em }
.sub-article { overflow: hidden }
.more-link { float: right }
ul.sitemap { list-style: none;padding-left:1em;margin-left:0 }
ul.sitemap.child { padding-left: 2em }
ul.sitemap li { padding: .3em 0 }
.go-top { position: fixed;bottom:2em;right:2em;width:3em;height:3em;line-height:3;background:#eee;text-align:center;border-radius:3px;background:url(../img/gototop.png);transition:opacity 1s linear;opacity:0.2 }
.go-top:hover,
.go-top.active { opacity: 1 }
.go-top a { display: block;width:100%;height:100% }
.inner { width: 900px;margin:0 auto }
.main { background: url(../img/main_bg.png) }
.header-text { background: #fff }
.none-image .header-h1 h1,
.image-with-text .header-h1 h1 { padding-top: 1em;padding-bottom:1em }
.none-image .header-text { padding-top: 1.2em;padding-bottom:1.2em }
.global-nav,
.nav-toggle { background: #eee;border-top:1px solid;border-bottom:1px solid;border-color:#ccc;color:#000 }
.global-nav a,
.nav-toggle a { color: #000 }
.global-nav ul,
.nav-toggle ul { border-left: 1px solid #ccc }
.global-nav li { border-right: 1px solid #ccc;padding:.8em 1.2em }
.secondary section { padding: .5em;background:#fff;border:1px solid #ccc }
.secondary h3 { margin: -.5em -.5em 0 -.5em }
.secondary li a { color: #3F7985;border-bottom:1px solid #ccc;transition:background-color 1s linear }
.secondary li a:hover { background: #eee }
.secondary ul.child a:before { content: "●";margin-right:.3em;color:#444 }
.content { background: #fff;border:1px solid #ccc }
.content h2 { margin: -5px;margin-bottom:.5em }
.content h3,
.content h4,
.content h5 {
	margin: 0 0 1.5em;
	padding: 0.3em 0.5em;
	border-left: 15px solid #adc836;
	font-size: 1.429em;
}
.content h3:before,
.content h4:before,
.content h5:before { content: "";position:absolute;background:#fff;top:25%;left:5px;height:50%;width:5px;border-radius:1px }
.content h3 { color: #8d6449;background:#ffffff }
.content h3:before { background: #fff }
.content h4 { color: #8d6449;background:#ffffff }
.content h4:before { background: #fff }
.content h5 { color: #8d6449;background:#fad689 }
.content h5:before { background: #8d6449 }
.none-image .header-h1,
.image-with-text .header-h1,
.footer,
.content h2,
.secondary h3 { background: #fad689;background:-ms-linear-gradient(#fad689, #fad689);background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fad689), color-stop(100%, #fad689));background:-webkit-linear-gradient(#fad689,#fad689);background:-moz-linear-gradient(#fad689,#fad689);background:-o-linear-gradient(#fad689,#fad689);background:linear-gradient(#fad689,#fad689);color:#8d6449 }
.none-image .header-h1 a,
.image-with-text .header-h1 a,
.footer a,
.content h2 a,
.secondary h3 a { color: #8d6449 }
.content h2,
.secondary h3 { font-size: 1em;line-height:1.3;padding:.8em }
.sub-article { border: 1px solid #ccc;margin:.5em 0;padding:.2em }
.sub-article h3 { margin-top: .2em }
.more-link { background: #fad689;padding:.3em;color:#fff;text-decoration:none;margin-bottom:.2em }
@media only screen and (max-width: 800px) { 
    .container,
    .primary,
    .secondary,
    .inner {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .column-left .primary,
    .column-left .secondary,
    .column-right .primary,
    .column-right .secondary { float: none }
    .main { padding: 0 }
    .primary { padding: 10px }
    .image-with-text .header-text h2,
    .image-with-text .header-description { width: 97% }
    .bread { margin: 10px 10px 0 10px }
    .site-description { display: none }
    .secondary li a {
        color: inherit;
        display: block;
    }
    .secondary ul.child { display: none }
    .only-image .header-h1 .inner { padding: 0 }
    .image-with-text .header-text .inner { padding: 0 }
    .secondary section {
        margin-bottom: 0;
        padding: 0;
        border: none;
    }
    .secondary section h3 { margin: 0 }
    .secondary li {
        color: #111;
        background: #cecece;
        background: -ms-linear-gradient(#fff, #cecece);
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cecece));
        background: -webkit-linear-gradient(#ffffff,#cecece);
        background: -moz-linear-gradient(#ffffff,#cecece);
        background: -o-linear-gradient(#ffffff,#cecece);
        background: linear-gradient(#ffffff,#cecece);
        border-bottom: #fff 1px solid;
        line-height: 1;
        padding: 1rem .5rem;
        border: none;
    }
    .secondary li a { border: none }
    .secondary .freespace { padding: 10px }
}
@media only screen and (max-width: 600px) { 
    .header h1 { font-size: 1rem }
    .header-text { display: none }
    .global-nav { position: relative }
    .global-nav ul { display: none }
    .global-nav li,
    .global-nav .nav-toggle {
        width: 100%;
        line-height: 2;
    }
    .global-nav a { display: block }
    .js .nav-collapse.closed { max-height: 0 }
    .nav-toggle {
        display: block;
        position: static;
    }
    .bread { display: none }
    .header { position: relative }
    .header-text h2,
    .header-h1 h1,
    .image-with-text .header-text h2,
    .nav-toggle {
        font-size: 1rem;
        padding: 1em 0;
        line-height: 1.2;
    }
    .header-info h2,
    .only-image h1 {
        margin-right: 4em;
        padding-right: 1em;
    }
    .nav-toggle {
        float: right;
        border: none;
        background: url(../img/down.png) 50% 1.8em no-repeat transparent;
        height: 100%;
        border-left: 2px solid #fff;
        padding: 0.4em 10px 1.6em 10px;
    }
    .none-image h1,
    .image-with-text h1 { display: none }
    .header-description { display: none }
    .header-text {
        display: block;
        background: transparent;
    }
    .header-info {
        padding: 0 10px;
        background: #fad689;
        background: -ms-linear-gradient(#fad689, #fad689);
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fad689), color-stop(100%, #fad689));
        background: -webkit-linear-gradient(#fad689,#fad689);
        background: -moz-linear-gradient(#fad689,#fad689);
        background: -o-linear-gradient(#fad689,#fad689);
        background: linear-gradient(#fad689,#fad689);
    }
    .image-with-text .header-text,
    .header-info { color: #fff }
    .image-with-text .header-text a,
    .header-info a { color: #fff }
    .none-image .header-h1 { padding-right: 0 }
    .none-image .header-text { padding: 0 }
    .only-image .header-info { overflow: hidden }
    .only-image h1 { float: left }
    .only-image h1 img { display: none }
    .only-image h1 a:before { content: attr(data-label) }
    .image-with-text .header-text { text-shadow: none }
    .image-with-text .header-text img { display: none }
    .image-with-text .header-text h2 {
        position: static;
        width: auto;
    }
    .global-nav {
        min-height: 0;
        border: none;
    }
    .global-nav li {
        border-right: none;
        border-top: 1px solid #222;
        background: #fad689;
    }
    .global-nav li a { color: #fff }
    .global-nav ul { border: none }
}