/*==========全体のスタイル==========*/

*{
          animation: fadeIn 1s ease 0s 1 normal;
          -webkit-animation: fadeIn 1s ease 0s 1 normal;
          line-height: 1.5;
}


/*==========フェードイン==========*/

@keyframes fadeIn {
          0%  {opacity: 0}
          100%  {opacity: 1}
}

@-webkit-keyframes fadeIn {
          0% {opacity: 0}
          100% {opacity: 1}
}


/*==========全体==========*/

body {
          background: url("../image/TDU.png") no-repeat center center fixed; 
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          text-align: center;
}


/*==========pagebody==========*/

div#pagebody {
          width: 100vw;
          height: 100vh;
          padding-bottom: 200px;
          text-align: left;
}



/*==========ヘッダ==========*/

div#header {
          height: 213px;
}


/*==========メニュー==========*/

div#menu {
          float:left;
          margin-bottom: 20px;
          
}

ul#menu {
          margin: 20px 0px 0px 150px;
          width: 200px;
          height: 64px;  
}

li#menu01,#menu02,#menu03,#menu04,#menu05 {
          margin: 10px 0px;
          width: 200px;  
          height: 64px;          
          float: left;
          display: inline-block;
          list-style-type: none;
          background-repeat: no-repeat;
}


/*==========メイン文字==========*/

div#main {
          float: center;
          text-align: left;
          padding-top: 100px; 
          padding-left: 500px;
}


/*==========コンテンツ==========*/

div#content {
          clear: both;
          float: center;
          text-align: center
          width: 750px;
          margin: 20px 300px;
          padding: 10px 20px;
          border: solid 5px #3399FF;
          background-color: #F0F8FF;
}


/*==========NEWS==========*/

h2 {
          border-bottom: solid 3px #3399FF;
          background-color: #F0FFFF;
          margin-bottom: 5px;
          padding: 5px 10px;
}

div#news {
          text-align: left;
          line-height: 1.5;
}

div#news :hover {
          color: #00BFFF;
}


/*==========ページ先頭に戻るやつ==========*/

div#page-top {
          position: fixed;  
          right: 50;  
          bottom: 50;
}


/*==========フッタ==========*/

div#footer {
          clear: both;
          text-align: center;
          poisition: absolute:
          bottom: 0;
          width: 100vw;
          height: 200px;
          background-color: rgba(255,255,255,0.5);
}


div#link {
          clear: both;
          float: center;
}       

div#jump-top {
          clear: ;both;
          margin-left: 50px;
          float: left;
          display: inline-block;
}

address {
          text-align: center;
          padding: 20px 10px 10px 0px;
          float: right;
          right: 10px;
          bottom: 10px;
}