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

h2 {
	padding: 5px 0 5px 25px;
	margin:10px 0;
	font-size: 1.1em;
	color: #fff;
	
}


/* =======================================
お知らせ
======================================= */



.oshirase {
	background: #32bb61;
	
}


/*ニュース*/
.output_news {
	width: 95%;
	margin: 0 auto;
	
}

.output_news p.cap {
	color: #464646;
	margin-left: 10px;
}

.output_news p.cap span {
	color: #e5004f;
}


/*.itiran_box {
	background: #fff;
	margin-bottom: 10px;
	width: 97%;
	margin: 0 auto 15px auto;
}*/






.itiran_nai {
	/*display:table;*/
	width:1060px;
	margin: 0 auto 5px auto;
	border-bottom: 1px dotted #000;
	
}

.itiran_hiniti {
	padding: 5px 10px;

}


.itiran_sho {
	padding: 5px 10px;
	/*display:table-cell;*/
	color: #0075a9;
	float:left;
	width: 100%; /* add */
}




.itiran_photo {
	cpadding: 0px 10px 10px 10px;
	/*display:table-cell;*/

	width: 180px;
	text-align:right;
	float:left;
	
}

.itiran_photo img {
	margin-top: 20px;
	
}




/*pagenavi */
.pagenavioshirase {
	background-color:#ade4c0;
	padding:10px 10px 5px 10px;
	font-size:0.9em;
	line-height:1.4;
	/*margin-bottom:15px;*/
	margin: 0 auto 15px auto;
}
.pagenavioshirase .prev {
	float:left;
	width:30%;

}

.pagenavioshirase .prev a {
	color: #000;

}
.pagenavioshirase .next {
	float:right;
	text-align:right;
	width:30%;
}

.pagenavioshirase .next a {
	color: #000;
} 
.pagenavioshirase .now {
	float:left;
	text-align:center;
	width:40%;
	font-size: 1.2em;
	padding-top: 5px;
}


/*お知らせ詳細*/
/*output_area */

.output_area {
	margin: 0 auto 0 auto ;

	
}

.output_area img.right {
	float:right;
	margin: 0 10px;
	
}

.output_area img.left {
	float:left;
	margin: 0 10px;
	
}


.output_areaL {
	width: 740px;
	float:left;
	
	
}



.output_area h3 {
	background: #ade4c0;
	margin: 5px 0 0 0;
	padding:5px;
	font-weight: normal;
	font-size: 1.1em;
	border-left: 30px solid #32bb61;
}

.output_area h4 {
	font-size:1em;
	line-height:1.4;
	font-weight: bold;
	font-size:1.1em;
	margin:10px 0 10px 10px;
	padding:0 0 0 20px;
	/*clear:both;*/
	border-left: 10px solid #32bb61;
}


/* add */
.output_area span.you {
	background: #f00;
	color: #fff;
	padding: 3px 10px 2px 10px;
	border-radius: 10px;
	display: inline;
	margin-right: 10px;
	margin-left: 5px;
	font-size: 0.8em;
	font-weight: bold;
}

.output_area span.kan {
	background: #333;
	color: #fff;
	padding: 3px 10px 2px 10px;
	border-radius: 10px;
	display: inline;
	margin-right: 10px;
	margin-left: 5px;
	font-size: 0.8em;
	font-weight: bold;
}



.output_area p {
	font-size:0.9em;
	line-height:1.6;
	margin-bottom:15px;
	padding: 0 10px;
}

.output_area ul,
.output_area ol {
	margin:10px 0 15px 30px; /* update */
}

.output_area li {
	font-size:0.9em;
	line-height:1.4;
}


.output_area table {
	margin-bottom:15px;
	border-collapse:collapse;
}



.output_area th,
.output_area td {
	padding:3px 10px;
	/* font-size:0.9em; */
	line-height:1.4;
	font-weight:normal;
	vertical-align:top;
	border:1px solid #d1c0a5; /* #FFFFFF */
}

.output_area tr.header td { /* th */
	background-color:#ffeee9;
	text-align:center;
}

.output_area table thead td {
	background-color:#ffeee9;
	text-align:center;
	
}

.output_area table th {
	background-color:#ffeee9;
	text-align:center;
	
}

.output_areaR {
	width: 300px;
	float:right;
	background: #e6f7ec;
	margin-top: 10px;
	
}

.output_areaR h2.kanren {
	color:#fff;
	background: #32bb61;
	margin: 0;
	
	
}

.output_areaR .kanrentit {
	color:#093;
	padding: 10px;
	text-align:center;
	margin-top: 0;
	
	
}

.output_areaR ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	
	
}

.output_areaR li {
	background-image:url(image/icon01.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
	margin-left: 15px;
	padding: 5px 0 2px 10px;
	
	
}

.output_areaR li a {
	color: #0075a9;
	
	
}


/*お問い合わせ*/

.otoiawase {
	background: #e6f7ec;
	padding: 10px;
	line-height:1.8;
	margin: 30px 0 20px 0;
}

.otoiawase p.oto_tit {
	padding:0 0 3px 0;
	margin:0;
	border-bottom: 1px solid #000;
	font-weight:bold;
	
}

.otoiawase p.oto_sonota {
	padding:5px 0 0 10px;
	margin:0;
	font-weight:normal;
	
}




/* =======================================
施設利用案内
======================================= */

.boxarea {
	margin:0 ;
	padding: 0;
  width:1060px;
		
	
}


.boxarea ul.boxblock {
     margin:0 ;
		 padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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:1060px;
		

}
 
.boxarea  ul.boxblock li {
    margin:0 5px 10px 15px;
    padding:0;
    border:1px solid #32bb61;
    width:240px;
    list-style:none;
}



.boxarea  ul.boxblock li div.Title {
	background: #32bb61;
	margin:0;
	padding: 3px 10px;
	font-size:1.2em;
	color: #fff;
	text-align:center;

}


.boxarea  ul.boxblock li ul.TTT {
	list-style:none;
	margin-left:0;
	padding:0;
	font-size: 1.1em;
	

}

.boxarea  ul.boxblock li ul.TTT li {
	padding:8px 0 5px 10px;
	margin:0;
	width: 220px; /* update */
	border:none;
	
}

.boxarea  ul.boxblock li ul.TTT li a {
	color: #0075a9;

}


/*関連情報一覧*/

.kanren {
	margin-top: 15px;
	margin-bottom: 30px; /* add */
}

.kanrenjyohou {
	width: 1060px;
	border-bottom: 1px solid #000;
	padding: 5px 0;
}
/* del
.kanrenjyohou .day {
	width: 200px;
	float: left;

}
*/
.kanrenjyohou .nai {
	/*width: 740px; del */
	/*float: left; del */
	line-height: 1.8;
	padding: 0 20px; /* add */
}

.kanrenjyohou .nai a {
	color: #0075a9;
}


/* =======================================
イベント
======================================= */

.calendarBt {
	float:right;
	margin: 20px 0 10px 0;
}


.EVitiran_nai {
	width:1060px;
	margin: 0 auto 5px auto;
	border-bottom: 1px dotted #000;
	
}

.EVitiran_hiniti {
	padding: 5px 10px;
	width: 300px;
	float: left;

}


.EVitiran_sho {
	padding: 5px 10px;
	float:left;
	width: 700px;
	
}


.eventcalendar {
	width: 1060px;
	margin: 10px auto;
	

}

.eventcalendar table.EVENT {
	margin-bottom:0;
	border-collapse:collapse;
	width: 1060px;
}

.eventcalendar table.EVENT tr.kyukan,
.eventcalendar table.EVENT td.kyukan { /* add td追加 */
	background: #FCF8B3;
}

.eventcalendar table.EVENT td.Left {
	text-align: left;
}


.eventcalendar table.EVENT th {
	padding:10px;
	/* font-size:0.9em; */
	line-height:1.4;
	font-weight:normal;
	vertical-align:top;
	border:1px solid #d1c0a5; /* #FFFFFF */
	white-space: nowrap;
	background: #E8E8E8;
}






.eventcalendar table.EVENT td {
	padding:8px 10px;
	/* font-size:0.9em; */
	line-height:1.4;
	font-weight:normal;
	vertical-align:top;
	border:1px solid #d1c0a5; /* #FFFFFF */
	vertical-align:middle;
	text-align: center;
}

.eventcalendar table.EVENT tr.today,
.eventcalendar table.EVENT td.today {
	/*background: #d2eeca;*/ /* 削除 */
	border: 5px solid #32bb61; /* add */
	font-weight:bold; /* add */
}
/* del
.eventcalendar table.EVENT td.today {
	background: #d2eeca;
}
*/


.eventcalendar table.EVENT td.sun {
	background: #FEEFEF;
	text-align:center;
}

.eventcalendar table.EVENT td.normal {
	text-align:center;
}

.eventcalendar table.EVENT td.sat {
	background: #CCE6F3;
	text-align:center;
}

.eventcalendar table.EVENT td ul {
	list-style:none;
	margin:0;
	padding:0
}

.eventcalendar table.EVENT td li {
	padding:5px 0 0 15px;
	margin:2px 0 0 0;}


.eventcalendar table.EVENT td li a {
	color: #0075a9;

}


/* 追加 */
/* =======================================
アンケート
======================================= */
.otoiwaseform {
	display:table;
	width:100%;
	margin:auto;

	
}
.otoiwase_midasi {
	background:#FFF3CA;
	padding: 5px;
	display:table-cell;
	width: 30%;
	border-bottom: 1px dotted #666;
	vertical-align:top;
}

.otoiwase_midasi span.must { /* クラス名修正 */
	color: #f00;
	font-size: 0.8em;
}

.otoiwase_koumoku {
	padding: 5px;
	display:table-cell;
	background: #fff;
	border-bottom: 1px dotted #666;
	width: 60%;
}

.otoiwase_error {
	margin: 5px;
	color: #f00;
}

.btnArea {
	width: 100%;
	margin:0 auto;
	text-align: center;
	margin-top:10px;	/* 20171117 追加 */
}

/* 20171117 追加 */
.otoiwase_koumoku .attention {
	font-size: 0.9em;
}

.otoiwase_koumoku input.inputtype,
.otoiwase_koumoku textarea.inputtype,
.otoiwase_koumoku select.inputtype{
	font-size: 1.0em;
}

.btnArea input[type="submit"],
.btnArea input[type="button"] {
	padding:10px;
	font-size:100%;
}


/* borderなしスタイル */
.nobr,
table.nobr th,
table.nobr td,
th.nobr,td.nobr {
	border: none !important;
}

/* add */
.itiran_sho .icon {
	float: left;
	width: 120px;
}

.itiran_sho .title {
	width: 100%;
}