@charset "utf-8";

/* contents */
#contents{
	font-size:82%;
}

/* list */
@media screen and (min-width: 768px), print {
.newsbox{
	border: 0px solid #E4D1C5;
	margin-top:28px;
}
.newsbox li{
	padding:15px 0;
}
.newsbox li h3{
	font-size:136%;
	padding:5px 0 8px 0px;
	color:#333;
}
.newsbox li h3 a:link,
.newsbox li h3 a:active,
.newsbox li h3 a:visited {
	color:#333;
	text-decoration	: underline;
}
.newsbox li h3 a:hover,
.newsbox li h3 a:focus {
	color			: #c7000b;
	text-decoration	: underline;
}

.eventbox{
	border: 0px solid #E4D1C5;
	margin-top:28px;
}
.eventbox li{
	padding:15px 0;
}
.eventbox li h3{
	font-size:136%;
	padding:5px 0 8px 0px;
	color:#333;
}
.eventbox li h3 a:link,
.eventbox li h3 a:active,
.eventbox li h3 a:visited {
	color:#333;
	text-decoration	: underline;
}
.eventbox li h3 a:hover,
.eventbox li h3 a:focus {
	color			: #c7000b;
	text-decoration	: underline;
}

.boxarea{
	width:680px;
	margin:15px auto;
}

.box_title{
	font-size: 150%;
	color:#c7000b;
	font-weight: 500;
}
}

@media screen and (max-width: 767px) {
.newsbox{
	border: 0px solid #E4D1C5;
	margin-top:15px;
	padding:0 10px;
}
.newsbox li{
	padding:15px 0;
}
.newsbox li h3{
	font-size:130%;
	padding:5px 0 8px 0px;
	color:#333;
}
.newsbox li h3 a:link,
.newsbox li h3 a:active,
.newsbox li h3 a:visited {
	color:#333;
	text-decoration	: underline;
}
.newsbox li h3 a:hover,
.newsbox li h3 a:focus {
	color			: #c7000b;
	text-decoration	: underline;
}

.eventbox{
	border: 0px solid #E4D1C5;
	margin-top:15px;
	padding:0 10px;
}
.eventbox li{
	padding:15px 0;
}
.eventbox li h3{
	font-size:130%;
	padding:5px 0 8px 0px;
	color:#333;
}
.eventbox li h3 a:link,
.eventbox li h3 a:active,
.eventbox li h3 a:visited {
	color:#333;
	text-decoration	: underline;
}
.eventbox li h3 a:hover,
.eventbox li h3 a:focus {
	color			: #c7000b;
	text-decoration	: underline;
}

.boxarea{
	width:680px;
	margin:15px auto;
}
}

/* detail */
.news_contents{
	background	: #fff;
	padding:20px 0 0;
	border-top:0px solid #E4D1C5;
	margin-top:28px;
}
.news_contents h2{
	padding:8px 0 8px 4px;
	color:#C7000b;
	font-weight:bold;
	font-size:152%;
}
.news_contents .time{
	padding:7px 0 7px 4px;
	margin-bottom:15px;
}
.news_contents img{
	padding:4px;
}
.event_contents{
	background	: #fff;
	padding:20px 0 0;
	border-top:0px solid #E4D1C5;
	margin-top:28px;
}
.event_contents h2{
	padding:8px 0 8px 4px;
	color:#c7000b;
	font-weight:bold;
	font-size:152%;
}
.event_contents .time{
	padding:7px 0 7px 4px;
	margin-bottom:15px;
}
.event_contents img{
	padding:4px;
}




/* pagebute */
@media screen and (min-width: 768px), print {
.paging {
	padding:50px 0px 30px;
	width:720px;
	text-align:center;
	z-index:9999
}

.paging span {
	padding:5px 2px;
}

.paging a:link,
.paging a:active,
.paging a:visited {
	text-decoration	: none;
	background:#f4f4f4;
	padding:5px 7px;
	border:0px solid #f4f4f4;
}
.paging a:hover,
.paging a:focus {
	color		: #c7000b;
	text-decoration	: none;
	background	: #FFFFFF;
	border:0px solid #c7000b;
}
} 
	  
@media screen and (max-width: 767px) {
.paging {
	padding:50px 0px 30px;
	width:100%;
	text-align:center;
	z-index:9999;
	font-size:12px;
}

.paging span {
	padding:5px 2px;
}

.paging a:link,
.paging a:active,
.paging a:visited {
	text-decoration	: none;
	background:#EFE8D8;
	padding:2px 3px;
	border:0px solid #EFE8D8;
}
.paging a:hover,
.paging a:focus {
	color		: #c7000b;
	text-decoration	: none;
	background	: #FFFFFF;
	border:0px solid #c7000b;
}
}


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

	clearfix

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

.newsbox,
.eventbox,
.boxarea,
.news_contents,
.event_contents,
.paging
{
    overflow:hidden;
    zoom:1;
}

.newsbox:after,
.eventbox:after,
.boxarea:after,
.news_contents:after,
.event_contents:after,
.paging:after
{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

* html .newsbox,
* html .eventbox,
* html .boxarea,
* html .news_contents,
* html .event_contents,
* html .paging
{
    height: 1em;
    overflow: visible;
}