@charset "utf-8";
/* TEPCO営業様ページ お支払いページ用CSS Document */


/*電気料金　各種お手続き個人さま　　お支払い方法ページで使用*/
.red_dotwaku {
	height: 1%;
	margin: 15px;
	padding: 0px 5px 15px 15px;
	border: dotted 1px #F00;
}
.list_indent {
	list-style-position:outside;
}

div#moushikomi_box{
	height: 1%;
	margin: 15px;
	padding: 0px 5px 5px 5px;
	border: solid 1px #690;
	background-color:#BAF8CB;
	text-align:center;
	width: 12em;
}
.moushikomi {
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	
}
.moushikomi a:link{
	text-decoration: none;
	color:#000;
}

.moushikomi a:visited{
	text-decoration: none;
	color:#000;
}

.moushikomi a:hover{
	color:#F000;
}

div#moushikomi_box2{
	height: 1%;
	margin: 15px;
	padding: 0px 5px 5px 5px;
	border: solid 1px #FF664C;
	background-color:#FFCC99;
	text-align:center;
	width: 12em;
}
.moushikomi2 {
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	
}
.moushikomi2 a:link{
	text-decoration: none;
	color:#000;
}

.moushikomi2 a:visited{
	text-decoration: none;
	color:#000;
}

.moushikomi2 a:hover{
	color:#F000;
}

#gry_waku2 {
 border: 1px solid #CCC;
 padding: 5px 5px;
 margin: 0 0;
 font-size:14px;
 line-height:150%;
 text-align:left;
}
/*各種お手続き：個人のお客さま：お支払いについて：口座振替のおトクなサービスで使用*/	

.list_waku{                                  /*他で同じような名前が４つぐらいあるので注意*/
	width:568px;
	height: auto;
	padding-top: 10px;
}


.list_waku ul.list li ul{
	margin: 0 0 0 3.2em;
	padding: 0;
	list-style-type:none;
}

/*口座振替お申込み手続きページで使用*/

#koza_main {
	float: left;
	width: 770px;
	margin: 0 0 0 0;
	
}
.teble_koza {
	width:565px;
	border: 1px solid #999;
	background-color: #fff;
	padding: 1px;
}

.koza {
	text-align:center;
}
p.koza_f{
	font-size:80%;
}
	
table.teble_pink {
	width: 569px;
	border: 5px solid #ffcccc;
	background-color: #ffcccc;
	padding: 1px;
	text-align:center;
}

table.teble_pink td{
	border: 5px solid #ffcccc;
	background-color: #FFE6E6;
	font-size: 10px;
	padding: 5px;
	line-height: 200%;
	text-align:center;
}

table.teble_blue {
	width: 569px;
	border: 5px solid #ccccff;
	background-color: #ccccff;
	padding: 1px;
	text-align:center;
}
table.teble_blue td{
	border: 5px solid #ccccff;
	background-color: #DDDDFF;
	font-size: 10px;
	padding: 5px;
	line-height: 200%;
	text-align:center;
}

p.amp {
	font-size: 14px;
	text-indent: 0;
	margin-left:0.5em;
	}
	
p.note {
	font-size: 10px;
	text-indent: 0;
	margin-left:0.5em;
	}

.list_waku_k{
	width:700px;
	height: auto;
	margin-left:12px;
	margin-top:12px;
	margin-bottom: 5px;
}


.list_waku_k ul.list li ul{
	margin: 0 0 0 1em;
	padding: 0;
	list-style-type:none;	
}


.list_waku_k ul.list02 li ul{
	margin: 0 0 0 0.5em;
	padding: 0;
	list-style-type:none;	
}
	
/*便利な支払い方法（各種、ポップアップウィンドウ内で使用*/	
.b00 {font-size: 12px; line-Height: 16px; }
.b00b {font-size: 12px; line-Height: 16px; font-weight:bold; }
.teble-con {	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	line-height:200%;
	padding: 5px;
}
table.teble01 {
 width: 569px;
 border: 1px solid #999;
 padding: 5px 5px ;
}

table.teble_green {
	width: 569px;
	border: 5px solid #00CC99;
	background-color: #00CC99;
	padding: 1px;
	text-align:center;
	vertical-align:middle;
}
table.teble_green td{
	border: 5px solid #00CC99;
	background-color: #CCFFCC;
	font-size: 10px;
	padding: 5px;
	line-height: 200%;
	text-align:center;
	vertical-align:middle;
}
#pop_main {
	float: left;
	width: 770px;
	margin: 0 0;
	
}
#pop_main ul.list li ul{
	margin: 0 0 0 1em;
	padding: 0;
	list-style-type:none;
	
}

.list_waku02{
	width:770px;
	height: auto;
}


.list_waku02 ul.list li ul{
	margin: 0 0 0 0.5em;
	padding: 0;
	list-style-type:none;	
}

.list_waku03{
	width:770px;
	height: auto;
}


.list_waku03 ul.list li ul{
	margin: 0 0 0 0.5em;
	padding: 0;
	list-style-type:none;	
}


#gry_waku {
 border: 1px solid #CCC;
 padding: 20px 20px;
 margin: 0 0;
 font-size:14px;
 line-height:150%;
 text-align:left;
}