@charset "utf-8";
#e_deregulation p,
#e_deregulation ul,
#e_deregulation dl{
	line-height: 1.6em;

}
#menuList{
	margin: 20px 0 30px;
}
	#menuList li{
		float: left;
		text-align: center;
		font-size: 1.333em;
		font-weight: bold;
		margin: 5px 10px 5px 0;
	}

	#menuList li.last{
		margin-right: 0;
	}

	#menuList li:hover{
		background: #fff;
		filter: alpha(opacity=85);
		-moz-opacity:0.85;
		opacity:0.85;
	}

		#menuList li a{
			width: 210px;
			height: 19px;
			background: url(../media/images/e_deregulation/bg01.jpg) no-repeat;
			color: #fff;
			text-decoration: none;
			padding: 20px 0 25px;
			display: block;
		}

/*#sctn01		*/
#pointList{
	margin: 20px 0 25px;
}

	#pointList li{
		float: left;
		margin: 0 8px 0 0;
	}

	#pointList li.last{
		margin-right: 0;
	}

h4.pointTitle{
	color: #fff;
	padding: 67px 0 0 125px;
	height: 45px;
	width: 650px;
	font-size: 1.333em;
}

h4#point01{ background: url(../media/images/e_deregulation/title01.jpg) no-repeat; }
h4#point02{ background: url(../media/images/e_deregulation/title02.jpg) no-repeat; }
h4#point03{ background: url(../media/images/e_deregulation/title03.jpg) no-repeat; }
h4#point04{ background: url(../media/images/e_deregulation/title04.jpg) no-repeat; }

	h4.pointTitle span{
		display: inline-block;
		line-height: 1.0em;
		margin: 0 0 7px 30px;
		vertical-align: middle;
		font-size: 1.75em;
	}

.pointWrapper{
	padding: 20px 20px;
}
.pointbox01{ border: solid 3px #ffb004; }
.pointbox02{ border: solid 3px #ff7463; }
.pointbox03{ border: solid 3px #87C928; }
.pointbox04{ border: solid 3px #AA90FF; }

.pointWrapper h5{
	margin: 40px 0 15px;
	font-size: 1.333em;
	border-bottom: solid 1px #ccc;
	padding: 0 0 7px;
}
	.pointWrapper h5 span{
		padding: 3px 0 3px 15px;
	}
	
	.pointbox01 h5 span{ border-left: solid 5px #ffb004; }
	.pointbox02 h5 span{ border-left: solid 5px #ff7463; }
	.pointbox03 h5 span{ border-left: solid 5px #87C928; }
	.pointbox04 h5 span{ border-left: solid 5px #AA90FF; }



.pointbox01 dl dt{
	font-weight: bold;
	font-size: 1.167em;

}

.pointbox01 dl dd{
	border-bottom: dotted 1px #ccc;
	padding: 5px 0 15px;
	margin: 0 0 15px;
}

.bg_beige{
	background: #ffffcc;
	padding: 25px 20px;
}

.bg_beige h5{
	margin: 0 0 10px;
	border: none;

}

.pointbox03 .stepTitle{
	color: #fff;
	font-size: 1.333em;
	font-weight: bold;
	background: #87C928;
	height: 50px;
}

	.pointbox03 .stepTitle span{
		padding: 15px 0 15px 170px;
		display: block;
	}

	.pointbox03 .step01 span{ background: url(../media/images/e_deregulation/img_point03_step1.jpg) no-repeat; }
	.pointbox03 .step02 span{ background: url(../media/images/e_deregulation/img_point03_step2.jpg) no-repeat; }
	.pointbox03 .step03 span{ background: url(../media/images/e_deregulation/img_point03_step3.jpg) no-repeat; }


.stepDetail{
	background: url(../media/images/e_deregulation/img_point03_03.jpg) no-repeat;
	padding: 20px 0 0 150px;
	min-height: 115px;
}
.stepDetail dt{
	font-weight: bold;
	font-size: 1.333em;
}

.stepDetail dd{
	margin: 10px 0 0;
}

.stepDetail dd .bg_lgreen{
	background: #87C928;
	display: block;
	padding: 8px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 1.167em;
	margin: 0 0 5px;
}

.pointbox04 .fnt_purple{
	color: #AA90FF;
}

.pointbox04 p.step{
	font-size: 1.333em;
	font-weight: bold; 
}

.pointbox04 p.step img{
	 vertical-align: middle;
	 margin: 0 10px 0 0;
}

.pointbox04 .myOsakaGas{
	margin: 20px 0 0 20px;
}

.pointbox04 .myOsakaGas div.fleft{
	width: 340px;
}
	.pointbox04 .myOsakaGas div.fleft .type01{
		background: #AA90FF;
		padding: 8px 0;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}

	.pointbox04 .myOsakaGas div.fleft .brdr_purple{
		border: solid 1px #AA90FF;
		padding: 15px 15px 15px 100px;
	}
	.pointbox04 .myOsakaGas div.fleft .txt01{ background: url(../media/images/e_deregulation/ico_point04_01.jpg) no-repeat 15px 15px; }
	.pointbox04 .myOsakaGas div.fleft .txt02{ background: url(../media/images/e_deregulation/ico_point04_02.jpg) no-repeat 15px 15px; }
	.pointbox04 .myOsakaGas div.fleft .txt03{ background: url(../media/images/e_deregulation/ico_point04_03.jpg) no-repeat 15px 15px; }
	.pointbox04 .myOsakaGas div.fleft .txt04{ background: url(../media/images/e_deregulation/ico_point04_04.jpg) no-repeat 15px 15px; }
	.pointbox04 .myOsakaGas div.fleft .txt02 img{
		margin: 0 0 0 -60px;
	}
	


.pointbox04 .myOsakaGas div.fright{
	width: 240px;
	background: url(../media/images/e_deregulation/bg_point04_01.jpg) repeat-y 50% 0;
	height: 1010px;
	position: relative;
}
	.pointbox04 .myOsakaGas div.fright .type02{
		background: #FF9999;
		padding: 8px 0;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}

	.pointbox04 .myOsakaGas div.fright img{
		position: absolute;
		left: 91px;
		bottom: 0;
	}


.fnt_colored{
	color: #ffb004;
	font-size: 1.333em;
}

.pointbox04 .fnt_colored{
	color: #AA90FF;
}



/*#sctn02*/

#sctn02 .txt01{
	background: url(../media/images/e_deregulation/img03.jpg) no-repeat top right;
	padding: 0 0 80px;
	margin: 20px 0 40px;
	border-bottom: dotted 1px #ccc;

}
#sctn02 .txt02{
	background: url(../media/images/e_deregulation/img05.jpg) no-repeat top right;
	margin: 30px 0 0;
	min-height: 85px;

}


/*#sctn03*/

#sctn03 .txt01{
	background: url(../media/images/e_deregulation/img08.jpg) no-repeat;
	width: 559px;
	height: 435px;
	padding: 0 0 0  20px;
}

#sctn03 .stepTitle{
	background: #0060B8;
	line-height: 1.6em;
	color: #fff;
	font-size: 1.167em;
	font-weight: bold;
}
	#sctn03 .stepTitle span{
		background: #D5F0FF;
		color: #0060B8;
		display: inline-block;
		padding: 10px 0;
		margin: 0 20px 0 0;
		width: 123px;
		text-align: center;
	}

#sctn03 .bg_beige{
	background: #ffffd9;
	margin: 20px;
}

#sctn03 .bg_beige .txt02,
#sctn03 .txt03{
	background: url(../media/images/e_deregulation/ico01.png) no-repeat;
	color: #ff9900;
	font-size: 1.333em;
	font-weight: bold;
	padding: 15px 0 0 45px;
	min-height: 50px;
}

#sctn03 ul{
	width: 220px;
	margin: 0 0 0 60px;
}

#sctn03 ul li{
	list-style-image: url(../media/images/e_deregulation/marker01.jpg);
	margin: 3px 0;
}

#sctn03 ul li.no_style{
	list-style-image: none;
	margin-left: -1.5em;
}

#sctn03 .startDate{
	background: #D5F0FF;
	padding: 15px;
	margin: 20px;
}

#sctn03 .startDate .fnt_14{
	color: #0060b8; 
}

#sctn03 .startDate dl{
	width: 480px;
	float: right;
}

#sctn03 .startDate dl dt{
	font-size: 1.167em;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../media/images/e_deregulation/marker02.jpg) no-repeat;
}

#sctn03 .startDate dl dd{
	margin: 0 0 0 20px;
}

#sctn04 .txt01{
	color: #1B7AC6;
	font-size: 1.667em;
	font-weight: bold;
	margin: 20px 0 0 80px;
	line-height: 1.2em;
}

#sctn05 ul{
	margin: 30px 20px;
}

	#sctn05 ul li{
		background: url(../media/images/e_deregulation/ico02.jpg) no-repeat;
		padding: 10px 0 0 40px;
		font-size: 1.667em;
		font-weight: bold;
		min-height: 50px;
		line-height: 1.2em;
	}

		#sctn05 ul li a{
			color: #1A79C5;
		}




#sctn02 .fnt_blue,
#sctn03 .fnt_blue{
	color: #0060B8;
	font-weight: bold;
	font-size: 1.333em;
}

#sctn02 h4,
#sctn03 h4,
#sctn04 h4{
	margin: 40px 0 15px;
	font-size: 1.333em;
	border-bottom: solid 1px #ccc;
	padding: 0 0 7px;
}


	#sctn02 h4 span,
	#sctn03 h4 span,
	#sctn04 h4 span{
		padding: 3px 0 3px 15px;
		border-left: solid 5px #0060B8;
	}
	
/*共通*/

.backtoTop{
	text-align: right;
	margin: 0 0 40px;
}
.backtoMenu{
	text-align: right;
	margin: 0 20px 40px 0;
}

.contactbox{
	background: url(../media/images/e_deregulation/bnr_contact.jpg) no-repeat;
	width: 571px;
	height: 241px;
	margin: 40px auto;
	position: relative;
}
	.contactbox p{
		position: absolute;
		text-indent: -9999px;
	}

	.contactbox p.btn01{
		width: 200px;
		height: 113px;
		top: 117px;
		left: 35px;
	}
		.contactbox p.btn01 a{
			display: block;
			width: 200px;
			height: 113px;
		}


	.contactbox p.btn02{
		width: 319px;
		height: 42px;
		top: 120px;
		left: 240px;
	}
		.contactbox p.btn02 a{
			display: block;
			width: 319px;
			height: 42px;
		}


	.contactbox p.btn03{
		width: 319px;
		height: 42px;
		top: 163px;
		left: 240px;
	}
		.contactbox p.btn03 a{
			display: block;
			width: 319px;
			height: 42px;
		}


/*よくある質問*/

#e_deregulation_faq h4{
	margin: 40px 0 15px;
	font-size: 1.333em;
	border-bottom: solid 1px #ccc;
	padding: 0 0 7px;
}


	#e_deregulation_faq h4 span{
		padding: 3px 0 3px 15px;
		border-left: solid 5px #0060B8;
	}	

#e_deregulation_faq .faq{
	margin: 0 10px;
}

#e_deregulation_faq .faq dt{
	background: url(../media/images/e_deregulation/ico02.jpg) no-repeat;
	text-decoration: underline;
	color: #1979C5;
	font-size: 1.333em;
	padding: 10px 0 0 50px;
	font-weight: bold;
	min-height: 50px;
	line-height: 1.2em;
}

#e_deregulation_faq .faq dd{
	background: url(../media/images/e_deregulation/ico03.jpg) no-repeat;
	margin: 0 0 20px;
	padding: 10px 0 20px 50px;
	border-bottom: dotted 1px #ccc;
	min-height: 50px;
	line-height: 1.6em;
}

#e_deregulation_faq .faq dd:last-child{
	border: none;
}


/*共通*/

.ta-c{
	text-align: center;
}

.fnt_small{
	font-size: 0.833em;
}

.bold{
	font-weight: bold;
}

.rightmarg20{
	margin-right: 20px;
}

.leftmarg20{
	margin-left: 20px;
}

.fnt_14{
	font-size: 1.167em;
}

.fnt_16{
	font-size: 1.333em;
}