@charset "Shift_JIS";

/*===================================
★　CSS インフォーメーション　★
☆料金のご案内関連

■１．共通部分
　●１-１　リセット
　●１-２　汎用CLASS
	
■２．ページ固有
　●２-１　電気のご契約の仕組み
　　　 　　電気料金の仕組み
　　　 　　電気料金のお支払い
　　　 　　お引越しの手続き
　●２-２　主な電気料金単価表

※料金のご案内
ポップアップは/home/ryoukin/ryoukin_css/ryoukin_popup.css
その他のページは/ryoukin/ryoukin_css/ryoukin.css

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

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

■１．共通部分

　●１-１　リセット
　●１-２　汎用CLASS
	
===========================================

　●１-１　リセット

=========================================*/
.ryoukin h3{margin:0 0 10px 0;}
.ryoukin h4{
margin:2em 0 5px 0;
padding:2px;
border-bottom:1px solid #323232;
}
.ryoukin h5{margin:2em 0 0 0;}

.ryoukin dl,
.ryoukin dd,
.ryoukin ul{margin:0; padding:0;}

.ryoukin ul{list-style:none;}
.ryoukin ol{margin:0; padding:0 0 0 2em;}

.ryoukin h4{font-size:128%;}
.ryoukin sup{font-size:70%; vertical-align:top;}

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

　●１-２　汎用CLASS

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

/* margin */
#inner-content-right .mb10{margin-bottom:10px;}
#inner-content-right .mB2{margin-bottom:2em;}
#inner-content-right .mB3{margin-bottom:3em;}
#inner-content-right .mL10{margin-left:10px;}
#inner-content-right .mL15{margin-left:15px;}
#inner-content-right .mL20{margin-left:20px;}

/* text */
.ryoukin .textcenter{text-align:center;}
.ryoukin .indent1{padding-left:1.2em; text-indent:-1.2em;}
.ryoukin .note_indent{padding-left:1.2em; text-indent:-2em;}

/* position */
.ryoukin .floatL{float:left;}
.ryoukin .floatR{float:right;}

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

■２．ページ固有
　●２-１　電気のご契約の仕組み
　　　 　　電気料金の仕組み
　　　 　　電気料金のお支払い
　　　 　　お引越しの手続き
　●２-２　主な電気料金単価表
	
===========================================

　●２-１　電気のご契約の仕組み
　　　 　　電気料金の仕組み
　　　 　　電気料金のお支払い
　　　 　　お引越しの手続き

=========================================*/
/*-------------- ページ内リンク */
.ryoukin .pageLink li{margin-bottom:5px;}

/*-------------- 中黒つきテキスト */
.ryoukin .ryoukinText{
padding-left:15px;
background:url(../ryoukin_img/ryoukin_icon_01.gif) no-repeat 0 0.7em;
}

/*-------------- グレー囲みテキスト */
/* dl */
.ryoukin dl.ryoukinNote{
padding:10px;
background-color:#f0f0f0;
}
.ryoukin dl.ryoukinNote dt{margin-bottom:0.5em;}

/* ul */
.ryoukin ul.ryoukinNote{
padding:5px 5px 0;
background-color:#f0f0f0;
}
.ryoukin ul.ryoukinNote li{
padding-bottom:5px;
padding-left:15px;
background:url(../ryoukin_img/ryoukin_icon_01.gif) no-repeat 0 0.6em;
}

/* p */
#inner-content-right .ryoukin p.ryoukinNote{
margin-bottom:0.7em;
padding:2px 5px;
background-color:#f0f0f0;
}


/*-------------- グレーボーダー囲みテキスト */
/* dl */
.ryoukin dl.ryoukinNote2{
padding:10px;
border: 1px solid #999999;
clear: both;
width: 500px;
}
.ryoukin dl.ryoukinNote2 dt{margin-bottom:0.5em;
color: #c86400;
font-size: 125%;
font-weight: bold;}

/* ul */
.ryoukin ul.ryoukinNote2{
padding:5px 5px 0;

}

#inner-content-right .ryoukin .ryoukinNote2 ul li{
padding-bottom:5px;
padding-left:15px;
font-weight: normal;
color: #333333;
}

#inner-content-right .ryoukin .ryoukinNote2 ul li.l-sp20{
margin-left: 20px;
}


/* p */
#inner-content-right .ryoukin .ryoukinNote2 p.bg-g{
margin-bottom:0.7em;
padding:2px 5px;
background-color:#dddddd;
}


/*-------------- 括弧つき番号リスト */
.ryoukin ol.parentheses{margin:0 0 0.7em 0; padding:0; list-style:none;}
.ryoukin ol.parentheses li{padding-left:2.2em; text-indent:-2.2em;}

/*-------------- 2カラムレイアウト */
/* 電気料金の仕組み */
.ryoukin .box2B .floatL{width:310px;}
.ryoukin .box2B .floatR{width:220px;}
.ryoukin .box2C .floatL{width:230px; padding-top:4em;}
.ryoukin .box2C .floatR{width:305px;}
.ryoukin .box2E .floatL{width:250px;}
.ryoukin .box2E .floatR{width:250px;}
.ryoukin .box2F .floatL{width:330px;}
.ie .ryoukin .box2F .floatL{width:340px;}
.ryoukin .box2F .floatR{width:190px;}

/* 電気料金のお支払い */
.ryoukin .box3A .floatL{width:275px;}
.ryoukin .box3A .floatR{width:230px;}
.ryoukin .box3C .floatL{width:300px;}
.ryoukin .box3C .floatR{width:210px;}
/* お引越しの手続き */
.ryoukin .box4A .floatL{width:270px;}
.ryoukin .box4A .floatR{width:260px;}
.ryoukin .box4E .floatL{width:370px;}
.ryoukin .box4E .floatR{width:155px;}

/*-------------- 電気料金の仕組み
「電気ご使用量のお知らせ」番号付きリスト */
.ryoukin .reportList{margin-bottom:15px; padding-left:0;}
.ryoukin .reportList li{
margin-bottom:5px;
padding-left:25px;
text-indent:-25px;
list-style:none;
}
.ryoukin .reportList li img{
margin-right:4px;
vertical-align:middle;
}
.ryoukin .reportList li li{
margin:5px 0 0 0;
padding-left:1em;
text-indent:-1em;
}

.ryoukin .box2F ul{
margin:0 10px 0 0;
}
.ryoukin .box2F li{
color:#c86400;
font-weight:bold
}

/*-----------電気供給約款ダウンロード----------*/

#pdf ul{
margin-left: 10px;
}


#pdf li{
padding-left:18px;
padding-bottom:0.4em;
background:url(http://www.kepco.co.jp/ryoukin/seido/index_img/images/arrow.gif) no-repeat 0 0.1em;
}

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

　●２-２　主な電気料金単価表

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

#tanka h4 img{vertical-align:bottom;}
#tanka #btn01{margin-left:33px;}
#tanka #btn02{margin-left:25px;}
#tanka #btn03,
#tanka #btn06{margin-left:255px;}
#tanka #btn04{margin-left:250px;}
#tanka #btn05{margin-left:240px;}

#tanka .tankaNote{margin-top:0.7em;}
#tanka .tankaNote li{
padding-left:15px;
background:url(../ryoukin_img/ryoukin_icon_01.gif) no-repeat 0 0.6em;
}
#tanka .tankaTable th{background-color:#ffcc33; font-weight:normal;}
#tanka .tankaTable td{background-color:#fffacd;}
#tanka .tankaTable .bgOrange{background-color:#ffdead;}
#tanka .tankaTable .bgYellow{background-color:#ffd700;}
#tanka .tankaTable table th,
#tanka .tankaTable table td{background-color:transparent;}





/*-------------------------------------------
	スペース
-------------------------------------------*/	
#inner-content-area #inner-content-right .t-sp1 {/*上1*/
	padding-top: 10px;
}

#inner-content-area #inner-content-right .t-sp01 {/*上1*/
	padding-top: 5px;
}

#inner-content-area #inner-content-right .b-sp1 {/*下1*/
	padding-bottom: 10px;
}

#inner-content-area #inner-content-right .b-sp2 {/*下2*/
	padding-bottom: 2.6em;
}

#inner-content-area #inner-content-right .l-sp1 {/*左1*/
	padding-left: 0.7em;
}

#inner-content-area #inner-content-right .l-sp2 {/*左2*/
	padding-left: 1.5em;
}

#inner-content-area #inner-content-right .l-sp3 {/*左3*/
	padding-left: 2em;
}



/*-------------------------------------------
	インデント
-------------------------------------------*/
#inner-content-area #inner-content-right .ind0 {/*リセット*/
	text-indent: -0em;
}

#inner-content-area #inner-content-right ul li.ind1,
#inner-content-area #inner-content-right dl dd.ind1 {/*1*/
	text-indent: -0.5em;
}

#inner-content-area #inner-content-right ul li.ind2,
#inner-content-area #inner-content-right dl dd.ind2 {/*2*/
	text-indent: -1em;
}

#inner-content-area #inner-content-right ul li.ind3,
#inner-content-area #inner-content-right dl dd.ind3 {/*3*/
	text-indent: -1.8em;
}