@charset "utf-8";

body {
  background:#efefef url(/sp/images/index_bg001.png) no-repeat center top;
  background-size:100%;
}

/*=================================
  header
================================ */
#header {
  padding: 0 0 0 10px;
  background:none;
}
#header #siteLogo {
  float: left;
  margin-bottom:-20px;
}

#header #headerLink {
  float: right;
  margin-top: 0;
}

/*=================================
  topContent
================================ */
#topContent {
  margin: 0 10px;
}

/* bnArea */
#topContent .bnArea {
  margin-top:13px;
  text-align:center;
}
#topContent .bnArea ul {
  margin-top:6px;
}
#topContent .bnArea ul li {
  float:left;
  margin-left:2%;
  width:49%;
}
#topContent .bnArea ul li:first-child {
  margin:0;
}
#topContent .bnArea .spslider ul li:nth-child(2){
  margin-left: 0%;
  margin-top:6px;
}

#topContent .bnr-sub {
  display:flex;
  flex-wrap:wrap;
}

#topContent .bnr-sub ul li {
  width: 100%;
  margin: 8px 0;
}

/* newsArea */
#topContent .newsArea {
  margin-top: 10px;
  background: #ffffff;
}
#topContent .newsArea dt.newsAreaTitle {
  padding: 12px 16px;
  background:#062b70;
  border: 1px solid #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color:#FFF;
}
#topContent .newsArea dd dl {
  border: 1px solid #cccccc;
  border-top:none;
  padding: 8px 11px;
}
#topContent .newsArea dd dt {
  color:#597499;
  font-size: 12px;
  font-size: 1.2rem;
}
#topContent .newsArea dd dd {
  margin-top: 3px;
  padding: 0;
}
#topContent .newsArea dd dd a {
  display:block;
  background-image:url(/sp/common/images/com_ic002.png);
  background-repeat:no-repeat;
  background-position:100% 0;
  background-size:14px 12px;
  padding-right:15px;
}

/*=================================
  clearfix
=================================*/
#topContent .bnArea ul:after {
  content: "";
  display: block;
  clear: both;
}