@charset "utf-8";
@media screen and (min-width: 961px){
body {	font: 80%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;margin: 0;padding: 0;	color: #000;background:#327c39;}
ul, ol, dl ,dt,dd{padding: 0;margin: 0;list-style:none;}
h1, h2,h3,h4,h5,h6,p {margin: 0;padding:0;}
a img {border: none;}
a:link {color:#0F0;text-decoration: underline;}
a:visited {color: #6FF;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
} 

#loader {width: 128px;height: 128px; position: fixed; _position: absolute;top: 50%;left: 50%;margin-top: -64px; margin-left: -64px; z-index: 100;overflow:hidden;} 
#fade {width: 100%;height: 100%; background-color: #207f3a;position: fixed;top: 0px; left: 0px;z-index: 50;}

.footer{width:100%;height:80px;background-color:#2A2A2A;position:relative;min-width:800px;}
.footer ul{width:400px;height:70px;margin:0 auto;}
.footer li{list-style:none;float:left;}

}

@media only screen and (min-width: 641px) and (max-width: 960px){ 
body {	font: 80%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;margin: 0;padding: 0;	color: #000;background:#327c39;}
ul, ol, dl ,dt,dd{padding: 0;margin: 0;list-style:none;}
h1, h2,h3,h4,h5,h6,p {margin: 0;padding:0;}
a img {border: none;}
a:link {color:#414958;text-decoration: underline;}
a:visited {color: #4E5869;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
} 


#loader {width: 128px;height: 128px; position: fixed; _position: absolute;top: 50%;left: 50%;margin-top: -64px; margin-left: -64px; z-index: 100;overflow:hidden;} 
#fade {width: 100%;height: 100%; background-color: #207f3a;position: fixed;top: 0px; left: 0px;z-index: 50;}

.footer{width:100%;height:80px;background-color:#2A2A2A;position:relative;min-width:641px;}
.footer ul{width:400px;height:70px;margin:0 auto;}
.footer li{list-style:none;float:left;}

}

@media screen and (max-width: 640px) {
body {	font: 80%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;margin: 0;padding: 0;	color: #000;background:#327c39;}
ul, ol, dl ,dt,dd{padding: 0;margin: 0;list-style:none;}
h1, h2,h3,h4,h5,h6,p {margin: 0;padding:0;}
a img {border: none;}
a:link {color:#414958;text-decoration: underline;}
a:visited {color: #4E5869;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
} 

#loader {width: 128px;height: 128px; position: fixed; _position: absolute;top: 50%;left: 50%;margin-top: -64px; margin-left: -64px; z-index: 100;overflow:hidden;} 
#fade {width: 100%;height: 100%; background-color: #207f3a;position: fixed;top: 0px; left: 0px;z-index: 50;}

.footer{width:100%;height:160px;background-color:#2A2A2A;position:relative;max-width:640px;}
.footer ul{height:70px;margin:0 auto;}
.footer li{list-style:none;float:left;}

}