/* プルダウン */
#menu li {
  position: relative;
  float: left;
  margin: 0;
}
#menu li:hover {
  color: #fff;
  background: #333;
}
#menu li ul {
  display: none;
  position: absolute;
  top: 45px;
  left: -1px;
  padding: 5px;
  width: 160px;
  background: #eee;
  border: solid 1px #ccc;
}
#menu li ul li {
  margin: 0;
  padding: 15px 0 0 0;
  width: 160px;
  border: none;
  text-align: left;
  color:#555555;
}

/* 全体 */
*{

}
.clear{
    clear: both;
}
.fleft{
    float: left;
}
.fright{
    float: right;
}
.inline{
    display:inline;
}
.title{
    padding:40px 0 0 10px;
    color:#555555;
    font-size:22px;
}
.max{
    width:100%;
}

/* メニュー */
nav{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#f3f6fa',GradientType=0 ); /* IE6-9 */
    margin: 0px auto;
    border-top: #444444 7px solid;
    border-bottom: #B1C2CC 1px solid;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c7c7c+7,7c7c7c+7,e0e0e0+69,ffffff+71,ffffff+72,a3a3a3+89,9b9b9b+100 */
    background: #7c7c7c; /* Old browsers */
    background: -moz-linear-gradient(left, #7c7c7c 7%, #7c7c7c 7%, #e0e0e0 69%, #ffffff 71%, #ffffff 72%, #a3a3a3 89%, #9b9b9b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #7c7c7c 7%,#7c7c7c 7%,#e0e0e0 69%,#ffffff 71%,#ffffff 72%,#a3a3a3 89%,#9b9b9b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #7c7c7c 7%,#7c7c7c 7%,#e0e0e0 69%,#ffffff 71%,#ffffff 72%,#a3a3a3 89%,#9b9b9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#9b9b9b',GradientType=1 ); /* IE6-9 */
}
nav ul{
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
    justify-content: center;
    width:1100px;
    margin: 0 auto;
}
nav ul li{
    text-align: center;
    border-right: 1px solid #000000;
    padding: 18px 8px 0px 8px;
    width: 160px;
    height: 30px;
}
nav ul li:first-child{
    border-left: 1px solid #000000;
}
nav ul li:hover{
    background: rgb(189,243,253); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(189,243,253,1) 0%, rgba(162,218,245,1) 17%, rgba(107,168,229,1) 60%, rgba(144,191,240,1) 64%, rgba(144,188,234,1) 75%, rgba(144,186,228,1) 87%, rgba(169,210,243,1) 95%, rgba(184,225,252,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,243,253,1)), color-stop(17%,rgba(162,218,245,1)), color-stop(60%,rgba(107,168,229,1)), color-stop(64%,rgba(144,191,240,1)), color-stop(75%,rgba(144,188,234,1)), color-stop(87%,rgba(144,186,228,1)), color-stop(95%,rgba(169,210,243,1)), color-stop(100%,rgba(184,225,252,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(189,243,253,1) 0%,rgba(162,218,245,1) 17%,rgba(107,168,229,1) 60%,rgba(144,191,240,1) 64%,rgba(144,188,234,1) 75%,rgba(144,186,228,1) 87%,rgba(169,210,243,1) 95%,rgba(184,225,252,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(189,243,253,1) 0%,rgba(162,218,245,1) 17%,rgba(107,168,229,1) 60%,rgba(144,191,240,1) 64%,rgba(144,188,234,1) 75%,rgba(144,186,228,1) 87%,rgba(169,210,243,1) 95%,rgba(184,225,252,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(189,243,253,1) 0%,rgba(162,218,245,1) 17%,rgba(107,168,229,1) 60%,rgba(144,191,240,1) 64%,rgba(144,188,234,1) 75%,rgba(144,186,228,1) 87%,rgba(169,210,243,1) 95%,rgba(184,225,252,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(189,243,253,1) 0%,rgba(162,218,245,1) 17%,rgba(107,168,229,1) 60%,rgba(144,191,240,1) 64%,rgba(144,188,234,1) 75%,rgba(144,186,228,1) 87%,rgba(169,210,243,1) 95%,rgba(184,225,252,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdf3fd', endColorstr='#b8e1fc',GradientType=0 ); /* IE6-9 */
}
nav ul li p{
    font-size: 12px;
    text-align: center;
    position: relative;
    top: 6px;
    font-weight: bold;
}
nav ul li a{
    text-decoration: none;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
}

/* ヘッド */
#head_area{
    height: 100px;
    width: 1000px;
    margin:auto;
}
#head_area img{
    padding-top:10px;
    height:80px;
}


/*コンテンツエリア*/
#content_area{
    padding:50px;
    width:1000px;
    margin:0px auto;
    line-height:30px;
}
.subtitle{
    font-size: 15px;
    line-height:40px;
}

/* News */
#news{
    margin:50px 0;
    width:600px;
    color:#777777;
    font-weight: 900;
    font-size:14px;
}
.news li:first-child{
    border-top: 1px solid #666;
}
.news li{
    border-bottom: 1px solid #666;
    padding:5px 25px;
}
.news li a{
    color:#7CC2D9;
    font-weight: 900;
}
.news li a:hover{
    color:#416CE5;
    font-weight: 900;
}
.alllist{
    margin-top:10px;
    background-color: #CC5914;
    padding:0px 8px;
    color: #ffffff;
}

.alllist a{ color: #ffffff; }
.alllist a:hover{ color: #cdcdcd; }



.h1title{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+3,207cca+18,2989d8+39,7db9e8+62 */
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(30,87,153,1) 3%, rgba(32,124,202,1) 18%, rgba(41,137,216,1) 39%, rgba(125,185,232,1) 62%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(30,87,153,1) 3%,rgba(32,124,202,1) 18%,rgba(41,137,216,1) 39%,rgba(125,185,232,1) 62%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(30,87,153,1) 3%,rgba(32,124,202,1) 18%,rgba(41,137,216,1) 39%,rgba(125,185,232,1) 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
    
    height: 50px;
}
.h1{
    width: 1000px;
    margin:0px auto;
    color:#ffffff;
    padding:15px 0 0 0;
    font-size:20px;
    font-weight: normal;
}
.h2{
    border-bottom: 3px solid #7CC2D9;
    padding:5px;
}
.h2p{
    padding:15px 5px 5px 5px;
    margin-bottom:50px;
    line-height: 25px;
    font-size:14px;
    font-weight: 900;
}
.blue_link a{
    color:#7CC2D9;
}
.blue_link a:hover{
    color:#416CE5;
}



.sidel{
    width:800px;
}
.sider{
    margin-left:30px;
    width:170px;
}
.sider div{
    border-bottom: 1px solid #cdcdcd;
    padding:3px 5px;
}
.sider div a{
    font-weight: normal;
    color:#000000;
}
.learn{
    width:40%;
    margin:30px 5%;
}
.marginlab{
    margin:5px 0 50px 0;    
}
.center{
    text-aligin:center;
    margin-left:50px;
}
.pvtitle{
    text-aligin:center;
    font-size:20px;
}

.breadcrumb{
    width: 1000px;
    padding:20px 10px;
    margin:0px auto;
}

.baractive a{
    color:#0092ef !important;
    font-weight:900 !important;
}

#labo_listarea{
    margin-bottom: 100px;
}

#labo_listarea a{ color:#7CC2D9; }
#labo_listarea a:hover{ color:#416CE5; }
#labo_listarea a:avtive{ color:#B1C2CC; }

.kengakulist a{
    float:right;
    color:#0092ef;
}

.slick-prev::before, .slick-next::before{
    color:#000000 !important;
}

header .slick-dots,header .slick-arrow{
    display:none !important;
}

.subtitle{
    font-size:19px;
}