@charset "UTF-8";
/* header_footer_2016*/
@import url("header_footer_2016.css");
/**/
/* CSS Document */
/* Default --------------------------*/
@media screen and (max-width: 640px) { :link, :visited, a:active { text-decoration: underline; /**/ color: #000000; }
  a:hover { text-decoration: underline; /**/ color: #1d69a4; } }
@media screen and (min-width: 641px) { :link, :visited, :active { text-decoration: none; /**/ color: #000000; }
  a:hover { text-decoration: underline; /**/ color: #1d69a4; } }
html, body, header, footer, #main, article, section, nav, div, img, p, span, a, ul, li, h1, h2, h3, hr, table, tr, td, dl, dt, dd { margin: 0; padding: 0; border: none; }

/* Layout -----------------------*/
html { width: 100%; text-align: left; height: 100%; }
@media screen and (min-width: 641px) { html { min-width: 1120px; } }

body { font: normal; font-size: 14px; font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; color: #000000; height: 100%; }
@media screen and (max-width: 640px) { body { font-size: 12px; } }

/* / Layout -----------------------*/
ul { list-style: none; }

a { outline: none; }

hr { /*border: $dotted1 $black;*/ margin: 10px auto; }

img { vertical-align: top; }

p { font-size: 12px; line-height: 16px; }

h2 { font-weight: normal; font-size: 18px; }

#main { margin: 0 auto; width: 1100px; }
@media screen and (max-width: 640px) { #main { width: 100%; } }

header, article { width: 100%; margin: 0 auto; }

section { width: 100%; }
@media screen and (max-width: 640px) { section { width: 90%; padding: 0 5% 5% 5%; margin-bottom: 2%; } }

nav { width: 100%; background-color: #073068; }
nav ul { font-size: 0; width: 1100px; margin: 0 auto; }
nav ul li { font-size: 18px; display: inline-block; vertical-align: top; border-left: 1px solid #ffffff; padding: 5px; }
nav ul li :link, nav ul li :visited, nav ul li :active { color: #ffffff; }
nav ul li a:hover { color: #ffff00; }
nav ul li.last { border-right: 1px solid #ffffff; }

dl { width: 100%; }

@media screen and (min-width: 641px), print { .pc { display: block; }
  .sp { display: none; }
  .mrSpace { margin-right: 29px; } }
@media screen and (max-width: 640px) { .pc { display: none; }
  .sp { display: block; }
  .mrSpace { margin-right: 0; } }
/*- footer ---------------*/
footer { width: 100%; background-color: #161e27; padding: 20px 0; }
footer :link, footer :visited, footer :active { color: #ffffff; }
footer a:hover { color: #ffff00; }

/*- color ---------------*/
.bgBlack { background-color: #000000; }

.skyblue { color: #1d69a4; }

.tw a:link { color: #fff; }
.tw a:hover { color: #fff; }
.tw a:visited { color: #fff; }