/*
0.0:全体の設定
*/
html, body {
    margin:0;
    padding:0;
    font-size:100%;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height:1.3em;
    background-color:#FFF;
}
/*
1.0:ヘッダー
*/
header {
    width:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(255,255,255,0.80);
    z-index: 1000;
}
/*
1.1:ロゴまわり
*/
header .header-top {
    width:980px;
    margin:0 auto;
}
header .header-top .header-top-table {
    width:100%;
    display:table;
}
/*
1.2:ロゴを囲むボックスとロゴ
*/
header .header-top .header-top-table .header-top-image {
    width:533px;
    display:table-cell;
    vertical-align:top;
}
header .header-top .header-top-table .header-top-image img {
    vertical-align:bottom;
    border:none;
}
/*
1.3:右端のリンク
*/
header .header-top .header-top-table .header-top-contact {
    display:table-cell;
    vertical-align:bottom;
}
header .header-top-contact p {
    margin:0 0 5px;
    text-align:right;
}
header .header-top-contact p a {
    color:#000;
}
/*
1.4:ナビゲーション
*/
header .nav-block {
    width:100%;
    background-color:#003399;
    border-top:2px solid #C00;
}
header nav {
    display:block;
    width:980px;
    margin:0 auto;
}
header nav .nav-inner {
    /*padding:1em 0;*/
}
/*
1.5:メニューそのもの
*/
header nav ul {
    margin:0;
    padding:0;
    width:100%;
    display:table;
}
header nav ul li {
    display:table-cell;
    vertical-align:middle;
    border-right:1px solid #FFF;
    text-align:center;
}
header nav ul li:last-child {
    border-right:none;
}
header nav ul li a {
    color:#FFF;
    font-weight:bold;
    display:block;
    text-decoration:none;
    padding:1em 0;
    text-align:center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
header nav ul li a:hover {
    color:#FFF;
    background-color:#3366CC;
}
nav a.active {
    color:#FFF;
    background-color:#3366CC;
}

/*
2.0:フッター
*/
footer {
    width:100%;
    background-color:#039;
    border-bottom:2px solid #C00;
}
footer .footer-inner {
    padding:20px 0;
}
footer .footer-table {
    margin:0 auto;
    width:980px;
    display:table;
}
footer .footer-table .footer-cell-left {
    display:table-cell;
    vertical-align:top;
    width:300px;
}
footer .footer-table .footer-cell-left p {
    font-size:90%;
    margin:0;
    color:#FFF;
}
footer .footer-table .footer-cell-left p a {
    color:#FFF;
    text-decoration:none;
}
footer .footer-table .footer-cell-right {
    display:table-cell;
    vertical-align:top;
}
footer .footer-table .footer-cell-right p {
    font-size:90%;
    color:#FFF;
    text-align:right;
    margin:0;
}
footer .footer-table .footer-cell-right p a {
    color:#FFF;
}

/*
3.0:コンテンツ回り
*/
article {
    margin:0px auto 20px;
    width:980px;
}