@charset "utf-8";
 
  body{background-color:rgba(153,153,051,0.5);background-image: url("back1.gif");width:98%;}
  #allinfo{width:93%;height:auto;background-color:rgba(255,140,0,0.2);margin-left:5%; margin-right:auto;margin-top:-15px;;min-width:850px;}
  
/* メディアクエリでの条件指定 高さで、768px以下（ノートパソコン） */
@media (max-height:768px){
  #explain_menu{width:15%;height:600px; background-color:background-color:rgba(135,206,235,0.1);;margin:20px auto;float:left;}
  #contentview {width:76%;height:600px;background-color:rgba(173,255,047,0.1);margin:20px;}
 }

 /* メディアクエリでの条件指定 高さで、768px以上（デスクトップパソコン） */
@media (min-height:768px){
  #explain_menu{width:15%;height:800px; background-color:background-color:rgba(135,206,235,0.1);;margin:20px auto;float:left;}
  #contentview {width:76%;height:800px;background-color:rgba(173,255,047,0.1);margin:20px;}
  #space1{width:5px; height:800px;border:0px #336633;float:left;}
 }