@charset "UTF-8";

/** contents ****************************************/

#contents .section {
	/**margin-bottom :30px;**/
}

#contents .section p {
	margin           : 0;
}

#contents .section a:hover img {
	opacity: 0.5;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=0);
}


div#round {
	position:relative;
	overflow:hidden;
	margin:20px 0;
	padding:25px 0 40px 0;
	border-bottom:1px solid;
}

div#round ul {
	float:left;
	left:50%;
	position:relative;
	}

div#round li {
	float:left;
	left:-50%;
	position:relative;
	margin-right:40px;
	}



div#round ul li img{
	width: 120px;
	height: 120px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;  
	box-shadow: 0 10px 6px -6px #777777;
}

	

article.public{
	float:left;
	width:450px;
	height:auto;
	margin:0 20px 20px 0;
}



/*/*/

@media screen and (max-width: 480px) {
div.section img{
	width:100%;
	height:100%;
	}

div#round {
	position:relative;
	overflow:hidden;
	margin:5px 0;
	padding:5px 0 20px 0;
	border-bottom:1px solid;
}

div#round ul {
	float:left;
	left:0;
	position:relative;
	}

div#round li {
	float:left;
	left:0%;
	position:relative;
	margin-right:3px;
	width:19%
	}



div#round ul li img{
	width: 100%;
	height: 100%;
}

article.public{
	float:left;
	width:100%;
	height:auto;
	margin:0;
}


}