#bodyid{
  padding:0;
  margin:0;
  background:url('img/bg.png') repeat-x left top;
  text-align:center;
}

#top div{
  color#999;
  font-size:11px;
  letter-spacing:1px;
  font-weight:normal;
  text-align:right;
  float:right;
  margin:0;
  padding:10px 15px;
}

#top div a{
  text-decoration:none;
  color:#555;
}

#top div a:hover{
  color:#aaf;
}

#top div img{
  vertical-align:top;
}

#menu a{
  width:100%;
  color:#666;
  text-decoration:none;
}

#menu td{
  border-left:1px solid #ccc;
  background:url('img/menubg.png') repeat-x top left;
  padding:3px 10px;
  text-align:center;
  width:20%;
}


/* Media Queries 769px以上 */
@media screen and (min-width: 769px){  

  #page{
    background:#fff;
    width:660px;
    margin:0 auto;
  }
  
  #image{
    clear:both;
    border:1px solid #ccc;
    width:598px;
    margin:0 auto;
    height:158px;
    background:#ebf3fd url('img/image.jpg') no-repeat left top;
    text-align:center;
  }  

  #menu{
    border:1px solid #ccc;
    border-top-width:0;
    width:598px;
    margin:0 auto;
    font-size:13px;
    font-weight:bold;
    color:#666;
  }

  #main{
    width:640px;
    margin:0 auto;
    padding:0;
    font-size:0.8em;
  }
    
  #right{
    width:430px;
    padding:12px 16px;
  }
  
  #top h1{
    color:#9ecae6;
    font-size:30px;
    font-family:Arial Black;
    letter-spacing:1px;
    text-align:left;
    padding:2px 15px;
    margin:0;
    float:left;
  }  
}

/* Media Queries 768px以下 */
@media screen and (max-width:768px){
  
  #page{
    background:#fff;
    width:95%;
    margin:0 auto;
  }
  
  #image{
    clear:both;
    border:1px solid #ccc;
    width:95%;
    margin:0 auto;
    height:158px;
    background:#ebf3fd url('img/image.jpg') no-repeat left top;
    text-align:center;
  }  
  
  #menu{
    border:1px solid #ccc;
    border-top-width:0;
    width:95%;
    margin:0 auto;
    font-size:13px;
    font-weight:bold;
    color:#666;
  }


  #main{
    width:100%;
    margin:0 auto;
    padding:10;
    font-size:0.8em;
  }
  
  #right{
    width:95%;
    padding:10px 8px;
  }  
  
  #top h1{
    color:#9ecae6;
    font-size:23px;
    font-family:Arial Black;
    letter-spacing:1px;
    text-align:left;
    padding:2px 15px;
    margin:0;
    float:left;
  }
    
}
  
#left{
  width:200px;
  float:left;
  padding:10px 0;
}

#left a{
  color:#5055b4;
}

#left a:hover{
  color:#7a7ec6;
}

#left h2{
  background:#acd2ea url('img/boxbg.png') no-repeat top right;
  color:#fff;
  font-size:13px;
  padding:4px 20px 4px 10px;
  margin:0;
  text-align:left;
  letter-spacing:1px;
}

#left p{
  font-weight:normal;
  border:1px solid #9ecae6;
  padding:7px 10px;
  margin:0 0 10px 0;
  text-align:left;
  color:#666;
  font-size:1em;
  line-height:120%;
}

/*
#right{
  width:430px;
  float:right;
  padding:10px 0;
}
*/

#right a{
  color:#5055b4;
}

#right a:hover{
  color:#7a7ec6;
}

#right h2{
  background:url('img/maintb.png') repeat-x bottom left;
  color:#55d;
  padding:4px 5px;
  font-size:14px;
  margin:0 10px 5px 0;
  text-align:left;
}

#right h3{
  color:#55d;
  padding:4px 5px;
  font-size:14px;
  margin:0 10px 5px 0;
  text-align:left;
}

#right p{
  font-weight:normal;
  margin:0;
  padding:0 15px 15px 5px;
  text-align:left;
  color:#666;
  font-size:14px;
  line-height:120%;
  font-weight:normal;
}

#pagetop{
  padding:0 20px 0 0;
  text-align:right;
}

#copy{
  clear:both;
  color:#666;
  font-size:13px;
}

#copy a{
  color:#5055b4;
}

#copy a:hover{
  color:#7a7ec6;
}

#omo{
  display:none;
}