@charset "shift_jis";
/* CSS Document */

.pregArea_01{
}
	.pregArea_01 h3.title{
		text-align: center;
	}
	.pregArea_01 .pregBox div.rightArea{
		width:35%;
		text-align:right;
	}

.pregBox{
}
	.pregBox h4.title{
		padding-bottom:0;
		border-bottom:none;
		margin-top:20px;
	}
.grayArea{
}
	.grayArea ul li{
		margin-bottom:10px;
	}
#grayArea2 ol li{
	text-indent:0;
	margin-left:0;
	list-style-position: inside;
}
#grayArea2 ul dl{
	margin-left: 1em;
}
	#grayArea2 ul dl dt{
		margin-top:20px;
		margin-bottom: 10px;
	}
		#grayArea2 ul dl ol {
			margin-left: 40px;
		}
			#grayArea2 ul dl ol li {
				list-style-position: outside;
			}
.recommendTbl{
}
	.recommendTbl table {
		background:#DFF4F9;
		 width:470px;
	}
	.recommendTbl .body3 {
		font-size: 13px;
		line-height: 1.5;
	}
	.recommendTbl td{
		border:5px solid #DFF4F9;
	}
	.recommendTbl td.left{
		width:124px;
		text-align:left;
		vertical-align:top; 
		background:#70C6E3;
		padding:5px;
	}
	.recommendTbl td.right{
		 width:358px;
		 padding:5px;
		 vertical-align:top; 
	}

@media(max-width: 640px){
	.pregArea_01 .pregBox div.rightArea{
		width:auto;
	}
	.pregBox h4.title{
		border-bottom: 1px solid #D0D0D0;
		padding-bottom: 5px;
	}
	#grayArea2 ul dl {
		margin-left: 0;
	}
		#grayArea2 ul dl ol {
			margin-left: 15px;
		}
	.recommendTbl{
	}
	.recommendTbl table {
		width:100%;
	}
		.recommendTbl td{
			border:5px solid #DFF4F9;
		}
		.recommendTbl td.left{
			width:25%;
			padding:2.5%;
		}
		.recommendTbl td.right{
			width:65%;
			padding:2.5%;
		}
}