@charset "utf-8";
body{}
img{max-width:100%;height:auto;}
.main{margin-top:20px;margin-bottom:20px;}
h2{font-size:24px;}
h3{font-size:20px;}
.h1, .h2, .h3, h1, h2, h3{margin-top:0px;margin-bottom:10px;}
address{color:#FFF;}
.header{border-top:6px solid #007A5C;background:#fff;}
.site-logo{margin-top:16px;margin-bottom:14px;padding-right:0;}
.breadcrumb{padding:0;background:none;}
.breadcrumb li+li:before{content:'≫';}
.navbar{min-height:auto;margin-bottom:0px;}
@media screen and (min-width:768px) and (max-width:991px){.navbar .container{width:100%;}
}
.nav-toggle{text-align:right;}
.navbar-toggle{margin:20px 0 0 0;background-image:-webkit-linear-gradient(top,#C0EFE0 0,#038070 100%);background-image:-o-linear-gradient(top,#C0EFE0 0,#038070 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#C0EFE0),to(#038070));background-image:linear-gradient(to bottom,#C0EFE0 0,#038070 100%);}
.navbar-toggle .icon-bar{background-color:#FFF;}
.navbar-inverse{border:none;border-top:2px solid #C0EFE0;-webkit-border-radius:0;border-radius:0;background-color:#038070;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{border:none;}
.navbar-collapse{box-shadow:none;}
@media screen and (min-width:768px){.navbar-collapse{margin-top:0;}
}
.navbar-nav{float:none;margin:0;}
.navbar-nav li{width:100%;}
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
@media screen and (min-width:768px){.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#333;}
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover{color:#FFF;background-color:#033;}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover{color:#FFF;background-color:#033;}
@media screen and (min-width:768px){.navbar-nav li{width:100%;}
.navbar-nav>li{width:calc(100%/7);text-align:center;}
.navbar-nav li:hover{background:rgba(255, 255, 255, 0.1);}
.navbar-inverse .navbar-nav>li>a{padding:15px 0;color:#FFF;}
}
.sub-nav,
.navbar-form{display:none;}
.sub-nav a{color:#66737f;}
.sub-nav li:before{padding-right:5px;content:'≫';color:#C0EFE0;}
@media screen and (min-width:768px){.sub-nav{display:block;padding-top:30px;text-align:right;}
.navbar-form{display:block;padding:0;text-align:right;}
}
.input-group{width:280px;}
@media screen and (min-width:768px){.navbar-form .input-group .input-group-btn{width:1%;}
}
.jumbotron{margin:0;padding:0;}
.key-visual{margin:0 0 20px 0;}
.carousel-control i{position:absolute;z-index:5;top:50%;display:inline-block;margin-top:-10px;color:#bababa;}
.carousel-control .fa-angle-left{left:50%;margin-left:-10px;}
.carousel-control .fa-angle-right{right:50%;margin-right:-10px;}
@media screen and (min-width:768px){.carousel-control i{font-size:30px;width:30px;height:30px;margin-top:-15px;}
.carousel-control .fa-angle-left{margin-left:-15px;}
.carousel-control .fa-angle-right{margin-right:-15px;}
}
.carousel-indicators{display:none;}
.carousel-inner>.item>a>img{width:100%;}
.page-visual{background-color:#fff;margin-bottom:20px;}
.pagevisual-title{margin:0;font-size:20px;padding:10px;height:100%;color:#333;background-color:#C0EFE0;background-repeat:no-repeat;background-position:right top;-webkit-background-size:50%;-o-background-size:50%;background-size:50%;}
@media screen and (min-width:768px){.pagevisual-title{font-size:20px;padding:10px 0 0 10px;height:40px;color:#333;background-position:right top;-webkit-background-size:auto;-o-background-size:auto;background-size:auto;}
}
.feature-block{margin-bottom:10px;}
@media screen and (min-width:768px){.feature-block{margin-bottom:0;text-align:center;}
}
.feature-block a{display:table;}
@media screen and (min-width:768px){.feature-block a{display:block;}
}
.feature-block a:hover{text-decoration:none;}
.feature-block a p,
.feature-block a h3{display:table-cell;float:none;vertical-align:middle;}
@media screen and (min-width:768px){.feature-block a p,
.feature-block a h3{display:block;float:left;}
}
.feature-block a p{padding-bottom:0;}
@media screen and (min-width:768px){.feature-block a p{margin-bottom:0;padding-bottom:10px;}
}
.feature-block a p img{border:4px solid #ececec;}
.feature-block a:hover p img{opacity:0.5;}
.feature-block a h3{font-family:'Roboto Condensed', sans-serif;font-size:20px;color:#666;}
@media screen and (min-width:480px){.feature-block a h3{font-size:20px;margin-top:0;padding:10px 15px 0;}
}
.feature-block a:hover h3{color:#bbb;}
.feature-block a h3 span{font-size:14px;display:block;}
.featureblock-title{padding-left:0;}
.home-subtitle{font-size:25px;padding-left:10px;border-left:4px solid #337ec4;}
.home-subtitle span{font-size:14px;font-weight:normal;display:block;}
@media screen and (min-width:768px){.home-subtitle{font-size:40px;}
.home-subtitle span{display:inline;margin-left:20px;}
}
.nav-tabs li{width:100%;padding-right:0;padding-left:0;}
@media screen and (min-width:768px){.nav-tabs li{width:190px;height:52px;margin:0 4px 0 0;}
}
.nav-tabs>li>a{font-size:16px;margin:0;padding:14px 15px;text-align:center;-webkit-border-radius:0;border-radius:0;background:#C0EFE0;color:#363;}
@media screen and (min-width:768px){.nav-tabs>li>a{-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;}
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus{color:#fff;background:#038070;}
.nav>li>a:focus, .nav>li>a:hover{text-decoration:none;background-color:#038070; color:#FFF;}
.tab-content{padding:20px;border:2px solid #e8e8e8;background:#fff;margin-bottom:5px;}
.tab-pane{margin-bottom:0;list-style-type:none;-webkit-padding-start:0;}
.tab-pane li{overflow:hidden;}
.tab-pane li+li{margin-top:12px;}
.tab-pane div{float:left;}
.tab-pane .article-title{font-size:14px;line-height:1.4;float:left;display:block;margin:0;}
@media screen and (min-width:768px){.tab-pane .article-title{float:none;padding-left:154px;}
}
.tab-pane .date{width:80px;margin-right:10px;}
.tab-pane .label{display:inline-block;width:60px;margin-right:10px;padding:0.3em 0 0.4em;text-align:center;color:#fff;}
.label-product{background:#393;}
.label-news{background:#C00;}
.label-topics{background:#099;}
.label-seminer{background:#F60;}
.label-voice{background:#F66;}
.label-media{background:#930;}
.mainblock{padding:25px 0;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
.inner-block p{padding:0 0 10px 0;}
.inner-block li{padding:0 15px 10px;}
@media screen and (min-width:768px){.inner-block li{padding:0 3px;}
}
.article-nav ul{padding:15px;list-style:none;}
.article-nav li{display:inline-block;}
.article-nav .prev{float:left;}
.article-nav .next{float:right;}
.article-nav li a{font-size:14px;line-height:26px;display:inline-block;width:86px;height:26px;text-align:left;border:1px solid #ddd;-webkit-border-radius:13px;border-radius:13px;}
.article-nav li a:hover{text-decoration:none;background:#CCC;}
.article-nav+.inner-block{border-top:1px solid #eaeaea;}
.maintitle{margin-top:0px;font-family:'Roboto Condensed', sans-serif;font-size:18px;line-height:1.2;padding:12px 20px 12px 16px;color:#333;border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:6px solid #F69;}
.subtitle{font-family:'Roboto Condensed', sans-serif;font-size:18px;line-height:1.2;padding:12px 20px 12px 16px;color:#333;border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:6px solid #333;}
.blocktitle{font-family:'Roboto Condensed', sans-serif;font-size:18px;font-weight:bold;line-height:1.2;padding:8px 10px;color:#333;border-bottom:2px solid #eaeaea;}
.boxtitle{font-family:'Roboto Condensed', sans-serif;font-size:24px;line-height:1.2;padding:8px 0;}
.tablebox{padding:25px 15px;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
.table>tbody>tr>th{border-top:none;border-bottom:2px solid #ddd;}
.table>tbody>tr>th:first-child,
.table>tbody>tr>td:first-child{padding:8px 8px 8px 15px;}
.thumb-box{padding:0;list-style:none;}
.thumb-box li{padding:0 15px 10px;}
@media screen and (min-width:768px){.thumb-box li{padding:0 15px;}
}
.thumb-box li a{position:relative;display:block;overflow:hidden;padding:4px;color:#333;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
.thumb-box li a:hover{text-decoration:none;border:1px solid #333;}
.thumb-box li a img{width:100%;height:auto;}
.thumb-box h3,
.thumb-box p{padding:0 15px;}
.thumb-box button{float:right;margin:0 15px 15px 0;}
.thumb-block{list-style:none;}
.thumb-block li{margin-bottom:10px;padding:4px 4px 15px;color:#333;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
@media screen and (min-width:768px){.thumb-block li{padding:4px;}
}
.thumb-block li div{position:relative;overflow:hidden;}
.thumb-block li:last-child{margin-bottom:20px;}
.thumb-block li>div:first-child{padding-right:0;padding-left:0;}
.thumb-block li>div:first-child img{width:100%;height:auto;}
.thumb-block button{float:right;}
.aside{margin:10px auto 0;}
.aside .banner{text-align:left;}
.aside p,
.aside .fb-page{text-align:left;}
.aside p a:hover{opacity:0.6;}
@media screen and (min-width:992px){.aside{margin:0 auto;}
.aside p img{width:100%;height:auto;}
}
.cat-nav{margin-bottom:10px;}
.cat-nav .cat-title{font-size:16px;line-height:20px;height:auto;margin:0;padding:10px;color:#fff;background:#038070;}
.cat-nav ul{padding:0;list-style:none;border-top:1px solid #eaeaea;}
.cat-nav li{height:auto;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;padding:10px;}
.cat-nav li a{font-size:16px;line-height:20px;display:block;padding:5px;color:#333;}
.cat-nav li a::before{position:absolute;right:15px;}
.btn-pagetop{border-bottom:5px solid #9C3;background:#fbfbfb;}
.btn-pagetop .container{text-align:right;}
.btn-pagetop .container a{display:inline-block;width:50px;height:25px;text-decoration:none;color:#fff;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;background:#038070;}
.btn-pagetop .container a:hover{text-decoration:none;background:#c1d5e8;}
.btn-pagetop .container a i{padding-top:5px;}
.footer{background:#066;}
.footer .container{padding:10px 0 100px 0;}
.footer-nav{font-family:'Roboto Condensed', sans-serif;font-size:34px;margin:0;color:#038070;}
@media screen and (min-width:768px){.footer-nav>div{float:left;max-width:50%;}
}
@media screen and (min-width:992px){.footer-nav>div{max-width:25%;text-align:left;}
}
.footernav-title{font-size:16px;margin:0;padding:10px 0;border-bottom:1px solid #FFF;color:#FFF;}
.footernav-title .glyphicon-chevron-down:before{margin-right:10px;}
@media screen and (min-width:768px){.footernav-title .glyphicon-chevron-down:before{display:none;}
}
.list-group{margin-bottom:0;color:#FFF;}
.list-group a{font-size:14px;position:relative;display:block;padding:10px 15px;color:#FFF;}
.list-group a:hover{text-decoration:none;background-color:#038070;color:#FFF;}
.footer-logo{margin-top:20px;}
.footer-icon .container{list-style-type:none;}
.footer-icon p,
.footer-icon ul{width:100%;text-align:center;}
.footer-icon li{display:inline-block;float:none;}
.footer-icon li a:hover{opacity:0.6;}
.footer-icon li img{width:40px;height:auto;border:2px solid #bedaff;}
.sns-icon{float:left;}
.copyright{text-align:center;color:#333;}
body{margin:0;padding:0;}
* html body{overflow:hidden;}
div#footerArea{position:fixed !important;position:absolute;bottom:0;left:0;width:100%;height:100px;background-color:#038070;padding-top:0px;padding-bottom:0px;border-top:1px solid #CCC; color:#FFF;}
* html div#contentsArea{height:100%;overflow:auto;}

p {margin: 0px;}
