body {
  color: rgb(51, 28, 28);
  font-family: Georgia, Times, 'Times New Roman', serif, Times, serif;
}
body { 
  background-image: url('bgimg1.jpg');
    background-repeat: repeat;
    background-size: 10rem;
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 60rem;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
}
.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
}
.box19 {
margin:1em 0; /* 中央寄せは0をautoに変更 */
width:80% /* 幅 */
}
.u01 {
background:url(f-ue.gif) repeat-x;
height:32px;
margin:0 32px
}
.s01 {
background:url(f-sita.gif) repeat-x;
height:32px;
margin:0 32px
}
.box-top {
background-image:url(f-kado1.gif), url(f-kado2.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:32px
}
.box-center {
background-image:url(f-migi.gif), url(f-hidari.gif);
background-position:top right, top left;
background-repeat:repeat-y, repeat-y
}
.box-inner {
background:#fff;
margin:0 32px;
padding:10px
}
.box-bottom {
background-image:url(f-kado3.gif), url(f-kado4.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:32px
}
.container2 {
    width: 30rem;
    height: auto;
    border: lightpink;
    border-radius: 75%;
    border-style: dotted;
    display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.button1 { 
    border: lightpink;
    border-radius: 8%;
    border-width: 3px;
    border-style:ridge;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin: 10px 4px;
    }
/* heading */ 
.heading {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
}
.box22 {
margin: 1rem;
width: 42rem;
margin-left: auto;
margin-right: auto;
}
.u02 {
background:url(f-uen.gif) repeat-x;
height:18px;
margin:0 18px 0 19px;
}
.s02 {
background:url(f-sito.gif) repeat-x;
height:19px;
margin:0 18px 0 19px;
}
.box-top2 {
background-image:url(f-kada1.gif), url(f-kada2.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:18px;
}
.box-center1 {
background-image:url(f-migo.gif), url(f-hidaro.gif);
background-position:top right, top left;
background-repeat:repeat-y, repeat-y;
}
.box-inner1 {
background:#fff;
margin:0 18px 0 19px;
}
.box-bottom1 {
background-image:url(f-kada3.gif), url(f-kada4.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:19px;
}
nav a {
    color: purple;
    display: row;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0px;
    border: #ffceec solid 1px;
    border-radius: 0px;
    padding: 3px;
    text-decoration: none;
    background-color: rgb(255, 248, 248);
    background-gradient: rgb(255, 210, 210);
}
nav a:hover {
    font-style: italic; 
}
.box021{
background:url(back01.gif);
border:solid 1px #483b3c;
margin:1em 0; /* 中央寄せは0をautoに変更 */
padding:20px 0;
width:20rem;  /* 幅 */
text-align:center;
}
.box-inner3{
background:#fff;
border-bottom:2px dashed #c3c2ad;
border-top:2px dashed #c3c2ad;
box-shadow:0 4px 0 #fff,0 -4px 0 #fff;
padding:15px
}