@charset "utf-8";
/*
* sp_common.css
*
*/

/* visual-area-top
--------------------------------------------------
#visual-area-top {
  margin: 0 0 20px;
}
#visual-area-top .photo-box {
  overflow: hidden;
  position: relative;
}
#visual-area-top .photo-box .frame {
  height: 234px;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
  position: relative;
  top: 0;
  width: 800%;
}
#visual-area-top .photo-box .frame li {
  float: left;
  position: relative;
  width: 12.5%;
}
#visual-area-top .photo-box .frame li img {
  width: 100%;
}
#visual-area-top .photo-box .text {
  background: url(/img/visual_text_area.png) no-repeat;
  background-size: auto 49px;
  bottom: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  left: 0;
  line-height: 1.2;
  padding: 5px 0 0 5%;
  position: absolute;
  width: 95%;
}
#visual-area-top .text-box {
  display: none;
}
#visual-area-top .indicator {
  clear: both;
  padding: 5px 0 0;
  text-align: center;
}
#visual-area-top .indicator li {
  background: #8d8d8d;
  box-shadow: 1px 1px 1px #666666 inset;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin: 0 2px;
  width: 12px;
}
#visual-area-top .indicator .active {
  background: #192c4c;
}

/* news-area
-------------------------------------------------- */
#news-area .body-area .news-content li .news-kate{
  position:absolute;
  top:10px;
  left:75px;
  width:90px;
  /*background:#202287;*/
  text-align:center;
  color:#FFF;
  font-size:9px;
  line-height:9px;
  padding:2px 0;
}
#news-area .body-area .news-content li .kate-blue{  background:#202287;}
#news-area .body-area .news-content li .kate-brown{  background:#D39943;}
#news-area .body-area .news-content li .new-icon {
  left: 118px;
  position: absolute;
  top: 13px;
  width: 19px;
}
#news-area .body-area .news-content li .text-area {
  padding: 2px 0 0 70px;
}

/* link-area
-------------------------------------------------- */
#link-area{
  display:block;
  background:#D9D9D9;
  padding:8px 0;
  border-top:1px solid #CCCCCC;
}
#link-area .link-content{
  width:300px;
  margin:0 auto;
}

#link-area .link-content li{
	width: 148px;
	float: left;
}

.top .link-content li {
    margin: 0 2px 5px 0;
    border: none;
}

#link-area .link-content li:nth-child(2n){
	float: right;
}

#link-area .link-content li a{
	display: table;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
}
/*#link-area .link-content li a {
  background:url(/sp_img/link-conten_arrow.png) no-repeat #FFF;
  background-size:10px 17px;
  background-position:130px 13px;
  border:1px solid #C2C2C2;
  display: table;
  height: 22px;
  width: 148px;
  position:relative;
}*/

#link-area .link-content li a{
	border: none;
}
#link-area .link-content li:first-child{border-bottom:none;border-right:none;}
#link-area .link-content li:nth-child(2){border-bottom:none;}
#link-area .link-content li:nth-child(3){border-right:none;}

#link-area .link-content li a .photo {
  margin: 1px;
  float:left;
  width:40px;
  margin:8px 4px;
  height: auto;
}
.link-content li .title .pc-title-img{
  display:none;
}
#link-area .link-content li a .title {
  float:right;
  position:absolute;
  top:14px;
  left:49px;
  width:78px;
}
/* banner-area
-------------------------------------------------- */
#banner-area{
  display:block;
}
#banner-area .banner-content{
  text-align:center;
}
#banner-area .banner-content li {
 margin:10px auto;
 width:300px;
}

#link-area .link-content li:last-child a .title{
    font-size: 13px;
    top: 5px;
}