@charset "euc-jp";


/* about
---------------------------------------------------------------------*/
#ttl{
		margin-bottom:10px;
	}
	#ttl h2,#ttl p{
		display:none;
	}
	
#introImg{
	margin-bottom:10px;
	}
	#introImg strong,#introImg em{
		display:none;
	}

#m_anmin{
	height:60px;
	text-indent:-9999px;
	background:url(../about/img/m_anmin.gif) no-repeat;
	margin-bottom:18px;
}
#m_nerumae{
	height:60px;
	text-indent:-9999px;
	background:url(../about/img/m_nerumae.gif) no-repeat;
	margin-bottom:18px;
}

#img_structure,
#img_graph,
#img_graph2{
	width:90%;
	max-width:424px;
	float:right;
	margin:0 0 10px 30px;
}
	#img_graph{
		max-width:396px;
	}
	#img_graph2{
		max-width:221px;
	}
@media screen and (max-width: 840px) {
	#img_graph2{
		width:100%;
		max-width:none;
		float:none;
		text-align:center;
		margin:0 0 10px 0;
	}
	#img_graph2 img{
		width:100%;
		max-width:221px;
		margin:auto;
	}
}
@media screen and (max-width: 600px) {
	#img_structure,
	#img_graph{
		float:none;
		margin:0 auto 10px;
	}
}



#d_clm_1{
	border-collapse:separate;
	border-spacing:20px 0;
}
	#d_clm_1 > div:first-child{
		margin-right:10px;
	}
	#d_clm_1 > div:nth-child(2){
		margin-left:10px;
	}
@media screen and (max-width: 850px) {
	#d_clm_1 > div:first-child{
		margin:0 0 3vh 0;
	}
	#d_clm_1 > div:nth-child(2){
		margin-left:0;
	}
}
@media screen and (max-width: 600px) {
	#d_clm_1 > div:first-child{
		margin:0 0 3vh 0;
	}
	#d_clm_1 > div:nth-child(2){
		margin-left:0;
	}
	#usage > div{
		padding:0 0 0 0 !important;
	}
}



#codeless .icon_codeless{
	vertical-align:middle;
}
	#codeless .icon_codeless img{
		margin:5px 20px;
	}
@media screen and (max-width: 400px) {
	#codeless .icon_codeless img{
		width:70px;
		height:auto;
		margin:5px 4px;
	}
}