@media screen and (max-width: 99999px) {
body {
width:100%;
margin:0 auto;
background-color:#ffa500;
}
#グローバルナビゲーション {
width:100%;
height:40px;
background-color:#faa500;
}

#センターコンテンツフレーム {
margin-left:15%;
width:71%;
height:auto;
margin-top:10px;
 }
 
#センターコンテンツフレーム内コンテンツ {
width:100%;
height:auto;
margin-top:10px;
background-color:#ffffff;
border-radius: 20px 20px 20px 20px ;
 }
 

#センターコンテンツ {
border: 10px solid #ffffff;
margin-left:15%;
width:70%;
height:auto;
background-color:#ffffff;
margin-top:10px;
  border-radius: 20px 20px 20px 20px ;
 }


#フッター { 
margin-top:10px;
min-height:30px;
background-color:#333333;
}

#menulist {
font-size:100%;
 width: 100%;
  margin: 0 ;

}
#menulist li {
  font-size:140%;
  position: relative;
  padding: 10px 50px;
  transition-duration: 1.0s;

}
#menulist li:hover {
  font-size:140%;
  background-color: #ffb830;
  transition-duration: 0.1s;
}
#menulist li a {
  text-decoration:none;
  font-size:100%;
  color: #ffffff;
}



/*画面幅が1400pxよりも小さい場合のレイアウト*/

@media screen and (max-width: 1200px){

body {
width:100%;
margin:0 auto;
background-color:#faa500;
}
#グローバルナビゲーション {
width:100%;
height:40px;
background-color:#faa500;
}

#センターコンテンツフレーム
{ 
margin-left:1%;
width:96%;/*これおかしかった*/
margin-top:10px;
}

#センターコンテンツ 
{ 
margin-left:1%;
width:95%;/*これおかしかった*/
margin-top:10px;
background-color:#ｆｆｆｆｆｆ;
border-radius: 20px 20px 20px 20px ;
}

#フッター { 
margin-top:10px;
min-height:80px;
background-color:#333333;
}
#menulist {
font-size:100%;
 width: 100%;
  margin: 0 ;

}
#menulist li {
  font-size:120%;
  position: relative;
  padding: 10px 20px;
  transition-duration: 1.0s;

}
#menulist li:hover {
  font-size:120%;
  background-color: #ffb830;
  transition-duration: 0.1s;
}
#menulist li a {
  text-decoration:none;
  font-size:100%;
  color: #ffffff;
}


/*画面幅が700ｐｘよりも小さい場合のレイアウト*/

@media screen and (max-width: 700px) {
#センターコンテンツフレーム { 
width:100%;
height:auto;
margin-top:10px;
}

#センターコンテンツ { 
margin-left:2%;
width:98%;
height:auto;
background-color:#ffffff;
margin-top:10px;
}
#menulist {
 font-size:100%;
 width: 100%;

}
#menulist li {
  font-size:100%;
  position: relative;
  padding: 10px 10px;
  transition-duration: 1.0s;

}
#menulist li:hover {
  font-size:100%;
  background-color: #ffb830;
  transition-duration: 0.1s;
}
#menulist li a {
  text-decoration:none;
  font-size:100%;
  color: #ffffff;
}