@charset "utf-8";

header, section, footer, main, aside, nav, article, figure {display: block;}
ul, ol, dl {padding: 0;	margin: 0;}
a img {border: none;}
a:hover, a:active, a:focus {text-decoration: none;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;}
img {width: 100%;}

body {font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; margin: 0;	padding: 0; background: rgba(20,20,20,.8);}

.container {padding-top: 15px;}
.content {display: block; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px;}
@media (min-width: 768px) {
.container {width: 750px; margin: 0 auto;}
.content {width: 720px;}
}
@media (min-width: 992px) {
.container {width: 970px; margin: 0 auto;}
.content {width: 940px;}
}
@media (min-width: 1200px) {
.container {width: 1170px; margin: 0 auto;}
.content {width: 33.33333333333333%; float: left; box-sizing: border-box;}
}

header {color: rgba(255,255,255,1); padding-right: 15px; padding-left: 15px;}
header h1 {font-size: 300%; font-weight: bold;}

main {background: rgba(255,255,255,1);}
main a {text-decoration: none; color: rgba(80,80,80,.8);}
main a:hover {color: rgba(120,120,120,.8);}

.news-box {margin-bottom: 20px; padding: 0 20px; color: rgba(100,100,100,.8):}
.news-box h2 {margin-bottom: 2px !important; font-size: 130%;}
.news-box li {list-style: none;}

.event-title {font-size: 80%;}
.event-img-box {padding: 0 10px;}
.event-img-box img:hover {opacity: 0.8;}
.event-info-box {padding: 10px 0;}

footer {color: rgba(255,255,255,1); padding: 15px; text-align: center; position: relative; clear: both;}



.ec2 {
	float: left;
	display: block;
}
.ec2-container {
	padding: 0 0 0 30px;
	overflow: hidden;
}
/* cleafix */
.ec2-container:before,
.ec2-container:after {
	content: "";
	display: table;
}
.ec2-container:after {
	clear: both;
}
/* for IE6/7 (trigger hasLayout) */
.ec2-container {
	zoom: 1;
}
.ec2-container2 {
	margin: 10px 140px;
	text-align: center;
	line-height: 1.6;
}
.ec2-container2 a {
	text-decoration: none;
}

.floatconts:after {
    content: " ";
    display: block;
    clear: both;
}