@charset "utf-8";

  body { margin:0;padding:0; }

  body {margin:0px;padding:0px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#333333;min-width:980px;background-color:#ffffff;}

  h1, h2, h3, h4, p, a, img, dl { margin:0;padding:0; }


/*ヘッダー*/

  header #header_top { width:980px;margin:0 auto; }
  header h1 { float:left;margin:10px;font-size:29px;color:#333333;text-shadow:2px 2px 3px #999999; }
  #header_top p { float:left;margin:10px;font-size:29px;font-weight:bold;color:#333333;text-shadow:2px 2px 3px #999999; }

  #head_line { background-color:#bbffaa;clear:both;overflow:hidden;padding:0;margin-bottom:30px; }


/*パンくずリスト*/

  #breadcrumb { font-size:smaller;width:980px;margin:0 auto; }
  #breadcrumb ol { list-style:none;margin:0;padding:0; }
  #breadcrumb ol li { display:inline;color:#555555; }
  #breadcrumb ol li::after { content:">";padding:7px; }
  #breadcrumb ol li:last-child::after { content:none; }


/*メイン部分*/

  #wrapper { width:980px;margin:0 auto;padding:0;clear:both;overflow:hidden; }

  #wrapper_main { display:table; }
  #main { display:table-cell;vertical-align:top;background-color:#ffffff;width:980px;border:solid 1px #d8d8d8; }

  #main_top { width:800px;margin:20px auto;border:solid 1px #d8d8d8; }
  #main_top_font { margin:16px;padding:20px;background-color:#eeffc3;font-size:15px;line-height:1.8;color:#00bb66;font-weight:bold; }



/*サイトトップ部分*/



  #main_site { width:800px;margin:28px auto; }
  #main_site ul { list-style:none;margin:0;padding:0;overflow:hidden; }

  .main_site_btn_01 { width:248px;margin-right:28px;background-color:#66cc66;font-size:14px; }
  .main_site_btn_02 { width:248px;background-color:#66cc66;font-size:14px; }
  .main_site_btn_03 { width:248px;margin:28px 28px 0 0;background-color:#66cc66;font-size:14px; }
  .main_site_btn_04 { width:248px;margin-top:28px;background-color:#66cc66;font-size:14px; }

  .main_site_btn_01 a, .main_site_btn_02 a { display:block;width:248px;height:188px;line-height:188px;color:#ffffff;text-align:center;text-decoration:none; }
  .main_site_btn_03 a, .main_site_btn_04 a { display:block;width:248px;height:188px;line-height:188px;color:#ffffff;text-align:center;text-decoration:none; }



  #main_site ul li {
    float:left;
    -webkit-transition:transform 0.5s,box-shadow 0.5s,letter-spacing 0.5s ease-in-out;
    transition:transform 0.5s,box-shadow 0.5s,letter-spacing 0.5s 0.5s ease-in-out;
    border-radius: 4px;
    }

  #main_site ul li:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow:0 0 0 7px #ffffff,0 0 0 8px #66cc66;
    letter-spacing:4px;
    font-size:14px;
  }



/*ページのトップへ*/

  #button_top { position:relative;width:980px;height:20px;margin:0 auto; }

  .btn_top { width:80px;height:30px;background-color:#66cc66;color:#ffffff;text-align:center;margin-top:6px;padding:14px 0 0 0;border-radius:50% 50% 0 0;font-size:15px;font-weight:bold;position:absolute;right:40px;cursor:pointer; }


/*フッター*/

  footer { text-align:center;clear:both;overflow:hidden; }

  #footer_line_top { background-color:#eeffc3;width:100%;height:6px;border-top:16px solid #ffffff;border-bottom:16px solid #66cc66; }

  #footer_nav { background-color:#ffffff;padding:12px 0px; }
  #footer_nav ul { list-style:none;margin:0;padding:0; }
  #footer_nav ul li { display:inline;border-left:solid 1px #aaa;margin-left:8px;padding-left:8px;font-size:smaller; }
  #footer_nav ul li:last-child { border-right:solid 1px #aaa;padding:0 8px; }

  footer small { background-color:#aaff91;display:block;padding:6px 0;color:#fff;border-top:16px solid #66cc66;border-bottom:16px solid #66cc66; }
  #footer_nav ul li p.current_footer { display:inline;padding-left:8px;font-size:13px; }






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

  body { min-width:0px; }

  header #header_top { width:100%; }
  #wrapper,#main_article,#global_navi,#button_top { width:100%; }


/*スマホ ヘッダー*/

  header h1 { float:none;text-align:center; }
  #header_top p { float:none;text-align:center; }

  #head_line { height:20px; }
  #breadcrumb ol li { display:none; }


/*スマホ メイン部分*/

  #wrapper_main { display:block; }
  #main { display:block;width:100%;border:0px; }
  #main02 { display:block;width:100%;height:16px; }


/*スマホ サイトトップ部分*/

  #main_top { width:90%; }
  #main_site { display:none; }


/*スマホ フッター*/

  #footer_nav { width:100%;clear:both;overflow:hidden;margin:16px auto;padding:0px 0px; }
  #footer_nav ul { list-style:none;margin:0;padding:0; }
  #footer_nav ul li { display:block;width:100%;border-left:none;border-bottom:1px solid #b8b8b8;margin-left:0px;padding-left:0px;font-size:14px; }
  #footer_nav ul li:first-child { border-top:1px solid #b8b8b8;padding:0px; }
  #footer_nav ul li:last-child { border-right:none;border-bottom:1px solid #b8b8b8;padding:0px; }
  #footer_nav ul li a { display:block;position:relateive;padding:12px 10px 12px 10px;background:#ffffff;color:#666666;font-size:14px;text-decoration:none; }

  #footer_nav ul li a:hover { background-color:#f2f2f2; }

  #footer_nav ul li.footer_map { display:none; }
  #footer_nav ul li p.current_footer { display:block;background-color:#ffffff;font-size:14px;color:#666666;padding:12px 10px 12px 10px; }


}