@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  /* font:13px/1.231 arial,helvetica,clean,sans-serif; */
  /* :font:x-small; */
  /* remをpxかemもしくは%にすることでChromeで文字サイズがでかくなるバグを回避 */
  /* text-size-adjustは非推奨 */
  font-size: 14px;
  font-size: 1.4em;
  /* -webkit-text-size-adjust: 100%; */
  /* font-size: 140%; */
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

html {
  overflow-y: scroll;
}

body {
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック';
}

p,
pre,
address,
cite {
  font-size: 100%;
}

h1 {
  font-size: 189%;
}

h2 {
  font-size: 159%;
}

h3 {
  font-size: 144%;
}

h4 {
  font-size: 122%;
}

h5 {
  font-size: 107%;
}

h6 {
  font-size: 107%;
}

pre {
  padding: 0.5em 10px;
  border: 1px dotted #aaa;
  width: 90%;
  overflow: scroll;
  color: #333;
  background-color: #f5f5f5;
  font-family: "Osaka－等幅", monospace;
}

pre[title]::before {
  margin-bottom: 0.8em;
  padding: 0 10px;
  display: block;
  content: attr(title);
  color: #000;
  background-color: #fff;
}

blockquote {
  margin: 1.5em 20px;
  padding: 1px 0;
  border: 3px solid #eee;
  background-color: #fff;
}

blockquote * {
  color: #666;
}

blockquote[title]:before {
  margin: 2px 2px 1em 2px;
  padding: 0.1em 16px;
  display: block;
  content: attr(title);
  background-color: #f5f5f5;
}

blockquote[cite]:after {
  padding: 0.8em 20px;
  display: block;
  content: attr(cite);
  color: #333;
  text-align: right;
}

cite {
  display: block;
  color: #333;
  text-align: right;
}

em {
  font-weight: bold;
  font-style: normal;
}

strong {
  color: #ff4500;
}

code {
  font-family: "Osaka－等幅", monospace;
}

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

kbd {
  border: 1px solid #ccc;
  padding: 0 0.3em;
  background-color: #f5f5f5;
  font-family: "Osaka－等幅", monospace;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a:visited {
  color: #8800CC;
}

li {
  list-style-type: none;
  list-style-image: none;
}

small {
  font-size: 0.8rem;
  color: #333;
}

hr {
  border: 0;
  height: 1px;
  width: 100%;
  border-bottom: solid 1px #000;
}

a:link {
  color: #054ab2;
}

a:hover {
  color: #054ab2;
}

a:visited {
  color: #818f98;
}

ul,
ol,
dl {
  margin: 0em 0px;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p,
dt {
  margin: 0em 0px;
}

del {
  color: #999;
  text-decoration: line-through;
}

del[datetime]::before {
  content: " ( " attr(datetime) "\00524a\009664) ";
}

ins {
  border-bottom: 1px dotted #ccc;
  text-decoration: none;
}

ins[datetime]::before {
  content: " ( " attr(datetime) "\004fee\006b63) ";
}

form {
  padding: 1px 0;
}

form dl,
form p {
  margin: 0.5em 10px;
}

fieldset {
  border: 1px solid #ddd;
}

legend {
  margin: 0 1em;
  padding: 0 10px;
}

input,
textarea {
  margin: 0.4em 10px;
  padding: 0.1em 10px;
  border: 1px solid #ddd;
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
  background-color: #f5f5f5;
}

input {
  line-height: 1.2;
}

input:hover,
textarea:hover {
  border: 1px solid #aaa;
}

input:focus,
textarea:focus {
  border: 1px solid #000;
}

textarea {
  padding: 0.4em 10px;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

th,
td {
  font-weight: normal;
}

img {
  border: none;
  vertical-align: bottom;
}

a img {
  border: none;
}

object,
embed {
  margin: 1em 20px;
}