@charset "Shift_JIS";

/*** default ***/
* { word-wrap: break-word; word-break:break-all; border:0;outline:0;}
body { font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; color:#313131; }
body * { font-family: inherit !important; }
h1,h2,h3,h4,h5,h6,p,ul,ol,dl.form {margin:0;padding:0;}
ul,ol {list-style:none;}
a { text-decoration:none; }
img{border:none; vertical-align:bottom;max-width:100%;}
a:hover img, a:active img {opacity:0.8;-moz-opacity:0.8;}

/* 上書き */
.ui-content {padding:0 10px !important;}
.ui-content .ui-listview { margin:0 -10px !important;}
.ui-icon-shadow { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
.ui-icon { -moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;}
.ui-field-contain {padding:5px 0 !important;}

/* アイコン：黒に上書き */
.ui-icon{background:url(../../images/tri.png) no-repeat 0 center;}

/*** common ***/

/* align */
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:0px;margin:0 0 10px 10px;display: inline;}
img.alignleft{padding:0;margin:0 10px 10px 0;display:inline;}
.aligncenter{text-align:center;}
.alignleft{float:left;}
.alignright{float:right;}
.txcenter{text-align:center;}
.txleft{text-align:left;}
.txright{text-align:right;}
.clear {height:1px;clear:both;}

/* 水平線 */
hr {border: 0; border-bottom: 1px solid #ccc; clear:both; margin:1em 0;}
hr.dotted {border-style:dotted; }

/* 文字サイズ */
.fslarge { font-size: 16px; }
.fssmall { font-size: 12px; }

h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:15px; }
h6 { font-size:14px; }

/* 文字種 */
.ffmono { font-family: "ＭＳ ゴシック", "Osaka－等幅", mono; }

/* マージン */
.mgb05 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }

.mgt05 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }

.indent { margin-left:10px; margin-right:10px; }

/*** color ***/
.cl-green { color: #094; }
.cl-yellow {color:#ffba00;}

/****** style set *******/
.ec-yellow { background:#fff4d8; padding:1px 10px; margin:10px 0; overflow:hidden; }
	.ec-yellow span {color:#ffba00;}


/*** layout ***/
/* ヘッダ */
#epco-head {
	-webkit-box-shadow: #CCC 0px 3px 5px;
	-moz-box-shadow: #CCC 0px 3px 5px;
	box-shadow: #CCC 0px 3px 5px;
	position:relative !important;
	height:74px;
	width:100%;
	border-top:solid 5px #094;
}
#epco-head #logomark {
	position:absolute;
	font-size:18px;
	margin:0;padding:0;
	width:160px;
	height:44px;
	top:19px;
	left:5px;
}
#hdb-pc { top:27px; right:10px; white-space:nowrap; }
#hdb-back { top:27px; right:98px; white-space:nowrap; }

.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn {
	font-size:12px !important;
	font-weight:bold;
}
.ui-header .ui-btn-corner-all, .ui-footer .ui-btn-corner-all {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner {
	border-color: rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	padding:0.7em 7px !important;
}

/* フッター */
#epco-foot { border-top:solid 1px #ccc; text-align:center; padding:15px 0; }
#epco-foot #ftlogo {width:110px; margin:18px auto 4px;}
#epco-foot #copyright {font-size:10px;line-height:12px; margin:0;}
#epco-foot .ui-btn { display:block; margin:0 10px; }
#epco-foot .ui-block-a .ui-btn {margin-right:5px;}
#epco-foot .ui-block-b .ui-btn {margin-left:5px;}

/*** 全ページ共通 ***/
.content-secondary {margin:0 -10px;padding:1px 10px 0;background:#e2e2e2 !important;}

.ftmenu {width:300px; margin:14px auto; letter-spacing: -0.31em; word-spacing: -0.43em; text-align:left; }
.ftmenu .ui-btn {display:inline-block; margin: 0 -1px -1px 0; height:48px; width:148px; text-align:left; font-size:14px !important; line-height:16px !important; vertical-align:top; letter-spacing: normal; word-spacing: normal; }
.ftmenu .ui-btn .ui-icon-arrow-r { right:5px !important;}
.ftmenu .ui-btn .ui-icon-pc { right:8px !important;}

#ftmn1 .ui-btn {font-weight:bold;}
#ftmn1 .ui-btn-inner { padding-left:41px !important; padding-right:20px !important; background-position:5px 7px; background-repeat:no-repeat;}
#ftmn1 #fm1a .ui-btn-inner, #ftmn1 #fm1b .ui-btn-inner { padding-top:16px !important; padding-bottom:16px !important; height:16px !important; }
#ftmn1 #fm1c .ui-btn-inner, #ftmn1 #fm1d .ui-btn-inner { padding-top:8px !important; padding-bottom:8px !important; height:32px !important; }
#ftmn1 #fm1a {
	-moz-border-radius-topleft: 16px;
	-webkit-border-top-left-radius: 16px;
	border-top-left-radius: 16px;
}
#ftmn1 #fm1b {
	-moz-border-radius-topright: 16px;
	-webkit-border-top-right-radius: 16px;
	border-top-right-radius: 16px;
}
#ftmn1 #fm1c {
	-moz-border-radius-bottomleft: 16px;
	-webkit-border-bottom-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
#ftmn1 #fm1d {
	-moz-border-radius-bottomright: 16px;
	-webkit-border-bottom-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

#fm1a .ui-btn-inner { background-image:url(../images/icon/ic11.png); }
#fm1b .ui-btn-inner { background-image:url(../images/icon/ic12.png); }
#fm1c .ui-btn-inner { background-image:url(../images/icon/ic13.png); }
#fm1d .ui-btn-inner { background-image:url(../images/icon/ic14.png); }

#ftmn2 .ui-btn {font-weight:bold;}
#ftmn2 .ui-btn-inner { padding:16px 20px 16px 10px; height:16px; }

#ftmn3 { padding:20px 20px; font-size:14px;}
#ftmn3 a.fm-in{float:left; display:block; color:#333;background:url(../../images/cursorGray.png) 0 1px no-repeat; padding-left:20px; width:120px;margin-top:5px;margin-bottom:5px;}
#ftmn3 a.fm-out{float:left; display:block; color:#333;background:url(../../images/pcIcon.png) 0 0px no-repeat; padding-left:20px; width:30%;margin-top:5px;margin-bottom:5px;}

#ftmn3 a.ui-link {display:inline-block; margin: 0 0 0 8px; padding :5px 0 5px 24px; width:110px; text-align:left; font-size:12px !important; line-height:16px !important; font-weight:normal !important; vertical-align:top; color:#333; white-space:nowrap;}
#ftmn3 a:hover {color:#2489CE;}
.fm-in { background:url(../images/icon/bow-r.png) 0 3px no-repeat; }
.fm-out { background:url(../images/icon/bow-pc.png) left center no-repeat; }

#ptoplink {font-size:12px !important; margin-bottom:0 !important; border-bottom-width:0px; margin-left:15px; margin-right:15px; height:30px;}

/* トップ */
#topbanner { text-align:center; margin:15px 0;} 
#topmenu, .ui-link-inherit {line-height:20px !important;}
#topmenu .ui-btn-icon-right .ui-icon { right: 15px !important;}
#topmenu .ui-link-inherit {padding:17px 35px 18px 56px; font-size:14px; font-weight:bold; color:#fff; }
#topmenu .ui-link-inherit:hover, #topmenu .ui-link-inherit:active {opacity:0.8;-moz-opacity:0.8;text-shadow:none !important;}
#topmenu .ui-li-icon { top:10px;}

.tm-s {background:#fff url(../images/bg01.jpg) !important;}
.tm-s .ui-link-inherit { font-size:18px !important; padding-top:19px !important; padding-bottom:20px !important; }
.tm-s .ui-li-icon { top:11px !important;}

.tm-n {background:#fff !important; border-top:dotted 1px #ccc;}
.tm-n .ui-link-inherit {color:#333 !important; }

.tm-g {background:url(../images/bg02.jpg) !important;}
.tm-i {background:url(../images/bg03.jpg) !important;}
.tm-l {background:url(../images/bg04.jpg) !important;}
.tm-k {background:url(../images/bg06.jpg) !important;}

.tm-g .ui-link-inherit,.tm-i .ui-link-inherit,.tm-l .ui-link-inherit,.tm-k .ui-link-inherit
{ padding-top:13px !important; padding-bottom:13px !important; }
.tm-g .ui-li-icon,.tm-i .ui-li-icon,.tm-l .ui-li-icon,.tm-k .ui-li-icon
{ top:6px !important;}

#tm01 .ui-link-inherit {background:url(../images/icon/ic01.png) 10px 50% no-repeat;}
#tm02 .ui-link-inherit {background:url(../images/icon/ic02.png) 10px 50% no-repeat;}
#tm03 .ui-link-inherit {background:url(../images/icon/ic03.png) 10px 50% no-repeat;}
#tm04 .ui-link-inherit {background:url(../images/icon/ic04.png) 10px 50% no-repeat;}
#tm05 .ui-link-inherit {background:url(../images/icon/ic05.png) 10px 50% no-repeat;}
#tm06 .ui-link-inherit {background:url(../images/icon/ic06.png) 10px 50% no-repeat;}
#tm07 .ui-link-inherit {background:url(../images/icon/ic07.png) 10px 50% no-repeat;}
#tm08 .ui-link-inherit {background:url(../images/icon/ic08.png) 10px 50% no-repeat;}
#tm09a .ui-link-inherit {background:url(../images/icon/ic09-green.png) 10px 50% no-repeat;}
#tm09b .ui-link-inherit {background:url(../images/icon/ic15.png) 10px 50% no-repeat;}
#tm10 .ui-link-inherit {background:url(../images/icon/ic10.png) 10px 50% no-repeat;}
#tm16 .ui-link-inherit {background:url(../images/icon/ic16.png) 10px 50% no-repeat;}

#odsttm {margin:0;}
#odsttm .ui-collapsible-content {padding:0;margin:0;}
#odsttm .ui-collapsible-heading {
	margin:0 -10px;
	padding:0;
	background:#fff url(../images/bg07.jpg);
}
#odsttm .ui-collapsible-heading-collapsed {
	background:#fff url(../images/bg05.jpg) !important;
}
#odsttm .ui-collapsible-heading a {
	background:url(../images/icon/ic09-gray.png) 10px 6px no-repeat;
}
#odsttm .ui-collapsible-heading-collapsed a {
	background:url(../images/icon/ic09.png) 10px 6px no-repeat;
}
#odsttm .ui-corner-top, #odsttm .ui-corner-bottom {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#odsttm .ui-collapsible-heading .ui-btn-inner { border-top: none !important; color:#fff; font-size:14px;
padding:13px 35px 13px 56px !important; }
#odsttm .ui-collapsible-heading .ui-btn-inner:hover, #odsttm .ui-collapsible-heading .ui-btn-inner:active {opacity:0.8;-moz-opacity:0.8;}
#odsttm .ui-collapsible-heading .ui-btn-icon-left .ui-icon { right:15px !important; left:auto !important;}
#odsttm .ui-collapsible-heading .ui-icon-plus {background-position:-846px -18px !important;}
#odsttm .ui-collapsible-heading .ui-icon-minus {background-position:-882px -18px !important;}

#odsttm .tm-n .ui-link-inherit {padding-top:13px !important; padding-bottom:13px !important;}
#odsttm .tm-n .ui-li-icon { top:6px !important;}

/* 緊急 */
#emglink {border:solid 2px #EC1314; border-width:2px 0 !important;}
.tm-z {
border:solid 1px #fff; border-width:1px 0;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(239,119,128) 0%,rgb(239,119,128) 5%,rgb(231,52,65) 49%,rgb(225,1,17) 50%,rgb(235,17,19) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(239,119,128)),color-stop(0.05, rgb(239,119,128)),color-stop(0.49, rgb(231,52,65)),color-stop(0.5, rgb(225,1,17)),color-stop(1, rgb(235,17,19)));
background-image:-webkit-linear-gradient(-90deg,rgb(239,119,128) 0%,rgb(239,119,128) 5%,rgb(231,52,65) 49%,rgb(225,1,17) 50%,rgb(235,17,19) 100%);
background-image:-o-linear-gradient(-90deg,rgb(239,119,128) 0%,rgb(239,119,128) 5%,rgb(231,52,65) 49%,rgb(225,1,17) 50%,rgb(235,17,19) 100%);
background-image:linear-gradient(-90deg,rgb(239,119,128) 0%,rgb(239,119,128) 5%,rgb(231,52,65) 49%,rgb(225,1,17) 50%,rgb(235,17,19) 100%);
}
.tm-z .ui-link-inherit {line-height:23px !important; padding-top:9px !important; padding-bottom:10px !important; text-align:center !important;}
.tm-z .ui-link-inherit strong {font-size:21px !important;}


/*** セカンドフォーマット ***/
.boxwrap {
	margin:15px 0 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
}
.boxinner {
	margin:0 -10px -10px;
	padding:15px 20px 25px;
	background:url(../images/bg-boxshadow.png) 0 0 repeat-x;
}

/* タイトル */
#secformat h2.ui-bar-b { color:#FFF; text-align:center; padding:10px; }
#secformat .bdr-tb-gray { padding:8px; text-align:center; border-top:solid 3px #ccc; border-bottom:solid 1px #ccc; }

/* 基本要素 */
#secformat .boxinner p,
#secformat .boxinner ul,
#secformat .boxinner ol,
#secformat .boxinner dl { font-size:13px; line-height:20px; }
#secformat .boxinner p  { margin-top:10px; margin-bottom:10px; }
#secformat .boxinner ul { margin-left:1.8em; list-style:disc; }
#secformat .boxinner ol { margin-left:2.2em; list-style:decimal;}

#secformat .boxinner dt {  }
#secformat .boxinner dd { margin:0 0 5px; }

#secformat .boxinner table { border-collapse:collapse; margin-bottom:0.6em; }
#secformat .boxinner th,
#secformat .boxinner td { padding:5px 8px; border:solid 1px #ccc; }
#secformat .boxinner th { background:#e1e1e1;}
#secformat .boxinner caption { text-align:left; font-weight:bold; margin-bottom:5px; }

#secformat .ui-link { font-size:13px; font-weight:normal; }


/* ボタン */
#secformat a.ui-btn { text-align:left; font-size:14px !important; line-height:16px !important; margin-left:0 !important; margin-right:0 !important; font-weight:bold; }
#secformat a.ui-btn .ui-btn-inner { padding-top:14px; padding-bottom:14px; padding-left:10px; }
	#secformat a.ic-botan .ui-btn-inner { padding-left:45px !important; background-position:5px 5px; background-repeat:no-repeat;}

#secformat a.minibtn .ui-btn-inner {padding-top:10px; padding-bottom:10px; padding-left:12px;}
#secformat a.minibtn.ui-btn {
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}

/* 関連情報 */
#reflink .ui-link-inherit {padding:13px 35px 13px 93px; background:url(../images/cat-ref.png) 10px 50% no-repeat;}


/* 開閉式 */
#secformat .ui-collapsible-content {padding:0;margin:0;}
#secformat .ui-collapsible-heading .ui-btn-icon-left .ui-icon { right:7px !important; left:auto !important;}
#secformat .ui-collapsible-heading .ui-icon-plus {background-position:-846px -18px !important;}
#secformat .ui-collapsible-heading .ui-icon-minus {background-position:-882px -18px !important;}


/*******************************************

		電気料金・ご契約

 *******************************************/
 
a.ttl-ic-btn { height:62px; display:block; overflow:hidden; }
.titleES { margin:0 0 10px 64px; padding-top:8px; line-height:22px; color:#313131; }
.titleES span { font-size:16px;margin-left:9px; }


/*******************************************

		コールセンター

 *******************************************/
 
.titleCS { margin:0 0 10px 72px; padding-top:8px; font-size:16px !important; }
.titleCS img { margin-top:3px; }

.csinfo dt { color: #094; font-weight:normal; }
.csinfo dd { font-family: monospace; }


/*******************************************

		原子力情報

 *******************************************/

.gstxt {margin-left:102px;padding-top:10px;}


/*******************************************

		電気料金の値上げに関するお願いについて (20130201)

 *******************************************/
#tm-rk01 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk01.png) 10px 50% no-repeat;}
#tm-rk02 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk02.png) 10px 50% no-repeat;}
#tm-rk03 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk03.png) 10px 50% no-repeat;}
#tm-rk04 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk04.png) 10px 50% no-repeat;}
#tm-rk05 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk05.png) 10px 50% no-repeat;}
#tm-rk06 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk06.png) 10px 50% no-repeat;}
#tm-rk07 .ui-link-inherit {background: url(../../toiawase/images/ic-mail.png) no-repeat 10px 50%;}
#topmenu.ryokin .ui-link-inherit {padding:17px 60px 18px 56px;}
#topmenu.ryokin .ui-link-inherit span {font-size:12px;;}
#topmenu.ryokin li span.visible_txt {overflow: visible;	white-space: normal; font-weight: normal;}
#topmenu.ryokin #secformat .boxinner p.fssmall { font-size:12px; line-height:18px; }
#topmenu.ryokin ul.ui-listview  {padding-left:10px; padding-right:10px;}
#topmenu.ryokin .boxinner.no-hd ul .tm-n:first-child {	border-top: none; padding-top:0;}
#topmenu.ryokin .boxinner.no-hd {	padding-top:5px;}
#topmenu.ryokin .jCarousel { overflow:hidden;}
#topbanner { text-align:center; margin:15px 0 0;} /*上書き*/

#tm-rk11 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk11.png) 10px 50% no-repeat;}
#tm-rk12 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk12.png) 10px 50% no-repeat;}
#tm-rk13 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk13.png) 10px 50% no-repeat;}
#tm-rk14 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk14.png) 10px 50% no-repeat;}
#tm-rk15 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk15.png) 10px 50% no-repeat;}
#tm-rk16 .ui-link-inherit {background:url(../../ryokin_app/images/ic-rk16.png) 10px 50% no-repeat;}