.flex{
 display : -webkit-box; 
 	/*古いwebkit系ブラウザ用*/
 display : -moz-box; /*古いFirefox用*/
 display : -ms-flexbox; /*IE9用*/
 display : -webkit-flex; 
 	/*やや古いChrome、iOS7以上のSafari用*/
 display : flex; /*モダンブラウザ用*/
 width:770px;
 margin:0 auto 15px auto;
 padding:10px;
 background: #eee;
 border:1px solid #333;
}

/*---子要素共通---*/
.flex-child,.flex-child2,.flex-child3,
.flex-child4,.flex-child5	{	
 width:100px;	
 padding:10px;
 margin:0 10px 0 0;
 color:#333;
 font-size:13px;
}