@charset "UTF-8";

/* -----------------
 index
-------------------- */

#mainimg_area_top{
  width:100%;
  margin:0 0 30px;
}

#slide{
  width:100%;
  overflow: hidden;
  margin:0;
  position: relative;
}
#slide ul{
  width:100%;
}
#slide li.slide_image{
  width:100%;
  margin:0;
}
#slide li img{
  width:100%;
}

#block_top_news{
  width:94%;
  margin:0 auto ;
  position: relative;
}
#block_top_news #inner{
  margin:0 0 40px;
}
#block_top_news #inner a .block_news{
  width:48%;
  margin:0 0 20px;
  float:left;
}
#block_top_news #inner a:nth-of-type(2n) .block_news{
  float:right;
}
#block_top_news #inner a{
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
#block_top_news #inner a:hover{
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha( opacity=80 );
  opacity: 0.8;
}
#block_top_news #inner a .block_news img{
  width:100%;
  height:120px;
}
#block_top_news #inner a .block_news p{
  height:95px;
  margin:0;
  padding:10px 4%;
  font-size: 13px;
  line-height: 1.6em;
  color:#0c419a;
  text-align: left;
  overflow: hidden;
  border: 1px solid #a8bbda;
  box-sizing:border-box;
}
#block_top_news #inner a .block_news p span.block{
  display: block;
}
#block_top_news #inner a .block_news p span.cate{
  display: inline-block;
  margin-right: 10px;
  padding:2px 1em 1px;
  font-size: 10px;
  line-height: 1em;
  box-sizing:border-box;
  border: 1px solid #0c419a;
}
#block_top_news #inner a .block_news p span.date{
  display: inline-block;
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1em;
}
#btn_news_list{
  margin:0 0 70px;
  text-align: center;
}
#btn_news_list .layout{
  text-align: center !important;
}

#block_top_contents_sp{
  width:100%;
  margin:0 auto 60px;
}
#block_top_contents_sp #column3{
  margin:0;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
}
#block_top_contents_sp #column3 li{
  width:33.3333333333%;
  margin:0;
  padding:0;
  float:left;
}
#block_top_contents_sp #column3 li img{
  width:100%;
}
#block_top_contents_sp #column2{
  margin:0;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
}
#block_top_contents_sp #column2 li{
  width:50%;
  margin:0;
  padding:0;
  float:left;
}
#block_top_contents_sp #column2 li img{
  width:100%;
}

#block_top_banner{
  width:100%;
  margin:0 auto 70px;
}
#block_top_banner ul{
  width:90%;
  margin:0 auto;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
}
#block_top_banner ul li{
  width:100%;
  margin:0 0 25px;
  float:left;
}
#block_top_banner ul li:last-child{
  margin:0;
}
#block_top_banner ul li img{
  width:100%;
}