color/* レイアウトの設定 */
body{
    margin:0;
    padding:0;
    font-size:100%;
    background-color:#FFFFFF;
    text-align:center;
    color: #554031;
}

/* seoの設定 */
#seo{
    width:100%;
    padding:0;
    margin:0 auto 0 auto;
    font-size:70%;
    background-color:#FFF3CA;
}

#seobun{
    width:756px;
    padding:0;
    margin:0 auto 0 auto;
    background-color:#FFF3CA;
    color: #554031;
}

/* ヘッダーの設定 */
#header{
    width:756px;
    padding:0;
    margin:0 auto;
    font-size:85%;
    color: #000000;
    background:#FFFFFF;
}

/* メニューの設定 */
#menubg{
    height:35px;
    width:100%;
    background-image:url(img/menubg.gif);
    margin:0 auto 0 auto;
    padding:0 0 0 0;
}

#menu{
    height:35;
    width:756px;
    padding:0;
    margin:0 auto;
    text-align: center;
}

ul.menu{
    width:756px;
    padding-left:0;
    margin:0;
    text-align: left;
}

ul.menu li{
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}

/* ラッパーの設定*/
#wrap{
    width:756px;
    position:relative;
    margin:0 auto 0 auto;
    padding:0;
    text-align: left;
    font-size:90%;
}

div.inner{
    background:url(img/bg-inner.gif) repeat-y 0 0;
}

/* フラッシュの設定*/
#flash{
    width:756px;
    height:260px;
    margin:0 auto 0 auto;
    padding:10px 0 10px 0;
    background-color:#FEF1E1;
}

/* メインの設定*/
#main{
    width:756px;
    position:relative;
    margin:0 auto 0 auto;
    padding:0;
    text-align: left;
    line-height:140%;
}

/* メイン左側の設定 */
#left{
    float:left;
    width:270px;
    margin:0;
}

/* 内容の設定 */
#naiyoleft{
    width:230px;
    margin:0 0 0 0;
    padding:10px 0;
    background-color:#FFF5E1;

}

/* トップページバナーの設定 */

.banner{
	border:solid 1px #8E8E8E;
	width:100%;;
	padding:0px;
	margin-top:10px;
	}

/* イベントの設定 */
.event{
	height:50px;
	background:url(../img/bn-events.png) no-repeat;
	padding-left:360px;
	line-height:50px;
	font-size:110%;
	font-weight:bold;
	margin:10px 0;
	}

/* メイン右側の設定 */
#right{
    float:right;
    width:486px;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
}

/* 内容の設定 */
#naiyoright{
    width:486px;
    margin:0 0 0 0;
    padding:0;
}


/* conの設定 */
#con{
    width:486px;
    margin:0 0 0 0;
    padding:0;
    border:solid 1px #A8A8A8;
    background-color:#FFFAC0;
}

#connaka{
    width:484px;
    margin:0 auto 0 auto;
    padding:4px 4px 4px 4px;
    font-size:85%;
}

/* メイン2左側の設定 */
#left2{
    float:left;
    width:226px;
    margin:0 auto 0 auto;
}

/* 内容の設定 */
#naiyoleft2{
    width:204px;
    margin:0 0 0 0;
    padding:0;

}

/* メイン2右側の設定 */
#right2{
    float:right;
    width:486px;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
}

/* 内容の設定 */
#naiyoright2{
    width480px;
    margin:0 0 0 0;
    padding:0;
}

/* フッターの設定 */
#footer{
    clear:both;
    background-image:url(img/footerbg.gif);
    width:100%;
    height:200px;
    margin:0px auto;
    padding:0;
	overflow:hidden
    color: #FFFFFF;

    }

#footernaka{
    width:756px;
    margin:0px auto;
    padding:10px 0 0 0;
    color: #554031;
    font-size:85%;
    text-align: center;
}

/* 下部バナーの設定*/
div#footbnr{
	width: 100%;
	position:fixed;
	bottom:0;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	background-color:#fff5e1;
	}

/* 画像切り替えの設定*/

ul.footbnr{
	list-style-type:none;
	width:640px;
	margin:0 auto;
	}

ul.footbnr li{
	position:relative;
	display:inline;
	width:150px;
	float:left;
	margin:0 10px 10px 0;
}

#slideshow,#slideshow1,#slideshow2,#slideshow3,#slideshow4{
    position:relative;
    height:60px;
}
#slideshow a,#slideshow1 a,#slideshow2 a,#slideshow3 a,#slideshow4 a{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow a.active,#slideshow1 a.active,#slideshow2 a.active,#slideshow3 a.active,#slideshow4 a.active{
    z-index:10;
    opacity:1.0;
}
#slideshow a.last-active,#slideshow1 a.last-active,#slideshow2 a.last-active,#slideshow3 a.last-active,#slideshow4 a.last-active{
    z-index:9;
}

#slideshow5{
  position: relative;
  width: 486px;
  height: 324px;
}

#slideshow5 img{
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0;
}

#slideshow5 img.active{
  z-index:10;
  opacity:1.0;
}

#slideshow5 img.last-active{
  z-index:9;
}


.slideBox {
  height: 324px;
  overflow: hidden;
  position: relative;
}

/* imgのみ */
.item1 {
  opacity: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  animation: change-img-anim 15s infinite;
}

.item1:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.item1:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

/* ふわっとアニメーション */
@keyframes change-img-anim {
	0%{ opacity: 0;}
	10%{ opacity: 1;}
	90%{ opacity: 1;}
	100%{ opacity: 0;}
}

/* hタグの設定*/
h1{
    margin:0;
    font-size:100%;
}

h2{
    margin:0;
}

h3{
	margin:10px 0;
	padding:1px 15px;
	height:28px;
	background:url('img/t-bg.gif') no-repeat left top;
	color:#554031;
	text-align:left;
	line-height:1.7em;
	font-size:110%;
}

/* 全ページ共通、フォント設定 */
.honbun{font-size:80%;line-height:300%;}
.honbuna{font-size:70%;line-height:160%;}
.honbunb{font-size:80%;line-height:180%;}
.honbunc{font-size:90%;line-height:130%;}
.honbund{font-size:100%;line-height:130%;}
.honbune{font-size:110%;line-height:140%;font-weight: bold}
.honbunf{font-size:140%;line-height:130%;}
.honbung{font-size:100%;line-height:170%;font-weight: bold}
.honbunh{font-size:110%;line-height:160%;color: #554031;font-weight: bold}
.honbuni{font-size:120%;line-height:200%;color: #A47F0F;font-weight: bold}
.honbunj{font-size:12px;line-height:120%;}
.honbunk{font-size:10px;line-height:120%;}
.honbunl{font-size:90%;color: #FFFFFF;line-height:130%;font-weight: bold;}
.honbunm{font-size:90%;color: #373737;line-height:140%;font-family:"ＭＳ Ｐ明朝"}
.honbunn{font-size:12px;line-height:150%;}

.midashi{font-weight:bold;color:#c70909;margin-bottom:10px;line-height:180%;}
.midashi2{font-weight:bold;color:#c70909;line-height:120%;}
.midashi3{font-weight:bold;color:#fff;background-color: #ff0000;line-height:120%;text-align: center;font-size: 1.1em;max-width: 100%;padding: 10px 0;}
a.white:link,a.white:visited,a.white:active,a.white:hover{color: #fff !important;text-decoration:none;}


#BlinkArea{font-size:150%;line-height:170%;font-weight:bold;color:#097c25;}

/* リンク部分の色の設定 */
a:link { color: #554031;text-decoration:yes;} /* 普通のリンク色 */
a:visited { color: #554031;text-decoration:yes;} /* すでに見たリンク色 */
a:active { color: #FF7200;text-decoration:yes;} /* クリックした時のリンク色 */
a:hover { color: #FF7200;text-decoration:yes;} /* カーソルが乗った時のリンク色 */

a.red:link{color:#ff0000;text-decoration:none;}
a.red:visited { color: #ff0000;text-decoration:yes;} /* すでに見たリンク色 */
a.red:active { color: #ff0000;text-decoration:yes;} /* クリックした時のリンク色 */
a.red:hover { color: #ff0000;text-decoration:underline;} /* カーソルが乗った時のリンク色 */

/* スクロールバー表示 */
html {
        overflow-y:scroll;
}

/* テーブル枠の線 */
.sen1 {
        height: 28px;
        width: 530px;
        background-image:url(img/t-bg.gif);
        background-repeat: norepeat;
        padding:0;
        margin:0;}

.box1 {
	margin:0 0 10px 0;
	padding:10px;
	border: 1px solid #B0B0B0;
	}

.box2 {
	margin:0 0 10px 0;
	padding:5px 10px;
	font-size:90%;
	border: 1px solid #898989;
	line-height:140%;
	background:url(../img/bg-event2.png) no-repeat #fcd5b5 320px 30px;
	}


.box3 {
	margin:0 0 10px 0;
	font-size:1.0em;
	border: 1px solid #974706;
	line-height:1.5em;
	background:#ffff66;
	padding:10px 10px;
	}

/* リストの設定 */
ul{
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	font-size:100%;line-height:180%;
}

ol{
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
	font-size:100%;line-height:180%;
}

ul.qa{
	margin: 0 0 0 40px;
	padding: 0 0 0 0;
	font-size:100%;line-height:160%;
}


/* QAの設定 */
.qa dl{
	margin:0 8px 15px 8px;
	padding:8px 0;
	text-align:left;
}

.qa dl dt{
	margin-top:20px;
	margin-bottom:4px;
	padding:0 0 10px 25px;
	background:url(img/question.gif) no-repeat 0 2px;
}
.qa dl dd{
	margin:0 0 0px 0;
	line-height:1.4em;
	padding:6px 0 15px 25px;
	border-bottom:1px dotted #B0B0B0;
	background:url(img/answer.gif) no-repeat 0 5px;
}

/* 文字拡大縮小用テーブルの設定 */
.tablemoji{
	font-size:100%;
    line-height:140%;
}

/* 画像の指定-すべてのボーダー無し */
img{border:0;
}

/* 画像の指定 */
img.right{
	margin:0 0 10px 30px;
	border:0;
}

img.left{
	margin:0 10px 0 0;
	border:0;
}

/* 矢印の設定*/
.newwin {cursor:default;}

/* 2019.8.5追記   */
.gsc-control-cse{
	padding:0 !important;
	}