body {  
	width:100%;
	text-align: left;  
	margin:0; 
	padding:0;/*ブラウザで標準設定されている余白をリセット */
}  

#wrapper {  
    width: 640px;  
    margin: 0 auto;  
    text-align: left;  
    border: 0px solid #aaaaaa;  
				padding:2px 10px;
    background-color: #ffffff; 
}  

@media screen and ( max-width:479px ) /*スマホで細くなル場合はイニシャルサイズ1.0を入れ忘れ*/
{
		#wrapper { 		width: auto; 		}  		
		img{		max-width: 100% ;		height: auto ;		}
}



.div-box {  
background-color: #ffffff; 
padding:30px 0px;
}  


.wrapper-title {  
margin: 20px auto;  
text-align:center;
background-color: #ffffff; 
}  

.wrapper-subtitle{
margin: 10px auto;  
text-align:center;
border: 1px solid #ccccee; 
background-color: #eeeeff; 
padding:2px 15px;

}


.wrapper-main {  
margin: 0 auto;  
border: 1px solid #aaaaaa; 
background-color: #f5f5f5; 
padding:10px;
}  


hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #333333;
	width:100%;
	height: 1px;
}


h1, h2, h3, h4, h5, h6 { margin: 0 0 0 0 }




/*画像とテキスト回り込み*/
img.text-mawari{
width:160px;
margin:5px 5px 5px 5px;
border:none;
float:left;
}

.clear{clear:both;}