@charset "Shift_JIS";


/*===========================================
	ol
=============================================*/
div#contents ol {
	padding: 0px 0px 0px 20px;
}
div#contents ol li {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}


/*===========================================
	pregArea_01
=============================================*/
div#pregArea_01 {
	width: 745px;
	margin: 3px auto 0px auto;
	padding: 0px;
}
div#pregArea_01 div.pregBox {
	width: 745px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
div#pregArea_01 div.pregBox div#img02 {
	display: none;
}


/*===========================================
	imgFloat
=============================================*/
.imgFloatRight {
	margin: 0px 0px 7px 7px;
	float: right;
}


/*===========================================
	onePointArea
=============================================*/
div.onePointArea div.onePointBox div.leftArea {
	width: 300px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.onePointArea div.onePointBox div.midArea {
	width: 170px;
	margin: 0px 0px 0px 32px;
	padding: 0px;
	float: left;
}
div.onePointArea div.onePointBox div.rightArea {
	width: 190px;
	margin: 0px;
	padding: 0px;
	float: right;
}


@media (max-width: 640px) {
	/* =======================================
		mod-mainContentContainer,pregArea_01
	======================================= */
	.mod-mainContentContainer , div#pregArea_01 {
	    width: 94%;
		margin: 0px auto;
	}
	
	/* pregBox */
	div#pregArea_01 div.pregBox {
		width: 94%;
		margin: 10px auto 0px auto;
		padding: 0px;
	}
	div#pregArea_01 div.pregBox div#img01 {
		display: none;
	}
	div#pregArea_01 div.pregBox div#img02 {
		display: block;
	}
	div#pregArea_01 div.pregBox div#img02 img {
		width: 94%;
	}
	
	
	/*===========================================
		imgFloat
	=============================================*/
	.imgFloatRight {
		margin: 0px 0px 7px 7px;
		display: block;
		float: none;
		text-align: center;
	}
	
	
	/*===========================================
		onePointArea
	=============================================*/
	div.onePointArea div.onePointBox div.leftArea {
		width: 94%;
		margin: 0px;
		padding: 0px;
		float: none;
	}
	div.onePointArea div.onePointBox div.midArea {
		width: 94%;
		margin: 20px auto 0px auto;
		padding: 0px;
		text-align: center;
		float: none;
	}
	div.onePointArea div.onePointBox div.rightArea {
		width: 94%;
		margin: 5px 0px 0px 0px;
		padding: 0px;
		float: none;
	}
}