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


 /**
 * --------------------------------------------------------------------------
 * table
 * --------------------------------------------------------------------------
 */
 
.tStyle01 {
}

.tStyle01 td, .tStyle01 th {
	padding:20px;
	border:solid 1px #ccc;
	border-collapse:collapse;
}

.tStyle01 th {
	white-space:nowrap;
	background:#f5f5f5;
}

 /**
 * --------------------------------------------------------------------------
 * 【dl】table
 * --------------------------------------------------------------------------
 */
 

.dlTable {
	width:100%;
	overflow:hidden;
	border:solid 1px #ccc;
	border-top:none;
	background:#f5f5f5;
}

.dlTable dt,dd {
	padding: 30px;
}

.dlTable dt {
	width: 130px;
	float: left;
	border-top:solid 1px #ccc;
}

.dlTable dd {
	margin-left: 190px;
	background: #fff;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}

.dlTable dd:after {
	clear:both;
}


 /**
 * --------------------------------------------------------------------------
 * eventInfo-bt
 * --------------------------------------------------------------------------
 */

.eventInfo-bt {
	text-align:center;
	margin:30px auto;
}

.eventInfo-bt .button {
	display: inline-block;
	width: 300px;
	height: 60px;
	border-radius:5px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	background-color: #f0640f;
	color: #fff;
}

.eventInfo-bt .button:hover {
	background-color: #f7a879;
	color:#fff;
}

.button,
.button::before,
.button::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}



 /**
 * --------------------------------------------------------------------------
 * newsList
 * --------------------------------------------------------------------------
 */	
	.newsList {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.newsList li {
		border-bottom: 1px solid #ccc;
		padding: 15px 0;
	}

	.newsList li dl dd {
		margin-left: 0;
		padding: 0;
	}



/**
 ****************************************************
 * 
 * screens smaller than 480
 * 
 ****************************************************
 */
@media only screen and (max-width: 500px) {


 /**
 * --------------------------------------------------------------------------
 * 【dl】table
 * --------------------------------------------------------------------------
 */
 

.dlTable {
	width:100%;
	overflow:hidden;
	border:none;
	background:#f5f5f5;
}

.dlTable dt,dd {
	padding: 10px;
}

.dlTable dt {
	width: 130px;
	float: none;
	border:none;
}

.dlTable dd {
	margin-left: 0;
	background: #fff;
	border:none;
}


 /**
 * --------------------------------------------------------------------------
 * eventInfo-bt
 * --------------------------------------------------------------------------
 */

.eventInfo-bt .button {
	width: 90%;
}
	
	


	


}