@charset "UTF-8";

/* =========================================================
pagename
========================================================= */

#about #contents{
	background: url(../about/images/bg_about.png) no-repeat center top;
	text-align: center;
	margin-top: -2px;
}
#institution #contents{
	background: url(../institution/images/bg_shisetu.png) no-repeat center top;
	text-align: center;
	margin-top: -2px;
}
#event #contents{
	background: url(../event/images/bg_gyoji.png) no-repeat center top;
	text-align: center;
	margin-top: -2px;
}
#map #contents{
	background: url(../map/images/bg_map.png) no-repeat center top;
	text-align: center;
	margin-top: -2px;
}
#link #contents{
	background: url(../link/images/bg_link.png) no-repeat center top;
	text-align: center;
	margin-top: -2px;
}
#topics #contents{
	background: url(../topics/images/bg_topics.png) no-repeat center top;
	text-align: center;
	margin-top: -2px;
}
#igo #contents{
	background: url(../event/images/bg_igo.png) no-repeat center top;
	text-align: center;
	margin-top: -2px;
}

/*行事タブの設定*/
#event #main ul.tabNav{
	float: left;
	background: url(../event/images/bg_tub.png) no-repeat;
	height: 36px;
	width: 640px;
	padding-top: 2px;
	padding-left: 5px;
	margin-bottom: 1em;
}
#event #main .tabNav li{
	float: left;
	text-align: center;
}
#event #main .tabNav li a,
#event #main .tabNav li a:hover,
#event #main .tabNav li a:active{
	display: block;
	background: url(../event/images/tab_bg.png);
	width: 126px;
	height: 34px;
	color: #FFF;
	font-size: 16px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	line-height: 34px;
	text-decoration: none;
}
#event #main .tabNav li a.active,
#event #main .tabNav li a.active:hover,
#event #main .tabNav li a.active:active{
	color: #618C40;
	background: url(../event/images/tab_cur.png);
}

p.sat{
	color: #006CD8;
}
p.sun{
	color: #D80000;
}
.sub td.closed,
.sub th.closed{
	background-color: #FFCFBF;
}
#event table .w5{
	width: 5%;
}
#event table .w10{
	width: 10%;
}
#event table .w15{
	width: 15%;
}
#event table .w20{
	width: 20%;
}
#event table .w25{
	width: 25%;
}
#event table .w30{
	width: 30%;
}
#event table .w35{
	width: 35%;
}
#event table .w40{
	width: 40%;
}
#event table .w45{
	width: 45%;
}
#link .headline1{
	margin-bottom: 1.2em;
}
#event #main table.kouza{
	text-align: center;
}
#event #main .naiyo{
	text-align: left;
}
#event #main .kouzatb{
	width: 370px;
	float: right;
}

/*トピックス*/
.nichi th{
	width: 20%;
}
.return{
	background: url(../images/linkiconr.png) no-repeat left center;
	padding-left: 16px;
	line-height: 22px;
	height: 22px;
	display: block;
	margin-bottom: 3em;
}
p.attendant{
	margin-top: -1.5em;
}

#contents .date{
	font-size:87%;
	color:#A7C972;}
	
#topics #contents .date{
	font-size:87%;
	color:#A7C972;
	padding-left:5px;}



/*地図*/
#map_canvas{
	width: 640px;
	height: 350px;
	margin-bottom: 0.5em;
}
#tel{
	font-weight: bold;
	font-size: 113%;
}
#map table{
	width: 100%;
	}
#map td{
	padding-left: 10px;
	padding-bottom: 10px;
	}
#map th{
	vertical-align: top;
	}
#map #bus{
	width: 548px;
	margin: 0 auto;
	}

/*TOP 8月事業のご案内*/
.open_table_low th {
	width: 50%;
}

.open_table_item {
	vertical-align: top;
}

/*TOP 最新ニュース*/
.top_news {
	display: flex;
	justify-content: space-between;
}

.top_news span {
	padding-top: 5px;
}

.headline1 {
	position: relative;
}

.c-closed {
	position: absolute;
	right: 30px;
	bottom: -3px;
}


.pbM {
	padding-bottom: 2em !important;
}

.green {
	color: #95be56;
}

.prS {
	padding-right: 8px;
}

.bold {
	font-weight: bold;
}

/*TOP 最新ニュース*/
table.tbottom_none {
	margin-bottom: 0.5rem;
}
.list_link {
	background: none!important;
	display: inline!important;
}

/*EVENT*/
.blue {
	color: #006CD8;
}
.pdf_link {
	padding: 8px 0;
}
.course_blue {
	color: #0400ff!important;
	transition: .3s all;
}
.course_blue:hover {
	color: rgb(177, 177, 177) !important;
	text-decoration: underline!important;
}

.headline2 {
	position: relative;
}

.c-closed_02 {
	position: absolute;
	right: 20px;
	bottom: 3px;
}


/*  */
.figureB img {
	border: 1px solid #EFEFEF;
}

.event_wrapper {
	background: #f1f1f1;
	padding: 10px;
	margin-top: 10px;
	position: relative;
	border-radius: 3px;
}
.event_wrapper::before {
	position: absolute;
	content: "";
	border-bottom: 16px solid #f1f1f1;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: -10px;
	left: 8px;
}

/* 天白福祉会館からのお願い */
.please_wash {
	display: flex;
	justify-content: space-between;
}

/* 取り消し線 */
.none_line {
	text-decoration: line-through;
}