@charset "utf-8";
html {
    font-size:14px;
    font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#000;
    background-color:#edf6f8;
    min-width:1100px;
}
a {
    color:#000;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
a:hover { text-decoration:none; }
a:hover img { opacity:0.8; }
li:last-child {
    margin-right:0!important;
    margin-bottom:0!important;
}
.container {
    margin:0 auto;
    width:1100px;
}
.container:after {
    content:"";
    clear:both;
    display:block;
}
/* header
-----------------------------------------------------------------------------*/
#header {
    background:url(../img/common/header.jpg) no-repeat center center;
    background-size:cover;
}
#navbar { 
    background:rgba(255,255,255,0.7);
    position: relative;
    z-index: 100;
}
#navbar a { display:block; }
#navbar .navbar-brand {
    float:left;
    padding-top:15px;
    width:190px;
    text-align:center;
}
#navbar #nav > li {
    float:left;
    width:151px;
    border-left:1px solid #fff;
}
#navbar #nav > li:nth-child(5) { width:151px; }
#navbar #nav > li:nth-child(6) { width:154px; }
#navbar #nav > li > a {
    display:block;
    width:100%;
    height:92px;
    font-size:0;
    background-image:url(../img/common/nav03.png);
    background-repeat:no-repeat;
}
#navbar #nav > li:nth-child(1) > a { background-position:4px 30px; }
#navbar #nav > li:nth-child(2) > a { background-position:-159px 30px; }
#navbar #nav > li:nth-child(3) > a { background-position:-324px 30px; }
#navbar #nav > li:nth-child(4) > a { background-position:-488px 30px; }
#navbar #nav > li:nth-child(5) > a { background-position:-648px 30px; }
#navbar #nav > li:nth-child(6) > a {
    background-position:-779px 25px;
    /*background-color:#000;*/
}
#navbar #nav > li > a:hover, #navbar #nav > li > a.on { background-color:#b1e2f9; }
/*
#navbar #nav > li:nth-child(6) > a:hover, #navbar #nav > li:nth-child(6) > a.on { background-color:rgba(50, 50, 50); }
*/
/* dropdown */
.dropdown { position: relative; }
.dropdown ul {
    position: absolute;
    z-index:100;
    background-color:#0079c3;
}
.dropdown ul li {
    overflow: hidden;
    height: 0;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
.dropdown:hover ul::after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 12px 8px;
    border-color: transparent transparent #0078c3 transparent;
    position:absolute;
    top:-12px;
    left:50%;
    margin-left:-8px;
}
.dropdown:hover ul li {
    overflow: visible;
    width:151px;
    height:50px;
    overflow:hidden;
    border-top:1px dotted #fff;/*ボーダーが残ってしまうのでhoverにいれる*/
}
.dropdown:hover ul li:first-child { border:none; }
.dropdown ul li a {
    line-height:50px;
    width:151px;
    color:#fff;
    text-align:center;
    text-decoration:none;
}
.dropdown a:hover { background-color:#3394cf; }

/*お問い合わせのドロップダウンの幅合わせ用*/
.saiyo-header-li{
    width:151px !important;
}
.saiyo-header-a{
    width:151px !important;
}

/* content
-----------------------------------------------------------------------------*/
#page-wrap {
    margin-top:-90px;
    padding-bottom:80px;
}
#page-wrap .container .wrapper { padding:70px 50px 50px; }
/* title
-----------------------------------*/
#page-title {
    padding:80px 0 160px;
    text-align:center;
}
.title01 {
    position:relative;
    padding-left:10px;
    margin-bottom:30px;
    font-size:24px;
}
.title01::before {
    content:"";
    display:block;
    position:absolute;
    left:-50px;
    top:50%;
    margin-top:-12.5px;
    width:50px;
    height:25px;
}
.title01::before { background:url(../img/common/title01.png) no-repeat; }
/* navi
-----------------------------------*/
#page-nav { height:90px; }
#page-nav li {
    float:left;
    width:200px;
    border-right:1px solid #fff;
}
#page-nav li:last-child { border:none; }
#page-nav li a, #page-nav li span {
    display:block;
    background-color:rgba(255,255,255,0.7);
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    line-height:90px;
}
#page-nav li span {
    background-color:#0079c3;
    color:#fff;
}
#page-nav li a:hover { background-color:rgba(0,121,195,0.2); }
/* table
-----------------------------------*/
table.tbl {
    width:100%;
    border-bottom: 1px solid #dbe1e3;
}
table.tbl tr { border-top: 1px solid #dbe1e3; }
table.tbl tr * { line-height:1.5; }
table.tbl th, table.tbl td {
    padding:15px 20px;
    vertical-align:middle;
}
table.tbl th {
    background-color:#e9f8fc;
    text-align:left;
}
/* topicpath
-----------------------------------*/
div#topicpath {
    position:fixed;
    z-index:10;
    bottom:100px;
    left:0;
    width:100%;
    padding:5px 0;
    background-color:#fff;
    border-top:1px solid #d4dbe0;
}
div#topicpath div.left {
    line-height:25px;
    width:500px;
    font-size:90%;
}
div#topicpath div.left a {
    text-decoration:none;
    margin-right:15px;
    color:#36c;
}
div#topicpath div.left img { margin-right:15px; }
div#topicpath div.left a:hover { text-decoration:underline; }
a#pagetopBtn { display:block; }
/* footer
-----------------------------------------------------------------------------*/
#footer {
    width:100%;
    background-color:#000;
    color:#fff;
}
#footer a {
    color:#fff;
    text-decoration:none;
}
#footer a:hover { text-decoration:underline; }
#pagetop { float:right; }
#pagetop a {
    display:block;
    padding:30px 0;
    width:74px;
    border-left:1px solid #4d4d4d;
    border-right:1px solid #4d4d4d;
    text-align:center;
}
#pagetop a:hover { background-color:#333; }
#copyright {
    float:left;
    padding:30px 0;
    width:-webkit-calc(100% - 74px);
    width:calc(100% - 74px);
}