﻿@charset "utf-8";
/* CSS Document */

/*
display
visibility
overflow
position
top / right / bottom / left /
z-index
float
clear
width ( min-width / max-width )
height ( min-height / max-height )
margin ( margin-top / margin-right / margin-bottom / margin-left )
padding ( padding-top / padding-right / padding-bottom / padding-left )
border ( border-width / border-color / border-style )
background ( background-color / background-image / background-repeat / background-attachment / background-position )
list-style ( list-style-type / list-style-image / list-style-position )
color
font ( font-family / font-style / font-variant / font-weight / font-size )
line-height
text-indent
text-decoration
text-align
*/



/*************************************************
Modules
*************************************************/

/* 汎用CSSモジュール確認用スタイル */
body.common blockquote {
	position: fixed;
	z-index: 1;
	top: 5px;
	left: 5px;
	background: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}
body.common #source {
	position: fixed;
	z-index: 1;
	top: 0;
	right: 5px;
	color: #fff;
	background: #f00;
	border: solid 3px #fff;
	padding: 10px 20px;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
body.common #source a{
	color: #fff;
}
body.common code {
	clear: both;
	display: inline-block;
	color: #bbb;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	margin: 15px 0 15px -2px;
}
body.common pre {}
body.common .pre {
	overflow: hidden;
	width: 100%;
	max-width: 690px;
	color: #ccc;
	margin-bottom: 10px;
	border: none;
}
body.common .eee {
	color: #bbb;
	font-weight: bold;
	background: #eee;
}

/* clearfix */
.clearfix {
	overflow: hidden;
	min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*IE7用*/
.clearfix {
	after: "&nbsp;";
}

body.common .none {
	height: 0px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}
body.common .block {
	display: block;
}
body.common .inline {
	display: none;
}
body.common .noJs {
 background-color: #FFDCDC;
 border: 2px solid #FFC0C0;
 display: block;
 padding: 7px 15px;
 text-align: left;
}

/* HTML Tag
======================================*/
/* h1-6 */
body.common h1,body.common h2,body.common h3,body.common h4,body.common h5,body.common h6 {
	position: relative;
}
body.common h1 a,body.common h2 a,body.common h3 a,body.common h4 a,body.common h5 a,body.common h6 a {
	display: block;
	width: 100%;
	background: url(/common/img/mod/icon_link.png) right center no-repeat;
	line-height: 1.75;
	text-decoration: none;
}

/* Headline1 */
body.common h1 {
	zoom:1;
	padding: 10px;
	margin: 0 0 20px 0;
	color: #fff;
	background: #528200;
	font-size: 1.125em;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}
body.common h1 span {
	display: block;
	color: #fff;
	border-left: solid 3px #fff;
	padding: 0px 10px;
}

/* Headline2 */
body.common h2 {
	clear: both;
	zoom:1;
	padding: 10px 0 10px 10px;
	margin: 20px 0 15px;
	background: #f5f5f5;
	font-size: 1.0em;
	font-weight: bold;
	border: solid 1px #6ba900;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}
body.common h2 span {
	display: block;
	color: #333;
	border-left: solid 3px #6ba900;
	padding: 0px 10px;
}

/* Headline3 */
body.common h3 {
	clear: both;
	min-height: 25px;
	background: url(/common/img/mod/h3.png) 5px 7px no-repeat;
	padding: 3px 12px 7px 25px;
	margin: 10px 0 15px !important;
	border-bottom: solid 1px #508200 !important;
	font-weight: bold;
}
/* Headline4 */
body.common h4 {
	clear: both;
	background: url(/common/img/mod/h3.png) 5px 6px no-repeat;
	padding: 3px 12px 7px 25px;
	margin: 15px 0 10px;
	border-bottom: dotted 1px #ccc;
	font-weight: bold;
}
/* Headline5-6 */
body.common h5,body.common h6 {
	padding: 3px 3px 3px 10px;
	margin-left: 2px;
	margin-bottom: 10px;
	border-left: solid 2px #508200;
	border-bottom: dotted 1px #ccc;
	font-size: 1.0em;
}

/* Pantagraph */
body.common p {
	margin: 10px 0 15px;
	line-height: 1.7;
}

/* Definition List */
body.common dt, body.common dd{
	line-height: 1.7;
}

/* Image */
body.common #main img {
	max-width: 690px;
}

/* AncherLink */
body.common a {}
body.common a:focus {
	/*background-color: #eee;*/
}

body.common sup {
	display: inline-block;
	margin-left: 5px !important;
}



/* Text
======================================*/
/*特特大テキスト*/
body.common .extremely {font-size: 180%;}
/*特大テキスト*/
body.common .extra {font-size: 150%;}
/*拡大テキスト*/
body.common .big {font-size: 120%;}
/*縮小テキスト*/
body.common .small {font-size: 85%;}
/*太字テキスト*/
body.common .strong {font-weight: bold;}
/*通常テキスト*/
body.common .normal {font-weight: normal;}
/*赤字テキスト*/
body.common .red {color: #CC0000;}
/*緑字テキスト*/
body.common .yeGreen {color: #528200;}

/*質問テキスト*/
body.common .question {
	line-height: 1.75;
	background: url(/common/img/mod/icon_question.png) left 3px no-repeat !important;
	padding-left: 30px;
}
/*回答テキスト*/
body.common .answer {
	line-height: 1.75;
	background: url(/common/img/mod/icon_answer.png) left top no-repeat !important;
	padding-left: 30px;
}
/*情報テキスト*/
body.common .info {
	line-height: 1.75;
	background: url(/common/img/mod/icon_information.png) left 2px no-repeat !important;
	padding-left: 30px;
}
/*補足テキスト*/
body.common .supplement {
	line-height: 1.75;
	background: url(/common/img/mod/icon_supplement.png) 3px 2px no-repeat !important;
	padding-left: 25px;
}
/*注意テキスト*/
body.common .caution {
	line-height: 1.75;
	background: url(/common/img/mod/icon_caution.png) left 3px no-repeat !important;
	color: #CC0000;
	font-weight: bold;
	padding-left: 30px;
	margin-bottom: 5px;
}
/*ダウンロードテキスト*/
body.common .download {
	font-weight: bold;
	line-height: 1.75;
	background: url(/common/img/mod/download.png) left top no-repeat !important;
	padding-left: 30px;
}
/*テキスト折り返し禁止*/
body.common .nw {
 white-space: nowrap !important;
}

/* Link＆Icon
======================================*/
/*強調リンク*/
body.common .thick {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_link.png) 4px top no-repeat !important;
	padding-left: 30px;
}
body.common .thick2 {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_link2.png) 4px center no-repeat !important;
	padding-left: 30px;
}
body.common .thick3 {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_link2_s.png) 4px center no-repeat !important;
	padding-left: 23px;
}
/*外部リンク*/
body.common .blank {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_blank.png) 5px 4px no-repeat !important;
	padding-left: 30px !important;
}
/*外部リンク&PDFファイル*/
body.common .blankPdf {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_blankPdf.png) left top no-repeat !important;*/
	background: url(/common/img/mod/icon_blankPdf.png) 5px top no-repeat !important;
/*	padding: 0 0 3px 50px;*/
	padding: 0 0 3px 55px;
}
/*経済産業省・外部リンク*/
body.common .meti {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_meti.png) 5px top no-repeat !important;
	padding: 0 0 3px 30px !important;
}
body.common .meti2 {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_meti_s.png) 4px top no-repeat !important;
	padding: 0 0 3px 23px;
}
/*経済産業省・外部リンク&PDFファイル*/
body.common .metiPdf {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_metiPdf.png) left top no-repeat !important;*/
	background: url(/common/img/mod/icon_metiPdf.png) 2px top no-repeat !important;
/*	padding: 0 0 3px 50px;*/
	padding: 0 0 3px 52px;
}
/*電力取引監視等委員会・外部リンク*/
body.common .emsc {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_emsc.png) 2px top no-repeat !important;
	padding: 0 0 3px 30px !important;
}
/*電力取引監視等委員会・外部リンク&PDFファイル*/
body.common .emscPdf {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_emscPdf.png) left top no-repeat !important;
	padding: 0 0 3px 50px;
}
/*画像リンク*/
body.common .image {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_image.png) left 3px no-repeat;
	padding: 0 0 0 30px;
}
/*一覧リンク*/
body.common .archive {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_archive.png) 3px 3px no-repeat !important;
	padding: 0 0 0 30px;
}
/*上向きページ内リンク*/
body.common .ancher {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_scroll.png) 3px 3px no-repeat !important;
	padding-left: 30px;
}
/*下向きページ内リンク*/
body.common .dwn_ancher {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_dwn_scroll.png) 3px 3px no-repeat !important;
	padding-left: 30px;
}
/*リスト記号*/
body.common .arrow {
	display: inline;
	background: url(/common/img/mod/icon_arrow_green.png) 3px 5px no-repeat !important;
	margin-left: 0;
	padding-left: 20px;
	line-height: 1.75;
}
/*PDFリンク*/
body.common .pdf {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_pdf.png) 3px top no-repeat !important;
	padding: 0 0 3px 30px;
}
/*Excelファイル*/
body.common .excel {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_excel.png) 3px top no-repeat !important;
	padding: 0 0 3px 30px;
}
/*Wordファイル*/
body.common .word {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_word.png) 3px top no-repeat !important;
	padding: 0 0 3px 30px;
}
/*PowerPointファイル*/
body.common .ppoint {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_ppoint.png) 3px top no-repeat !important;
	padding: 0 0 3px 30px;
}
/*圧縮ファイル*/
body.common .zip {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_zip.png) 3px top no-repeat !important;
	padding: 0 0 3px 30px;
}
/*動画ファイル*/
body.common .movie {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_movie.png) 3px top no-repeat !important;
	padding: 0 0 3px 30px;
}
/*Emailリンク*/
body.common .mail {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_mail.png) left -4px no-repeat !important;
	padding: 0 0 3px 30px;
	margin-bottom: 3px;
}
/*印刷リンク*/
body.common .print {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_print.png) 3px top no-repeat !important;
	padding: 0 0 3px 30px;
}

/* UnorderedList
======================================*/
body.common .ulist, .ulist2 {
	margin-bottom: 15px;
}
/*通常リスト*/
body.common .ulist li {
	margin-left: 25px;
	line-height: 1.75;
}
/*記号リスト*/
body.common .ulist2 li {
	list-style-type: none/*disc*/;
/*
	list-style-image: url(/common/img/mod/icon_arrow_green.png);
	list-style-position: outside;
*/
	background: url(/common/img/mod/icon_arrow_green.png) 3px 5px no-repeat;
	margin-left: 0;
	padding-left: 20px;
	line-height: 1.75;
 vertical-align: top;
/*
zoom:1;
*/
}
/*ページ内アンカー用リスト*/
body.common .ulist4 li {
 display: inline;
	list-style-type: none;
	background: url(/common/img/mod/icon_dwn_scroll.png) 0 3px no-repeat;
	margin-left: 0;
	padding-left: 20px;
	line-height: 1.75;
 vertical-align: top;
	white-space: nowrap;
	zoom:1;
}
/* 記号なしリスト */
body.common #main ul ul.ulnomk {
	list-style: none !important;
}
body.common #main ul ul.ulnomk li {
	background-image: none !important;
	list-style: none !important;
}

/* OrderedList
======================================*/
body.common .olist, body.common .olist2, body.common .olist3, body.common .olist4 {
	margin-bottom: 10px;
}
/*数字リスト（クラスなし）*/
body.common ol li {
	list-style-type: decimal;
	text-indent: 0px;
	margin-left: 27px;
}
/*数字入れ子リスト*/
body.common ol li ul li {
 list-style-type: none !important;
}
/*数字リスト*/
body.common .olist li {
	list-style-type: decimal;
	text-indent: 0px;
	margin-left: 27px;
}
/*英字リスト*/
body.common .olist2 li {
	list-style-type: lower-alpha;
/*	text-indent: -5px; */
	text-indent: 0;
	margin-left: 27px;
}
/*いろはリスト*/
body.common .olist3 li {
	list-style-type: katakana-iroha;
	text-indent: 0;
	margin-left: 27px;
}
/*漢数字リスト*/
body.common .olist4 li {
	list-style-type: cjk-ideographic;
/*	text-indent: -8px; */
/*	IE8で非対応のため */
 text-indent: 0;
	margin-left: 27px;
}

/* AncherList
======================================*/
body.common .alist {
	margin-bottom: 30px;
}
body.common .alist:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .alist {
	after: "&nbsp;";
}
body.common .alist li {
	float: left;
	padding: 0 10px;
	border-right: solid 1px #ccc;
}
body.common .alist li:last-child {
	border-right: none;
}
body.common .alist li a {

}

/* DifinitionList
======================================*/
body.common dl {margin: 0 0 15px 0;}
body.common dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common dl {
	after: "&nbsp;";
}
body.common dt {}
body.common dd {}

/*定義リスト0（縦並びニュース形式）*/
body.common .dlist {}
body.common .dlist dt {
	width: auto;
	font-weight: bold;
	margin-top: 10px;
}
body.common .dlist dd {
	border-bottom: dotted 1px #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

/*定義リスト1（横並び文書形式-1）*/
body.common .dlist1 {}
body.common .dlist1 dt {
	clear: both;
	width: 60px;
	float: left;
	font-weight: normal;
	margin: 0 0 5px 0;
	text-align: center;
}
body.common .dlist1 dd {
	width: 630px;
	float: right;
	margin: 0 0 5px 0;
}

/*定義リスト2（横並び文書形式-2）*/
body.common .dlist2 {}
body.common .dlist2 dt {
	clear: both;
	width: 100px;
	float: left;
	font-weight: bold;
	margin: 0 0 5px 0;
}
body.common .dlist2 dd {
	width: 590px;
	float: right;
	margin: 0 0 5px 0;
}

/*定義リスト3（横並び文書形式-3）*/
body.common .dlist3 {
	min-height: 1px;
	overflow: hidden;
	padding-bottom: 10px;
}
body.common .dlist3 dt {
	clear: both;
	width: 150px;
	float: left;
	font-weight: bold;
	margin: 0 0 3px 0;
	zoom: 1;
}
body.common .dlist3 dd {
	width: 540px;
	float: right;
	padding-bottom: 2px !important;
	margin: 0 0 3px 0;
 zoom: 1;
}
/*定義リスト3（横並び文書形式-4 dtアイコン付き）*/
body.common .dlist4 {
	min-height: 1px;
	overflow: hidden;
	padding-bottom: 10px;
}
body.common .dlist4 dt {
	clear: both;
	min-height: 25px;
	background: url(/common/img/mod/h3.png) 5px 7px no-repeat;
	width: 135px;
	float: left;
	font-weight: bold;
	padding: 3px 7px 7px 25px;
	margin: 0 0 3px 0;
	zoom: 1;
}
body.common .dlist4 dd {
	width: 510px;
	float: right;
	font-weight: normal;
	padding-bottom: 2px !important;
	margin: 0 0 3px 0;
 zoom: 1;
}
/*ニュースボックス スクロール*/
body.common .newsBox {
 height: 170px;
 overflow:auto;
}
/*
body.common .scrollBox {
	width: 98.2%;
}
body.common .scrollBox dt {
	width: 145px;
	font-weight: bold;
	margin: 0 0 3px 5px;
	padding: 0;
	float: left;
}
body.common .scrollBox dd {
	margin: 0 0 3px 150px;
	padding: 0;
	zoom: 1;
}
*/

/*定義リスト：補足（note/横並び文書形式）*/
body.common .note {}
body.common .note dl {
	padding-bottom: 20px;
}
body.common .note dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
body.common .note dt {
	clear: both;
	float: left;
	width: 10%;
	text-align: center;
	display: table-cell;
	vertical-align: baseline;
	line-height: 1.75em;
	font-size: 85%;
}
body.common .note dd {
	float: right;
	width: 85%;
	display: table-cell;
	vertical-align: top;
	line-height: 1.75em;
	font-size: 85%;
}


/* Menu
======================================*/
/*アコーディオン形式メニュー*/
body.common .acMenu {
	padding: 0 0 5px 0;
	margin: 0;
}


body.common .acMenu dt {
	cursor: pointer;
	float: none !important;
	display: block;
/*	width: 100%;*/
	height: 100%;
	background: url(/common/img/mod/icon_plus.png) 10px center no-repeat;
	border-bottom: solid 1px #eee;
	padding: 0 0 0 20px;
	margin: 0;
}
body.common .acMenu dt:hover {
	background: url(/common/img/mod/icon_plus.png) 10px center no-repeat #f5f5f5;
}
body.common .acMenu dt a{
	display: inline-block;
	padding: 7px;
}
/* ご意見・お問合せ　ステイ表示用 */
body.common .form dt {
	cursor: pointer;
	float: none !important;
	display: block;
/*	width: 100%;*/
	height: 100%;
	background: url(/common/img/mod/icon_form.png) 10px center no-repeat;
	border-bottom: solid 1px #eee;
	padding: 0 0 0 20px;
	margin: 0;
}
body.common .form dt:hover {
	background: url(/common/img/mod/icon_supplement.png) 10px center no-repeat #f5f5f5;
}


body.common .acMenu dd {
/*	width: 100%;*/
	height: 100%;
	border-top: solid 1px #eee;
	margin: 0;
	padding: 0;
	display: none;
}
body.common .acMenu dd a {
	display: block;
	padding: 2px 5px 2px 10px;
}
body.common .acMenu dd a:hover{
	font-weight: bold;
}


body.common .acMenu li {
	position: relative;
	zoom: 1;
	border-bottom: dotted 1px #eee;
}
body.common .acMenu li a {
	/display: block;
	/width: 208px;
	padding: 2px 5px 2px 25px;
	background: url(/common/img/mod/icon_arrow_green.png) 7px 7px no-repeat;
}


/*主要カテゴリ選択状態*/
body.common .aAccordion {
	font-weight: bold;
	background: url(/common/img/mod/icon_minus_white.png) 10px center no-repeat #528200 !important;
}
body.common .aAccordion a{
	color: #fff;
	text-decoration: none;
}
/*主要カテゴリ選択状態（タグ2）*/
body.common .aAccordion .tag2{
/*		display: inline;
	color: #000;
	background: #fff !important;
	padding: 0px 20px;
	font-size: 0.813em;
	font-weight: bold;
	text-align: center;
	margin: 0 3px 5px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	behavior:url(http://www.enecho.meti.go.jp/common/js/PIE.htc);
*/
 display: inline;
	color: #528200 !important;
	background: #fff !important;
	padding: 0px 20px;
	font-size: 0.813em;
	font-weight: bold;
	text-align: center;
	margin: 0 3px 5px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	behavior:url(/common/js/PIE.htc);
}
/*主要ページ選択状態*/
body.common .aAccordion2 {
	font-weight: bold;
	text-decoration: none !important;
	background: url(/common/img/mod/icon_arrow_green.png) 7px 7px no-repeat #f5f5f5 !important;
}



/*タブ形式メニュー*/
/*
body.common .tbMenu {
	position: relative;
	z-index: 2;
	top: 1px;
	height: 41px;
}
body.common .tbMenu li {
	zoom:1;
	position: relative;
	cursor: pointer;
	float: left;
	background: #eee;
	padding: 10px 20px;
	border: solid 1px #ccc;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	behavior:url(/common/js/PIE.htc);
}
*/
/*アクセシビリティタブ形式メニュー*/
body.common .tbMenu {}
.tNavigation h2 {
	display: none !important;
}
body.common .tbMenu ul.tabs-list {
	position: relative;
	z-index: 2;
	top: 1px;
}
body.common .tbMenu ul.tabs-list li {
	float: left;
	border: solid 1px #ccc;
	border-bottom: none;
}
body.common .tbMenu ul.tabs-list li a{
	display: block;
	padding: 10px 30px;
	background: #eee;
	border-bottom: solid 1px #ccc;
}
body.common .tbMenu ul.tabs-list li a:focus {
	background: #528200 !important;
	color: #fff !important;
}

body.common .tbMenu .current a {
	background: #fff !important;
	color: #333 !important;
	text-decoration: none !important;
	border-bottom: solid 1px #fff !important;
}
body.common .tbMenu .current-info,
body.common .tbMenu .accessibletabsanchor,
body.common .tbMenu .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
        position: absolute;
        left: -999em;
}

body.common .tbBox {
	zoom:1;
	z-index: 1;
	position: relative;
	clear: both;
	margin-bottom: 20px;
	border: solid 1px #ccc;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	-ms-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 10px 10px 10px;
	behavior:url(/common/js/PIE.htc);
}
body.common .tabs {
	padding: 0px 10px;
}
body.common .select {
	background: #fff !important;
	border: solid 1px #ccc !important;
	border-bottom: solid 1px #fff !important;
/*
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	behavior:url(/common/js/PIE.htc);
*/
}
body.common .hide {
	display: none;
}



/* Navigation
======================================*/
/*ページング形式ナビゲーション*/
body.common .pageing {
	width: 450px;
	text-align: center;
	margin: 10px auto 20px;
}
body.common .pageing:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .pageing {
	after: "&nbsp;";
}
body.common .pageing li {
	float: left;
	padding: 5px;
}
body.common .preview {
	margin-right: 20px;
}
body.common .current {
	color: #fff !important;
	background: #528200 !important;
}
body.common .current a{
	color: #fff;
}
body.common .next {
	margin-left: 20px;
}



/* Box
======================================*/
/* Box */
body.common .col1st, body.common .col2nd, body.common .col3rd, body.common .col4th {
	float: left;
}

/* 1 Column */
body.common .box1 { clear: both; }
body.common .col1st {
	width: 690px;
	margin: 0 0 10px;
}

/* 2 Column */
body.common .box2 { clear: both; }
body.common .box2:after {
	content: "";
	display: block;
	clear: both;
	height: 0%;
}
/*IE7用*/
body.common .box2 {
	after: "&nbsp;";
}
body.common .box2 .col1st {
	width: 340px;
	margin: 0;
}
body.common .box2 .col2nd {
	width: 340px;
	margin: 0 0 0 10px;
}

/* 3 Column */
body.common .box3 { clear: both; }
body.common .box3:after {
	content: "";
	display: block;
	clear: both;
	height: 0%;
}
/*IE7用*/
body.common .box3 {
	after: "&nbsp;";
}
body.common .box3 .col1st {
	width: 224px;
	margin: 0 0 10px;
}
body.common .box3 .col2nd,
body.common .box3 .col3rd {
	width: 223px;
	margin: 0 0 10px 10px;
}

/* 4 Column */
body.common .box4 { clear: both; }
body.common .box4:after {
	content: "";
	display: block;
	clear: both;
	height: 0%;
}
/*IE7用*/
body.common .box4 {
	after: "&nbsp;";
}
body.common .box4 .col1st {
	width: 165px;
	margin: 0 0 10px;
}
body.common .box4 .col2nd,
body.common .box4 .col3rd,
body.common .box4 .col4th {
	width: 165px;
	margin: 0 0 10px 10px;
}

body.common .p10 {
	display: block;
	padding: 10px;
}
body.common .eee {
	color: #bbb;
	font-weight: bold;
	background: #eee;
}

/* Table
======================================*/
body.common table {
/*
border-collapse: separate;
border-spacing: 5px;
border: solid 1px #ccc;
*/
	width: 100% !important;
	border-collapse: collapse;
	table-layout: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
body.common caption { font-weight: bold; }
body.common tr {}
body.common th {
	word-break: break-all;
	background: #ffffe0; /*lightyellow*/
	border: solid 1px #ccc;
	padding: 10px 5px;
}
body.common td {
	border: solid 1px #ccc;
	padding: 10px 5px;
}
body.common .layout {
	border: none;
}
body.common .layout th {
	border: none;
	padding: 0;
}
body.common .layout td {
	border: none;
	padding: 0 0 5px 0;
	text-align: center;
}
body.common table.layout3col {
	font-size: 0.85em;
	border: solid 1px #ccc;
	border-collapse: collapse;
}
body.common table.layout3col tr {
	padding: 5px;
}
body.common table.layout3col th {
	text-align: center;
}
body.common table.layout3col td {
	text-align: center;
	border: none;
}
body.common table.layout3col td.lineL {
	text-align: center;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: solid 1px #ccc;
}
body.common table.layout3col td.lineR {
	text-align: center;
	border-top: none;
	border-right: solid 1px #ccc;
	border-bottom: none;
	border-left: none;
}
body.common table.layout3col td div {
	text-align: center;
}

/* Border
======================================*/
body.common .border {
	font-weight: bold;
	border-bottom: solid 2px #508200 !important;
	padding: 0 5px 8px;
}
body.common .border2 {
	border-bottom: dotted 1px #ccc;
	padding: 5px 0;
	margin: 5px 0;
}
body.common .border3 {
	font-weight: bold;
	border-bottom: solid 1px #508200 !important;
	padding: 0 5px 8px;
}
body.common .borderW {
	border-top: 3px #ccc double !important;
}
body.common .borderline {
	zoom: 1;
/*	position: relative;*/
	margin-bottom: 15px;
	border: solid 1px #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}
body.common .borderline2 {
	zoom: 1;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: solid 2px #6ba900;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}
body.common .borderline3 {
	zoom: 1;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: solid 2px #0197D1;
	background-color: #F8F8F8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}
/* margin-bottom: 15px */
body.common .borderline3_mb15 {
	zoom: 1;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border: solid 2px #0197D1;
	background-color: #F8F8F8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}
body.common .inner {
	position: relative;
	padding: 0 10px;
}
body.common .borderGray {
	border: solid 1px #ccc;
}
/* borderline2用hover */
a.bdline2:hover {
 color: #017AA8 !important;
 text-decoration: none;
}


/* Button
======================================*/
body.common .button {
	display: inline-block;
	border: solid 2px #0197d1;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
body.common .button2 {
	display: inline-block;
	color: #fff;
	background: #CC0000;
	padding: 12px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
body.common .button3 {}
/* Button_hover*/
a.button2:hover {
 color: #ffdcdc !important;
 text-decoration: none;
}

/* Tag
======================================*/
body.common .tag {
	display: inline;
	background: #0197d1;
	color: #fff;
	border: solid 1px #ccc;
	padding: 0px 10px;
	font-size: 0.813em;
	text-align: center;
	margin: 0 3px 5px 3px;
	min-width: 100px;
}
body.common .tag2 {
	display: inline;
	color: #fff;
	background: #528200;
	padding: 0px 20px;
	font-size: 0.813em;
	font-weight: bold;
	text-align: center;
	margin: 0 3px 5px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	behavior:url(/common/js/PIE.htc);
}
body.common .tag3 {
	display: inline;
	color: #333;
	background: #eee;
	padding: 0px 20px;
	font-size: 0.813em;
	font-weight: bold;
	text-align: center;
	margin: 0 3px 5px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	behavior:url(/common/js/PIE.htc);
}

/* Ather
======================================*/
body.common .pdfDownload {
	border: solid 1px #f00;
	padding: 10px 10px 7px;
	margin: 10px 0 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}
body.common .pdfDownload dl{

}
body.common .pdfDownload dt{
	float: left;
	width: 158px;
	margin-right: 20px;
	font-size: 12px;
}
body.common .pdfDownload dd{
	font-size: 12px;
}


body.common .frame {
	border: solid 2px #ccc;
	padding: 10px;
	margin-bottom: 10px;
}
body.common .frame2 {
	background: #;
	border: solid 2px #0197d1;
	padding: 10px;
	margin-bottom: 10px;
}
body.common .frame3 {
	background: #;
	border: solid 1px #f00;
	padding: 10px;
	margin-bottom: 10px;
}

body.common .frame a, body.common .frame2 a, body.common .frame3 a {
	display: inline-block;
}

/* Special
======================================*/
/* 角丸エフェクト */
body.common .round {
	position: relative !important;
	zoom: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	behavior:url(/common/js/PIE.htc);
}

/* Share
======================================*/

/* Display系 ------------------------ */
/* 非表示 */
body.common .none {
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

/* Clear系 -------------------------- */
/* 回り込み解除クリア */
body.common .clear {clear: both;}
/* 回り込み解除クリアフィックス */
body.common .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .clearfix {
	after: "&nbsp;";
}
body.common .clearfix {
	min-height: 1px;
	overflow: hidden;
}
* html body.common .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* Float系 -------------------------- */
/* 左回り込みフロート */
body.common .fLeft  {
	float: left;
	margin: 0 15px 15px 0;
}
/* 右回り込みフロート */
body.common .fRight {
	float: right;
	margin: 0 0 15px 15px;
}

/* 自動２カラム落ち */
body.common .block2 {
	margin-bottom: 20px;
}
body.common .block2:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .block2 {
	after: "&nbsp;";
}
body.common .block2 li {
	float: left;
	width: 47%;
}

/* 自動３カラム落ち */
body.common .block3 {
	margin-bottom: 20px;
}
body.common .block3:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .block3 {
	after: "&nbsp;";
}
body.common .block3 li {
 float: left;
	width: 33%;
}
body.common .block3 li .tag2, body.common .block2 li .tag2 {
	margin: 0 3px !important;
}


/* 自動４カラム落ち */
body.common .block4 {
	margin-bottom: 20px;
}
body.common .block4:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .block4 {
	after: "&nbsp;";
}
body.common .block4 li {
	float: left;
	width: 24%;
}

/* 自動５カラム落ち */
body.common .block5 {
	margin-bottom: 20px;
}
body.common .block5:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .block5 {
	after: "&nbsp;";
}
body.common .block5 li {
	float: left;
	width: 17%;
}

/* align系 -------------------------- */
/* 左揃えテキスト */
body.common .aLeft   {text-align: left !important;}
/* 中央揃えテキスト */
body.common .aCenter {text-align: center !important;}
/* 右揃えテキスト */
body.common .aRight  {text-align: right !important;}
/* 上揃え */
body.common .vTop  {vertical-align: top !important;}
/* 中央揃え */
body.common .vMiddle  {vertical-align: middle !important;}
/* 下揃え */
body.common .vBottom  {vertical-align: bottom !important;}


/* Margin系 ------------------------- */
/* 全方向マージン */
body.common .m0    { margin: 0 !important; }
body.common .m5    { margin: 5px !important; }
body.common .m10   { margin: 10px !important; }
body.common .m20   { margin: 20px !important; }
body.common .m30   { margin: 30px !important; }
body.common .m40   { margin: 40px !important; }
body.common .m50   { margin: 50px !important; }
body.common .m100  { margin: 100px !important; }
/* 上方向マージン */
body.common .mt0   { margin-top: 0 !important; }
body.common .mt5   { margin-top: 5px !important; }
body.common .mt10  { margin-top: 10px !important; }
body.common .mt20  { margin-top: 20px !important; }
body.common .mt30  { margin-top: 30px !important; }
body.common .mt40  { margin-top: 40px !important; }
body.common .mt50  { margin-top: 50px !important; }
body.common .mt100 { margin-top: 100px !important; }
/* 右方向マージン */
body.common .mr0   { margin-right: 0 !important; }
body.common .mr5   { margin-right: 5px !important; }
body.common .mr10  { margin-right: 10px !important; }
body.common .mr20  { margin-right: 20px !important; }
body.common .mr30  { margin-right: 30px !important; }
body.common .mr40  { margin-right: 40px !important; }
body.common .mr50  { margin-right: 50px !important; }
body.common .mr100 { margin-right: 100px !important; }
/* 下方向マージン */
body.common .mb0   { margin-bottom: 0 !important; }
body.common .mb5   { margin-bottom: 5px !important; }
body.common .mb10  { margin-bottom: 10px !important; }
body.common .mb15  { margin-bottom: 15px !important; }
body.common .mb20  { margin-bottom: 20px !important; }
body.common .mb30  { margin-bottom: 30px !important; }
body.common .mb40  { margin-bottom: 40px !important; }
body.common .mb50  { margin-bottom: 50px !important; }
body.common .mb100 { margin-bottom: 100px !important; }
/* 左方向マージン */
body.common .ml0   { margin-left: 0 !important; }
body.common .ml5   { margin-left: 5px !important; }
body.common .ml10  { margin-left: 10px !important; }
body.common .ml20  { margin-left: 20px !important; }
body.common .ml25  { margin-left: 25px !important; }
body.common .ml30  { margin-left: 30px !important; }
body.common .ml40  { margin-left: 40px !important; }
body.common .ml50  { margin-left: 50px !important; }
body.common .ml100 { margin-left: 100px !important; }

/* ネガティブマージン */
body.common .mt-5   { margin-top: -5px !important; }
body.common .mt-10  { margin-top: -10px !important; }
body.common .mt-20  { margin-top: -20px !important; }
body.common .mt-30  { margin-top: -30px !important; }

body.common .mb-5   { margin-bottom: -5px !important; }
body.common .mb-10  { margin-bottom: -10px !important; }
body.common .mb-20  { margin-bottom: -20px !important; }
body.common .mb-30  { margin-bottom: -30px !important; }

/* Padding系 ------------------------ */
/* 全方向パディング */
body.common .p0    { padding: 0 !important; }
body.common .p2    { padding: 2px !important; }
body.common .p5    { padding: 5px !important; }
body.common .p10   { padding: 10px !important; }
body.common .p20   { padding: 20px !important; }
body.common .p30   { padding: 30px !important; }
body.common .p40   { padding: 40px !important; }
body.common .p50   { padding: 50px !important; }
body.common .p100  { padding: 100px !important; }
/* 上方向パディング */
body.common .pt0   { padding-top: 0 !important; }
body.common .pt5   { padding-top: 5px !important; }
body.common .pt10  { padding-top: 10px !important; }
body.common .pt20  { padding-top: 20px !important; }
body.common .pt30  { padding-top: 30px !important; }
body.common .pt40  { padding-top: 40px !important; }
body.common .pt50  { padding-top: 50px !important; }
body.common .pt100 { padding-top: 100px !important; }
/* 右方向パディング */
body.common .pr0   { padding-right: 0 !important; }
body.common .pr5   { padding-right: 5px !important; }
body.common .pr10  { padding-right: 10px !important; }
body.common .pr20  { padding-right: 20px !important; }
body.common .pr30  { padding-right: 30px !important; }
body.common .pr40  { padding-right: 40px !important; }
body.common .pr50  { padding-right: 50px !important; }
body.common .pr100 { padding-right: 100px !important; }
/* 下方向パディング */
body.common .pb0   { padding-bottom: 0 !important; }
body.common .pb5   { padding-bottom: 5px !important; }
body.common .pb10  { padding-bottom: 10px !important; }
body.common .pb20  { padding-bottom: 20px !important; }
body.common .pb30  { padding-bottom: 30px !important; }
body.common .pb40  { padding-bottom: 40px !important; }
body.common .pb50  { padding-bottom: 50px !important; }
body.common .pb100 { padding-bottom: 100px !important; }
/* 左方向パディング */
body.common .pl0   { padding-left: 0 !important; }
body.common .pl5   { padding-left: 5px !important; }
body.common .pl10  { padding-left: 10px !important; }
body.common .pl20  { padding-left: 20px !important; }
body.common .pl30  { padding-left: 30px !important; }
body.common .pl40  { padding-left: 40px !important; }
body.common .pl50  { padding-left: 50px !important; }
body.common .pl100 { padding-left: 100px !important; }



/*エネルギー技術（全般）アイコン*/
body.common .topic1 {
	background: url(/common/img/mod/tag_noline/aicon04_a.png) 3px top no-repeat;
	padding: 2px 0 3px 25px;
}
/*省エネ・新エネ アイコン*/
body.common .topic2 {
	background: url(/common/img/mod/tag_noline/aicon01_a.png) 3px top no-repeat;
	padding: 2px 0 3px 25px;
}
/*燃料・資源 アイコン*/
body.common .topic3 {
	background: url(/common/img/mod/tag_noline/aicon02_a.png) 3px top no-repeat;
	padding: 2px 0 3px 25px;
}
/*電力・ガス アイコン*/
body.common .topic4 {
	background: url(/common/img/mod/tag_noline/aicon03_a.png) 3px top no-repeat;
	padding: 2px 0 3px 25px;
}


/*インデント処理*/
body.common .indent {
	text-indent: -1.8em;
	margin-left: 1.8em;
}