@charset "utf-8";

/*-----------------------------------------------------	*/
/* for all */
/*-----------------------------------------------------	*/

/* ------ セクション境界線 ------ */

div.section-line{
	margin: 0 auto;
	width: 97%;
	border-top: 1px #dedede solid;
}

/* ------ left item ------ */

div.left-item{
	padding: 0 0 0 16px;
}

h3{
	text-align: left;
	padding: 40px 0 10px 0;
	font-size: 150%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.sTitle{
	font-size: 60%;
	font-weight: bold;
	line-height: 16px;
}

div.left-item-text{
	font-size: 80%;
}

ul.wPosition{
	margin: 18px 0 6px 0;
	font-size: 80%;
}

	ul.wPosition li{
		display: block;
		margin: 1px;
		float: left;
		width: 36px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		background-color: #aaa;
	}

	ul.wPosition li.charge{
		color: #333;
		background-color: #ffe000;
		font-weight: bold;
	}

ul.wProcess{
	margin: 6px 0 6px 0;
	font-size: 80%;
}

	ul.wProcess li{
		display: block;
		margin: 1px;
		float: left;
		width: 74px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		background-color: #aaa;
	}

	ul.wProcess li.charge{
		color: #333;
		background-color: #ffe000;
		font-weight: bold;
	}

div.technology{
	padding: 20px 0 40px 0;
	font-size: 100%;
	font-weight: bold;
	color: #228b22;
}

/* ------ right item ------ */

div.right-item{
	padding: 0 0 0 40%;
}

ul.wTechnology{
	padding-top: 40px;
}

	ul.wTechnology li{
		display: block;
		margin: 1px 0;
		font-size: 100%;
		height: 26px;
		line-height: 26px;
		text-align: left;
	}



/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {

	/* ------ right item ------ */

	div.right-item{
		padding: 0 0 0 20%;
	}

}



/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {

	/* ------ left item ------ */

	div.left-item{
		padding: 0 8px 0 8px;
	}

	h3{
		font-size: 120%;
		padding: 24px 0 10px 0;
	}

	.sTitle{
		display: none;
		font-size: 70%;
		font-weight: bold;
		line-height: 16px;
	}

	div.technology{
		padding: 20px 0 30px 0;
		font-size: 90%;
	}

	/* ------ right item ------ */

	div.right-item{
		display: none;
	}

}