@charset "Shift_JIS";
/*
	================================================================================================
		support ichigan enjoy dialogue zoom css index.css
	================================================================================================
*/
/*===========================================
	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;
}
.mainCntArea table.grayTbl {
	border-collapse: collapse;
	width: 100%;
}
.mainCntArea .grayTbl thead th {
	background-color: #eee;
	text-align: center;
}
.mainCntArea .grayTbl th, .mainCntArea .grayTbl td {
	border: solid 1px #ccc;
	padding: 0.25em 0.5em;
}
@media (max-width: 640px) {
	/* =======================================
		mod-mainContentContainer,pregArea_01
	======================================= */
	.mod-mainContentContainer, div#pregArea_01 {
	    width: auto;
		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%;
	}
}
/*
	====================================
		list (annotation)
	====================================
*/
div.annotation {
	margin: 20px 110px 60px 120px;
}
div.annotation ul li {
	list-style: none;
	text-indent: -1em;
	font-size: 0.9em;
}
@media screen and (max-width: 640px) {
div.annotation {
	margin: 20px 10px 60px 20px;
}
}
ul.annotation2 {
	margin: 4px 0 0 2em;
}
ul.annotation2 li {
	list-style: none;
	text-indent: -1em;
	font-size: 0.9em;
}
@media screen and (max-width: 640px) {
	ul.annotation2 {
		margin: 4px 0 0 1.6em;
	}
	ul.annotation2 li {
		text-indent: -0.6em;
	}
}