html { margin: auto; padding: auto; font-family: "Yu Gothic", "Meiryo", sans-serif; }

.red { color: #FF0000; font-weight: bold; }
.blue { color: #000ecc; font-weight: bold; }
.larger { font-size: 150%; font-weight: bold; }

#side_nav_iframe{ height:4100px; width:300px; }
#footer_iframe{ height:450px; }
#header_iframe{ height:850px; }
#sp_nav{ display: none;}
#sp_nav > iframe{ height:0px; width:100%;}

/*----------------------------
スマホの場合
----------------------------*/
@media screen and (max-width:500px) { 
    #side_nav_iframe{ display: none; }
    #sp_nav{ display: block;}
    #sp_nav > iframe{ height:4600px;}
    #footer_iframe{ height:550px; }
    #header_iframe{ height:530px; }
    #main_contents { width :100%;}
}

@media screen and (min-width:501px) and (max-width:767px) { 
    #side_nav_iframe{ display: none; }
    #sp_nav{ display: block;}
    #sp_nav > iframe{ height: 5500px;}
    #footer_iframe{ height:550px; }
    #header_iframe{ height:700px; }
    #main_contents { width :100%;}
}

@media screen and (min-width:768px) and (max-width:955px) { 
    #side_nav_iframe{ display: none; }
    #sp_nav{ display: block;}
    #sp_nav > iframe{ height:5300px;}
    #main_contents { width :100%;}
}

/*RMS用*/
/*#pagebody > table > tbody > tr > td > table:nth-child(2) > tbody > tr > td > table { min-width: 1300px; }*/