@charset "utf-8";
/* CSS Document */

a {
	color:#fff;	
}

.backCompany {
	width:100%;
	background-image:url("../img/back2.png");
	background-repeat:repeat-y;
	background-size:100% auto;
	overflow:hidden;
	padding-bottom:60px;
}

.companyInner {
	width:100%;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:50px;
	line-height:28px;
}

.companyInnerText {
	text-align:center;
	width:100%;
	overflow:hidden;	
}

table {
	width:100%;
	border-collapse:collapse;
}

th,td {
	padding-top:40px;
	padding-bottom:40px;
	border-bottom:solid;	
	border-bottom-width:1px;
	border-bottom-color:#ccc;
	border-top:solid;		
	border-top-width:1px;
	border-top-color:#ccc;	

}

th {
	color:#666;
	text-align:left;
	padding-left:20px;
}

dl.mobile {
	border-bottom:solid;
	border-width:1px;
	border-color:#ccc;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;	
}

dl.mobile dt {
	font-weight:bold;
	color:#666;
	margin-bottom:20px;
}

dl.link {
	border-bottom:solid;
	border-width:1px;
	border-color:#ccc;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:20px;
	padding-top:20px;
	overflow:hidden;
}

dl.link dt {
	float:left;
	margin-left:20px;
	line-height:25px;
	padding-top:15px;
	padding-bottom:15px;
}

dl.link dt a {
	color:#333;
}

dl.link dd {
	float:right;
	margin-right:20px;
}

dl.link dd img {
	height:40px;	
}

.titleLink {
	font-size:1.2rem;
	font-weight:bold;
	color:#666;	
}

.imgLink {
	overflow:hidden;
	background-color:#fff;
	border:solid;
	border-width:1px;
	border-color:#ccc;
	width:500px;	
}

.imgLink img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-top:20px;
	padding-bottom:20px;	
}

iframe {
	margin-top:30px;
	width:100%;
	height:400px;	
}

.companyRight img {
	width:99%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	border:solid;
	border-width:1px;
	border-color:#ccC;
}

.tblCompanyBase {
	display:block;
	overflow:hidden;
	width:100%;
	margin-top:40px;
}

.tblCompany {
	float:left;
	display:block;
	margin-right:3%;
	width:17%;
	height:90%;
	overflow:hidden;
	background-color:#09c;
	box-shadow: 0px 15px 13px -15px #666;
	transition: .8s all;	
}

.tblCompanyInner {
	width:85%;
	padding-top:30px;
	padding-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	transition: .8s all;
}

.tblCompanyBack {
	width:100%;
	overflow:hidden;
	display:block;
	box-shadow: 0px 20px 20px -20px #666;	
	margin-bottom:15px;
}


.tblCompanyName {
	width:100%;
	border-bottom:solid;
	border-bottom-color:#fff;
	border-bottom-width:1px;
	margin-bottom:10px;
	padding-bottom:10px;
}

.artistContent {
	width:100%;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:50px;
}

.artistContentInner {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	line-height:28px;
}


@media screen and (max-width: 999px) {
	.backArtist {
		background-size:100% auto;
	}
	.imgArtistBase {
		display:block;
		border-collapse:collapse;
		width:100%;
	}

	.imgArtist {
		display:block;
		width:100%;
		overflow:hidden;
		margin-bottom:30px;
	}

	.tblCompany {
		margin-right:0%;
		margin-bottom:30px;
		width:100%;
	}
	
	.tblCompanyInner {
		height:auto;
	}

	table {
		display:none;
	}
		
	dl.link dd {
		clear:both;
		float:none;
		width:99%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.imgLink {
		width:100%;
	}
}
@media screen and (min-width:1000px) and (max-width: 1249px) {
	.tblCompany {
		margin-right:3%;
		margin-bottom:30px;
		width:44%;
	}

	.tblCompanyInner {
		height:180px;
	}
	
	table {
		display:none;
	}

	dl.link dd img {
		height:30px;	
	}
	
	.imgLink {
		width:400px;	
	}
	
}
@media screen and (min-width:1250px) and (max-width:1599px) {

	.tblCompany {
		margin-right:4%;
		margin-bottom:30px;
		width:29%;
	}
	.tblCompanyInner {
		height:250px;
	}
	dl.mobile {
		display:none;
	}
	
}
@media screen and (min-width:1600px) {	

	.tblCompany {
		margin-right:3%;
		width:17%;
	}
	
	.tblCompanyInner {
		height:270px;
	}

	dl.mobile {
		display:none;
	}

}