@charset "utf-8";
/* CSS Document */
div#topImgBox {
	height:352px;
	overflow: hidden;
	position: relative;
}
	div#topImgBox a { 
		display:none;
		height: 352px;
		width: 705px;
		position: absolute;
		top:0;
		left: 705px;
	}
	div#topImgBox a:nth-of-type(1) { left:0px; display:block; }
	div#topImgBox a.m1 { background:url(../images/img/interview/m001.jpg); }
	div#topImgBox a.m2 { background:url(../images/img/interview/m002.jpg); }
	div#topImgBox a.m3 { background:url(../images/img/interview/m003.jpg); }
	div#topImgBox a.m4 { background:url(../images/img/interview/m004.jpg); }
	div#topImgBox a.m5 { background:url(../images/img/interview/m005.jpg); }
	div#topImgBox a.b1 { background:url(../images/img/interview/i001.jpg); }
	div#topImgBox a.b2 { background:url(../images/img/interview/i002.jpg); }
	div#topImgBox a.b3 { background:url(../images/img/interview/i003.jpg); }
	div#topImgBox a.b4 { background:url(../images/img/interview/i004.jpg); }
	div#topImgBox a.b5 { background:url(../images/img/interview/i005.jpg); }
	div#topImgBox a.b6 { background:url(../images/img/interview/i006.jpg); }
	div#topImgBox a.b7 { background:url(../images/img/interview/i007.jpg); }
	div#topImgBox a.b8 { background:url(../images/img/interview/i008.jpg); }
	div#topImgBox a.b9 { background:url(../images/img/interview/i009.jpg); }
	div#topImgBox a.c1 { background:url(../images/img/interview/c001.jpg); }
	div#topImgBox a.c2 { background:url(../images/img/interview/c002.jpg); }
	div#topImgBox a.c3 { background:url(../images/img/interview/umbrellasky.jpg); }
	div#topImgBox div#ctlBox {
		height: 35px;
		width: 115px;
		position: absolute;
	}
div#box01 {
	height: 377px;
	margin-top: 20px;
}
	div#box01 div#newsBox {
		width: 338px;
		height: 377px;
		box-sizing: border-box;
		padding: 80px 15px 0 15px;
		float:left;
		background:url(../images/cmn/newsbg.png);
		position: relative;
	}
		div#box01 div#newsBox a:hover { opacity:0.7; }
		div#box01 div#newsBox a.news {
			display:block;
			width: 100%;
			text-decoration: none;
			margin: 10px auto 0 auto;
		}
			div#box01 div#newsBox a.news p.date {
				height:20px;
				color: #333;
				font-size: 12px;
				line-height: 20px;
				margin: 0;
			}
			div#box01 div#newsBox a.news div.imgbox { display: none; }
			div#box01 div#newsBox a.news div.info {
				margin: 5px auto 0 auto;
			}
				div#box01 div#newsBox a.news div.info p.title {
					height:20px;
					font-size: 14px;
					color: #9EBF34;
					line-height: 20px;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
					margin: 0;
				}
		div#box01 div#newsBox p.noData {
			font-size: 14px;
			color:#333;
			line-height: 100px;
			text-align: center;
		}
		div#box01 div#newsBox a.moreBtn {
			display: block;
			width:83px;
			height:14px;
			position: absolute;
			right:20px;
			bottom:20px;
		}
		div#box01 div#newsBox a.moreBtn_sp { display: none;}
	div#box01 div#activeBox {
		width: 338px;
		height: 294px;
		padding-top: 83px;
		float:right;
		background:url(../images/cmn/activity.png);
		text-align: right;
		position: relative;
	}
		div#box01 div#activeBox div.infobox {
			height: 250px;
			width: 304px;
			margin: 0 auto 15px auto;
			text-align: left;
		}
			div#box01 div#activeBox div.infobox div.imgbox {
				width:100%;
				height:120px;
				background: url(../images/cmn/activeimg.jpg) no-repeat;
				background-size: cover;
				background-position: center center;
			}
			div#box01 div#activeBox div.infobox p.title {
				font-size: 17px;
				color: #9EBF34;
				line-height: 23px;
				margin-top: 10px;
			}
			div#box01 div#activeBox div.infobox p.ptext {
				font-size: 12px;
				color:#52483F;
				line-height: 18px;
				margin: 15px 0 0 0;
				letter-spacing:1px;
			}
		div#box01 div#activeBox a.moreBtn {
			display: block;
			width:83px;
			height:14px;
			position: absolute;
			right:20px;
			bottom:20px;
		}
		div#box01 div#activeBox a:hover { opacity:0.7; }
		div#box01 div#activeBox a.moreBtn_sp { display: none;}
		div#box01 div#activeBox div.titlebox { display: none;}
div#box02 {
	height: 202px;
	margin-top: 20px;
}
	div#box02 a { 
		display:block; 		
		height:202px;
	}
	div#box02 a:hover { opacity:0.7; }
	div#box02 a#message {
		float:left;
		width: 220px;
	}
	div#box02 a#sakae {
		float:right;
		width: 478px;
	}
div#box03 {
	width:100%;
	margin-top: 10px;
}
	div#box03 a {
		display: block;
		width:350px;
	}
		div#box03 a img { 
			width:100%;
			box-sizing: border-box;
			border: #fff 5px solid;
		}
	div#box03 a:nth-of-type(1) { float: left;}
	div#box03 a:nth-of-type(2) { float: right;}