@charset "UTF-8";

/*------------- CSS reset -------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
/*	padding: 0;	*/
	border: 0;
/*	font-weight: normal;	*/
	font-size: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*------------- body -------------------------------*/
body{
	font-size: 14px;
	color: #000b00;	/*---濡羽色---*/
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.6;
	background:#efefef;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
/*------------- body ふわっと表示 -------------------------------*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.color1 {
	color: #d3381c; /*文字色指定（赤）*/
	font-weight:bold;
}

/*------------- header -------------------------------*/
header {
	position: relative;
	width: 100%;
	height: 180px;
	color: #ffffff;	/*---白---*/
	background-image: url("../img/back01.png");
	background-repeat: repeat;
	background-position: bottom,left;
}
#inner{
	position: relative;
	margin: 0 auto;
	width: 1028px;
	height:180px;
}

#inner img.img1{
	float:left;
	margin-top: 35px;
	margin-left: 20px;
}

#inner img.img2{
	float:left;
	margin-top: 45px;
	margin-left: 10px;
}
#inner img.img3{
	position: absolute;
	right: 30px;
	bottom: 0px;
}

/*------------- footer -------------------------------*/
footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background-image: url("../img/back01.png");
}
#copyright {
	clear: both;
	width:100%;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	color: #ffffff;	/*---白---*/
}

/*------------- return top -------------------------------*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#8a8afa;
}
.totop img:hover {
	background:#b9baeb;
}

/*------------- nav -------------------------------*/
nav {
	clear:both;
	width:100%;
	margin: 0 auto;
	background: url("../img/menu1.gif");/*---渋紙色---*/
	background-image: url("../img/menu1.gif");
	background-repeat: repeat;
}

#navbar{
	clear:both;
	margin: 0 auto;
	width: 1028px;
	height:45px;
/*	position:relative;*/
/*	top:200px;*/ /* 要調整*/
}

#navbar ul{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:45px;
	font-weight:bold;
}

#navbar li{
	float:left;
	width:114px;  /*メニューボタンの幅*/
	background:url(../img/menu1.gif);
	text-align:center;
}
#navbar li:hover{
	background:url(../img/menu2.gif);
}
#navbar li.line02{
	padding:7px 0px 6px;
	line-height:16px;
}
#navbar li.last{
	width:116px;  /*メニューボタンの幅*/
}
#navbar a{
	display:block;
	color:#ffffff;
	text-decoration: none;
}
#navbar a:hover{
	color:#b0FFFF;
}

/* =======共通／コンテンツの設定======= */
#contents{
	width:1028px;
	background:url(../img/contents_back.gif) repeat-y;
	margin:0 auto;
	padding:0px;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	color: #1a1a1a;
	font-size:14px;
}

a{
	color:#0000cd;
}
a:hover{
	color:#87cefa;
}
a img {
	border: none;
}
a:hover img { /*画像にマウスをのせた時半透明にする*/
	opacity: 0.6; /*要素の透明度*/
}

/* =======ホーム画面の設定======= */

#top{
	margin:0px;
	padding:0px;
}
#header_image{
	margin:10px auto 0px;
	padding:0px;
	text-align:center;
}

#home_old{
	float:left;
	margin:0px 15px 10px 15px;
	padding:0px;
}
#home{
	margin:0 auto;
	padding:0px;
}
#main{
	width: 798px;
	float:left;
	margin:0px;
	display:inline;
}

#main h1{
	margin: 0px;
	padding:10px 30px 10px;
	background:url(../img/main_bar01.gif) no-repeat;
	font-size:18px;
	letter-spacing: 2px;
	color: #1a1a1a;
}
.main_contents_in {
  clear: both;
  margin: 0px 10px 0px 0px;
}
.main_contents_l {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 384px;
}
.main_contents_r {
  float: right;
  margin: 0px 10px 0px 0px;
  width: 384px;
}

ul.ul1{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

ul.ul2{
	list-style-type: none;
	margin:10px 0px  0px  20px;
	padding:0px;
}

.img3 {
	padding-top: 5px;
	text-align: center;
}

span.s1{
	font-weight: bold;
	background-color:#ffffff;
}
span.s2{
	font-size: 20px; 
	font-weight: bold;
	color:#ffffff;
}
span.s3{
	font-size: 14px; 
	font-weight: bold;
	color:#000080;
}

.gazo1{
	margin:10px 10px 0px 10px;
}
.gazo1 img:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
}

#side{
	float:right;
	width:200px;
	margin:20px 0px 0px 0px;
	background:url(../img/side_back01.gif) repeat-y;
}
#side h1{
	margin: 0px;
	padding:7px 20px;
	background:url(../img/side_bar01.gif) no-repeat;
	font-size:15px;
	color: #ffffff;
}
#side h2{
	margin: 0px;
	padding:7px 20px;
	background:url(../img/side_bar02.gif) no-repeat;
	font-size:15px;
	color: #ffffff;
}
#side h3{
	margin: 0px;
	padding:7px 20px;
	background:url(../img/side_bar03.gif) no-repeat;
	font-size:15px;
	color: #ffffff;
}
#side ul{
	margin:0px;
	padding-left:15px;
	line-height:30px;
}

#side ul{
	list-style-type:none;
	padding-left:2px;
}
#side li{
	padding:0px 5px;
}
#side li a{
	padding-left: 10px;
	color:#1a1a1a;
	border-bottom:solid 1px #666666;
	width:170px;
	display:block;
	text-decoration: none;
}
#side li a:hover {
	color: #ff0000;
}
#side a{
	color:#00f;
	width:190px;
	display:block;
	text-decoration: none;
	font-weight: bold;
}
#side a:hover {
	color: #ff0000;
}

/* =======サブ画面／メイン部分の設定======= */

#sub{
	width: 100%;
	margin:10px auto;
}

/* =======利用案内画面の設定======= */

table.riyou_t1 {
	border: 1px solid #4682b4;
	border-collapse: collapse;
	margin:10px auto;
	background-color: #fbfaf5;
	line-height: 18pt;
}
table.riyou_t1 td{
	border: 1px solid #4682b4;
}
table.riyou_t1 td.td1{
	border: 1px solid #4682b4;
	background-color: #4682b4;
	text-align: center;
	font-size:16px;
	color:#ffffff;
}
table.riyou_t1 td.td2{
	border: 1px solid #4682b4;
	background-color: #ffffc4;
	font-size:14px;
}
ol.o01 {
	margin:10px 0px 20px 0px;
	padding:0px;
	list-style-type: none;
}
li.l01 {
	margin:10px 0px 10px 0px;
	padding:0px;
	list-style-type: none;
}

/* =======活動報告画面の設定======= */

table.katsudou_t1 {
	border-top: 0px solid #fbfaf5;
	border-bottom: 10px solid #fbfaf5;
	border-left: 30px solid #fbfaf5;
	border-right: 30px solid #fbfaf5;
	border-collapse: collapse;
	margin:10px auto;
	background-color: #fbfaf5;
	line-height: 18pt;
}
table.katsudou_t1 tr.tr1{
	border-bottom:2px solid #4682b4;
}
table.katsudou_t1 td.td1{
	height:40px;
	vertical-align:bottom;
	font-weight: bold;
}
table.katsudou_t1 td.td2{
	padding:15px 0px 0px;
	vertical-align:middle;
	text-align: left;
}
table.katsudou_t1 td.td3{
	height:40px;
	padding:0px 5px 0px;
	vertical-align:bottom;
	font-size:16px;
	font-weight: bold;
}
table.katsudou_t1 td.td4{
	padding:5px 0px;
	vertical-align:top;
}
table.katsudou_t1 td.td5{
	padding:10px;
	vertical-align:top;
	line-height: 16pt;
}

/* =======施設予約画面の設定======= */

table.shisetsu_t1{
	border-style: none;
	border-collapse: collapse;
	margin:10px auto;
	border: 1px solid #4682b4;
	background-color: #fbfaf5;
	line-height: 18pt;
}
table.shisetsu_t1 td.td1{
	border: 1px solid #4682b4;
	background-color: #4682b4;
	text-align: center;
	font-size:16px;
	color:#ffffff;
}
table.shisetsu_t1 td.td2{
	border: 1px solid #4682b4;
	padding:15px 10px 15px 0px;
}

/* =======催し物案内画面の設定======= */

table.moyooshi_t1{
	border: 1px solid #191970;
	border-collapse: collapse;
	margin:10px auto;
	background-color: #fbfaf5;
	line-height: 18pt;
}
table.moyooshi_t1 td.td1{
	border: 1px solid #191970;
	background-color: #4682b4;
	text-align: center;
	color:#ffffff;
	font-weight: bold;
}
table.moyooshi_t1 td.td2{
	border: 1px solid #191970;
	padding:5px 10px 5px 10px;
}

table.moyooshi_t1 td.c10{
	background-color: #f0cfa0;
}
table.moyooshi_t1 td.c11{
	background-color: #fde8d0;
}
table.moyooshi_t1 td.c20{
	background-color: #bce2e8;
}
table.moyooshi_t1 td.c21{
	background-color: #ebf6f7;
}
table.moyooshi_t1 td.c30{
	background-color: #c1d8ac;
}
table.moyooshi_t1 td.c31{
	background-color: #d6e9ca;
}
table.moyooshi_t1 td.c40{
	background-color: #dcdddd;
}
table.moyooshi_t1 td.c41{
	background-color: #f3f3f3;
}

/* =======個人情報画面の設定======= */

table.kojin_t1{
	border: 1px solid #4682b4;
	border-collapse: collapse;
	margin:10px auto;
	background-color: #fbfaf5;
}
table.kojin_t1 td.td1{
	border: 0px solid #4682b4;
	padding:20px 10px 0px;
	text-align: center;
	font-size:18px;
	font-weight: bold;
}
table.kojin_t1 td.td2{
	border: 0px solid #4682b4;
	padding:10px 10px 0px;
	text-align: center;
}
table.kojin_t1 td.td3{
	border: 0px solid #4682b4;
	padding:10px 30px 10px 15px;
}

/* =======個人情報画面の設定======= */
#sub_child{
	width: 750px;
	margin:10px auto;
}
.youtube {
	margin: 5px 0 10px 0;
	padding: 0 0 0 0;
	width: 320px;
	height: 180px;
}

/* =======モーダルウィンドゥの設定=======2022.10.06 */
.iframe_1 {
	margin: 0 auto;
	width: 99%;
	height: 80vh;
}
/* =======予定表の設定=======2024.04.06 */
#schedule{
	width: 100%;
	float:left;
	margin:0px 15px 10px 15px;
	padding:0px;
}
#schedule h1{
	margin: 0px;
	padding:10px 30px 10px;
	background:url(../img/main_bar01.gif) no-repeat;
	font-size:18px;
	letter-spacing: 2px;
	color: #1a1a1a;
}
table.yotei{
	width: 100%;
	border-collapse: collapse;
	border:1px solid #9fa0a0;	/*---素鼠---*/
	margin:0 auto;
}
table.yotei th{
	width: 14%;
	background-color: #1e50a2;	/*---瑠璃色 ---*/
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	border:1px solid #9fa0a0;	/*---素鼠---*/
	font-weight: bolder;
	color: #fff;
}
table.yotei th.th1{
	width: 15%;
}
table.yotei td{
	background-color: #f3f3f2;	/*---白練---*/
	text-align:left;
	vertical-align: top;
	border-collapse: collapse;
	border:1px solid #9fa0a0;	/*---素鼠---*/
}
table.yotei td.td0{
	background-color: #f3f3f2;	/*---白練---*/
	text-align:center;
	font-weight: bolder;
}
table.yotei td.td1{
	background-color: #fff;	/*---白---*/
	border-top: none;
	border-bottom: none;
}
table.yotei td.td2{
	background-color: #ffd700;
	text-align:center;
	font-weight: bolder;
}
table.yotei td.td_kyujitsu{
/*	height: 80px;	*/
	border-bottom: none;
	background-color: #fdeff2;	/*---薄桜---*/
	font-size:11px;
	color: #f00;
}
table.yotei td.td_title{
/*	height: 80px;	*/
	border-bottom: none;
	background-color: #fff;
	font-size:12px;
	font-weight: bolder; 
}
table.yotei td.td_pink{
/*	height: 20px;*/
	background-color: #fdeff2;	/*---薄桜---*/
	border-top: none;
	border-bottom: none;
	font-size:12px;
	font-weight: bolder; 
}

#main_moyooshi{
	width: 798px;
	margin:10px AUTO;
}

#main_moyooshi h1{
	margin: 0px;
	padding:10px 30px 10px;
	background:url(../img/main_bar01.gif) no-repeat;
	font-size:18px;
	letter-spacing: 2px;
	color: #1a1a1a;
}