@charset "UTF-8";
a {
   text-decoration: none;
}
body {
   color: #555;
   padding: 0;
   margin: 0;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

   /* ---------- Back ---------- */

#back_all {
   width: 100%;
   background-image: url("../images/back_line.png");
}
#back_top {
   position: relative;
   background-image: url("../images/no101_top.jpg");
   background-repeat: no-repeat;
   background-size: contain;
   width: 980px;
   height: 1164px;
   margin: 0 auto;
}

/* ---------- menu ---------- */

#menu_space {
   position: absolute;
   width: 190px;
   top: 300px;
   left: 40px;
}
.menu_content {
   display: block;
   text-align: center;
   font-size: 15px;
   width: 190px;
   height: 30px;
   line-height: 30px;
   font-weight: 600;
   color: #211c3c;
   background-color: #FFF;
   border-radius: 5px;
   margin-bottom: 9px;
}
.menu_current {
   display: block;
   text-align: center;
   color: #ffffff;
   font-size: 15px;
   width: 190px;
   height: 30px;
   line-height: 30px;
   font-weight: 700;
   background-color: #00E676;
}
.menu_site {
	text-align: center;
      color: #ffffff;
      margin-top: 10px;
      font-size: 13px;
      font-weight: 600;
}
.menu_site_current {
	text-align: center;
      color: #66e281;
      margin-top: 10px;
      font-size: 13px;
      font-weight: 600;
      text-shadow: 0px 2px 2px #555;
}

/* ---------- leaflet ---------- */

#poster_spase {
   position: absolute;
   width: 190px;
   top: 690px;
   left: 40px;
   text-align: center;
}
#poster_text {
   font-size: 0.95em;
   font-weight: 600;
   text-align: center;
   margin-bottom:5px;
   color: #FFF;
}

/* ---------- Top画像の続き ---------- */

   #top_under {
      width: 980px;
      height: 73px;
      text-align: center;
      margin: 0 auto;
      background-color: #e5ddc6;
   }

/* ---------- Information ---------- */

   #information_back {
      position: relative;
      width: 980px;
      height: 290px;
      margin: 0 auto;
      background-color: #e5ddc6;
   }
   #informaion_text {
      position: absolute;
      left: 135px;
      top:15px;
      width: 680px;
      font-size: 20px;
      font-weight: 600;
      color: #333;
   }
   #information_data {
      position: absolute;
      top: 40px;
      left: 135px;
      width: 690px;
      height: 210px;
      padding: 10px;
      overflow: auto;
      background-color: rgba(255, 255, 255, .9);
   }
   .info_left_year {
      font-weight: 600;
      color: #211c3c;
      padding: 5px 0 10px 15px;
   }
   .info_content {
      position: relative;
      text-align: left;
      font-size: 15px;
      color: #211c3c;
      margin: 0 30px;
      line-height: 2em;
      border-bottom: dotted 1px #BCAAA4;
   }
   .info_left_2l {
      display: inline-block;
      vertical-align: top;
      width: 5em;
      text-align: right;
	   padding-top: 0.27em;
   }
   .info_rigth_2l {
      display: inline-block;
      vertical-align: top;
	   line-height: 1.5;
	   padding: 0.5em 0 0.45em 1em;
   }

/* ---------- Contents ---------- */

#triangle {
   z-index: 2;
   position: absolute;
   top:300px;
   left:860px;
   width: 80px;
}
#title_1 {
   position: absolute;
   z-index: 3;
   top:320px;
   left: 270px;
   width:650px;
   text-align: right;
   font-size: 28px;
   font-weight: 600;
   color: #555;
}

/* ---------- footer ---------- */

#footer_back {
	width: 100%;
	color: #333333;
	padding: 18px 0 13px 0;
	background-color: #bbd8ff;
}
#footer_content_980 {
    width: 980px;
    margin: 5px auto;
}
#footer_content {
    width: 710px;
	font-size: 0.82em;
	line-height: 1.5;
    margin: 0 auto;
}
#copy {
    width: 710px;
    text-align: center;
    font-size: 12px;
    font-weight: 200;
    color: #555555;
	margin: 10px auto 0 auto;
	padding: 5px 0;
	border-top: 1px solid #818181;
}