@charset "shift_jis";

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-size: 100%;
	line-height: 120%;
}
p, li, dt, dd {
	color: #333;
	font-size: 75%;
	line-height: 120%;
}
li {
	list-style: none;
}
img {
	vertical-align: bottom;
}
a:link,
a:visited {
	color: #333;
}
a:hover,
a:active {
	color: #666;
}


/*
 * ナビゲーション
 */
#AreaCategory li#nvHome {
	width: 141px;
	background: url(/common/img/gnavi.png) no-repeat 0px -55px;
	text-indent: -9999px;
}


#wrapper {
	overflow: hidden;
	width: 960px;
	margin: 0px auto;
	text-align: left;
}


/*
 * 緊急情報
 */
#emergency {
	overflow: hidden;
	width: 918px;
	margin: 0 0 15px 20px;
	padding: 1px;
	background-color: #c00;
}
#emergency h2 {
	float: left;
	width: 134px;
	background-color: #9d0000;
}
#emergency dl {
	overflow: hidden;
	float: left;
	width: 740px;
	padding: 6px 20px 0 24px;
	background-color: #fff;
}
#emergency dt,
#emergency dd {
	padding-bottom: 5px;
	font-size: 87.5%;
	font-weight: bold;
}
#emergency dt {
	clear: left;
	float: left;
	width: 6em;
}
#emergency dd {
	margin-left: 6em;
	padding-left: 17px;
	background: url(/img/emergency_arrow.gif) no-repeat 0px 1px;
	color: #c00;
}
#emergency dd a {
	color: #c00;
	text-decoration: none;
}
#emergency dd a:hover {
	text-decoration: underline;
}


/*
 * 計画停電
 */
#AreaKeikakuteiden {
	margin-bottom: 15px;
	padding-bottom: 17px;
	border: 1px solid #039;
}
#AreaKeikakuteiden ul {
	overflow: hidden;
}
#AreaKeikakuteiden li {
	float: left;
}
#AreaKeikakuteiden h2 {
	margin-bottom: 14px;
	background: url(/img/k_teiden_bg.png) repeat-x left top;
	color: #fff;
	text-align: center;
}
#AreaKeikakuteiden .about {
	margin: 0 29px;
}
#AreaKeikakuteiden .about h3 {
	padding: 0 0 8px;
}
#AreaKeikakuteiden .about p {
	padding: 0 2px;
	color: #333;
	line-height: 150%;
}
#AreaKeikakuteiden .about ul {
	width: 821px;
	padding: 14px 0 0 52px;
}
#AreaKeikakuteiden .about li {
	padding: 0 24px 0 0;
}
#AreaKeikakuteiden .yotei {
	margin: 18px 29px 16px;
	padding: 0 3px;
	border-top: 1px dotted #ccc;
}
#AreaKeikakuteiden .yotei h3 {
	padding: 14px 0;
}
#AreaKeikakuteiden .yotei ul {
	width: 768px;
	margin-left: 122px;
}
#AreaKeikakuteiden .yotei li {
	padding: 0 50px 0 5px;
	font-size: 90%;
	font-weight: bold;
	white-space: nowrap;
}
#AreaKeikakuteiden .yotei li img {
	margin-right: 5px;
	vertical-align: text-bottom;
}
#AreaKeikakuteiden .yotei li a {
	color: #0f3f9f;
}
#AreaKeikakuteiden .yotei p {
	margin: 16px 0 0 0;
	color: #666;
	font-size: 70%;
	line-height: 120%;
}
#AreaKeikakuteiden .yotei p a {
	color: #666;
}
#AreaKeikakuteiden p.button {
	text-align: center;
}


/*
 * メインブロック
 */
#mainBlock {
	overflow: hidden;
	width: 960px;
/*	padding-bottom: 18px;*/
	padding-bottom: 6px;
}

/* 2013.06.24 mainBlockレイアウト修正 start */
.mainBlockL {
	float: left;
	width: 734px;
}
.mainBlockR {
	float: right;
	width: 215px;
}
/* 2013.06.24 mainBlockレイアウト修正 end */

/*
 * 震災対応
 */
#disasterBlock {
/*	float: left;
	width: 685px;
	height: 180px;*/
/*	height: 262px;*/
	margin-right: 0;
	margin-bottom: 11px;
}
#disasterBlock {
	position: relative;
}
#disasterBlock h2 {
}
/*#disasterBlock ul {
	position: absolute;
	top: 107px;
	left: 26px;
}
#disasterBlock ul li {
	list-style: none;
	padding-bottom: 19px;
}*/
#disasterBlock #detail {
	position: absolute;
	top: 139px;
	left: 89px;
}

#disasterBlock #tekigousei {
	position: absolute;
	top: 127px;
	left: 224px;
}

/*
 * サブブロック
 */
#subBlock {
	overflow: hidden;
	width: 960px;
	padding-bottom: 18px;
}

/* 2012.08.08
 * 破砕帯追加調査対応
 */

#disasterBlock2 {
	float: left;
	width: 734px;
	margin-bottom: 11px;
	border: 1px solid #ccc;
	background-color: #e4f3fa;
	zoom: 100%;
}

#disasterBlock2:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#disasterBlock2 h2 {
	_display: inline;
	float: left;
	width: 485px;
	margin: 20px 10px 21px 11px;
}

#disasterBlock2 p {
	_display: inline;
	float: right;
	width: 212px;
	margin: 15px 14px 15px 0;
}
/* 2012.08.08 破砕帯追加調査対応 end */

/* 2012.09.28 節電御礼対応 start */
/*
 * 節電のお願い
 */
#setsudenBlock2 {
	float: left;
	width: 685px;
	height: 177px;
	margin-right: 11px;
	padding: 24px 23px 0;
	border: 2px solid #799cdc;
}
#setsudenBlock2 h2 {
	padding-bottom: 18px;
}
#setsudenBlock2 .text p {
	padding-bottom: 18px;
}
#setsudenBlock2 .button {
	margin-left:67px;
}
#setsudenBlock2 .button p{
	float:left;
	margin-right:27px;
	padding: 0;
}
/* 2012.09.28 節電御礼対応 end */

/* 2012.10.09 節電御礼削除対応 start */
#hasaitaiBlock {
/*	float: left;
	width: 685px;
	height: 44px;*/
	height: 55px;
	margin-right: 0;
	padding: 23px 18px 0 22px;
	border: 1px solid #ccc;
	background-color: #f2fafc;
}
#hasaitaiBlock p {
}
#hasaitaiBlock .text {
	display: inline;
	float:left;
	padding:6px 0 0 0;
}
#hasaitaiBlock .button {
	display: inline;
	float: right;
}
#yohoBlock {
/*	float: right;
	width: 214px;*/
	margin-bottom: 8px;
	background: url(/img/yoho_bg.gif) no-repeat left bottom;
}
#yohoBlock ul {
	padding: 8px 7px 3px 8px;
}
#yohoBlock li {
	padding-bottom: 5px;
	list-style: none;
}
/* 2012.10.09 節電御礼削除対応 end */

/*
 * バナーブロック（よくあるご質問）
 */
#bnrBlock {
	padding: 0 7px 0 8px;
}
#bnrBlock ul {
}
#bnrBlock li {
	padding-bottom: 5px;
	list-style: none;
}

/*
 * バナーブロック（停電情報）
 */
#teidenBlock {
	padding: 0 7px 0 8px;
}
#teidenBlock ul {
}
#teidenBlock li {
	padding-bottom: 7px;
	list-style: none;
}

/*
 * 各種サービス
 */
#serviceBlock {
	margin-bottom: 11px;
	background: #e5eaf5 url(/img/service_bg.gif) no-repeat left bottom;
}
#serviceBlock ul {
	padding: 0 0 3px 8px;
}
#serviceBlock li {
	padding-bottom: 5px;
}


/*
 * 各カテゴリー
 */
#categoryBlock {
	float: left;
	overflow: hidden;
	width: 742px;
	padding-bottom: 22px;
}
#categoryBlock div.catBlock {
	overflow: hidden;
	float: left;
	width: 360px;
	margin: 0 9px 8px 0;
	padding: 0 1px 1px;
}
#categoryBlock #atomBlock {
	background-color: #8ad3e2;
}
#categoryBlock #contBlock {
	background-color: #f9cb4f;
}
#categoryBlock #allElecBlock {
	background-color: #ff9d71;
}
#categoryBlock #envBlock {
	background-color: #b2e35d;
}
#categoryBlock #busiBlock {
	background-color: #dcc385;
}
#categoryBlock #corpBlock {
	background-color: #799cdc;
}
div.catBlock h2 {
	position: relative;
	width: 362px;
	height: 30px;
	margin-left: -1px;
	padding-top: 13px;
	background-color: #fff;
}
div.catBlock h2 img.img {
	position: absolute;
	top: 0px;
	right: 1px;
}
div.catBlock ul {
	width: 334px;
	padding: 12px 10px 25px 16px;
	background-color: #fff;
	background-position: 100% -43px;
	background-repeat: no-repeat;
}
div.catBlock p {
	width: 50px;
	position: absolute;
	right: 10px;
	bottom: 6px;
}
#atomBlock ul {
	background-image: url(/img/atom_img.png);
}
#contBlock ul {
	background-image: url(/img/cont_img.png);
}
#allElecBlock ul {
	background-image: url(/img/ae_img.png);
}
#envBlock ul {
	background-image: url(/img/env_img.png);
}
#busiBlock ul {
	background-image: url(/img/busi_img.png);
}
#corpBlock ul {
	background-image: url(/img/corp_img.png);
}
div.catBlock li {
	margin-bottom: 8px;
	padding-left: 15px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
* html div.catBlock li {
	line-height: 14px;
}
#atomBlock li {
	background-image: url(/common/img/bullet_atom.gif);
}
#contBlock li {
	background-image: url(/common/img/bullet_cont.gif);
}
#allElecBlock li {
	background-image: url(/common/img/bullet_ae.gif);
}
#envBlock li {
	background-image: url(/common/img/bullet_env.gif);
}
#busiBlock li {
	background-image: url(/common/img/bullet_busi.gif);
}
#corpBlock li {
	background-image: url(/common/img/bullet_corp.gif);
}
/* 新規ウィンドウ */
#atomBlock li.MarkNewwin {
	background-image: url(/common/img/bullet_atom_nw.gif);
}
#contBlock li.MarkNewwin {
	background-image: url(/common/img/bullet_cont_nw.gif);
}
#allElecBlock li.MarkNewwin {
	background-image: url(/common/img/bullet_ae_nw.gif);
}
#envBlock li.MarkNewwin {
	background-image: url(/common/img/bullet_env_nw.gif);
}
#busiBlock li.MarkNewwin {
	background-image: url(/common/img/bullet_busi_nw.gif);
}
#corpBlock li.MarkNewwin {
	background-image: url(/common/img/bullet_corp_nw.gif);
}
/* PDF */
#atomBlock li.MarkPdfdoc,
#contBlock li.MarkPdfdoc,
#allElecBlock li.MarkPdfdoc,
#envBlock li.MarkPdfdoc,
#busiBlock li.MarkPdfdoc,
#corpBlock li.MarkPdfdoc {
	background-image: url(/common/img/bullet_pdf.gif);
}


/*
 * プレスリリース、TOPICS
 */
#releaseBlock {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: url(/img/bg_releaseblock.gif) 0 0 repeat-y;
	clear: both;
	zoom: 100%;
}
#releaseBlock:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#releaseBlock div {
}
#releaseBlock div.header {
	overflow: hidden;
	margin-right: 18px;
	border-bottom: 1px dashed #cecece;
	zoom: 100%;
}
#releaseBlock div.header:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#releaseBlock div.header h2 {
	float: left;
}
#releaseBlock div.header p {
	float: right;
	width: 53px;
	height: 18px;
	margin: 8px 0 0 7px;
}
#releaseBlock div.header p.rss {
	border-right: 1px solid #ccc;
}
#releaseBlock .scroll {
	height: 134px;
	padding: 12px 5px 10px 0;
	overflow-y: scroll;
}
#releaseBlock dl {
}
#releaseBlock dt,
#releaseBlock dd {
	line-height: 140%;
}
#releaseBlock dt {
	clear: left;
	float: left;
	width: 6em;
	margin-bottom: 4px;
	padding-left: 20px;
	background: url(/common/img/bullet.gif) no-repeat 8px 2px;
}
#releaseBlock dd {
	margin-bottom: 4px;
	margin-left: 92px;
}
/* プレスリリース */
#pressRelease {
	_display: inline;
	float: left;
	width: 343px;
	margin-left: 15px;
	padding: 6px 0 12px;
}
#pressRelease dd {
	padding-left: 30px;
	text-indent: -30px;
}
#pressRelease dd img {
	padding-right: 6px;
	vertical-align: middle;
}
/* TOPICS */
#topics {
	_display: inline;
	float: right;
	width: 343px;
	margin-right: 10px;
	padding: 6px 0 12px;
}
#topics dd img {
	vertical-align: middle;
}

/*
 * 雷情報ほか
 */
#aside {
	float: right;
	width: 215px;
	margin-bottom: 40px;
	padding-top: 13px;
}
#aside h2 {
	margin-bottom: 3px;
}
#aside li {
	margin-bottom: 3px;
}
#aside ul.pickup {
	margin-bottom: 8px;
}
#aside ul.other li {
	margin-bottom: 3px;
	border: none;
}

/* バナー */
#aside #bannerBlock {
	margin-bottom: 10px;
	padding: 10px 23px 5px;
	background: url(/img/bg_top_bnr.gif) repeat;
}

#aside #bannerBlock ul li {
	margin-bottom: 5px;
	list-style: none;
}