@charset "utf-8";


.contents_right .contents_image {
	padding-left: 30px;
}

.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草案 */  
	}

.links_info{
	border-radius: 0;
	}

.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;
	}	

.info #links{
	padding-bottom: 30px;
	}	

.info #links ul{
	overflow: hidden;
	}	

.info #links li {
	float: left;
	}	

.info #links li + li{
	margin-left: 31px;
	}	

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

/* 640 */
@media screen and (max-width: 640px) {

.contents_right .contents_image {
	width:50%;
	margin-left: 3%;
	padding: 0 3% 0 0;
	box-sizing:border-box;
}
.contents_image img{
	width:100%;
}

.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草案 */  
	}

.links_info{
	border-radius: 0;
	}

.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;
	}	

.info #links{
	margin:2% 0;
	padding-top: 0!important;
	padding-bottom: 0;
	}	

.info #links li{
	width:100%;
	margin-bottom:3%;
	text-align: center;
	box-sizing:border-box;
	}	

.info #links li + li{
	margin-left:0;
	}	

.info li img{
	width:85%;
	}	

}