@charset "UTF-8";

html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

h1, h2, h3, h4, h5, h6, div,
address, p, blockquote, pre, noscript,
ins, del,
dl, dt, dd, ol, ul, li,
table, thead, tbody, tfoot, tr, th, td, caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

a, img, br, hr, span,
abbr, acronym, dfn,
q, cite,
code, kbd, samp, var,
em, strong,
sub, sup,
object, applet, embed, noembed, iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

fieldset, form, legend, optgroup {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 99%;
}

label, input, select, textarea, label, button, option {
    margin: 0;
    font-size: 99%;
}

/**
 * set
 */

/*  block  */
html {
    font-size: 100.01%;
}

body {
    padding: 20px 40px 40px;
    color: #212121;
    background-color: #fff;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, Arial, 'メイリオ', Meiryo, 'ＭＳＰゴシック', 'MS P Gothic', sans-serif;
}

h1 {
    margin: 40px 0;
    padding: 0 0 20px;
    border-bottom: 3px solid #ccc;
    font-size: 140%;
    color: #444;
    background-color: #fff;
    clear: both;
}

h2 {
    margin: 40px 0;
    padding: 5px 10px;
    border-left: 4px solid #ccc;
    font-size: 115%;
    color: #444;
    background-color: #ececec;
    clear: both;
}

h3 {
    margin: 30px 0 20px;
    font-size: 115%;
    color: #444;
    background-color: transparent;
    clear: both;
}

h4 {
    margin: 20px 0;
    padding: 3px 10px;
    border-left: 7px solid #ccc;
    clear: both;
}

h5 {
    margin: 20px 0;
    padding: 3px 10px;
    border-left: 3px solid #ccc;
}

h6 {
    margin: 1em 0;
}

p {
    margin: 0 0 1em;
}

ol, ul {
    margin: 1em 1em;
}

ol {
    padding: 0 0 0 .3em;
}

address {
    font-style: normal;
}

/* inline */
a:link {
    color: #33e;
    background-color: transparent;
    text-decoration: underline;
}

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

a:hover,
a:focus,
a:active {
    color: #d95;
    background-color: transparent;
    text-decoration: none;
}

em {
    font-style: normal;
    border-bottom: 2px solid #f33;
}

acronym,
abbr {
    border-bottom: 1px dotted #666;
    cursor: help;
}

/* table */
th {
    text-align: left;
}

/* form */
select {
    font-style: normal;
}

option {
    color: #222;
    background-color: #fff;
}

optgroup {
    color: #222;
    background-color: #fec;
}

textarea {
    border: 1px solid #aaa;
    font-size: 100%;
}

textarea:active,
textarea:focus {
    border: 1px solid #322;
}

input.inputField {
    border: 1px solid #999;
    font-size: 100%;
}

input[type="text"] {
    border: 1px solid #999;
    font-size: 100%;
}

input[type="text"]:active,
input[type="text"]:focus {
    border: 1px solid #333;
}

button,
input.submit {
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    border-left: 1px solid #ebebeb;
    height: 1.6em;
    line-height: 100%;
    font-size: 92%;
    color: #222;
    background-color: #ddd;
    background-repeat: repeat-x;
    background-position: 0 0;
}

body > button,
input[type="submit"] {
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    border-left: 1px solid #ebebeb;
    height: 1.6em;
    line-height: 100%;
    font-size: 92%;
    color: #222;
    background-color: #ddd;
    background-repeat: repeat-x;
    background-position: 0 0;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    cursor: pointer;
    color: #222;
    background-color: #ffe;
    background-repeat: repeat-x;
    background-position: 0 0;
}

p.topic_images {
    margin: 1em 1em 1em 2em;
    float: right;
    clear: both;
}

ul.topic_images {
    list-style-type: none;
    margin: 0;
    float: right;
    clear: both;
}

ul.topic_images li {
    margin: 1em 1em 2em 1em;
}

.contentinfo {
    margin: 40px 0 0 0;
    padding: 20px 20px;
    border-bottom: 2px solid #ccc;
    background-color: #ececec;
}

.contentinfo ul {
    margin: 0;
    list-style-type: none;
}