@charset"UTF-8";


/*カソーダメイン画像*/

.class1 {
  width: 1200px;
  height: 749px;
}


/*共通部分
------------------------*/


h1 {
   margin: 0; padding: 0;
   font-size: 10px;
}

a {	
   text-decoration: none;
   color: #aaa;
}


img {
   width: 100%;  /* 横幅に合わせて自動で拡大縮小する */
}


/*メニューボタン*/


nav{
border-bottom: 5px solid #ccc;
position: relative;
}
nav ul{
position: absolute;
left:10%;
display: table;
margin: 0 auto;
padding: 0;
width: 80%;
text-align: center;
}
nav ul li{
display: table-cell;
min-width: 80px;
}
nav ul li a{
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
text-decoration: none;
color: #aaa;
}
nav ul li.current{
font-weight: bold;
border-top: 10px solid #00B0F0;
}
nav ul li.current a{
color: #00B0F0;
}
nav ul li a:hover{
color: #0089BB;
background-color: #FBFBDD;
}
nav ul li:hover{
border-top: 10px solid #F8E750;
}


/*フッター*/

footer {
   background: #00B0F0;
   text-align: center;
   padding: 26px 0;
}
footer p {
   color: #fff;
   font-size: 0.875rem
}