@charset "utf-8";

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
/*	font-weight: normal;*/
	font-size: 100%;
	vertical-align:baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
	display:block;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

br.sp {
	display:none;
}

body {
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color:#333;
	line-height:1.4;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}

a {
	color:#3366cc;
}
a:hover {
	color:#3366cc;
}


header,
section,
footer {
	width:800px;
	margin:0 auto;
	clear:both;
}



h1{
	font-size:32px;
	font-feature-settings: "palt";
	margin:40px 0;
	text-align:left;
	float:left;
}

h1 img {
	height:30px;
}


header p {
	float:right; padding-top:55px; font-size:14px;
	font-feature-settings: "palt";
}
header p a {
	color:#333;
}


div.contents {
	width:800px; 
	margin:0 auto 50px auto; 
	clear:both;
}


div.contents p{
	width:800px;
	margin:0 auto 20px auto; 
	font-size:16px;
	line-height:1.6;
}


div.contents p.date{
	font-size:14px;
	color:#999;
	margin:0;
}

div.contents h2{
	width:800px;
	margin:5px auto 25px auto; 
	padding:10px 0; 
	border-top:3px double #999; 
	border-bottom:3px double #999;
}
div.contents h3{
	width:800px;
	margin:0 auto 0 auto; 
	padding:10px 0; 
}

div.contents ul li{
	font-size:16px;
	line-height:1.6;
	list-style-type:disc;
	margin:20px 0 20px 50px;
}

div.contents ol li{
	font-size:16px;
	line-height:1.6;
	list-style-type:decimal;
	margin:20px 0 20px 50px;
}

footer {
	clear:both;
	margin:50px auto 20px auto; 
	padding:20px 0; 
	text-align:center;
	font-size:12px;
	border-top:1px solid #ccc;
}
footer p#copyright{
	margin-top:20px; 
	color:#999; 
}
footer p a {
	color:#999;
}




@media screen and (max-width: 767px) {
 
 
br.sp {
	display:block;
}

header,
section,
footer,
div.contents {
	width:90%;
	margin:0 auto;
	clear:both;
}

h1{
	font-size:24px;
	margin:30px 0;
}


h1 img {
	height:25px;
}

header p {
	padding-top:40px;
}


div.contents h2,
div.contents p,
div.contents img {
	width:100%;
}



table.normal{
	width:90%;
}
table.normal th.date{
	width:15%;
}
table.normal th.time{
	width:28%;
}
table.normal th.event{
	width:57%;
}

table.normal th{
	font-size:14px;
	line-height:1.2;
	vertical-align:middle;
}

table.normal td p.img {
	float:none;
	margin-bottom:5px;
}
table.normal td p.img img {
	width:100px;
}


section#menu h2{
	margin:35px 0 10px 0; 
}
section#menu div.menu{
	width:45%;
	margin-right:10%;
}
section#menu div.menu:nth-of-type(3n){
	margin-right:10%;
}
section#menu div.menu:nth-of-type(2n){
	margin-right:0;
}
section#menu div.menu p.img{
	height:130px; 
}



footer {
	font-size:16px;
	line-height:2.0;
}




}