/* Tablet Portrait (768px) */
@media only screen and (max-width: 768px){
  
  body {line-height: 1.4}
  #main_container {width: 763px; font-size: 13px;}
  #menu_top_container {font-size: 12px;}
  #slogan {font-size: 12px; }
  #logo {height:40px; width:167px; padding-top: 10px;}
  
  #header_container {height: 60px; }
  #form_search_text {height: 28px; width:300px; font-size: 14px;}

  #button_submit {width: 130px; height: 33px; font-size: 14px;}
  
  #left_content {float:left; width: 100%;}
  #right_content {float: right; width: 100%; padding-top: 5px; margin-top:6px; border-top: 1px solid #CCCCCC}

  #bookmark_small {float: left; width: 100%; padding-left: 0px;}
  
  .word_description {font-size: 13px;}
  .word_example {font-size: 12px;}

  h1 {font-size:15px;}
  h2, h3 {font-size:14px;}
  
  #visual_synonym {display: none}

}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
  
  body {line-height: 1.3}
  #main_container {width: 475px; font-size: 12px;}
  #menu_top_container {display: none}
  #slogan {font-size: 10px;}
  
  #logo {height:30px; width:125px;}
  
  #header_container {height: 70px;}

  #logo_slogan_container {width:100%; margin: 0px;}
  #search_container {width: 100%; margin:0px;}
  #form_search_text {height: 25px; width:300px; font-size: 13px;}

  #button_submit {width: 80px; height: 28px; font-size: 13px;}
  
  #left_content {width: 100%}
  #right_content {float: left; width: 100%; padding-left: 0px;  padding-top: 5px; margin-top:3px; border-top: 1px solid #CCCCCC}
  
  #prefix_index {display: none}

  #bookmark_small {float: left; width: 100%; padding-left: 0px;}
  
  .word_description {font-size: 12px;}
  .word_example {font-size: 11px;}

  h1 {font-size:14px;}
  h2, h3 {font-size:13px;}
  
  #visual_synonym {display: none}

}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
  
  body {line-height: 1.3}
  #main_container {width: 315px; font-size: 12px;}
  #menu_top_container {display: none}
  #slogan {font-size: 10px; float:left}
  #logo {height:18px; width:75px;}

  #header_container {height: 60px;}

  #logo_slogan_container {width:100%; margin: 0px;}
  #search_container {width: 100%; margin:0px;}
  #form_search_text {height: 23px; width:200px; font-size: 12px;}

  #button_submit {width: 70px; height: 27px;}
  
  
  #left_content {width: 100%}
  #right_content {float: left; width: 100%; padding-left: 0px;  padding-top: 4px; margin-top:3px; border-top: 1px solid #CCCCCC}
  
  #prefix_index {display: none}
  
  #bookmark_small {float: left; width: 100%; padding-left: 0px;}
  
  .word_description {font-size: 12px;}
  .word_example {font-size: 11px;}

  h1 {font-size:13px;}
  h2, h3 {font-size:12px;}
  
  #visual_synonym {display: none}

}


/* Phone Portrait (240px) */
@media only screen and (max-width: 240px) {
  
  body {line-height: 1.2}
  #main_container {width: 235px; font-size: 12px;}
  #menu_top_container {display: none}
  #slogan {font-size: 10px;  float:left}
  #logo {height:18px; width:75px;}
  
  #header_container {height: 60px;}

  #logo_slogan_container {width:100%; margin: 0px;}
  #search_container {width: 100%; margin:0px;}
  #form_search_text {height: 23px; width:150px; font-size: 12px;}

  #button_submit {width: 50px; height: 27px;}
  
  #left_content {width: 100%}
  #right_content {float: left; width: 100%; padding-left: 0px;  padding-top: 3px; margin-top:2px; border-top: 1px solid #CCCCCC}

  #prefix_index {display: none}
  
  #bookmark_small {float: left; width: 100%; padding-left: 0px;}
  
  #image_visual {width: 200px; height: 133px}

  .word_description {font-size: 12px;}
  .word_example {font-size: 11px;}
  h1 {font-size:14px;}
  h2, h3 {font-size:13px;}
  
  #visual_synonym {display: none}

}