@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

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

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}

h1{margin:0px; text-decoration:none;}
h2{margin:0px;}
h3{margin:0px;}



.top-h{display:none;}

.font-b{font-weight:bold;}
.red{ color:#ff0000; }
.red-b{ color:#ff0000; font-weight:bold; }
.blue-b{color:#0000ff; font-weight:bold;}
.orange-b{color:#ff6600; font-weight:bold;}

address{
  font-style:normal;
}


/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
  background:#fff;
 font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
 font-size: 16px;
 line-height: 1.6;
 color:#333;
 padding: 0; 
}

a:link { color: #0a213a; } 
a:visited { color: #333; } 
a:active { color: #ff9900; } 

/* スマホヘッダー　start */

@media screen and (max-width: 768px) {
.home-header {
 width:100%;
 margin: 0;
 padding: 0;
}
.header-block {
 width:100%;
 margin: 0px auto;
 padding: 0 0 10px 0;
 position:relative;
}
.header-block:after {
 content: '';
 display: block;
 clear: both;
}
.header-left {
 width:100%;
 margin: 0 auto;
 padding:0;
 text-align:left;
}
.logo {
 max-width:200px;
 text-align:left;
 margin:10px auto 0;
}
.header-right {
 margin: 0;
 text-align:right;
}

.header-tel-block {
 margin: 10px auto;
 text-align:center;
}
.header-tel-block:after {
  content: '';
  display: block;
  clear: both;
}
.header-tel {
 margin: 10px auto;
 text-align:center;
 color:#1644a2;
 font-size:22px;
 font-weight:bold;
}
.header-tel a {
 color:#333;
 text-decoration:none;
}

.header-tel-icon {
 margin: 10px auto;
 color:#333;
 font-size:15px;
 font-weight:bold;
}
.menu-block {
 margin: 10px 0;
 text-align:center;
 position:absolute;
 top:0%;
 right:0%;
 z-index:9998;
}

.main-contents {
 margin: 0px auto 0 auto;
 padding:0px 0 0 0;
 width:100%;
 height:100%;
 background-repeat:repeat-y;
 background-image:url('../images/content-bg-sp.svg');
 background-size: contain;
}

.movie-head {
  width: 100%;
  height: 260px;
  position: relative;
  overflow: hidden;
  top:-20px;
}
 
video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  background-size: cover;
  z-index: 1;
}
/* Opening
-----------------------------------------*/
.Opening {
  position:relative;
  background-color: #FFF;
  }
  .Opening ul li{
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
  }
  .Opening ul li img.Opening__text{
    position: absolute;
    top:40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    z-index: 9;
  }
  .Opening ul li span img.Opening__img{
    max-width: inherit;
    width: 100%;
    height: auto;
  }
.top-image-wrapper {
  margin: 0px auto ;
  padding: 20px 0 0 0;
  text-align:center;
  width:100%;
  font-size:0;
  z-index:111;
}
.top-image-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.top-image-block {
  margin: 0px auto ;
  padding: 0;
  text-align:center;
  width:100%;
  height:320px;
  display:block;
  position: relative;
}
.top-image-block:after {
  content: '';
  display: block;
  clear: both;
}
.top-image {
  margin: 0 0 0 auto;
  padding: 0;
  text-align:right;
  width:300px;
}

.top-image img {
  border-radius:60px;
}
.top-image-description {
  position: absolute;
  top: 0%;
  left: 4%;
  margin: 0;
  padding: 0;
  text-align:center;
  width:68%;
}


@keyframes fadein {
from {
  opacity: 0;
  transform: translateY(20px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
}

@keyframes fadein-top {
from {
  opacity: 0;
}
to {
  opacity: 1;
  transform: translateY(0);
}
}

.top-about-wrapper {
 margin: 100px auto ;
 padding: 0 0 60px 0;
 text-align:center;
}
.top-about-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.top-about-block {
  width:94%;
  text-align:center;
  margin:0px auto 0;
}
.top-about-block:after {
 content: '';
 display: block;
 clear: both;
}
.top-about-block h1 {
 margin:0px auto 0;
 padding:0;
 text-align:left;
 font-size:22px;
 color:#333;
}
.top-about-image {
  width:120px;
  float:right;
  margin:20px 0 0 20px;
}
.top-about-block p {
 margin:30px 0 0 0;
 padding:0;
 text-align:left;
}

.newyear-wrapper {
 margin: 0 auto ;
 padding: 60px 0 60px 0;
 text-align:center;
}
.newyear-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.newyear-block {
 width:90%;
 margin: 0 auto;
 padding: 30px;
 text-align:center;
 background-repeat:repeat-y;
 background-image:url('../images/newyear-bg-sp.webp');
 background-size: cover;
}
.newyear-block:after {
 content: '';
 display: block;
 clear: both;
}
.newyear-block-detail {
  width:90%;
  margin: 0 auto;
  padding: 30px 20px 30px 20px;
  text-align:center;
  background:rgba(255,255,255,0.8);
  border-radius:30px;
}
.newyear-block h2 {
 margin:0 auto;
 padding:0;
 text-align:center;
 font-size:25px;
 color:#ff0000;
}
.newyear-date {
 margin:30px auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#ff0000;
 font-weight:bold;
}

.newyear-content {
  margin:30px auto;
  padding:10px;
  text-align:center;
  background:#fed807;
  border-radius:30px;
  width:90%;
}
.newyear-block h3 {
 margin:0 auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#333;
}
.newyear-block p {
 margin:10px auto;
 padding:0;
 text-align:center;
 font-size:18px;
 color:#333;
}
.newyear-at {
  margin:30px auto;
  padding:10px;
  text-align:left;
  width:90%;
  font-size:16px;
}

.top-about-block h2 {
  margin:30px 0 -20px 0;
  padding:0;
  text-align:left;
  font-size:18px;
  color:#ff9900;
 }
.news-wrapper {
 margin: 0 auto ;
 padding: 60px 0 60px 0;
 text-align:center;
 background:#edf2fb;
}
.news-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.news-block {
 width:94%;
 margin: 0 auto;
 padding: 0;
 text-align:center;
}
.news-block:after {
 content: '';
 display: block;
 clear: both;
}
.news-block h3 {
 margin:0 auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#333;
}

ul.list-news {
  color:#030d25;
}
ul.list-news li {
 width:100%;
 display:block;
 text-align:left;
 padding:10px 10px 10px 10px;
}

.list-meta {
 margin:0;
 padding:0;
 text-align:left;
 vertical-align:top;
 width:94%;
}
.list-meta:after {
 content:"";
 display: block;
 clear: both;
}
.date {
 margin:20px 0 0 0;
 padding:10px 10px 10px 0;
 text-align:left;
 vertical-align:top;
 float:left;
 color:#333;
}
.rss-title {
 margin:0px 0 0 0;
 padding:10px 0 0 0;
 text-align:left;
 vertical-align:top;
 width:100%;
}
.rss-title a {
 color:#333;
 font-weight:bold;
 text-decoration:underline;
}

.news {
 margin: 10px auto ;
 text-align:center;
}
.news dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
vertical-align:top;
text-align:left;
}
.news dt {
width: 10%;
}
.news dd {
text-align:left;
}
.news dd a{
  text-decoration:none;
  color:#333;
}
.news dd a:hover{
  text-decoration:none;
  color:#ff6600;
}



.top-news-nav li {
  -moz-border-radius: 30px;    /* Firefox */
  -webkit-border-radius: 30px; /* Safari,Chrome */
  border-radius: 30px;
background-color: #ff9900; 
text-align:center;
width:300px;
 margin:40px auto 0 auto;
}
.top-news-nav a {
  -moz-border-radius: 30px;    /* Firefox */
  -webkit-border-radius: 30px; /* Safari,Chrome */
  border-radius: 30px;
 margin:0;
 padding: 10px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}


.top-rec-wrapper {
 width:94%;
 margin: 100px auto ;
 padding: 0;
 text-align:center;
}
.top-rec-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.top-rec-box {
 width:70%;
 margin: 60px auto;
 padding: 0;
 text-align:center;
 position: relative;
 vertical-align:top;
}
.top-rec-box a {
  display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top-rec-box img {
 width:180px;
}
.top-rec-box p {
  margin: 10px auto;
  font-size:18px;
  width:70%;
}


.top-maker-wrapper {
 width:94%;
 margin: 100px auto ;
 padding: 0;
 text-align:center;
}
.top-maker-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.top-maker-wrapper h3 {
 margin:0px auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#ff9900;
}
.top-maker-box {
 width:70%;
 margin: 60px auto;
 padding: 0;
 text-align:center;
 vertical-align:top;
}
.top-maker-banner {
 margin: 0 auto;
 padding: 0;
 text-align:center;
}
.top-maker-box h4 {
  margin:10px auto;
  padding:0;
  text-align:center;
  font-size:16px;
  color:#333;
 }
.top-maker-box p {
  margin:10px auto;
  padding:0;
  text-align:left;
  font-size:16px;
  color:#333;
}

.footer-company-wrap {
 margin: 0px auto 0;
 padding: 0;
 background-color:#edf2fb;
 text-align:center;
}
.footer-company-block {
  width:90%;
  margin: 0px auto ;
  padding: 0 0 10px 0;
  text-align:center;
}
.footer-company-block:after {
  content: '';
  display: block;
  clear: both;
}
.footer-company-left {
  margin: 0px auto ;
  padding: 30px 0 0 0;
  text-align:center;
}
.footer-company-right {
  margin: 60px auto ;
  padding: 0;
  text-align:center;
}

.footer-company-logo  {
 margin: 0 auto;
 padding: 0;
 text-align:left;
 width:200px;
}
.footer-company-address  {
 margin: 20px center;
 padding: 0;
 text-align:center;
 font-size:14px;
}
.footer-company-tel  {
 margin: 10px auto;
 padding: 0;
 text-align:center;
 font-size:17px;
}
.footer-company-tel a  {
 text-decoration:none;
 font-weight:bold;
}

.footer-company-right-map {
  width: 90%;
  height:300px;
  margin: 0px auto ;
  padding: 0;
  text-align:center;
}


.content-wrapper {
 margin:0px auto 0px auto;
 padding:0px 0 100px 0;
 width:100%;
 background-repeat:repeat-y;
 background-image:url('../images/content-bg-sp.svg');
 background-size: cover;
}
.content-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.content-title {
 margin: 0px auto 0;
 padding: 20px 0 20px 0;
 background-color:#edf2fb;
 text-align:center;
}
.content-title h1{
  margin: 0 auto ;
  color:#1644a2;
  font-size:22px;
  text-align:center;
}
}
/* スマホ　end */



/* PC　start */
@media screen and (min-width: 769px) {
.home-header {
width:100%;
 margin: 0;
 padding: 0;
 background-color:#fff;
 position: fixed;
 top: 0px;
 z-index: 9999;
}

.header-block {
 width:100%;
 margin: 0px auto 0px auto;
 padding: 0;
}
.header-block:after {
 content: '';
 display: block;
 clear: both;
}
.header-left {
 width:30%;
 float:left;
 margin: 0;
 padding:0 ;
 text-align:left;
}

.logo {
 width:380px;
 text-align:left;
 padding:12px 0 12px 0;
}
.header-right {
 float:right;
 width:70%;
 margin: 0;
 text-align:right;
}
.header-tel-block {
 margin: 10px 10px 0 0;
 text-align:right;
}
.header-tel-block:after {
  content: '';
  display: block;
  clear: both;
}
.header-tel {
 margin: 0 0 0 auto;
 text-align:right;
 float:left;
 color:#333;
 width:98%;
 font-size:22px;
 font-weight:bold;
}
.header-tel a {
 color:#333;
 text-decoration:none;
}

.header-tel-icon {
 margin: 0 0 0 auto;
 text-align:right;
 color:#333;
 font-size:15px;
 font-weight:bold;
}
.header-app {
 margin: 0;
 text-align:right;
 float:right;
 width:24%;
}

.menu-block {
 margin: 0px 10px 0 0;
 text-align:right;
}

.main-contents {
 margin:0px auto 0px auto;
 padding:90px 0 0px 0;
 width:100%;
 background-repeat:repeat-y;
 background-image:url('../images/content-bg.svg');
 background-size: contain;
}


.movie-head {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  margin:0px auto ;
}
 
video {
  position: absolute;
  top: 0;
  left: 0;
  width:1200px;
  min-width: 100%;
  min-height: 100%;
}
/* Opening
-----------------------------------------*/
.Opening {
  position:relative;
  background-color: #FFF;
  }
  .Opening ul li{
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
  }
  .Opening ul li img.Opening__text{
    position: absolute;
    top:40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    z-index: 9;
  }
  .Opening ul li span img.Opening__img{
    max-width: inherit;
    width: 100%;
    height: auto;
  }



@keyframes fadein-top {
from {
    opacity: 0;
}
to {
    opacity: 1;
    transform: translateY(0);
}
}



.top-about-wrapper {
 margin: 100px auto ;
 padding: 0 0 60px 0;
 text-align:center;
}
.top-about-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.top-about-block {
  width:76%;
  text-align:center;
  margin:0px auto 0;
}
.top-about-block:after {
 content: '';
 display: block;
 clear: both;
}
.top-about-block h1 {
 margin:0px auto 0;
 padding:0;
 text-align:left;
 font-size:24px;
 color:#333;
}
.top-about-image {
  width:300px;
  float:right;
  margin:20px 0 0 30px;
}
.top-about-block p {
 margin:30px 0 0 0;
 padding:0;
 text-align:left;
}

.top-about-block h2 {
  margin:30px 0 -20px 0;
  padding:0;
  text-align:left;
  font-size:18px;
  color:#ff9900;
 }


.newyear-wrapper {
 margin: 0 auto ;
 padding: 60px 0 60px 0;
 text-align:center;
}
.newyear-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.newyear-block {
 width:70%;
 min-width:960px;
 max-width:1200px;
 margin: 0 auto;
 padding: 30px;
 text-align:center;
 background-repeat:repeat-y;
 background-image:url('../images/newyear-bg.webp');
 background-size: cover;
}
.newyear-block:after {
 content: '';
 display: block;
 clear: both;
}
.newyear-block-detail {
  width:90%;
  margin: 0 auto;
  padding: 30px 20px 30px 20px;
  text-align:center;
  background:rgba(255,255,255,0.7);
  border-radius:30px;
}
.newyear-block h2 {
 margin:0 auto;
 padding:0;
 text-align:center;
 font-size:25px;
 color:#ff0000;
}
.newyear-date {
 margin:30px auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#ff0000;
 font-weight:bold;
}

.newyear-content {
  margin:30px auto;
  padding:10px;
  text-align:center;
  background:#fed807;
  border-radius:30px;
  width:70%;
}
.newyear-block h3 {
 margin:0 auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#333;
}
.newyear-block p {
 margin:10px auto;
 padding:0;
 text-align:center;
 font-size:18px;
 color:#333;
}
.newyear-at {
  margin:30px auto;
  padding:10px;
  text-align:left;
  width:70%;
  font-size:16px;
}


.news-wrapper {
 margin: 0 auto ;
 padding: 60px 0 60px 0;
 text-align:center;
 background:#edf2fb;
}
.news-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.news-block {
 width:70%;
 min-width:960px;
 max-width:1200px;
 margin: 0 auto;
 padding: 0;
 text-align:center;
}
.news-block:after {
 content: '';
 display: block;
 clear: both;
}
.news-block h3 {
 margin:0 auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#333;
}

ul.list-news {
  color:#333;
}
ul.list-news li {
 width:100%;
 display:block;
 text-align:left;
 padding:10px 10px 10px 30px;
}

.list-meta {
 margin:0;
 padding:0;
 text-align:left;
 vertical-align:top;
 display:inline-block;
 width:20%;
}
.list-meta:after {
 content:"";
 display: block;
 clear: both;
}
.date {
 width:80%;
 margin:20px 0 0 0;
 padding:10px 10px 10px 0;
 text-align:left;
 vertical-align:top;
 float:left;
 border-right:1px solid #ccc;
 color:#333;
}
.rss-title {
 margin:20px 0 0 0;
 padding:10px 0 0 20px;
 text-align:left;
 vertical-align:top;
 display:inline-block;
 width:68%;
}
.rss-title a {
 color:#333;
 font-weight:bold;
 text-decoration:underline;
}
.rss-title a:hover {
 color:#ff9900;
 text-decoration:underline;
}


.news {
 margin: 10px auto ;
 text-align:center;
}
.news dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
vertical-align:top;
text-align:left;
}
.news dt {
clear: left;
float: left;
width: 10%;
}
.news dd {
margin-left: 20%;
text-align:left;
}
.news dd a{
  text-decoration:none;
  color:#333;
}
.news dd a:hover{
  text-decoration:none;
  color:#ff6600;
}



.top-news-nav li {
  -moz-border-radius: 30px;    /* Firefox */
  -webkit-border-radius: 30px; /* Safari,Chrome */
  border-radius: 30px;
background-color: #ff9900; 
text-align:center;
width:300px;
 margin:40px auto 0 auto;
}
.top-news-nav a {
  -moz-border-radius: 30px;    /* Firefox */
  -webkit-border-radius: 30px; /* Safari,Chrome */
  border-radius: 30px;
 margin:0;
 padding: 10px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.top-news-nav a:hover {
  -moz-border-radius: 30px;    /* Firefox */
  -webkit-border-radius: 30px; /* Safari,Chrome */
  border-radius: 30px;
 margin:0;
 padding: 10px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
font-size:16px;
background-color:#ff6600;
}


.top-rec-wrapper {
 width:90%;
 min-width:960px;
 height:300px;
 margin: 100px auto ;
 padding: 0;
 text-align:center;
}
.top-rec-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.top-rec-box {
 width:20%;
 margin: 0px 20px ;
 padding: 0;
 text-align:center;
 display:inline-block;
 position: relative;
 vertical-align:top;
}
.top-rec-box a {
  display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top-rec-box img {
 width:180px;
}
.top-rec-box img:hover {
 border:solid 5px #ff9900;
}
.top-rec-box:hover {
  opacity: 0.9;
}
.top-rec-box p {
  margin: 10px auto;
  font-size:18px;
  width:70%;
}
.top-rec-box p:hover {
  color:#ff9900;
  border-bottom:solid 3px #ff9900;
}
.top-rec-box:hover {
  color:#ff9900;
  font-weight:bold;
}
.top-rec-box:hover p {
  border-bottom:solid 3px #ff9900;
}


.top-maker-wrapper {
 width:90%;
 min-width:960px;
 height:300px;
 margin: 100px auto ;
 padding: 0;
 text-align:center;
}
.top-maker-wrapper:after {
 content: '';
 display: block;
 clear: both;
}
.top-maker-wrapper h3 {
 margin:0px auto;
 padding:0;
 text-align:center;
 font-size:20px;
 color:#ff9900;
}
.top-maker-box {
 width:20%;
 margin: 20px 20px ;
 padding: 0;
 text-align:center;
 display:inline-block;
 position: relative;
 vertical-align:top;
}
.top-maker-banner {
 margin: 0 auto;
 padding: 0;
 text-align:center;
}
.top-maker-box h4 {
  margin:10px auto;
  padding:0;
  text-align:center;
  font-size:16px;
  color:#333;
 }
.top-maker-box p {
  margin:10px auto;
  padding:0;
  text-align:left;
  font-size:16px;
  color:#333;
}

.footer-company-wrap {
 margin: 0px auto 0;
 padding: 0;
 background-color:#edf2fb;
 text-align:center;
}
.footer-company-block {
  width:80%;
  min-width:960px;
  max-width:1200px;
  margin: 0px auto ;
  padding: 0 0 10px 0;
  text-align:center;
}
.footer-company-block:after {
  content: '';
  display: block;
  clear: both;
}
.footer-company-left {
  width: 40%;
  margin: 0px auto ;
  padding: 0;
  text-align:center;
  float:left;
}
.footer-company-right {
  width: 60%;
  margin: 60px auto ;
  padding: 0;
  text-align:left;
  float:right;
}

.footer-company-logo  {
 margin: 60px 0 0 0;
 padding: 0;
 text-align:left;
 width:340px;
}
.footer-company-address  {
 margin: 20px 30px 0 0;
 padding: 0;
 text-align:left;
 font-size:14px;
}
.footer-company-tel  {
 margin: 10px 0 0 0;
 padding: 0;
 text-align:left;
 font-size:17px;
}
.footer-company-tel a  {
 text-decoration:none;
 font-weight:bold;
}

.footer-company-right-map {
  width: 90%;
  height:400px;
  margin: 0px auto ;
  padding: 0;
  text-align:right;
}

.content-wrapper {
 margin:0px auto 0px auto;
 padding:0px 0 100px 0;
 width:100%;
 background-repeat:repeat-y;
 background-image:url('../images/content-bg.svg');
 background-size: cover;
}
.content-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.content-title {
 margin: 20px auto 0;
 padding: 40px 0 40px 0;
 background-color:#edf2fb;
 text-align:center;
}
.content-title h1{
  margin: 0 auto ;
  color:#1644a2;
  font-size:24px;
  text-align:center;
}
}
/* PCメイン　end */

/* スマホ・PC共通 */

.contents-navi {
margin: 0; 
padding: 10px 0 0 2px;
text-align:left;
font-size:12px;
}
/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 2px 5px; /* パディング（上下、左右） */
list-style-type: none; /* リストマーク非表示 */
font-size: 13px; /* 文字サイズ */
color: #333;
}
/* リスト項目 */
ol.topic-path li {
padding-left: 2px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 0px; /* 左パディング */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 15px; /* 右パディング */
}
/* リンク色 */
ol.topic-path li a {
color: #666;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #ff6600;
}

.global-footer {
 margin: 0px ;
 padding: 10px;
 background-color:#333;
 font-size: 16px;
 text-align: center;
}

.copyright {
	margin: 0px auto 0px auto;
	font-size:13px;
	color:#fff;
}
.copyright a {
	color:#fff;
	text-decoration:none;
}