body{
  margin: 0;
  text-align: center;
  font-family: Verdana,Arial,sans-serif;
  }

.page{
  position: relative;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background-color: black;


/*  background-image: url("image/BG001_edit.JPG");*/
/*  background-image: url("image/BG002.JPG");*/
/*
  background-image: url("image/IMG_1007.JPG");
  background-size: 3000px;
  background-position: -500px -500px;
*/
/*
  background-image: url("image/IMG_1306.JPG");
  background-size: 2000px;
  background-position: 00px -324px;
*/
/*
  background-size: contain;
  background-position: 0 -15%;
  background-image: url("image/IMG_3986.JPG");
*/
  }

.bg1 {
background-size: 100% auto;
/*  background-size: contain;*/
  background-position: 0 0;
  background-image: url("image/IMG_1306.JPG");
}

.bg2 {
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("image/IMG_3986.JPG");
}

.bg3 {
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("image/IMG_3972.JPG");
}



.header{ /*上部*/
  position: relative;
  height:220px;
  width: 100%;
  }
.header_for_top{ /* upper */
  position: relative;
  height:100%;
  width: 100%;
  }
.header_bar{
  position: absolute;
  bottom: 50px;
  height: 120px;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 1;
  }
.fixed{
  position: fixed;
  top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
  }
.header_contents{
  position: relative;
  height: 70px;
  width: 1200px; /* 1000px; */
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  }
.header_title{
  color: #111111;
  font-size: 35px; /* 45px; */
  font-family: Tahoma,sans-serif;
  font-weight: bold;
  letter-spacing: 0.3em;
  text-align: left;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 28px;
  left: 90px;
  }
.header_subtitle{
  color: #AAAAAA;
  font-size: 12px;
  font-family: Tahoma,sans-serif;
  letter-spacing: 0.1em;
  text-align: left;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 14px;
  left: 92px;
  }
.header_logo{
  text-align: left;
  margin: 0;
  padding: 0;
  width: 105px;
  height: 100px;
  position: absolute;
  top: 20px;
  left: 25px;
  text-decoration: none;
  background-image: url("image/logo.png");
  background-repeat: no-repeat;
  background-size: 90px;
  }
.header_menu{ /*メニュー*/
  text-align: middle;
  font-size: 12px;
  padding: 3px 0 1px 0;
  position: absolute;
  bottom: 15px;
  right: 20px;
  }
.header_menu ul{
  margin: 0;
  padding: 0;
  width: 100%;
  }
.header_menu li{
  margin: 0px 25px 0px 20px; /* menu gap */
  list-style: none;
  float: left;
  }
.header_menu a{
  font-weight: bold;
  }
.header_menu a:link{/* link color */
  color: #333377;
  text-decoration: none;
  }
.header_menu a:visited{/* visited */
  color: #333377;
  text-decoration: none;
  }
.header_menu a:hover,a:active{/* active */
  color: #775555;
  }



.footer{ /*下部*/
  height: 30px;
/*  width: 100%;*/
  width: 900px;
  margin: 0 auto 0 auto;/* outside of height,width trbl */
  }
.footer_content{
  color: #111111;
  font-size: 11px;
  font-family: Tahoma,sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0;
  padding: 6px;
  }



.navigator{
  width: 850px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
  font-size: 12px;
  color: #CCCCCC;
  height: 10px;
  top: -45px;
  position: relative;
  }
.navigator a{
/*  font-weight: bold;*/
  }
.navigator a:link{/* link color */
  color: #CCEECC;
  text-decoration: none;
  }
.navigator a:visited{/*visited */
  color: #CCEECC;
  text-decoration: none;
  }
.navigator a:hover, a:active{/* active */
  color: #EECCCC;
  }







.contents{ /* contents */
  width: 840px;
  margin: 0 auto 0 auto;/* outside of height,width trbl */
  padding: 30px 30px 30px 30px;/* inner of height,width trbl*/
  background-color: #FFFFFF;
  text-align: left;
  }
.contents p{
  color: #000000;
  font-size: 15px;
  line-height: 22px;
  text-indent: 0px;
  letter-spacing: 0.05em;
  padding: 0.5em;
  margin: 0 20 0 40px;
  text-align: justify;/* royutanzoroe  only for IE,FireFix */
  text-justify: inter-ideograph; /* royutanzoroe  only for IE,FireFix */
  }
.contents .offset{
  margin: 0 40px 0 80px;
  }
.contents a:link{
  color: #667788;
  text-decoration: none;
  }
.contents a:visited{
  color: #667788;
  text-decoration: none;
  }
.contents a:hover,a:active{
  color: #CAEADA;
  }

.contents h1{
  color: #EEEEEE;
  font-size: 28px;
  font-family: comic sans ms;
  line-height: 120%;
  text-indent: none;
  letter-spacing: 0.1em;
  padding:  10px 0 10px 10px;
  margin:  0 0 25px 0;
  border-width: 0 0 0 10px;
  border-style: solid;
  border-color: #017589;
  background: -moz-linear-gradient(left, #029EBC, rgba(255,0,0,0));
  background: -webkit-gradient(linear, left top, right top, from(#029EBC), to(rgba(255,0,0,0)));
  width: 80%;
  }
.contents h2{
  color: #000000;
  font-size: 18px;
  line-height: 120%;
  text-indent: none;
  letter-spacing: 0.05em;
  padding:  5px 0 5px 8px;
  margin:  25px 0 5px 25px;
  border-width: 0 0 0 5px;
  border-color: #C6485B;
  border-style: solid;
  }
.contents h3{
  color: #000000;
  font-size: 16px;
  line-height: 120%;
  text-indent: none;
  letter-spacing: 0.05em;
  padding:  5px 0 5px 6px;
  margin:  25px 0 5px 45px;
  border-width: 0 0 0 5px;
  border-color: #7EBA03;
  border-style: solid;
  }

.panel {
  padding: 0;
  margin: 0;
  }
.panel > dt {
  padding: 0;
  margin: 0;
  cursor: pointer;
  }
.panel > dd {
  padding: 0;
  margin: 0;
  }

.mail_magazine{
  position: relative;
  padding: 0 0 0 15px;
/*  margin: 5px;*/
  left: 100px;
  width: 700px;
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #AABBAA
  }

.mail_magazine pre{
  white-space: pre-wrap;
  text-align: justify;
  }

.previous_org{
  margin: 0;
  }
.previous_org ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin:0;
  padding: 0;
  }
.previous_org li{
  margin: 10px;
  float: left;
  list-style: none;
  width: 240px;
  }
.previous_org h2{
  font-size: 14px;
  line-height: 105%;
  padding:  2px 0px 2px 5px;
  margin:   0px 0px 2px 25px;
  }
.previous_org h3{
  font-size: 12px;
  line-height: 105%;
  padding:  2px 0px 2px 6px;
  margin:   5px 0px 0px 45px;
  }
.previous_org p{
  font-size: 11px;
  padding:  0 0 0 0px;
  margin:   0 0 0 45px;
}


.google_form{
  display: block;
margin-left:auto;
margin-right:auto;
}