/*----------------------------------------------*/

@import "base.css";
@import "layout.css";
@import "form.css";

/*---------------------- tmp ------------------------*/

.clear {
	clear:both;
}


a.box {
	display:block;
	border:1px solid #cccccc;
	box-shadow:0 0 0px 0px #aaaaaa;
	transition:all 0.2s linear 0s;
}

a.box:hover {
	box-shadow:0 0 10px 4px #aaaaaa;
	transition:all 0.2s linear 0s;
}

/*----------------------------------------------*/
/* TOP                                          */
/*----------------------------------------------*/

#top .flexslider {
	float:left;
	width:675px;
}

/*----------------------------------------------*/

#top .navi {
	float:right;
	margin:0px;
	padding:0px;
}

#top .navi ul {
	clear:both;
	border:none;
	list-style:none;
}

#top .navi ul li {
	clear:both;
	height:initial;
	border:none;
}

#top .navi ul li a {
	display:block;
	width:211px;
	height:20px;
	margin:0px 0px 7px 0px;
	padding:10px 15px;
	background:#ffffff;
	font-size:120%;
	text-align:left;
}

/*----------------------------------------------*/

#top .news {
}

#top .news ul {
	width:100%;
	padding:0;
	list-style:none;
}

#top .news ul li {
	float:left;
	width:310px;
	margin:5px;
}

#top .news ul li .photo {
	height:200px;
	background-size:contain;
}

#top .news a {
	display:block;
	background:#ffffff;
}

#top .news a img {
	display:block;
	margin:0px;
	padding:0px;
}

#top .news a .title {
	margin:10px;
	font-size:130%;
	line-height:1.4em
}

#top .news a .title .date {
	margin-bottom:0.3em;
	font-size:70%;
}

#top .news a .title .text {
	height:2.5em;
}

#top .news a .title .detail {
	margin-top:10px;
	text-align:right;
	font-size:70%;
}

/*----------------------------------------------*/

#top section.event {
	margin-top:30px;
}

/*----------------------------------------------*/

#top .sponsor {
	margin-top:30px;
}

#top .sponsor ul {
	width:100%;
	padding:0;
	list-style:none;
}

#top .sponsor ul li {
	float:left;
	width:150px;
	margin:5px;
}

#top .sponsor ul li .photo {
	height:80px;
	background-size:contain;
	border-radius: 0.5em; 
}

#top .sponsor a {
	display:block;
}

#top .sponsor a img {
	display:block;
	margin:0px;
	padding:0px;
}


/*----------------------------------------------*/

.notyet {
	color:#ff0000;
}




@media print {
	html, body {
		color:#000000;
	}
}


/*----------------------------------------------*/