@charset "utf-8";
/* CSS Document */
/* 色半分 */
div.bgharf01 {
	width:100%;
	height:40px;
	background:linear-gradient(transparent 50%, #000 50%), #080808;
}
	div.bgharf01 h2 {
		display: block;
		height:40px;
		line-height: 40px;
		color: #fff;
	}
div.bgharf02 {
	width:100%;
	height:40px;
	background:linear-gradient(transparent 50%, #090909 50%), #000;
}
	div.bgharf02 div.center {
		width:94%;
		margin: 0 auto;
	}
		div.bgharf02 div.center a.colorbtn {
			display: block;
			width:100px;
			height:40px;
			box-sizing: border-box;
			border: #fff 1px solid;
			text-decoration: none;
			color: #fff;
			overflow: hidden;
			position: relative;
			line-height: 40px;
			text-align: center;
			font-weight: bold;
		}
		div.bgharf02 div.center a.colorbtn.prev { float: left;}
		div.bgharf02 div.center a.colorbtn.next { float: right;}
			div.bgharf02 div.center a.colorbtn span.bgwhite {
				display: inline-block;
				width:100%;
				height:40px;
				background: #fff;
				position: absolute;
				top:0;
				left:-100%;
				transition: all 0.5s 0s ease;
			}
			div.bgharf02 div.center a.colorbtn span.name {
				display: inline-block;
				width:100%;
				height:40px;
				font-size: 12px;
				position: absolute;
				top:0;
				left:0;
				transition: all 0.5s 0s ease;
				z-index: 10;
				color: #fff;
				letter-spacing: 2px;
			}
			div.bgharf02 div.center a.colorbtn.prev span.name {
				background: url(../images/cmn/left.png) no-repeat;
				background-position: left 5px center;
				padding-left: 10px;
			}
			div.bgharf02 div.center a.colorbtn.next span.name {
				background: url(../images/cmn/right.png) no-repeat;
				background-position: right 15px center;
				padding-right: 10px;
			}
		div.bgharf02 div.center div#news a.colorbtn:hover { 
			opacity: 1;
		}
			div.bgharf02 div.center a.colorbtn:hover span.bgwhite { left:0;}
			div.bgharf02 div.center a.colorbtn:hover span.name { 
				color: #000;
			}
			div.bgharf02 div.center a.colorbtn.prev:hover span.name {
				background: url(../images/cmn/left2.png) no-repeat;
				background-position: left 5px center;
			}
			div.bgharf02 div.center a.colorbtn.next:hover span.name {
				background: url(../images/cmn/right2.png) no-repeat;
				background-position: right 15px center;
			}
/* ニュース記事部分 */
div.newslistbox {
	width:100%;
	margin: 0 auto;
	box-sizing: border-box;
	background: #000;
	padding: 30px 0 50px 0;
}
	div.newslistbox div.center {
		width:94%;
		margin: 0 auto;
	}
		div.newslistbox div.center div.news {
			width:100%;
			height:160px;
			background: #080808;
			margin-bottom: 20px;
			position: relative;
			box-sizing: border-box;
			padding: 10px;
		}
			div.newslistbox div.center div.news div.imgbox {
				width:140px;
				height:140px;
				position: absolute;
				top:10px;
				left:10px;
			}
			div.newslistbox div.center div.news div.infobox {
				width:100%;
				box-sizing: border-box;
				padding-left: 155px;
			}
				div.newslistbox div.center div.news div.infobox p.date {
					color: #fff;
					font-size: 12px;
					letter-spacing: 1px;
				}
				div.newslistbox div.center div.news div.infobox p.type {
					position: absolute;
					color: #fff;
					font-size: 14px;
					font-weight: bold;
					top:10px;
					right:10px;
					letter-spacing: 1px;
				}
				div.newslistbox div.center div.news div.infobox p.title {
					margin: 10px auto 0 auto;
					height:20px;
					line-height: 20px;
					color: #fff;
					font-size: 12px;
					font-weight: bold;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
					letter-spacing: 1px;
				}
				div.newslistbox div.center div.news div.infobox p.setumei {
					margin: 5px auto 0 auto;
					height:72px;
					line-height: 18px;
					color: #3B3B3B;
					font-size: 12px;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 4;
				}
				div.newslistbox div.center div.news div.infobox a {
					margin: 5px auto 0 auto;
					display: inline-block;
					text-decoration: none;
					color: #3B3B3B;
					font-size: 16px;
					letter-spacing: 1px;
					float: right;
				}
/* 記事部分 */
div.newsbox {
	width:100%;
	margin: 0 auto;
	box-sizing: border-box;
	background: #000;
	padding: 30px 0 80px 0;
}
	div.newsbox div.center {
		width:94%;
		margin: 0 auto;
	}
		div.newsbox div.center p.date {
			color: #fff;
			font-size: 12px;
			letter-spacing: 1px;
			text-align: right;
		}
		div.newsbox div.center h3 {
			margin: 10px auto 0 auto;
			font-size: 12px;
			color: #fff;
			line-height: 25px;
		}
		div.newsbox div.center img {
			display: block;
			margin-top: 20px;
			max-width: 100%;
		}
		div.newsbox div.center p.ptext {
			margin: 10px auto 0 auto;
			font-size: 12px;
			color: #fff;
			line-height: 20px;
		}
		div.newsbox div.center a {
			margin: 10px auto 0 auto;
			display: inline-block;
			text-decoration: none;
			font-size: 12px;
			letter-spacing: 1px;
			color: #fff;
			padding-bottom: 2px;
			border-bottom: #3B3B3B 1px dotted;
			float: right;
		}