html,body{
  margin: 0;
  padding: 0;
  height:100%;  
}
#contents01{
  background-image: url(assets/01.jpg);
}
#contents02{
  background-image: url(assets/02.jpg);
}
#contents03{
  background-image: url(assets/03.jpg);
}
#contents04{
  background-image: url(assets/04.jpg);
}
#contents05{
  background-image: url(assets/05.jpg);
}
#contents06{
  background-image: url(assets/06.jpg);
}
#contents07{
  background-image: url(assets/07.jpg);
}
#contents08{
  background-image: url(assets/08.jpg);
}

#contents09{
  background-image: url(assets/09.jpg);
}
#contents10{
  background-image: url(assets/10.jpg);
}
#contents11{
  background-image: url(assets/11.jpg);
}

#contents12{
  background-image: url(assets/12.jpg);
}

#contents13{
  background-image: url(assets/13.jpg);
}


#contents14{
  background-image: url(assets/14.jpg);
}

#contents15{
  background-image: url(assets/15.jpg);
}

#contents16{
  background-image: url(assets/16.jpg);
}
#contents17{
  background-image: url(assets/17.jpg);
}

/* ----------プランプランここから ---------- */
#title{
    position: absolute;
	width: 300px;
    height: 55px;
    padding: 20px 0 0 20px;		 
/*   	background-color: #CCFFFF;   */
}

#title a{
    font-size: 25px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
}

#title a:link { text-decoration: none; color:#666666; }
#title a:visited { text-decoration: none; color:#666666; }
#title a:hover { text-decoration: none; color:#0066ff; }
#title a:active { text-decoration: none; color:#0066ff; }

#info{  
	position: absolute;
    top: 0px; 
    right: 20px;
    height: 55px;
    padding: 15px 10px 0 0;  
    overflow: hidden;
    text-align: right;
    text-align: right;
    font-size: 11px;
    color: #666666;

}

#list{
 position: absolute;
    top: 80px;
    width: 300px;
    height: 30px;
    padding: 5px 0 0 20px;
    overflow: hidden;
/*    background-color: #FFFF99;  */
     text-align: left;
    color: #666666;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#menu{
 position: absolute;
    top: 55px;
    width: 80%;
    height: 30px;
    padding: 5px 0 0 300px;
    overflow: hidden;
/*    background-color: #FFFF99;  */
     text-align: left;
    border-top: 2px #999999 dotted; 
    color: #666666;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#menu a.active{ text-decoration: none; color:#666666; }
#menu a.active:hover { text-decoration: none; color:#FF0000; }
#menu a.active:active { text-decoration: none; color:#FF0000; }

/* ----------プランプランここまで ---------- */
/* ----------ヘッダー -------
header#head {
  width: 100%;
  height: 120px;
  position: fixed;
  top: 0px;
}
--- */
header#blank {
  width: 100%;
  height: 110px;
  position: fixed;
  top: 0px;
  z-index: 100;
  opacity: 0.7;
background-color: #FFFFFF;
}
/* ----------フッター ---------- */
#footer {
  width: 100%;
  height: 30px;
  position: fixed;
  bottom: 0px;
background-color: #FFFFFF;
opacity: 0.7
}
/* 背景画像の設定 画像をウィンドウサイズにフィット */
.bgImage{
  width: 100%;
  padding-top: 40%;
  color: #fff;
  display:table  
    background-position: center center;
    min-height:400px;
    height:0;
  background-repeat: no-repeat;    
    background-attachment: fixed; 
     background-size:  cover;

}
  /*画像文字位置の指定  */
.bgImage > * {
    display:table-cell;
    vertical-align: 70px;
    text-align: left;
    margin: 0;
    padding: 100px 20px;
}
  /*画面サイズ767,1024以下の場合の設定。スマートフォン用のはず  */
@media only screen and (max-width: 767px), only screen and (max-device-width: 1024px) {
  .bgImage {
    background-attachment: scroll; 

  }