@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

img{
	border:none;
	}

#main{
	width:770px;
	margin:0 auto;
	padding:10px;
	}

#middle{
  padding: 30px 0 0 0;
	}

#middle p{
	padding-bottom:15px;
font-size: 14px;
line-height: 1.5;
color: #333;
padding-top: 10px;
	}	
	
	
	
#middle ul{
	list-style:none;
	}		
	
#middle ul li{
	  float: left;
  width: 370px;
    margin-bottom: 30px;
	}	
	
#middle ul li p{
	margin:15px 0;
	padding:0;
	  height: 3em;
	    line-height: 1.3em;
	}	
	
.clear{
	clear:both;
	}	
	
	
	#line{
		font-size:70%;
		text-align:right;
	border-bottom: solid #23ACDC 1px;	
	padding-bottom:5px;
	margin-bottom:20px;
		}
	
#footer{
	padding: 15px 0 20px;
text-align: center;
font-size: 10px;
line-height: 1.5;
color: #666;
	}

#main #middle ul .m0 {
  float: right;
}

#attention{
	  margin-top: 15px;
	}
	
.border1{
	  border-bottom: 1px solid #FFF;
	}	
	
	

	
#m_head{
	 background:#ddd;
	 padding:15px;
	}		



@media screen and (max-width: 767px) {
	
	#main{
	width:100%;
	  padding: 0;
	}
	
	#main img{
	width:100%;
	height:auto;
	}
	
	#logo img{
	width:auto;	
		}
	
	#attention{
	display:none;
	}
	
#middle ul li {
	width:100%;	
	  text-align: center;
	    margin: 0 0 20px 0;
		}
		
	#middle ul li object{
	width:90%;	
		}
		
		
		
	#middle {
		  padding: 10px;
  background-size: 100%;
}	

#footer{
	  padding: 10px;
	}
	
#logo{
	text-align: center;
	}	
	
	
#line {
	text-align:center;
	}	

}