body {
	-webkit-text-size-adjust: 100%;
		max-width: 900px;
	margin: 0 auto;
	
	color:#333;
	line-height:1.3;

	font-family: verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 12px;
}

.shadow01{
    /*影を入れる*/
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}

 .title {
	font-size: 14px;
 }
 
.header {
    height: 60px;
	text-align:center;
	font-size: 18px;
}


.kugiri {
	clear : both ;
	width : 100% ; hight:30px;
	padding-top:15px;
	 	 margin-bottom:15px;
}

.box1 {
	float:left;
	width:410px;
	padding-left:8px;
 	background: rgba(255,255,255,0.3);

	}
	
.box2 {
	float:right;
	width: 440px;
 	background: rgba(255,255,255,0.3);
	padding: 20px 10px 20px 20px;
 }
 
 	
.footer {
    margin-top:50px;
	float:left;
	text-align:center;


    width: 900px;
    height: 30px;
	text-align:center;
	}

/* モニター幅900px以下 */
@media screen and (max-width:900px){


.kugiri, .box1, .box2 {
          float: none;
          margin: 0;
          width: auto;	}
		  
 .box1 img{
  max-width:98%;
	height:auto;
	}
	
.footer {
    margin-top:30px;
	padding:10px 10px 10px 10px;
    width: 80%;
    height: 30px;
	text-align:center;
	}
}