html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/*ここまでhtmlタグのリセット*/

body { 
margin:10px 0px; padding: 0;
 color: #222; line-height:145%;
 font-size :15px;
 font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,
  Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.header {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding:15px 0px ;
  background: #fff;
  text-align:left;
}

@media screen and (max-width:480px)
{.header{ width:96%; } }

/*ページトップ検索エンジン対策*/
h1.seotitle{font-size:12px;color:#333;}
table.seo{border:0px solid #c00;margin-bottom:0px;}
table.seo th{border:0px solid #c00} 
table.seo td{vertical-align:middle;padding-left:20px;padding-top:10px;} 

@media screen and (max-width:480px)
{table.seo th{float:none; display:block; width:98%; } }
@media screen and (max-width:480px)
{table.seo td{float:none; display:block; width:73%; } }

table.seo2{border:0px solid #c00;margin-bottom:0px;}
table.seo2 th{border:0px solid #c00} 
table.seo2 td{vertical-align:middle;padding-left:20px;padding-top:10px;} 

@media screen and (max-width:480px)
{table.seo2 th{float:none; display:block; width:50%; } }
@media screen and (max-width:480px)
{table.seo2 td{float:none; display:block; width:73%; } }



/*メニュー*/
#menu{
  width: 100%;
  max-width: 960px;
  margin: 0px auto;
  padding: 0;
}


#menu li{
  display: block;
  float: left;
  width: 16.5%;
  margin: 0;
  padding: 0; 
  border-bottom:1px solid #fff;
  border-left:1px solid #fff;
}
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #217B29;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #e83929;
}



#toggle{ 
 display: none;
}

/*ここからタブレットmenu設定*/
@media only screen and (max-width: 768px) {
    #menu li{
    width: 20%;
    border-bottom: 1px solid #444;
  }
}

/*ここからスマホmenu設定*/
@media only screen and (max-width: 480px) {
  #menu{margin: 0px auto;
    display: none;width:98%;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 98%;margin-left:2px;
    background: #222;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}
/*ここまでスマホmenu設定*/


/*本文*/
.main {
  clear: both;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding:10px ;
  background: #fff;
  text-align: left;
}
@media only screen and (max-width: 480px) {.main{width:94%}}


/*　　　本文　　　*/
.fotter{
  clear: both;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 10px 0;
  background: #666;
  text-align: center;color:#fff;
  font-size:12px;
}


/*ここから段落*/
.dan1{margin:0px 15px 10px 15px;}
.dan2{margin:0px 15px 10px 15px;
      border:0px dotted #aaa;
      padding:5px 10px;
      border-radius:10px;
      -moz-border-radius:10px;
     -webkit-border-radius:10px;
     background-color:#F3F4F4;
}


/*ここからタイトル*/
.kage-siro{display:block;width:93%;
     box-shadow:5px 5px 5px #B9BCBD;
     border:1px solid #ccc;
     padding:10px 25px;
     font-weight:normal;
     margin:10px auto;
}
@media screen and (max-width:480px) 
{.kage-siro{float:none; display:block; width:82%; } }

.kage-mi{display:block;width:93%;
     box-shadow:5px 5px 5px #B9BCBD;
     border:1px solid #ccc;
     padding:10px 25px;
     font-weight:normal;
     margin:10px auto;
     background-color:#217B29;
     color:#fff;
}
@media screen and (max-width:480px) 
{.kage-mi{float:none; display:block; width:82%; } }



.kage-ao{display:block;width:93%;
     box-shadow:5px 5px 5px #B9BCBD;
     border:1px solid #ccc;
     padding:10px 25px;
     font-weight:normal;
     margin:10px auto;
     background-color:#1e50a2;
     color:#fff;
}
@media screen and (max-width:480px) 
{.kage-ao{float:none; display:block; width:82%; } }

.kage-aka{display:block;width:93%;
     box-shadow:5px 5px 5px #B9BCBD;
     border:1px solid #ccc;
     padding:10px 25px;
     font-weight:normal;
     margin:10px auto;
     background-color:#d66a35;
     color:#fff;
}
@media screen and (max-width:480px) 
{.kage-aka{float:none; display:block; width:82%; } }


/*ここまでタイトル*/
.fcao{color:#00c;}
.fcaob{color:#00c;font-weight:bold;}
.fcaka{color:#c00;}
.fcakab{color:#c00;font-weight:bold;}
.fcmi{color:#008400;}
.fcmib{color:#008400;font-weight:bold;}

/*画像共通*/
p.gazo img{max-width:100%;height:auto;}
@media screen and (max-width:480px)
{.gazo img{float:none; display:block; width:98%;margin-bottom:15px; } }

/*画像の配置*/

.hidari{float:left;margin-right:20px;}
.migi{float:right;margin-left:20px;}
.naka{display:block;margin-left:auto;margin-right:auto;}

a.mail:link{color:#fff}
a.mail:visited{color:#fff}
a.mail:hover{color:#333;text-decoration:none;background-color:#ff9;}

a.ao:link{color:#333}
a.ao:visited{color:#333}
a.ao:hover{color:000;text-decoration:none;background-color:#E5F1FF;}

a.ao2:link{color:#333}
a.ao2:visited{color:#333}
a.ao2:hover{color:#fff;text-decoration:none;background-color:#00f;}

.midasi-ao{display:block;
           font-size:16px;
           border:solid 1px #00c;
           width:65%;
           padding:7px 0px 7px 20px;
           border-left:solid 10px #00c;

}
.midasi-aka{display:block;
           font-size:16px;
           border:solid 1px #c00;
           width:65%;
           padding:7px 0px 7px 20px;
           border-left:solid 10px #c00;
}
.midasi-mi{display:block;
           font-size:16px;
           border:solid 1px #080;
           width:65%;
           padding:7px 0px 7px 20px;
           border-left:solid 10px #080;
}
@media only screen and (max-width: 480px) {
.midasi-ao,.midasi-aka,.midasi-mi{width:90%}
}

.title-ao{color:#00c;font-size:18px;font-weight:bold;}
.title-aka{color:#c00;font-size:18px;font-weight:bold;}
.title-mi{color:#008400;font-size:18px;font-weight:bold;}

@media only screen and (max-width: 480px) {
.title-ao,.title-aka,.title-mi{display:block;width:90%;}
}
blockquote.sm{border:3px solid #ccc;
             border-radius: 20px;
             padding:20px;
             background-color: rgba(229,151,178,0.3);
             width:60%;
}
@media only screen and (max-width: 480px) {
blockquote.sm{width:90%;margin-left:0px;}
}

p{margin-top:10px;margin-bottom:5px;}
blockquote{margin:10px 20px;line-height:150%;}