@charset "UTF-8";

h1 {margin: 0; font-family: Helvetica, sans-serif; line-height: 1.5;}
dl {font-size: 13px; margin: 0;}
dt {font-weight: bold;}
dd {margin: 0 0 5px 0;}

article {margin: 0 auto 60px; max-width: 1024px;}
article section {margin: 0 auto 80px; padding: 0 20px;}
article h1 {font-size: 1.5em; margin-top: 40px;}
article h2 {font-size: 1.2em;}
article p {margin-bottom: 10px; line-height: 1.8;}
@media only screen and (max-width : 480px){
    article h1 {font-size: 1.3em;}
    article h2 {font-size: 1.1em;}
}
article footer {margin: 0 auto 40px; border-top: 1px solid #eee; color: #666; max-width: 700px; padding: 20px;}
article footer li {width: 100%;}
article footer h1 {margin-top: 0;}

article section p img {width: 50%; float: left; margin: 0 20px 0 0;}
article section:after {content: ""; clear: both; display: block;}

@media only screen and (max-width : 480px){
    article section p img {width: 100%; margin: 0 0 20px 0;}
}

*, *:before, *:after {box-sizing: border-box; -webkit-font-smoothing: antialiased;}	

@media only screen and (max-width : 767px){
	body {content: "max-width:767px";}
	#prevNext li {width: auto;}
}

#event section+section .imageWrap, #event h2 {max-width: 700px; margin-left: auto; margin-right: auto;}
#event * {-webkit-font-smoothing: antialiased;}
#event #mainImage {position: relative;}
#event .columnTitle {width: auto; position: absolute; top: 0; left: 0; font-size: 16px; color: #fff; padding: 40px;}
#event .columnTitle h1 {margin: 0;}
#prevNext {width: 100%; max-width: 1024px; margin: 0 auto 20px; text-align: center;}
#prevNext li {display: inline-block; float: none; padding: 0; margin: 0 15px;}
#prevNext span {display: block; border: 1px solid #ddd; padding: 10px 16px; background-color: #999; color: #fff;}
#prevNext a span {color: #333; background-color: #fff;}