@charset "utf-8";






/* 650pxより小さい場合 */

@media screen and (max-width: 650px) {
 	body{ background:url(../../../image/sub_back_00.gif);
}
    #pagewrap {
        width: 95%;
    }
 
    #header {
        height: auto;
    }
 
    #main-nav {
        position: static;
    }
 
    #site-logo {
        margin: 15px 100px 5px 0;
        position: static;
    }
 
    #site-description {
        margin: 0 0 15px;
        position: static;
    }
 
	#content {
        width: auto;
        float: none;
        margin:  0px auto;
		border-style: solid; border-width: 0px 2px;
		border-color:#000;
    }
	    
	
	.micon
	{
	margin: 0 auto;
	width:600px;
	}
.movie{float:left;
width:50%;
height:150px;
text-align:center
}

.movie embed,
.movie object,
.movie iframe {
	max-width:100%;
	max-height:100%;
    width: 100%;
    height: auto;
} 

}

/* 480pxより小さい場合 */
@media screen and (max-width: 480px) {
    html {
        -webkit-text-size-adjust: none;
    }
    #pagewrap {
        width: 100%;
    } 
	#content {
        width: auto;
        float: none;
        margin:  0px auto;
		border-style:none;
    }
		.micon
	{
	margin: 0 auto;
	width:250px;
	}
	.movie{
		float:left;
		width:100%;
		height:auto;
		text-align:center}
.movie embed,
.movie object,
.movie iframe {
	max-width:100%;
	max-height:100%;
    width: 100%;
    height: auto;
} 
}