@charset "UTF-8";
/* CSS Document */

/* =======================================
メイン写真
======================================= */
.mainphoto {
	width: 1024px;
	margin: 0 auto;
	
}



#topphoto {
	max-width:1024px;
	height:580px;
	margin: 0 auto;
	text-align:center;

	}





/* =======================================
右エリア
======================================= */

#right_area h1.osirasetit {
	background: #c8a078;
	color: #fff;
	font-size: 1.4em;
	padding: 5px 0 5px 35px;
	font-weight:normal;
	border-radius: 8px / 8px;
	background-image:url(image/bg_osirasetit.png);
	background-repeat:no-repeat;
	background-position: 5px 9px;
	margin-top: 0;
	
}

#right_area h1.gakushu-event {
	background: #64be00;
	color: #fff;
	font-size: 1.4em;
	padding: 5px 0 5px 35px;
	font-weight:normal;
	border-radius: 8px / 8px;
	background-image:url(image/bg_gakushu-eventtit.png);
	background-repeat:no-repeat;
	background-position: 5px 9px;
	
}

#right_area h1 p {
	float:right;
	margin-top: 0;
	font-size: small;
	font-weight:normal;
	padding: 5px 5px 0 20px;
	background-image:url(image/bg_osiraseitiran.png);
	background-repeat:no-repeat;
	background-position: 0 8px;
}



#right_area h1 p a {
	color: #fff;
	
}


#right_area .osirase {
	border-bottom: 1px dotted #999;
	padding-bottom:5px;
	margin: 10px 0;
	
}

#right_area .osirase div.day {
	width: 15%;
	float:left;
	padding:2px;
}

#right_area .osirase div.category {
	width: 10%;
	float:left;
	padding:2px;
	text-align:center;
}

.cat_gakushu {
	background: #c8dcfa;
}

.cat_osirase {
	background: #fadcc8;
}

.cat_event {
	background: #dcc8fa;
}

#right_area .osirase div.osirasesyo {
	width: 70%;
	float:left;
	text-align:left;
	padding:2px;
	margin-left:5px;
}

#right_area .tyuui {
	background: #ffebeb;
	border: 1px solid #ff3300;
	border-radius: 8px / 8px;
	padding: 10px;
	
}

#right_area .tyuui div.gotyuui {
	color: #ff3300;
	font-size: 1.1em;
	font-weight: bold;
	background-image:url(image/bg_gotyuuitit.png);
	background-repeat:no-repeat;
	padding-left: 25px;
	
}

ul.gakushu_event {
	padding: 0;
	margin: 20px 0 10px 0;
	display:-webkit-box;
	display:-moz-box;
 	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:730px;
}




ul.gakushu_event li {
	width:230px;
	list-style:none;
	margin: 0 5px 20px 5px;
	padding: 0 0 2px 0;
	list-style-position:outside;
	border: 1px solid #999;
	text-align:center;
}

ul.gakushu_event li div.tt {
	text-align:left;
	font-size: 1.2em;
	color: #64be00;
	line-height: 1.2;
}

ul.gakushu_event li p {
	text-align:left;
	margin: 0 0 5px 0;
}

ul.gakushu_event li div.kueasiku {
	background: #64be00;
	color: #fff;
	font-size: 0.9em;
	
}

ul.gakushu_event li div.kueasiku a {
	color: #fff;
	
}



/* =======================================
バナーエリア
======================================= */
#banner {
	width: 100%;
	margin: 0 auto;
	background: #faf7f5;
	padding: 20px 0;
}

#banner .banarea {
	width: 980px;
	margin: 0 auto;

}


#banner .banarea div {
	float:left;
	margin: 0 8px 0 7px;

	
}

#banner .banarea p {
	color: #008ba0;
	margin:0;
	
}