@charset "utf-8";

/* ==

　新電力(PPS)による電力小売事業

=============================================================================== */
.section .main h1{ margin:0 0 5px; padding:0; }
.section .main h2{ padding-bottom:0; }
.main p.notes{ font-size:85%; }
.main .notes li{ font-size:110%; }


/*
.main div:after, .main div p:after, .main div li:after{ content:''; display:block; clear:both; }
*/

.main p, .main li, .main dd, .main span{ color:#333; }

.main p em{ color:#007493; }


.main .pointBlock{
	padding:10px 10px 0;
	background-color:#f3f0e9;
}
.main .pointBlock li{ margin-bottom:10px; }


.main .flowBlock{
	/*padding:10px 10px 0;*/
	padding:10px;
	/padding:10px;
	background-color:#f3f0e9;
}
.main .flowBlock dl{
	padding:10px;
	/*padding:10px 10px 0;*/
	background-color:#fff;
}
.main .flowBlock dt{ color:#15a9f2; font-weight:bold; }
.main .flowBlock dd{ padding-top:5px; }
/*.main .flowBlock p.notes{ padding:2px 0 10px; font-size:100%; }*/



.main .stepBlock{
	width:730px;
	margin-bottom:10px;
	padding-bottom:10px;
	background-color:#f3f0e9;
	position:relative;
	clear:both;
}
.main .stepBlock li{
	padding:10px 0 10px 20px;
}
.main .stepBlock p.txt{ position:absolute; bottom:20px; right:20px; }




.main .qaBlock dl{ margin-bottom:10px; }
.main .qaBlock dt{
	min-height:44px;
	margin:0;
	padding:17px 20px 13px;
	background-color:#f3f0e9;
	position:relative;
}
.main .qaBlock dd{
	min-height:44px;
	padding:20px;
	border-bottom:3px solid #f3f0e9;
	border-left:3px solid #f3f0e9;
	border-right:3px solid #f3f0e9;
	position:relative;
}

.main .qaBlock dt img{ position:absolute; top:18px; left:20px; }
.main .qaBlock dd img{ position:absolute; top:18px; left:20px; }

.main .qaBlock dt span{ padding:10px 0 0 76px; display:block; }
.main .qaBlock dd div{ padding-left:76px; }
.main .qaBlock dd div p.notes{ margin-bottom:0; margin-left:2em; text-indent:-2em; line-height:1.5; }
/* ==

　150911追加

=============================================================================== */
.section .main h2.fitH2{
	height:60px;
	background:none;
}
.fitBd01{
	margin-bottom:10px;	
	padding:20px;
	border:2px solid #fddcd4;
}
.fitBd01 a{
	color:#dc3900;
	font-weight:bold;
}
.fitBlk01{
	margin-bottom:20px;
}
.fitBlk01 .colImg{
	width:370px;
	float:left;
}
.fitBlk01 .colTxt{
	width:340px;
	float:right;
}
.fitBlk01 .colTxt h3{
	margin:0 0 20px 0;
}
.fitBd02{
	margin-bottom:10px;	
	padding:20px;
	background-color:#fae9e5;
	border:2px solid #dc3900;
}
.fitBd02 a{
	display:block;
	padding-left:20px;
	color:#333;
	background:url(../images/arw_fit.gif) 0.2em 0.4em no-repeat;
	text-decoration:none;
}
.fitBd02 a:hover{
	color:#333;
	text-decoration:underline;
}
.note{
	font-size:89%;
	text-align:right;
}



.pdf .pdf {
    display: inline-block;
    margin: 7px 20px 6px 0;
    padding: 1px 0 0 22px;
    background: url(/common/images/rn02/ico_pdf01.gif) left top no-repeat;
    vertical-align: top;
    letter-spacing: normal;
}




/* ==

　事例紹介

=============================================================================== */

.caseBlock{
	width:730px;
	margin:0 0 40px 0;
}
.caseCol{
	width:730px;
	margin:0 0 20px;
	overflow:hidden;
}
.caseCol .floatL{
	width:490px;
}
.caseCol .floatR{
	width:227px;
}
.voiceCol{
	width:690px;
	margin:0;
	padding:19px;
	border:1px solid #dbb788;
	background-color:#ffffdf;
	overflow:hidden;
}
.voiceCol .floatL{
	width:470px;
}
.voiceCol .floatR{
	width:207px;
}
.voiceCol .floatL .titTxt{
	margin:0 0 20px;
	padding:0 0 4px 0;
	border-bottom:1px dotted #d37700;
}
.voiceCol .floatL dt{
	margin:0 0 5px;
	padding:0;
}
.voiceCol .floatL dd{
	margin:0 0 30px;
	padding:0;
}
.voiceCol .floatL dd.lastChild{
	margin:0;
}
.voiceCol .floatR .caption span{
	display:block;
	margin-top:5px;
	font-size:12px;
}
.caseList{
	overflow:hidden;
	zomm:1;
}

.caseList table{
	width:100%;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.caseList th{
	/*width:35%;*/
	color:#007999;
	background:#def8ff;
	font-weight:normal;
	text-align:left;
	padding:5px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	vertical-align:top;
}

.caseList td{
	text-align:left;
	padding:5px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.caseList table span{
	color:#666;
	font-size:87%;
}
.arwLink a{
	padding-left:16px;
	background:url(/common/images/renew2009/arrow_info.gif) no-repeat left 0.15em;
	display:block;
	zoom:1;
}


/* ==

　200316追加 ※沿革

=============================================================================== */

dl.topics {
	margin:0 auto;
	margin:-1px auto 0;
	width:710px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	overflow:hidden;
	letter-spacing:-.40em;
	background:#f4f4f4 url(/common/images/renew2009/line_dotted.gif) repeat-x left top;
}

dl.topics dt,
dl.topics dd {
	color: #333;
	padding-top:12px;
	padding-bottom:12px;
	display:inline-block;
	letter-spacing:normal;
	line-height:1.5;
	vertical-align:top;
 /display:inline;
 /zoom:1;
}

dl.topics dt {
	padding-left:5px;
	padding-right:5px;
	word-break:break-all;
	word-wrap:break-word;
	width: 100px;
}

dl.topics dd {
	/*width:491px;*/
}

.bnr ul {
	width: 730px;
	margin: 0 0 10px;
	padding: 0;
}
.bnr ul li {
	width: 355px;
	float: left;
	margin-left: 20px;
}
.bnr ul li:first-child {
	width: 355px;
	float: left;
	margin-left: 0;
}

/* ==

　200325追加 ※よくある質問

=============================================================================== */
.faqBlock {
	margin:0 0 40px;
}

.faqBlock dl {
	width:720px;
	background:url(../../faq/images/faq_line.gif) repeat-x left bottom;
	margin:0 0 10px;
}

.faqBlock dt {
	font-weight:bold;
	margin:0 0 10px;
	padding:1px 0 1px 45px;
	background:url(../../faq/images/faq_icon_q.gif) no-repeat left top;
}
.faqBlock dt.q01 { background:url(../images/faq_icon_q01.gif) no-repeat left top; }
.faqBlock dt.q02 { background:url(../images/faq_icon_q02.gif) no-repeat left top; }
.faqBlock dt.q03 { background:url(../images/faq_icon_q03.gif) no-repeat left top; }
.faqBlock dt.q04 { background:url(../images/faq_icon_q04.gif) no-repeat left top; }
.faqBlock dt.q05 { background:url(../images/faq_icon_q05.gif) no-repeat left top; }
.faqBlock dt.q06 { background:url(../images/faq_icon_q06.gif) no-repeat left top; }
.faqBlock dt.q07 { background:url(../images/faq_icon_q07.gif) no-repeat left top; }
.faqBlock dt.q08 { background:url(../images/faq_icon_q08.gif) no-repeat left top; }

.faqBlock dd {
	padding:1px 0 10px 45px;
	margin:0 0 10px;
	background:url(../images/faq_icon_a.gif) no-repeat left top;
}

.faqBlock dd a{
	background: url(/common/images/renew2009/arrow_02.gif) no-repeat left 0.4em;
	padding:0 0 0 10px;
}

.faqBlock dd li img{
	margin:0 3px;
	vertical-align:top;
}
.faqBlock dd p.indent{
	text-indent:-1em;
	padding:0 0 0 1em;
}