/*要素名で指定した要素にスタイルを適用する場合*/
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: #f5f3ef;
  font-size : 13px ;
  color: #4c3013;
  animation: fadeIn 1s ease 0s 1 normal;
}
/*ページのフェードイン*/
@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
    0% {opacity: 0} /*アニメーション開始時は完全に透過*/
    100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

area {
  border: none;
  outline: none;
}

iframe {
  margin : 0 0 0 30px ;
  /*天右地左*/
  border : 1px #c9a176 dotted ;
}

/*id名を付けた要素にスタイルを適用する場合*/
div#title1 {
  margin : 0 ;
  height : 115px ;
  width : 100% ;
  background-image: url("../images/wp-header.gif") ;
}

div#title-staff {
  margin : 0 ;
  height : 115px ;
  width : 100% ;
  min-width : 1050px ;
  background-image: url("../images/wp-header.gif") ;
}

#pass {
  width : 950px ;
  list-style-type: none ;
  font-size : 13px ;
  text-align: left;
}

table#footer1 {
  width : 100% ;
  min-width:950px;
  margin : 20px 0 0 0 ;
  /*天右地左*/
  background-color : #eee3d8 ;
  font-size : 12px ;
  color : #000000 ;
  text-align : left ;
  line-height : 160% ;
}
#footer1 a:link {
  color: #000000 ;
　text-decoration: underline ;
}
#footer1 a:visited {
　color: #000000 ;
　text-decoration: none ;
}
#footer1 a:hover{
　color: #7f7f7f ;
　text-decoration: none;
}
#footer1 a:active{
　color: #0000ff ;
　text-decoration: underline ;
}

table#footer2 {
  width : 100% ;
  min-width:950px;
  background-color : #6c320a ;
  font-size : 12px ;
  color : #fff ;
  line-height : 160% ;
}
#footer2 a:link {
  color: #ffffff ;
　text-decoration: underline ;
}
#footer2 a:visited {
　color: #bfbfbf ;
　text-decoration: none ;
}
#footer2 a:hover{
　color: #7f7f7f ;
　text-decoration: none;
}
#footer2 a:active{
　color: #0000ff ;
　text-decoration: underline ;
}

table#footer3 {
  width : 100% ;
  min-width:1050px;
  margin : 20px 0 0 0 ;
  /*天右地左*/
  background-color : #eee3d8 ;
  font-size : 12px ;
  color : #000000 ;
  text-align : left ;
  line-height : 160% ;
}
#footer3 a:link {
  color: #000000 ;
　text-decoration: underline ;
}
#footer3 a:visited {
　color: #000000 ;
　text-decoration: none ;
}
#footer3 a:hover{
　color: #7f7f7f ;
　text-decoration: none;
}
#footer3 a:active{
　color: #0000ff ;
　text-decoration: underline ;
}

table#footer4 {
  width : 100% ;
  min-width:1050px;
  background-color : #6c320a ;
  font-size : 12px ;
  color : #fff ;
  line-height : 160% ;
}
#footer4 a:link {
  color: #ffffff ;
　text-decoration: underline ;
}
#footer4 a:visited {
　color: #bfbfbf ;
　text-decoration: none ;
}
#footer4 a:hover{
　color: #7f7f7f ;
　text-decoration: none;
}
#footer4 a:active{
　color: #0000ff ;
　text-decoration: underline ;
}

/*クラス名を付けた要素にスタイルを適用する場合*/

.detail1 {
  margin : 0 0 0 10px ;
  /*天右地左*/
  list-style-type: none ;
}

.detail2 {
  margin : 0 0 0 90px ;
  /*天右地左*/
  list-style-type: none ;
}

.line02 {
  width : 940px ;
  margin : 2% ;
  /*天右地左*/
}

.temp90104 {
  width : 92% ;
  border: 1px solid #ffb3b3 ;
  background-color:#fff;
  padding : 4% ;
  /*天右地左*/
  color:#4c4c4c;
  text-align : left ;
  line-height:140%;
}

.yamayuri {
  width : 750px ;
  border: 1px solid #b3c6ff ;
  background-color:#fff;
  margin : 1% 0 0 0 ;
  padding : 1% 3% 0.5% 3% ;
  /*天右地左*/
  color:#4c4c4c;
  font-size : 14px;
  text-align : left ;
  line-height:150%;
}

.news {
  margin : 0 0 0 35px ;
  /*天右地左*/
}

.topic {
  width : 240px ;
  margin : 5px ;
  /*天右地左*/
}

.side-rgt71201 {
  width : 93% ;
  text-align : left ;
  line-height:130%;
}

.side-rgt {
  height:210px;
  width : 75% ;
  border: 1px solid #ffb3b3 ;
  background-color:#ffffe8;
  margin : 5px 0 15px 0 ;
  padding : 10% ;
  /*天右地左*/
  text-align : center ;
  line-height:150%;
}

.festa {
  width : 250px ;
  border: 1px solid #ffb3b3 ;
  background-color:#ffffe8;
  margin : 0 0 0 0 ;
  padding : 10px ;
  /*天右地左*/
  text-align : left ;
  line-height:130%;
}

.min-capt {
  width : 230px ;
  margin : 5px 0 15px 0 ;
  /*天右地左*/
  text-align : left ;
  line-height:130%;
}

.note {
  margin: 3% 5% 0 5% ;
  /*天右地左*/
  text-align : left ;
  line-height:130%;
}

.subtitle {
  float: left ;
  margin: 1% 0 1px 7% ;
  /*天右地左*/
  text-align: left ;
}

.note2 {
  float: right ;
  margin : 1% 10% 1px 0 ;
  /*天右地左*/
  text-align: left ;
}

h2.capt1 {
  width : 650px ;
  text-align : center ;
  font-size : 1.5em ;
  color : #6c320a;
}

p.al-lft {
  width : 90% ;
  text-align : left ;
  color : #6c320a;
}

.text-frame {
  width: 78% ;
  border: 1px solid #a88b67 ;
  background-color: #fff ;
  margin : 20px ;
  padding : 25px 25px 75px 25px ;
  /*天右地左*/
  text-align: left ;
}

.textframe-temp {
  width: 78% ;
  border: 1px solid #a88b67 ;
  background-color: #fff ;
  margin : 1px 20px 20px 20px ;
  padding : 25px 25px 75px 25px ;
  /*天右地左*/
  text-align: left ;
}

td.title {
  border-style: solid ;
  border-color: #1f3763 ;
  border-width:0 0 1px 10px ;
  color: #1f3763 ;
  font-weight:bold;
  font-size:14px;
  text-align: left ;
}

/*title11とtitle12は 40331remake時の追加分*/
.title11 {
  margin: 0 0 1% 2% ;
  width: 96% ;
  text-align : left ;
  font-size:16px;
  color: #1f3763 ;
}
td.title12 {
  border-style: solid ;
  border-color: #1f3763 ;
  border-width:0 0 1px 0 ;
  text-align: left ;
  font-size:16px;
}

td.capt {
  border-style: solid ;
  border-color: #1f3763 ;
  border-width: 0 0 1px 0 ;
}

.history {
  margin : 15px 0 20px 0 ;
  /*天右地左*/
  border-collapse: collapse ;
}
.history th, .history td {
  border: 1px solid #a88b67 ;
} 

.nest1 {
  margin : 3px 3px 3px 15px ;
  /*天右地左*/
}

td.al-rgt {
  padding : 3px ;
  /*天右地左*/
  text-align : right ;
  vertical-align : top ;
  white-space: nowrap ;
  color : #2f2f2f;
  background-color: #f2f2f2 ;
}
td.history {
  padding : 3px 3px 3px 10px ;
  /*天右地左*/
  vertical-align : top ;
  color : #2f2f2f;
  background-color: #ffffff ;
}

.top-capt1 {
  float:left;
margin:2% 1% 0 1%;
padding:1.5%;
border:3px double #e65c5c;
width:25%;
max-width:400px;
background:#fffff0;
text-align:left;
font-size:14px;"
}

.top-capt2 {
  float:left;
margin:2% 0 0 1%;
padding:2%;
border:1px solid #8ca9ff;
width:64%;
max-width:580px;
background:#ffffff;
text-align:left;
font-size:13px;
color:#262626;
}

.top-caption {
margin:1% 0 0 1%;
padding:2% 3% 2% 3%;
border:1px solid #8ca9ff;
width:90%;
max-width:800px;
background:#ffffff;
text-align:left;
font-size:13px;
color:#262626;
}