@charset "utf-8";
/* CSS Document */
.ctheader{
	width:970px;
	height:50px;
	background-color:#963F40;color:white;
	margin:0px;
	text-align:center;
	line-height:50px;
	text-transform:uppercase;
	
}
.ctheader-ver{
	width:970px;
	height:50px;
	background-color:#FFE356;color:white;
	margin:0px;
	text-align:center;
	line-height:50px;
	text-transform:uppercase;
	
}
.ctheader h2,.ctheader-ver h2{
	font-family:Roboto !important;
	font-weight:bold !important;
}
.ct-content{
	width:950px;margin-left:10px;
	height:auto;	
}
.ct-content-A{
	float:left;
	width:235px;height:200px;
	background-color:white;
	margin-left:5px;
	margin-top:5px;margin-bottom:3px;
	overflow:hidden;
	position:relative;box-sizing:border-box;
	border:1px solid lightgrey;
	border-radius:5px;
}
.ct-content-A:nth-child(1){
	margin-left:6px !important;	
}
.ct-content-A-img{
	float:left;
	width:175px;height:150px;
}
.ct-content-A-img img{
	margin:0px 15px;
}
.ct-content-A-img2{
	margin:15px; padding-top:15px;
}
.ct-content-A-info{
	float:right;
	width:75px;	
}
.ct-content-A-info2{
	width:235px;height:50px;
	text-align:center;
}
.ct-content-A-info2 a{
	text-decoration:none;
	color:black;
	font-weight:bold;	
}
.ct-content-A img{
	position:absolute;
	z-index:1;	
}
.ct-content-A:hover .bgsp,.ct-content-A:hover .namecafe{
	opacity:0;	
}

.namecafe{
	width:200px;height:180px;
	color:white;z-index:11;
	
	margin:10px;position:absolute;
}
.ct-content-A .namecafe p{
	width:200px;height:80px;
	text-align:center;
	font-size:24px !important;
	margin:75px 0px;
	font-family:Roboto !important;	
}
.bgsp{
	width:235px;height:200px;
	background-color:black;
	opacity:0.7;
	position:absolute;
	z-index:10;
}
.contentE{
	width:970px;height:350px;
	background-color:lightgrey;	
}
.contentE .contentE-sub{
	width:290px;height:300px;
	float:left;margin-left:20px;
}
.contentE .contentE-sub ul{
	margin-top:10px;
	width:100%;height:300px;
}
.contentE .contentE-sub ul li{
	list-style:none;
	text-align:center;line-height:45px;
	font-family:Roboto;font-size:20px;
	color:#963F40;
}