@charset "UTF-8";

@import url("reset.css");
@import url("base.css");

#saving{
	padding:0 8px 0 8px;
	margin:20px 0 0 0;
}

#saving h2{
	font-weight:bold;
	font-size:1.2em;
	background-image: url(../img/transition/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:600px;
	line-height:42px;
	padding:0 0 0 34px;
	margin:40px 0 10px 0;
}

#saving h2.first{
	font-weight:bold;
	font-size:1.2em;
	background-image: url(../img/transition/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:600px;
	line-height:42px;
	padding:0 0 0 34px;
	margin:0 0 10px 0;
}


#saving #area5 h3
,#saving #area6 h3
,#saving #area7 h3{
	background-image: url(../img/spread/bg_01.jpg);
	background-repeat: repeat;
	clear:both;
	color:#0052AD;
	font-weight:bold;
	line-height:30px;
	background-position: left top;
	width:610px;
	margin:30px 0 10px 0;
	padding:0px 10px;
}

#area1 p
,#area3 p{
	margin:0 0 1em 0;
}

#saving #area1 p strong
,#saving #area5 strong
,#saving #area6 strong{
	clear:both;
	color:#0052AD;
	font-weight:bold;
}


#area1{
	width:630px;
}


#area1 #area1L{
	width:300px;
	float:left;
	padding:50px 0 0 0;
}

#area1 #area1R{
	width:330px;
	float:left;
}

#saving #area1 h3{
	clear:both;
	font-size:1.2em;
	color:#0052AD;
	font-weight:bold;
	margin:30px 0 0 0;
}

#area2{
	width:630px;
}

#area2 .midashi{
	color:#0052AD;
	font-weight:bold;
	padding:20px 0;
}

.savingImg{
	width:630px;
	text-align:center;
}

#area2Box{
	width:620px;
	background-color: #EBF5FF;
	border: 3px solid #CCDCEF;
	padding:5px;
	margin:10px 0 20px 0;
}

#area3 .savingImg
,#area7 .savingImg{
	width:630px;
	text-align:center;
	padding:20px 0;
}

#area4 h3{
	clear:both;
	margin:40px 0 0 0;
}

#area4 h3.first{
	clear:both;
	margin:0 0 0 0;
}

#area5Box{
	color:#0052AD;
	font-weight:bold;
	width:270px;
	background-color: #EBF5FF;
	border: 3px solid #CCDCEF;
	padding:5px;
	margin:10px 0 20px 150px;
}

#area5 #area5ul li{
	margin:0 0 1em 0;
}


#area5 h4.area5_h4{
	font-size:1.2em;
	color:#0052AD;
}

#area5 h5{
	color:#0052AD;
	font-weight:bold;
}

#area5Link{
	margin:30px 0 0 0;
}

#area5 h4{
	font-weight:bold;
	margin:1em 0 0 0;
}

#area5Link li{
	background-image: url(../img/saving/icon01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 18px;
}

#area6 p.area6p img{
	float:right;
}


#area6 p.imgText{
	clear:both;
	text-align:left;
	margin:1em 0 0 0;
}

.pageTop2{
	width:630px;
	text-align:right;
}

#area7 p.caution span
,#area8 p.caution span{
	width:40px;
	display:inline-block;
	margin:0 0 0 -40px;
}

#area7 p.caution
,#area8 p.caution{
	margin:0 0 20px 40px;
}


#area7L{
	float:left;
	width:330px;
}

#area7R{
	float:right;
	width:300px;
}

#area8List{
	color:#0052AD;
	font-weight:bold;
	line-height:250%;
}

#saving #area8 h3{
	clear:both;
	color:#0052AD;
	font-weight:bold;
	margin:30px 0 0 0;
}

div#area4top{
	width:505px;	
	margin: 20px auto 30px auto;
	text-align:center;}

div#area4top .area4top_content{
	width:505px;
	background-image: url(../img/common/waku03.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:left;}

div#area4top .area4top_content p{
	width:430px;
	font-size:14px;
	line-height:17px;
	padding: 15px 40px 10px 40px;}

div#area4top .area4top_content ul{
	width:430px;
	font-size:14px;
	line-height:17px;
	padding: 15px 40px 10px 40px;}

div#area4top .area4top_content ul li{
	padding:5px 0px;}




div#area4Bottom{
	width:505px;	
	margin: 20px auto 30px auto;
	text-align:center;}

div#area4Bottom .area1_content{
	width:505px;
	background-image: url(../img/common/waku04.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:left;}

div#area4Bottom .area1_content p{
	width:430px;
	font-size:14px;
	line-height:17px;
	padding: 15px 40px 10px 40px;}

div#area4Bottom .area1_content ul{
	width:430px;
	font-size:14px;
	line-height:17px;
	padding: 15px 40px 10px 40px;}

div#area4Bottom .area1_content ul li{
	padding:5px 0px;}

#flashTxt{
	margin:0 0 1.5em 0;
}