/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

html, body {
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	height: 100%;	/* 縦の高さを100% */
	width: 100%;	/* 横の幅を100% */
	 -webkit-text-size-adjust : none;
	 	margin: 10px auto 0;     /* 上から10px分余白を取る */
	padding-bottom: 20px;   /* フッターの高さの分余白を取る */
	}
	
  div#container{
	position: relative;		/* フッター部の配置用に定義 */
	min-height: 100%;		/* 縦の表示領域を100% */
  }   
  
      /* ボディ */
    /* ボディの大枠 */
    div#body{  
    	width: 100%;            /* 横の幅400px */
    	margin: 10px auto 0;     /* 上から10px分余白を取る */
    	padding-bottom: 150px;   /* フッターの高さの分余白を取る */
    }
     
  
    /* フッターの背景 */
    div#footer-or
    {
    	max-width:100%;               /* 横の幅を100% */
    	height: 30px;            /* 縦の幅を120px */
    	position: absolute;       /* 絶対位置指定することを定義 */
    	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
    	padding: 5px 0;          /* 上下に余白を取る */
    }
    /* フッターの表示領域 */
    div#footer{
		height: 20px;          /* 縦幅の指定100px */
    	max-width: 100%;           /* 横の幅970px */
    	margin: auto;           /* 中央揃え */
		text-align: center;
    }