@charset "Shift_JIS";

/*===========================================
	contentsArea
=============================================*/
div#contentsArea {
	width: 760px;
	margin: 15px auto 0 auto;
	padding: 0px;
}

/*===========================================
	pregArea_01
=============================================*/
div#pregArea_01 {
	width: 745px;
	margin: 0px auto;
	padding: 0px;
}
div#pregArea_01 div.pregBox {
	width: 745px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
ul.imgArea {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	list-style:none;
}
ul.imgArea li {
	width:150px;
	margin:0px 0 0 25px;
	float:left;
}
ul.imgArea li p {
	margin-top:7px;
}
ul.imgArea li p.space {
	margin-top:12px;
}
ul.imgArea li p span {
	background:#000;
	color:#FFFFFF;
	padding:5px;
}




@media (max-width: 640px) {
	/* =======================================
		mod-mainContentContainer,pregArea_01
	======================================= */
	.mod-mainContentContainer , div#pregArea_01 {
	    width: auto;
		margin: 0px auto;
	}
	div#pregArea_01 {
		width: auto;
	}
	div#pregArea_01 div.pregBox {
		width: 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%;
	}
	
	ul.imgArea {
		width: auto;
	}
	ul.imgArea li {
		width: auto;
		float:none;
		margin:0 0 25px 0;
		text-align:center;
	}
		ul.imgArea li p span {
			display: inline-block;
		}

	#shutter-speed{
		text-align:center;
		margin-top:15px;
	}
		#shutter-speed ul.imgArea {
			display:inline-block;
			vertical-align:top;
			margin:0 40px 0 10px;
		}
		#shutter-speed div#gauge{
			display:inline-block;
			vertical-align:top;
			height:850px;
			margin-left:-10px;
		}
			#shutter-speed div#gauge img{
				height:100%!important;
			}
			
}