@charset "utf-8";

.info{
	background-color:#ededed;
	padding:20px 20px 0;
	margin:10px;
	overflow:hidden;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    border-radius: 10px;        /* CSS3草案 */  
	}

.info h2{
	font-size:1.3em;
	line-height:1.3;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:none;
	padding:15px 10px 11px;
	margin:0 0 20px 0;
	}

.info p{
	padding:0 10px 20px;
	line-height:1.8;
	}	

.info01{
	width:450px;
	display:inline-block;
	}

.info01.ptn01{
	width:580px;
	}

.info01.ptn02{
	width:490px;
	}

/* 640 */
@media screen and (max-width: 640px) {
.info{
	background-color:#ededed;
	padding:3% 3% 0;
	margin:10px;
	overflow:hidden;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    border-radius: 10px;        /* CSS3草案 */  
	}

.info h2{
	font-size:1.2em;
	line-height:1.3;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:none;
	text-align:center;
	padding:3% 0 2%;
	margin:0 0 3% 0;
	}

.info p{
	font-size:0.9em;
	padding:0 2% 3%;
	line-height:1.8;
	}	

.info01.ptn01{
	width:100%;
	}
}