body 
{
    margin:0;
    margin-top:3px;
    background-image:url(./img/wallppr081.gif);
}
/* スマホ */
 @media screen and (max-width: 490px)
 {
    #vPage
    {
    font-size:12pt;
    font-family:"Times New Roman";
    -webkit-text-size-adjust: 100%;	
    color:Black;
    margin: 0 auto;
    width:100%;
    border: 1px solid #660066;
    background-image: url(./img/wallppr082.gif);
 
    }
    #header2
    {
    height:80px;
    text-align:left;
    background-position:top left;
    overflow:hidden; /* Div内のFloatに対応する為 */   
    background-image: url(img/Header02.gif);   
    }
    #header2 h1
    {
    margin-top:35px;
    padding-left:30px;
    font-size:14pt;
    }
    #header2 h1 a
    {
    text-decoration:none;
    color:white;
    }
    #contents
    {
    overflow:hidden;
    background-image:url(./img/wallppr082.gif);
    border: 1px solid #660066; 
    }
    #left{
    width: 220px;
    font-size: 12pt;
    overflow: hidden;
    margin-top: 5px;
    padding-left:10px;
    box-sizing:border-box;

    }
    #main
    {
    width: 100%;
    overflow:hidden;    
    margin-top: 3px;
    padding-left:6px;
    padding-right: 7px;
    box-sizing:border-box;
    }
    #footer{
    clear:both;
    width:100%;
    height:50px;
    background-image:url(img/wallppr033.gif);
    background-position:top left;
    background-repeat:repeat-x;
    overflow:hidden;
    }
    #footer h1
    {
    margin-top:15px;
    padding-left:30px;
    font-size:14pt;    
    }
    .width1
    {
        width:100%;
    }
    .width2
    {
        width:100%;
    }
    .width3
    {
        width:100%;
    }
 }
/* タブレット */
 @media only screen and (min-width: 491px) and (max-width: 1024px)
 {
     #vPage
    {
    font-size:12pt;
    font-family:"Times New Roman";
    -webkit-text-size-adjust: 100%;	
    color:#000000;
    margin: 0 auto;
    width:100%;
    border: 1px solid #660066;
    background-image: url(./img/wallppr082.gif);
    }
    #header2
    {
    height:80px;
    text-align:left;
    background-position:top left;
    overflow:hidden; /* Div内のFloatに対応する為 */
    background-image: url(img/Header02.gif);
    }
    #header2 h1
    {
    margin-top:35px;
    padding-left:30px;
    font-size:14pt;
    }
    #header2 h1 a
    {
    text-decoration:none;
    color:White;
    }
    #contents
    {
    overflow:hidden;
    background-image:url(./img/wallppr082.gif);
    border: 1px solid #660066; 
    }
    #left
    {
    width: 220px;
    font-size: 12pt;
    overflow: hidden;
    margin-top: 5px;
    padding-left:10px;
    box-sizing:border-box;

    }
    #main
    {
    width: 100%;
    overflow:hidden;    
    margin-top: 3px;
    padding-left:6px;
    padding-right: 7px;
    box-sizing:border-box;
    }
    #footer
    {
    clear:both;
    width:100%;
    height:50px;
    background-image:url(img/wallppr033.gif);
    background-position:top left;
    background-repeat:repeat-x;
    overflow:hidden;
    }
    #footer h1
    {
    margin-top:15px;
    padding-left:30px;
    font-size:14pt;    
    }
    .width1
    {
        width:100%;
    }
    .width2
    {
        width:100%;
    }
    .width3
    {
        width:100%;
    }
 }
/* パソコン */
 @media screen and (min-width: 1024px)
{
     #vPage
    {
    font-size:12pt;
    font-family:"Times New Roman";
    color:#000000;
    margin: 0 auto;
    width:980px;
    background-image: url(./img/wallppr082.gif);
    border: 1px solid #660066;
    }
    #header2
    {
    height:120px;
    text-align:left;
    background-position:top left;
    overflow:hidden; /* Div内のFloatに対応する為 */
    background-image:url(./img/Header02.gif);

    }
    #header2 h1
    {
    margin-top:65px;
    padding-left:30px;
    font-size:14pt;
    }
    #header2 h1 a
    {
    text-decoration:none;
    color:White;
    }
    #contents
    {
    background-image:url(./img/wallppr082.gif); 
    border: 1px solid #660066;   
    }
    #left
    {
    width: 220px;
    font-size: 12pt;
    overflow: hidden;
    margin-top: 5px;
    padding-left:10px;    
    float:left;
    }
    #main
    {
    width:735px;
    overflow:hidden;    
    margin-top: 3px;
    float: left;
    padding-left: 5px;    
    padding-right:8px;    
    }
    #footer
    {
    clear:both;
    width:100%;
    height:50px;
    background-image:url(./img/wallppr033.gif);
    background-position:top left;
    background-repeat:repeat-x;
    overflow:hidden;
    }
    #footer h1
    {
    margin-top:15px;
    padding-left:30px;
    font-size:14pt;    
    }
    .width1
    {
        width:100%;
    }
    .width2
    {
        width:45%;
    }
    .width3
    {
        width:30%;
    }
}