#soon{
color:red;
position:fixed;
	font-size:200%;			/*  フォントサイズ */

top:,100px;
left:0px;
z-index:40;
}

@charset "utf-8"; /* @group Reset */
*{ margin: 0;padding: 0}
a { text-decoration : none;
color:#887777;}
ul, ol { list-style : none}
img { vertical-align : top}
/* @end */

/* @group Fluid-img */
img {
max-width : 100%;
border:0px;
}
/* @end */

*{
 　margin:0;
 　padding:0;
 color:#554444;
} 

html,body{
　height: 100% ;
}




html { 
font-family : verdana, sans-serif; font-size : 100%; line-height : 1.5;
}

 h1,h2,h3,h4,h5,h6 { margin-bottom : 6px;}

h1 { font-size : 36px; line-height : 1.3333}
/* 48px */
h2 { font-size : 24px; line-height : 1}
/* 24px */


body{


background-color:#ffffff;
margin:30px auto;


}

@-moz-keyframes anime2 {
0% {opacity:0.0}
100% {opacity:1.0}
}

@-webkit-keyframes anime2 {
0% {opacity:0.0}
100% {opacity:1.0}
}
@-o-keyframes anime2 {
0% {opacity:0.0}
100% {opacity:1.0}
}
@-ms-keyframes anime2 {
0% {opacity:0.0}
100% {opacity:1.0}
}

#navi{width:90%;

border:solid 0px #112233;
position:static;

bottom:0px;
margin:0px auto;
}

#navi li{
display:block;
width:19.5%;
margin:0%;
border:solid 0px #223344;
float:left;
font-size:70%;

}




#navi-bottom{
clear:left;
}




#contents{
border:solid 0px #ff0000;
width:90%;
min-height: 320px;
margin:auto;
position:relative;
}


#title{
width:100%;
text-align:center;
}

#main{
-moz-animation: anime2 1s ease -0.1s 1 alternate;
-webkit-animation: anime2 1s ease -0.1s 1 alternate;
-o-animation: anime2 1s ease -0.1s 1 alternate;
-ms-animation: anime2 1s ease -0.1s 1 alternate;
}
#main p{
margin-left:1em;
}
#main li{
margin-left:3em;
}

#footer{
width:100%;
text-align:right;
position:fixed; bottom:0px;
background-color:#554444;
line-height:90%;
z-index: 501;
}

#Copyright{
margin-right:12px;
vertical-align:top;
font-size:70%;
color:#ffffff;

}





/*600px*/
@media screen and (min-width : 600px){
html { 
}



#contents{
width:600px;
position:relative;

}

#title{
width:250px;
text-align:center;
margin-bottom:20px;
}

#navi{
max-width:100%;
max-height:100%;
width:350px;
height:70px;
position:absolute;
left:auto;
right:0px;
top:0px;
margin:0px;
}
#navi img { 
max-width : 100%;
max-height : auto%;
}
#navi li{
height:100%;
display:block;
width:70px;
clear:none;
float:left;
margin:20px 0px 0px 0px;
}




}