@charset "utf-8";


/*=================================================================================
/pickupCo
===================================================================================*/

#pickupCo{
    margin: 0px auto;
	text-align:center;
}

#pickupCo ul{
	margin:30px auto 30px;
	width:964px;
	text-align:center;
}

#pickupCo li{
	display:inline-block;
	float:left;
}

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		overflow:hidden;
		font-size:0.1em;
		line-height:0;
}

.aCenter{
	text-align:center;
}

.clearfix {
		display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix {
		height: 1%;
}
.clearfix {
		display: block;
}
/* End Holly Hack */



/*=================================================================================
/infoBox
===================================================================================*/

#infoCo{
	margin:0 auto 60px;
	width:964px;
}

.infoBox .infoLeft{
	float:left;
	text-align:center;
	margin-right:30px;
	padding:40px 0 0 0;
	width:308px;
}

#infoCo .infoLeft p{
	padding:10px 0 0 0;

}

.infoBox .infoRight{
	float:right;
	width:626px;
	padding:30px 0 0 0;
}


/*******************************

#newsBox

********************************/
.newsBox{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

.newsBox dl{
	clear:both;
	padding:0 0 30px 0;
}


.newsBox dt{
	margin-right:20px;
	width:80px;
	float:left;
	line-height:160%;
}

.newsBox .zyuyo dt{
	padding:1px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#8F1E23;
}

.newsBox dd{
	line-height:160%;
	width:526px;
	float:right;
}

.newsBox .zyuyo dd,
.newsBox .zyuyo dd a{
	color:#8F1E23;
	font-weight:bold;
}


.lineHr{
	border:none;
	height:4px;
	background:url(../images/line.png) left top no-repeat;
}



/*******************************

.eventsBox

********************************/

.eventsBox dl{
	float:left;
	margin:0 20px 30px 0;
	width:303px;
}
.eventsBox dl:nth-of-type(2n) {
	margin-right:0px;
}

.eventsBox dl:nth-of-type(2n + 1) {
	clear:both;
}

.eventsBox dt{
	font-weight:bold;
	padding:0 0 15px 15px;
	background:url(../images/icon_san.png) left top no-repeat;
	background-size:6px auto;
}

.eventsBox dd img{
	margin-right:15px;
	display:inline-block;
	float:left;
}
.eventsBox dd p{
	line-height:180%;
}

.monthBox{
	width:100%;
	margin:20px 0 0 0;
}


.monthBox .center{
	margin:20px 0 0 0;
	font-weight:bold;
	font-size:16px;
	vertical-align:bottom;
}

.monthBox .left{
	text-align:left;
}

.monthBox .right{
	text-align:right;
}

.monthBox .right a,
.monthBox .left a{
	width:40px;
    padding:5px 8px 4px 8px;
    text-decoration: none;
    color: #FFF;
    background: #eee;/*背景色*/
	color:#222;
	font-size:11px;
	text-decoration:none;
	background: #f9f9f9; /* Old browsers */
	border:#CCC solid 1px;
	border-radius: 4px; 
	background: -moz-linear-gradient(top, #f9f9f9 0%, #f7f7f7 46%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#f7f7f7 46%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9f9f9 0%,#f7f7f7 46%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	/*角の丸み*/
}


#calendar{
	margin:10px 0 0 0;
	width:308px;
	border-collapse:collapse; 
	box-sizing:border-box;

}

#calendar th,
#calendar td{
	margin:0px;
	padding:12px 10px 10px 10px;
	width:44px;
	border:#f7f7f7 solid 1px;
}

#calendar th{
	background:#CEBA82;
	color:#FFF;
}

#calendar td{
	background:#fcfcfc;
}


#calendar td.event{
	background:#8F1E23;
	color:#FFF;
}

#calendar td.event a.tp{
	position:relative;
	display:block;
	color:#FFF;
	text-decoration:none;
}

/*
div.tooltip{
	width:97px;
	text-align:left;
	position:absolute;
	background:url(../images/event_back_01.gif)  left top no-repeat;
	color:#000;
}

#infoCo .infoLeft div.tooltip ul{
	margin:14px 0 0 0;
	padding:5px;
	text-align:left;
	font-size:11px;
	background:url(../images/event_back_02.gif) left bottom no-repeat;
}

#infoCo .infoLeft div.tooltip li{
	margin:0 0 8px 0;
	line-height:150%;
}

#infoCo .infoLeft .tooltip .date{
	display:inline-block;
	padding:0 0 6px 0;
}
*/


#information{
	margin:60px 0 0 0;
	width:964px;
}
#information div{
	float:left;
	margin-right:26px;
	width:304px;
	overflow:hidden;
}

#information div h4{
	margin:0 0 20px 0;
}

#information div:last-of-type{
	margin-right:0px;
}


#newsInfo{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

#newsInfo dl,
#newsInfo dl.zyuyo,
#blogInfo dl{
	clear:both;
}


#newsInfo dt,
#blogInfo dt{
	margin-right:20px;
	width:70px;
	float:left;
	line-height:160%;
	font-size:12px;
}

#newsInfo .zyuyo dt{
	padding:1px 0 0 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#8F1E23;
}

#newsInfo dd,
#blogInfo dd{
	line-height:160%;
	width:210px;
	float:right;
	margin:0 0 10px 0;
}

#newsInfo .zyuyo dd,
#newsInfo .zyuyo dd a{
	color:#8F1E23;
	font-weight:bold;
	margin:0 0 10px 0;
}

#syutenInfo dd{
	margin:0 0 20px 0;
}

#syutenInfo dt{
	font-weight:bold;
	font-size:14px;
	padding:2px 0 15px 15px;
	background:url(../images/icon_san.png) left 3px no-repeat;
	background-size:6px auto;
}

#syutenInfo dd img{
	margin-right:15px;
	display:inline-block;
	float:left;
}
#syutenInfo dd p{
	line-height:180%;
}



.lineHr{
	border:none;
	height:4px;
	background:url(../images/line.png) left top no-repeat;
}


/*=================================================================================
/infoEventPage
===================================================================================*/

#infoEventCo{
	position:inherit !important;
}

.infoEventPage{
	position:inherit;
	line-height:150%;
}

.infoEventPage .text{
	margin:40px 0 40px 0;
}

#calendarBox{
	margin:20px 0 0 0;
}

#calendarBox div.cal3box{
	float:left;
	width:31.6%;
	margin-right:2.6%;
}

#calendarBox div.cal3box:nth-of-type(3n) {
	margin-right:0%;
}

section#topics-index #calendarBox h3{
	background:none;
	height:auto;
	margin:0px;
	padding:0px 0 10px 0;
	font-size:16px;
	text-align:center;
	color:#000;
}

.monthBox .center{
	text-align:center;
}


.monthBox .right a,
.monthBox .left a{
	padding:5px 10px 4px 10px;
	font-size:14px;
}

.eventTbl{
	margin:16px 0 0 0;
	width:100%;
	text-align:center;
	border-collapse:collapse; 
	box-sizing:border-box;
	border:#ccc solid 1px;
}

.eventTbl th,
.eventTbl td{
	margin:0px;
	padding:12px 10px 10px 10px;
	border:#f7f7f7 solid 1px;
}

.eventTbl th{
	background:#CEBA82;
	color:#FFF;
}

.eventTbl td{
	background:#fff;
	height:36px;
	line-height:160%;
}

.eventTbl td a{
	text-decoration:none;
}

.calendarBoxRight{
	float:right;
	width:380px;
	background:#f2f2f2;
	
}

/*
div.tooltip{
	width:97px;
	text-align:left;
	position:absolute;
	background:url(../images/event_back_01.gif)  left top no-repeat;
	color:#000;
}

div.tooltip ul{
	margin:14px 0 0 0;
	padding:5px;
	text-align:left;
	font-size:11px;
	background:url(../images/event_back_02.gif) left bottom no-repeat;
}

 div.tooltip li{
	margin:0 0 8px 0;
	line-height:150%;
}

 .tooltip .date{
	display:inline-block;
	padding:0 0 6px 0;
}
*/

p.mkBox{
	font-size:12px;
	margin:20px 0 20px 0;
}

a.eventMk,
p.mkBox span.eventMk{
	text-decoration:none;
	color:#8F1E23;
	font-size:18px;
}
.eventMk{
	text-decoration:none;
	color:#8F1E23;
	font-size:18px;
}


a.saiziMk,
p.mkBox span.saiziMk{
	text-decoration:none;
	color:#076F38;
	font-size:18px;
}

.saiziMk{
	text-decoration:none;
	color:#076F38;
	font-size:18px;
}


#eventList{
	margin:60px 0 0 0;
}

#eventList h2{
	margin:0 0 50px 0;
}


#eventList dl{
	float:left;
	width:302px;
	margin:0 20px 40px 0;
}


#eventList dl:nth-of-type(3n) {
	margin-right:0px;
}

#eventList dl:nth-of-type(3n+1) {
	clear:both;
}


#eventList dt{
	padding:0 0 20px 14px;
	font-weight:bold;
	font-size:14px;
	background:url(../images/icon_san.png) left 3px no-repeat;
	background-size:6px auto;
}

#eventList dd img{
	margin-right:15px;
	display:inline-block;
	float:left;
}
#eventList dd p{
	font-size:14px;
}


#eventList dd p.demiseMk{
	margin:10px 0 0 0;
	display:inline-block;
	padding:3px 16px;
	background:#F7A51C;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}


/*******************************

school

********************************/

.schoolList ul li{
	margin:0 0 40px 0;
	float:left;
	width:228px;
	margin-right:16px;
}

@media screen and (min-width: 737px){
.schoolList ul li:nth-of-type(4n){
	margin-right:0;
}

.schoolList ul li:nth-of-type(4n + 1){
	clear:both;
}
}

#schoolCo h4{
	margin: 0 0 30px 0;
	text-align: center;

}

#schoolCo{
	margin:40px 0 60px 0;
	line-height:180%;
}


#schoolCo p{
	margin:0 0 20px 0;
	font-size:100%;
	line-height:180%;
}

#schoolCo img{
	margin:0 auto 10px;
	text-align:center;
	max-width:100% !important;
}

@media screen and (max-width: 736px) {
	
	
/*******************************

infoCo

********************************/
	
#infoCo {
    margin: 0 auto 0;
    width: 100% !important;
	padding:0 3%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.infoBox{
	margin:0 0 8% 0;
}

#infoCo h3{
	 width: 100%;
	 overflow:hidden;
	 position:relative;
	 height:30px;
	 text-align:center;
	 margin-bottom:4%;
}

#infoCo h3 img{
	position: absolute;
	text-align:center;
	top:0;
	left:50%;
	margin-left:-482px;

}

#schoolCo h4{
	margin:0 0 4% 0;
	text-align:center;
}

#schoolCo h4 img{
	margin:0 auto;
	width:80%;
}

.infoBox .infoLeft {
    float:none;
    text-align: center;
    margin-right: 0;
    padding: 0 3%;
    width: 100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.infoLeft h4{
	text-align:center;
	margin-bottom:0%;
}

.infoLeft h4 img{
	width:auto;
	max-width:100%;
}

#calendar {
    margin:3% 0 0 0;
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
}


.infoBox .infoRight{
	float:none;
	width:100%;
	padding:30px 0 0 0;
}


#eventsBox{
	width:100%;
	padding:0 3%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}


.eventsBox dl{
	clear:both;
	float:none;
	margin:0 20px 0 0;
	padding:30px 0 0 0;
	width:100%;
}
.eventsBox dl:nth-of-type(2n) {
	margin-right:0px;
}

.eventsBox dl:nth-of-type(2n + 1) {
	clear:both;
}

.eventsBox dt{
	font-weight:bold;
	padding:0 0 15px 15px;
	background:url(../images/icon_san.png) left top no-repeat;
	background-size:6px auto;
}

.eventsBox dd img{
	margin-right:15px;
	display:inline-block;
	float:left;
}

#information {
    margin: 8% 0 0 0;
    width: 100%;
}

#information h4{
	text-align:center;
}

#information div{
	clear:both;
	float:none;
	margin-right: 0;
	width: 100%;
	overflow: hidden;
	padding:0 0 4% 0;
	margin:0 0 8% 0;
	border-bottom:#ccc dotted 1px;
}

#information div:last-of-type{
	margin-bottom:0px;
	border-bottom:none;
}

#newsInfo .zyuyo dt {
    padding: 1px 0 0 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    background: #8F1E23;
}

#newsInfo dt, #blogInfo dt {
    margin-right: 20px;
    width: 70px;
    float: left;
    line-height: 160%;
    font-size: 12px;
}

#newsInfo dd, #blogInfo dd {
    line-height: 160%;
    width: auto;
    float:inherit;
    margin: 0 0 10px 0;
}



/*=================================================================================
/pickupCo
===================================================================================*/

#pickupCo{
	width:100%;
	padding:0 3%;
}

#pickupCo h4{
	width:100%;
	height:30px;
	position:relative;
	overflow:hidden;
}

#pickupCo h4 img{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-481px;
}

#pickupCo ul{
	margin:6% auto 6%;
	width:100%;
	text-align:center;
}

#pickupCo li{
	display:inline-block;
	float:inherit;
	width:100%;
}

#pickupCo li img{
	width:100%;
}

/*************************************************************

   event

**************************************************************/

.infoEventPage .text {
    margin:0;
	text-align:left;
}

section#topics-index #calendarBox h3{
	margin:8% 0 0 0;
}


#eventList {
    margin: 8% 0 8% 0;
}

#eventList h2 {
    margin: 0 0 4% 0;
}

#eventList dl {
	clear:both;
    float:none;
    width:100%;
	margin:0px;
	padding:6% 0 0 0;
}


#eventList dt {
    padding: 0 0 4% 14px;
	font-size:0.875rem;
}

#eventList dd{
	font-size:0.813rem;
}

#eventList dd img{
	width:42%;
    margin-right:2%;
}


.schoolList{
	margin:6% 0 0 0;
}

.schoolList ul li {
	float:left;
	margin: 0 0 4% 0;
	margin-right: 0px;
	float: left;
	width: 49%;
}

.schoolList ul li {
	float:left;
	margin: 0 0 4% 0;
	margin-right: 0px;
	width: 49%;
}

.schoolList ul li:nth-of-type(2n){
	float:right;
	margin: 0 0 4% 0;
	margin-right: 0px;
	width: 49%;
}

.schoolList ul li:nth-of-type(2n + 1){
	clear:both;
}

#schoolCo {
    margin:6% 0 6% 0;
    line-height: 180%;
}

#calendarBox div.cal3box {
	float:none;
    width:100%;
    margin-right:0;
}
.eventTbl {
    margin:0;
}

}