@charset "utf-8";

/*WEDGE*/
#feature-w{margin-bottom:25px;}
.w-upperline{
  background: url(/common/images/v3/common/feature-w-upperline-bg.gif) no-repeat 0 0;
  width:630px;
  height:18px;
}
.w-underline{
  background: url(/common/images/v3/common/feature-w-underline-bg.gif) no-repeat 0 0;
  width:630px;
  height:18px;
}
.w-upperline span,
.w-underline span{display:none;}
.w-main{
  background: url(/common/images/v3/common/feature-w-main-bg.gif) repeat-y;
  padding:5px 20px;
  width:590px;
}
* html .w-main{width:630px;}
#feature-item-ground{
  position:relative;
  height:190px;
  z-index:1;
}
#feature-item-detail0{
  /* visibility:visible; */
  display:block;
}
#feature-item-detail1,
#feature-item-detail2,
#feature-item-detail3{
  /* visibility:hidden; */
  display:none;
}
.feature-w-title{
  font-weight:bold;
  font-size:14px;
  line-height:18px;
  background: url(/common/images/v3/top/feature-w-title.jpg) repeat-y center left;
  padding:2px 0 1px 3px;
  margin-bottom:7px;
  width:405px;
}

.feature-w-title a,
.feature-w-title a:active,
.feature-w-title a:visited{
  color:#fff;
}
.feature-w-title a:hover{color:#dce5f2;}
.detail-main{
  padding:15px;
  width:572px;
}
* html .detail-main{width:602px;}
.detail-text{
  float:left;
  /*width:405px;*/
  width:420px;
}
.detail-text h2{
  font-size:20px;
  font-weight:bold;
  line-height:1.3;
}
.detail-text h3{
  font-size:16px;
  line-height:22px;
}
.detail-text h2 a,
.detail-text h2 a:active,
.detail-text h2 a:visited,
.detail-text h3 a,
.detail-text h3 a:active,
.detail-text h3 a:visited,
.detail-text p.text span a,
.detail-text p.text span a:visited,
.detail-text p.text span a:active{
  color:#1d2089;
}
.detail-text h2 a:hover,
.detail-text h3 a:hover,
.detail-text p.text span a:hover{
  color:#03a995;
  padding-bottom:5px;
}
.detail-text p.date{
  padding-top:5px;
  font-size:12px;
}
.detail-text p.text{
  font-size:14px;
  line-height:20px;
  margin-top:12px;
}
.detail-text p.text span{
  font-weight:bold;
}
.feature-item-details{
  margin-bottom:20px;
  position:absolute;
  top:0;
  left:0;
  width:590px;
}
.feature-item-details img{
  float:right;
  width:150px;
}
#feature-w ul.feature-icon{margin-bottom:20px;}
#feature-w ul.feature-icon li{
  /*height:116px;*/
  float:left;
  padding-top:12px;
  margin-right:8px;
  _margin-right:6px;
  height:100px;
  
  position:relative;
  z-index:1;
}
* html #feature-w ul.feature-icon li{height:112px;}
#feature-w ul.feature-icon li a.feature-icon-disp-link{
  display:block;
  width:188px;
  height:128px;
  position:absolute;
  top:0;
  left:0;
}
#feature-w ul.feature-icon li a.feature-icon-disp-link:hover{
  background: url(/common/images/v3/top/feature-select-icon.gif) no-repeat top center;
}
/*
#feature-w ul.feature-icon li.current{
  background: url(/common/images/v3/top/feature-select-icon.gif) no-repeat top center;
}*/
.feature-select{
  /*float:left;*/
  padding:8px 8px 0 8px;
  width:170px;
  height:98px;
  border:solid 1px #999;
  background: url(/common/images/v3/top/feature-select-bg.jpg) repeat-x bottom left;
  bottom:0;
  left:0;
  background-color:#fff;
}
* html .feature-select{
  width:188px;
  height:106px;
}
.feature-select img{
  float:left;
  width:56px;
  margin-bottom:5px;
  _margin-bottom:0px;
}
.feature-select p{
  float:right;
  width:110px;
  font-size:12px;
  line-height:13px;
  margin-bottom:5px;
  _margin-bottom:0px;
  color:#181C8C;
}
.feature-select h4{
  clear:both;
  font-size:14px;
  line-height:18px;
  color:#181C8C;
}
.feature-select h4 span{
  font-size:12px;
  font-weight:normal;
}

/*新着記事*/
#main-column ul.w-latest,
#main-column ul.h-latest{
  padding:0;
  margin:0;
  width:590px;
  clear:both;
}
#main-column ul.w-latest li,
#main-column ul.h-latest li{
  border-bottom:dashed 1px #999;
  padding:0 0 3px 0;
  margin-bottom:5px;
}
#main-column ul.w-latest li img,
#main-column ul.h-latest li img{
  float:left;
  margin-right:5px;
  border:solid 1px #999;
}
.wedge-latest-title,
.hitotoki-latest-title{
  float:left;
  width:335px;
}
.wedge-latest-title h5,
.hitotoki-latest-title h5{
  font-size:14px;
  line-height:18px;
}
.wedge-latest-title h5 span,
.hitotoki-latest-title h5 span{
  font-size:12px;
  font-weight:normal;
}
.wedge-latest-category,
.hitotoki-latest-category{
  float:right;
  font-size:12px;
  line-height:16px;
  width:210px;
  text-align:right;
}


/*ひととき*/
#feature-h{
  margin-bottom:25px;
}
.h-upperline{
  background: url(/common/images/v3/top/feature-upperline-bg.gif) no-repeat 0 0;
  width:630px;
  height:18px;
}
.h-underline{
  background: url(/common/images/v3/top/feature-underline-bg.gif) no-repeat 0 0;
  width:630px;
  height:18px;
}
.h-upperline span,
.h-underline span{
  display:none;
}
.h-main{
  background: url(/common/images/v3/top/feature-main-bg.gif) repeat-y;
  padding:5px 20px;
  width:590px;
}
* html .h-main{
  width:630px;
}
.feature-h-title{
  font-weight:bold;
  font-size:14px;
  height:18px;
  background: url(/common/images/v3/top/feature-h-title.jpg) repeat-y center left;
  padding-left:3px;
  margin-bottom:7px;
  width:405px;
}

.feature-h-title a,
.feature-h-title a:active,
.feature-h-title a:visited{
  color:#fff;
}
.feature-h-title a:hover{
  color:#e3f6f4;
}
.feature-item{
  float:left;
  width:335px;
  margin-bottom:20px;
}
.feature-item h2{
  font-size:21px;
  line-height:25px;
}
.feature-item h3{
  font-size:15px;
  line-height:22px;
}
.feature-item h2 a,
.feature-item h2 a:active,
.feature-item h2 a:visited,
.feature-item h3 a,
.feature-item h3 a:visited,
.feature-item h3 a:active{
  color:#03a995;
}
.feature-item h2 a:hover,
.feature-item h3 a:hover{
  color:#075eb9;
}
.feature-item span{
  font-size:12px;
}
/*.feature-item p{
  margin-top:10px;
}*/
.feature-item-img{
  float:left;
  width:140px;
  margin-right:8px;
}
.feature-item-text{
  font-size:14px;
  line-height:20px;
}
.feature-item-text span{
  font-weight:bold;
}
.h-main ul.h-select {
  width:232px;
  background-color:#dbeff5;
  padding:5px;
  float:right;
  margin-bottom:20px;
}
* html .h-main ul.h-select {
  width:242px;
}
.h-main ul.h-select li{
  width:216px;
  border:solid 1px #ccc;
  padding:7px;
  background-color:#fff;
  margin:0 0 7px 0;
  _margin:0 0 3px 0;
}
* html .h-main ul.h-select li{
  width:232px;
}
.h-main ul.h-select li img{
  float:left;
  width:40px;
}
.h-main ul.h-select li h4{
  float:right;
  font-size:14px;
  line-height:16px;
  width:170px;
}

.more-category{
  float:right;
  font-size:12px;
}