@charset "Shift_JIS";

img {
	vertical-align:bottom;
}

/*===========================================
	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;
}

div.photoArea {
	width: 335px;
	margin: 10px auto 0px auto;
	padding: 0px;
}
div.photoArea div {
	margin-bottom:5px;
}
div.photoArea span {
	background:#F1F1F1;
	padding:5px;
}

div.lineArea {
	margin:5px 0 0 0;
	border:#CCC 1px solid;
	text-align:center;
}
div.lineArea p {
	background:#E1E1E1;
	margin:0;
	padding:5px;
	text-align:center;
}
div.lineArea div {
	padding:20px 15px;
}


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:15px;
}
ul.imgArea li p span {
	background:#F1F1F1;
	padding:5px;
}




@media (max-width: 640px) {
	/* =======================================
		mod-mainContentContainer,pregArea_01
	======================================= */
	.mod-mainContentContainer , div#pregArea_01 {
	    width: 94%;
		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.photoArea {
		width: auto;
	}
	div.photoArea p {
		text-align:center;
	}
	
	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;
		}
			
}