@charset "utf-8";
/* CSS Document */
/* 色半分 */
div.bgharf01 {
	width:100%;
	height:55px;
	background:linear-gradient(transparent 50%, #000 50%), #080808;
}
	div.bgharf01 h2 {
		display: block;
		height:55px;
		line-height: 55px;
		color: #fff;
	}
div.bgharf02 {
	width:100%;
	height:55px;
	background:linear-gradient(transparent 50%, #090909 50%), #000;
}
	div.bgharf02 div.center {
		width:795px;
		margin: 0 auto;
	}
		div.bgharf02 div.center a.colorbtn {
			display: block;
			width:185px;
			height:55px;
			box-sizing: border-box;
			border: #fff 1px solid;
			text-decoration: none;
			color: #fff;
			overflow: hidden;
			position: relative;
			line-height: 55px;
			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:55px;
				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:55px;
				font-size: 16px;
				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 10px center;
			}
			div.bgharf02 div.center a.colorbtn.next span.name {
				background: url(../images/cmn/right.png) no-repeat;
				background-position: right 10px center;
			}
		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 10px center;
			}
			div.bgharf02 div.center a.colorbtn.next:hover span.name {
				background: url(../images/cmn/right2.png) no-repeat;
				background-position: right 10px center;
			}
/* ニュース記事部分 */
div.newslistbox {
	width:100%;
	margin: 0 auto;
	box-sizing: border-box;
	background: #000;
	padding: 100px 0;
}
	div.newslistbox div.center {
		width:795px;
		margin: 0 auto;
	}
		div.newslistbox div.center div.news {
			width:385px;
			height:195px;
			background: #080808;
			margin-bottom: 36px;
			float: left;
			position: relative;
			box-sizing: border-box;
			padding: 12px;
		}
		div.newslistbox div.center div.news:nth-of-type(even) { float: right;}
			div.newslistbox div.center div.news div.imgbox {
				width:170px;
				height:170px;
				position: absolute;
				top:12px;
				left:12px;
			}
			div.newslistbox div.center div.news div.infobox {
				width:100%;
				box-sizing: border-box;
				padding-left: 185px;
			}
				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:12px;
					letter-spacing: 1px;
				}
				div.newslistbox div.center div.news div.infobox p.title {
					margin: 15px auto 0 auto;
					height:20px;
					line-height: 20px;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
				}
				div.newslistbox div.center div.news div.infobox p.setumei {
					margin: 10px 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: 10px 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 200px 0;
}
	div.newsbox div.center {
		width:795px;
		margin: 0 auto;
	}
		div.newsbox div.center p.date {
			color: #fff;
			font-size: 14px;
			letter-spacing: 1px;
			text-align: right;
		}
		div.newsbox div.center h3 {
			margin: 20px auto 0 auto;
			font-size: 18px;
			color: #fff;
			line-height: 30px;
		}
		div.newsbox div.center img {
			display: block;
			margin-top: 20px;
			max-width: 100%;
		}
		div.newsbox div.center p.ptext {
			margin: 20px auto 0 auto;
			font-size: 14px;
			color: #fff;
			line-height: 25px;
		}
		div.newsbox div.center a {
			margin: 20px auto 0 auto;
			display: inline-block;
			text-decoration: none;
			font-size: 14px;letter-spacing: 1px;
			color: #5b5b5b;
			padding-bottom: 2px;
			border-bottom: #fff 1px dotted;
			float: right;
		}