@charset "Shift_JIS";
/* ここからページのフォーム。 */
*{
	color:#000000;
	padding:0;
	font-size: 100%;
	line-height: 130%;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	background-image: none;
}
body {
	background-color: #FFFFEE;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	line-height: 130%;
	margin: auto;
	background-repeat: repeat;
	color: #000000;
	font-size: 95%;
}
A {
	text-decoration:none;color:#0000CC;
}
A:active{
	color:#ff0000;
}
A:visited{
	color:#0000CC;
}
A:hover{
	color:#0000CC;
	text-decoration: underline;
}
a img {
	border: none;
}
#base {
	width: 813px;
	background-color: #FFFFEE;
	text-align: left;
	background-image: url(../images/bg_table2.jpg);
	background-repeat: repeat;
	margin: 0 auto;
}
#header {
	background-image: url(../images/topbaner_03.jpg);
	background-position: left center;
	background-attachment:;
	vertical-align: middle;
	width: 800px;
	background-repeat: no-repeat;
	background-color: #FFFFEE;
	height: 165px;
	text-align: left;
	margin-left:6px;
}

#menu{
	width: 150px;
	text-align: right;
	float: left;
	display: inline;
	line-height: 100%;
	margin: 0px;
	padding-left: 12px;
	clear: none;
}

#sub{
	float: right;
	display: inline;
	left: 1px;
	display: block;
	margin: auto;

}

#main {
	width: 600px;
	float: right;
	margin: auto;
	padding: 10px 25px 5px 5px;
	left: 1px;
}
#contents {
	float: left;
	width: 630px;
}

#main h2 {
	width: 570px;
	font-size: 130%;
	font-weight: bold;
	padding-left: 10px;
	color: #FF3366;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #FF3366;
	border-right: 1px solid #FF3366;
	border-bottom: 1px solid #FF3366;
	border-left: 20px solid #FF3366;
	margin: 20px 0px 15px;
	height: 25px;
	font-family: "arial black", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align: left;
	vertical-align: text-botom;
	line-height: 25px;
}

#main h3 {
	font-size: 130%;
	font-weight: bold;
	width: 570px;
	padding-left: 10px;
	color: #FF6633;
	padding-top: 4px;
	padding-bottom: 2px;
	border-top: 1px solid #FF6633;
	border-right: 1px solid #FF6633;
	border-bottom: 1px solid #FF6633;
	border-left: 20px solid #FF6633;
	margin: 20px 0px 15px;
	height: 25px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align: left;
	vertical-align: text-botom;
	line-height: 25px;
}

#main h4 {
	width: 570px;
	font-size: 130%;
	font-weight: bold;
	padding-left: 10px;
	color: #009933;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #00CC66;
	border-right: 1px solid #00CC66;
	border-bottom: 1px solid #00CC66;
	border-left: 20px solid #00CC66;
	margin: 20px 0px 15px;
	height: 25px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align: left;
	vertical-align: text-botom;
	line-height: 25px;
}

#main h5 {
	width: 560px;
	font-size: 130%;
	font-weight: bold;
	padding-left: 10px;
	color: #0066FF;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #0066FF;
	border-right: 1px solid #0066FF;
	border-bottom: 1px solid #0066FF;
	border-left: 20px solid #0066FF;
	margin: 10px 0px;
	height: 25px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align: left;
	vertical-align: text-botom;
	line-height: 25px;
}

#main h6 {
	width: 560px;
	font-size: 110%;
	font-weight: bold;
	padding-left: 10px;
	color: #00CC33;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #00CC33;
	border-right: 1px solid #00CC33;
	border-bottom: 1px solid #00CC33;
	border-left: 20px solid #00CC33;
	margin: 10px 0px;
	height: 15px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align: left;
	vertical-align: text-botom;
	line-height: 16px;
}


#hh3 hr{
border-top:dashed #00CC33;
}

#hh4 hr{
border-top:1px dotted #FF6633;
}


.clears{
  clear:both;
}
#footer {
	background-image: url(../images/footer2.jpg);
	background-position: center center;
	vertical-align: middle;
	text-align:center;
	width: 1070px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	margin: auto;
}


ul li.submenu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.tatemenu {
	list-style-type: none;
}
.menu {
	vertical-align: baseline;
	text-align: center;
	margin: auto;
	float: none;
}
.tatebotan {
	border: 0px;
	margin: 0px 0px 0px 0px;

}
.matomenu{
	width: 150px;
}
td {
	padding: 7px;
}


.example {
clear: left;
}

/* ここまでページのフォーム。 */
/* ここから文字の設定等。 */

.ohanasibox {
	background-image: url(../ohanasi/waku.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 600px;
	height: 300px;
}
.ohanasihidari {
	text-align:center;
	padding-left: 15px;
	width: 250px;
	height: 300px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	float: left;
}
.ohanasimigi {
	width: 305px;
	height: 300px;
	padding: 0px 15px 0px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	float: right;
}
.small {
	font-size: 85%;
}
.small1 {
	font-size: 80%;
}
.center {
	text-align: center;
}
.migiyose {
	text-align: right;
}
.migiyose2 {
	text-align: right;
	font: 95% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	color: #FF6633;
}
.tyuui{
	color: red;
}
.ue{
	vertical-align: top;
}
.fontmidori {
	color: green;
}
.left {
	text-align: left;
}
.aozoraback {
	background-color: #FFFFFF;
	padding: 5px;
}
.midoriback {
	background-color: rgb(209, 255, 215);
}
.mizuiroback {
	background-color: rgb(246, 255, 255);
}
.usumizuback {
	background-color: rgb(242, 255, 244);
}
.usuakaback {
	background-color: rgb(255, 235, 209);
}
.butaimidoriback {
	background-color: #99FF99;
	padding: 5px;
}
.kiiroback {
	background-color: rgb(255, 255, 153);
	padding: 5px;
}
.kiiroback2 {
	background-color: rgb(255, 255, 153);
	padding:3px;
}
.yellowback {
	background-color: #FFFF00;
	padding:3px;
}
.yellowback2 {
	background-color: #FFFF00;
	padding:3px;
	width: 594px;
	margin-top: 10px;
}
.usukiiroback {
	background-color: #fffedb;
	padding: 5px;
}
.daidaiback {
	background-color: rgb(255, 221, 136);
	padding: 5px;
}
.daidaiback2 {
	background-color: rgb(255, 221, 136);
	padding: 3px;
}
.whiteback {
	background-color: #FFFFFF;
	padding: 5px;
}
.whiteback2 {
	background-color: #FFFFFF;
	padding: 3px;
}
.haiiro {
	 color: rgb(102, 102, 102);
}
.midasiao{
	color: rgb(51, 153, 153);
}
.hutoji {
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
}
.box {
	width: 590px;
	background-color: #fffedb;
	padding: 5px;
	line-height: 140%;
}

.box2 {
	width: 100%;
	background-color: #fffedb;
	padding: 5px;
	line-height: 140%;
}

.hrwake {
	height: 2px;
	width: 90%;
	margin-left: 0px;
	margin-right: auto;
	color: #339933;
}
.syousai {
	width: 103px;
	height: 19px;
}
.limark	{
	list-style-type: circle;
}
.limark-midashi {
	list-style-image: url(../images/p008_07.gif);
	margin: 0px 0px 0px 20px;
}
.indent {
	margin: 25px;
}
.indent1 {
	margin: 0 0 0 25px;
}
.indent2 {
	margin-left: 10px;
}

.floatl {
	float: left;
}
.kan {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	line-height: 180%;
	padding: 10px;
	font-size: 95%;
}
.gyoukan {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	line-height: 105%;
	margin-top: -5px;
	font-size: 13px;
}
.gyoukan1 {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	line-height: 105%;
}
.style1 {
	font-size: 115%;
	color: #FF6633;
}

.style2 {color: #FF6633}

.style3 {font-size: 130%}

.style4 {font-size: 110%}

.style5 {
	font-size: 110%;
	font-weight: bold;
}

.style6 {
	font-size: 115%;
}

.style7 {color: #FF0000}

.style8 {
	font-size: 130%;
	font-weight: bold;

}

.style9 {color: #00CC33}

.style10 {
    font-size: 140%;
	font-weight: bold;
	color: #00CC33
}

.style11 {
	font-size: 135%;
	color: #FF6633;
}

.style12 {
	font-size: 14px;
	font-weight: bold;
	color: #006633;
}

.style13 {
	font-size: 135%;
	font-weight: bold;
	color: #3300CC;
}


/* ここまで文字の設定等。 */
/* aozora用 */
.aozorasyoukai {
	width: 240px;
	height: 180px;
}
.papazora {
	border: 2px dashed rgb(255, 176, 102);
	padding: 5px;
}
.aozoraline{
	border-style: dotted;
	color: #00CC66;
}
/* aozoratuusin用 */
.tuusinsetumei {
	width: 450px;
	background-color: rgb(204, 255, 255);
}

/* butaikansyou用 */
.butaitop {
	width: 600px;
	background-color: rgb(204, 255, 153);
	text-align: center;

}
.butaisetumei {
	width: 500px;
	text-align: center;
}
.butaikaiinbosyuu {
	width: 500px;
	background-color: rgb(204, 255, 255);
}
/* gaiyou-enkaku用 */
td.tosi {
	background-color: rgb(153, 255, 204);
	vertical-align: top;
}
td.iro {
	background-color: rgb(243, 255, 247);
}
/* kaiin用 */
.kaiinbox {
	width: 600px;
	border-width: 3px;
 	border-style: double;
	border-color:green;
	margin: 2px;
	padding: 10px;
}
/* katudoujisseki用 */
.katudoumidasi{
	width: 600px;
	background-color: rgb(209, 255, 215);
}
ul li.katudoumark {
	list-style-image: url(images/p008_07.gif);
}
/* kongonoyotei用 */
.yoteiyohaku{
	margin: 0px;
	padding: 0px;
}
/* niji用 */
.nijibox {
	width: 600px;
	background-color: #FFFFCC;
	padding: 5px;
	line-height: 180%;
}
.nijimidasi {
	width: 90%;
	background-color: rgb(220, 210, 254);
}
.hureainiji {
	width: 500px;
}
/* tasukeai用 */
.tasukeaibox {
	width: 500px;
	background-color: rgb(255, 204, 250);
}
.tasukeairyoukinb {
	border: 2px #99ccff solid;
	padding: 5px;
}
/* taikenkatudou用 */
.taikenbunkataiken {
	width: 650px;
	margin: 5px;
	padding: 5px;
}
/* index用 */
.boxtop {
	width: 495px;
	background-color: #fffedb;
	float: left;
}
.kousin {
	margin: 0px;
	padding: 0px;
	width: 235px;
	height: 180px;
	line-height: 1;
	overflow: auto;
}
#konseput {
	width: 95%;
	background-color: #EAFDF4;
	font-size: 95%;
	text-align: center;
	line-height: 1.2;
}
.top3{
	width: 150px;
	height: 150px;
	margin:0px 0px 0px 0px;
}

/* event用 */
.eventmidori{
	background-color: rgb(153, 255, 153);
}
.eventusumidori{
	background-color: rgb(221, 255, 209);
}
.eventosusume{
	background-color: rgb(253, 255, 229);
}
.hiyokowaku {
	border-style: double;
	border-color: #ffcc00;
	width: 600px;
	background-color: #ffffcc;
}
.otoiawasebox {
	width: 550px;
}
.waku {
	border-style: double;
	border-color: #ffcc00;
	width: 600px;
	background-color: #ffffff;
}
.houkokuwaku {
	background-color: #88ff33;
}
tr.siro {
	background-color: #ffffff;
}
#base #main table tbody tr .whiteback ul li {
	list-style-image: url(../images/flower-a5.gif);
}
#baner{
	top: 120px;
	width: 230px;
	padding:10px;
	position: absolute;
	z-index: 2;
	margin-left:813px;
}
#baner img{
	padding-bottom: 3px;
}
.tuiseki {
	top: 20px;
	width: 230px;
	padding:10px;
	position: fixed;
	z-index: 999;
	margin-left:813px;

}

/* topページおひさま基金用 */
.ohisama {
	width: 603px;
	margin:auto;
}

.ohisama_left{
	width:270px;
	float:left;
}

.ohisama_right{
	width:327px;
	height:253px;
	font-size:14px;
	line-height:150%;
	padding-top:5px;
	float:right;
}

.ohisama_clearLeft {
	clear:right;
	font-size:16px;
	color:#ff6633;
	padding-bottom:50px;
}

.ohisama a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.font_18 {
	font-size:18px;
	color:#ff6633;
	padding-bottom:30px;
	font-weight:bold;
}


.kagaku {
	width: 603px;
	margin:auto;
}

.kagaku_left{
	width:270px;
	float:left;
}

.kagaku_right{
	width:327px;
	height:230px;
	font-size:15px;
	line-height:150%;
	padding-top:120px;
	float:right;
	font-size:16px;
	color:#ff6633;
}

.kagaku_clearLeft {
	clear:right;
	font-size:16px;
	color:#ff6633;
}

.kagaku a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.mouseover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*画面薄くするリンク*/
a.mouseover:hover {
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
}

/*3重線BOX用*/

.box3{
    position: relative;
    margin: 2em 3em 1em 0;
    padding: 2em 2em;/*文字まわりの余白*/
    border: solid 2px #BABAFF;/*線の種類、太さ、色*/
    border-radius: 50px;/*ボックスの角のまるみ*/
}
.box3:before, .box3:after{
    position: absolute;
    top: 0;
    content:'';
    width: 100%;
    height: 100%;
    border-radius: 50px;/*ボックスの角のまるみ*/
}
.box3:before{
    left:0;
    border: solid 2px #9FF090;/*線の種類、太さ、色*/
    transform: rotate(-0.7deg);/*ボックスの角度*/
}
.box3:after{
    left:0;
    border: solid 2px #FF80BF;/*線の種類、太さ、色*/
    transform: rotate(0.7deg);/*ボックスの角度*/
}
.box3 p {
    margin: 0;
    padding: 0;
		font-size:16px;
	font-weight:bold;
	line-height:160%;
}

/*トップページお知らせのリストスタイル*/

.news ul {
  border: solid 2px #ffb03f;
  padding: 1em;
  position: relative;
  margin:0 30px 15px 10px;
}
.news ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.news ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f560";/*アイコン種類*/
  position: absolute;
   font-weight: 900;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

.news ul li:last-of-type {
  border-bottom: none;
}

.top_address{
	padding-left:20px;
	padding-bottom:10px;
	font-size:16px;
	line-height:160%;
}

.top_address a{
	color:#000;
}


.top_address i{
	color:#f186b1;
	padding-right:20px;
	font-size:24px;
}

/* トップページメインの中のバナー */

.oshirase_bn{
  display: flex;
  flex-wrap: wrap;
  /* 左寄せにする */
  justify-content: flex-start;

  /* 行・列のすき間を統一して確保 */
  /* 例: 横10px・縦16px（お好みで調整） */
  gap: 16px 10px;

  /* 既存の右パディングが不要なら外す */
  /* padding-right: 10px; */
}

.oshirase_bn a{
  display: block;
  /* 画像幅に合わせる（固定カード化） */
  width: 270px;
}

.oshirase_bn img{
  width: 100%;
  display: block; /* 画像の下に隙間が出ないように */
}

/*共通*/

.font18{
	font-size:18px;
}
/*検索ボックス*/

table.gsc-search-box td.gsc-input {
    padding-right: 0px!important;
}

.gsc-search-button-v2 {
    border-color: #f186b1!important;
    background-color: #f186b1!important;
}

.gsc-input-box{
	border-color:#333!important;
}

/*トップページに文字*/


.topmoji{
  border: solid 2px #ffb03f;
  padding: 1em;
  position: relative;
  margin:0 30px 15px 10px;
  line-height: 1.5;
  }
 
