@charset “utf-8”;

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0px;
     padding: 0px;
     border-width: 0px;
     border-style: none;
     border-color: initial;
     font-style: inherit;
     font-variant: inherit;
     font-weight: inherit;
     line-height: inherit;
     font-family: "ＭＳ Ｐゴシック", "Meiryo UI", "MS UI Gothic", Arial;
     vertical-align: baseline;
}
/*  HTML5 display-role reset for older browsers 
*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}

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

/* ==================
▼▼▼ 非セマンティックヘルパークラス 
     このセクションの前にスタイルを定義してください。
================== */

/* イメージの置き換え用 */

.ir {
     display: block;
     border: 0;
     text-indent: -999em;
     overflow: hidden;
     background-color: transparent;
     background-repeat: no-repeat;
     text-align: left;
     direction: ltr;
}

.ir br {
     display: none;
}
/* スクリーンリーダーとブラウザーの両方で非表示 : h5bp.com/u */

.hidden {
     display: none !important;
     visibility: hidden;
}
/* 視覚的にのみ非表示にする。ただし、スクリーンリーダーでは使用できるようにする : h5bp.com/v */

.visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
/* キーボードを介して移動されたエレメントをフォーカスできるようにするために .visuallyhidden クラスを拡張 : h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
}
/* スクリーンリーダーで視覚的に非表示 (ただし、レイアウトは保持) */

.invisible {
     visibility: hidden;
}
/* フロートを含める : h5bp.com/q */

.clearfix:before, .clearfix:after {
     content: "";
     display: table;
}

.clearfix:after {
     clear: both;
}

.clearfix {
     zoom: 1;
}
/* ==================
▼▼▼ スタイルを印刷
   スタイルを印刷。
   インラインにして必要な HTTP 接続を回避
================== */

@media print {
     
     * {
          background: transparent !important;
          color: black !important;
          text-shadow: none !important;
          filter: none !important;
          -ms-filter: none !important;
}
/* 黒は速く印刷される : h5bp.com/s */
     
     a, a:visited {
          text-decoration: underline;
}
     
     a[href]:after {
          content: " (" attr(href) ")";
}
     
     abbr[title]:after {
          content: " (" attr(title) ")";
}
     
     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
          content: "";
}
/* イメージのリンクまたは javascript/内部リンクを表示しない */
     
     pre, blockquote {
          border: 1px solid #999;
          page-break-inside: avoid;
}
     
     thead {
          display: table-header-group;
}
/* h5bp.com/t */
     
     tr, img {
          page-break-inside: avoid;
}
     
     img {
          max-width: 100% !important;
}
     @page { margin: 0.5cm; }
     
     p, h2, h3 {
          orphans: 3;
          widows: 3;
}
     
     h2, h3 {
          page-break-after: avoid;
}
}