@charset "utf-8";

/* ---------------------------------------------------------
    topics (whatsnew / release)
   ---------------------------------------------------------*/

.whatsnewList,
.releaseList,
.whatsnewDetail,
.releaseDetail {
/*	width: 78%; */
	width:100%;
	float:left;
	margin-bottom: 20px;
}

.whatsnewList{
	margin-bottom: 60px;
}

.releaseArchives,
.whatsnewArchives{
	width:17%;
	float:left;
	margin-left:30px;
}


/*-- リンク追加部分 --*/

.whatsnewArchives,
.releaseArchives{
	overflow:hidden;
	position:relative;
	zoom:1;
}

.whatsnewArchives ul,
.releaseArchives ul{
	border:1px solid #CCC;
	margin-bottom: 30px;
}

.whatsnewArchives li a,
.releaseArchives li a{
	background:url(../images/mk-link-01.png) 15px center no-repeat;
	padding:0 15px 0 30px;
	line-height:40px;
	display:block;
	color:#666;
}

.whatsnewArchives li a:hover,
.releaseArchives li a:hover{
	color:#fff;
	background:#e6001b url(../images/mk-link-02.png) 15px center no-repeat;
}

/* アクティブ */
.active-Link{
	background-color:#e6001b;
}

#topics_Wrapper{
	margin:0;
	padding:0;
}

.releaseList,
.releaseDetail {
	margin-bottom: 60px;
	width: 75%;
}

.releaseArchives {
	margin-bottom:40px;
	width:20%;
}

/* h3 */
.whatsnewList h3,
.releaseList h3 {
	background-color:#E1E1E1;
	padding:15px 0 15px 20px;
	margin-top: 0;
	font-weight:normal;
}

.whatsnewList dl,
.releaseList dl {
	border-bottom:1px solid #CCCCCC;
	padding: 12px 0;
}

.whatsnewList dl.bdNone {
  border: none;
}

.whatsnewList dt,
.releaseList dt,
.whatsnewDetail dt,
.releaseDetail dt {
	float: left;
	margin-left: 30px;
}

.whatsnewList dt img{
  display: block;
  margin: 0 auto;
}

.whatsnewList dd,
.releaseList dd {
	margin-left: 180px;
}

.whatsnewList dd.tit {
	font-weight: bold;
	color: #333;
}

.whatsnewList dd p,
.releaseList dd p {
	margin: 7px 0;
}

.whatsnewList dd p img{
  padding: 10px 0 15px;
}

.releaseList dd.cat,
.releaseDetail dd.cat {
	float: left;
	margin-left: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 60px;
}

.releaseList dd.cat .fa,
.releaseDetail dd.cat .fa {
	background:url(../../release/images/ico_fa.gif) 0 3px no-repeat;
}

.releaseList dd.cat .ecoms,
.releaseDetail dd.cat .ecoms {
	background:url(../../release/images/ico_ecoms.gif) 0 3px no-repeat;
}

.releaseList dd,
.releaseDetail dd {
	margin-left: 230px;
}

/* h3 */
.releaseDetail dd h3 {
	margin-right: 20px;
	margin-top:0;
}

.whatsnewDetail dl,
.releaseDetail dl{
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	overflow:hidden;
	padding-top:15px;
}

.listBtn {
	float: right;
	margin: 10px 0 30px 0;
	overflow: hidden;
}

.listBtn a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 142px;
	height: 47px;
	background: url(../images/list_btn_01.png) no-repeat;
}

.releaseDetail .contents {
	overflow: hidden;
	clear: both;
	margin: 30px 20px;
}

.releaseDetail .contents p {
	margin: 8px 0;
}

/* sus */
table.newsTbl,
table.newsTbl th,
table.newsTbl td {
	border: 1px solid #333;
}

.newsTbl {
    margin-bottom: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

/*media screen,tv*/
.newsTbl td {
    text-align: center;
}

/*media screen,tv*/
.newsTbl th {
    background-color: #eee;
}



/* width768px */
@media screen and (max-width: 768px) { 

	.whatsnewList,
	.releaseList,
	.whatsnewDetail,
	.releaseDetail {
		width: 100%;
		float: none;
	}

	.whatsnewArchives,
	.releaseArchives{
		width: 90%;
		margin:0 auto;
		float: none;
	}

	.whatsnewList dl{
		border-bottom:1px solid #CCCCCC;
		padding-bottom:15px;
	}
  
	
	.whatsnewList dd{
		margin-left: 15px;
	}

	.whatsnewList dt{
		float: left;
		width:100%;
		margin-left:10px;
    position:relative;
	}
  
  .whatsnewList dt span{
    position:absolute;
    top: 10px;
    right: 30px;
  }

	.whatsnewList dt img{
    float: left;
    display: inline;
    width: 40px;
    margin: 0 20px 5px;
  }
  
	.whatsnewList dd.tit{
		font-weight: bold;
    font-size: 1.1em;
		color: #333;
		margin:0 13px 5px 10px;
	}

	.whatsnewList dd p{
		margin:0 auto;
		width:99%;
	}

	.whatsnewArchives li a,
	.releaseArchives li a{
		background:url(../images/mk-link-01.png) 15px center no-repeat;
		padding-left:30px;
	}

	.releaseList dl{
		padding:0 12px 12px 0;
		margin-bottom:15px;
	}
	
	.releaseDetail dl{
		padding:10px 12px 0 0;
		margin-bottom:15px;
	}

	.releaseList dt,
	.releaseDetail dt{
		margin:0;
		padding-left:10px;
	}
	
	.releaseList dd.tit{
		width:98%;
		margin:0 10px 5px 12px;
		padding-top:10px;
	}
	
	.releaseDetail dd.tit{
		width:98%;
		margin:0 10px 5px 12px;
	}

	.releaseDetail dd h3 {
		margin-top:8px;
	}

	.releaseList dd.cat,
	.releaseDetail dd.cat{
		float:none;
		padding-left:10px;
	}

	.releaseDetail .contents {
		width:90%;
		margin:0 auto;
	}
	
	.releaseDetail dl{
		margin:0;
	}
	
	.listBtn{
		float:none;
		width:142px;
		margin:20px auto 10px auto;
	}

}