/* */
div.page_header ul li#about a{background-image:url(/~danjo/img2/menu_2.gif);}
div.page_header ul li#about a:hover{background-image:url(/~danjo/img2/menu_2_f2.gif);}
div.page_header ul li#mail a{background-image:url(/~danjo/img2/menu_5.gif);}
div.page_header ul li#mail a:hover{background-image:url(/~danjo/img2/menu_5_f2.gif);}
div.page_header .header_title h1{font-family:"Kosugi Maru","Hiragino Kaku Gothic ProN","メイリオ",sans-serif;font-size:1.5em;color:#444;}
.contents .top_comment_area h2{padding:14px 28px 9px;margin:0;}

/*************************************************
 レスポンシブ　タブレット 600px + 20px
**************************************************/
@media screen and (max-width:620px) {
  .locus{font-size:0.8rem;}
  img,
  .contents .top_image{width:auto;height:auto;max-width:100%;}
  .contents .main .title_image{height:auto;}
  .contents .main dl.news_list dt,
  .contents .main dl.news_list dd{float:none;padding-left:0;width:auto;max-width:100%;font-size:1rem;}
  div.page_header ul{margin-top:16px;margin-bottom:5px;}
  div.page_header .header_title{height:auto;margin-left:2%;}
  div.page_header .header_title h1{position:relative;margin-bottom:1em;}
  div.page_header{min-width:initial;}
  div.page_header header,
  div.page_header .header_title ul,
  .contents,
  .contents .main,
  .menu{width:auto;max-width:100%;float:none;}
  .contents .main article,
  .menu{padding-left:2%;padding-right:2%;}
  div.page_header ul li#top{width:100%;}
  div.page_header ul li{width:50%;}
  div.page_header nav ul li a,
  div.page_header ul li#top a,
  div.page_header ul li#activity a,
  div.page_header ul li#present a,
  div.page_header ul li#about a,
  div.page_header ul li#mail a,
  div.page_header nav ul li a:hover,
  div.page_header ul li#top a:hover,
  div.page_header ul li#activity a:hover,
  div.page_header ul li#present a:hover,
  div.page_header ul li#about a:hover,
  div.page_header ul li#mail a:hover{color:#333;height:auto;font-size:0.9em;padding:16px 0;text-align:center;background:initial;background-color:#F7f7F7;text-indent:0;text-decoration:none;font-family:"Kosugi Maru","Hiragino Kaku Gothic ProN","メイリオ",sans-serif;}
  div.page_header nav ul li a:hover,
  div.page_header ul li#top a:hover,
  div.page_header ul li#activity a:hover,
  div.page_header ul li#present a:hover,
  div.page_header ul li#about a:hover,
  div.page_header ul li#mail a:hover{background:#E0E0E0;}
  .menu ul.banner li{text-align:center;}
}