@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: 1.6em;
	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: " ";
}

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 #contents h1,body.common #contents h2,body.common #contents h3,body.common #contents h4,body.common #contents h5,body.common #contents h6 {
	position: relative;
}
body.common #contents h1 a,body.common #contents h2 a,body.common #contents h3 a,body.common #contents h4 a,body.common #contents h5 a,body.common #contents h6 a {
	display: block;
	width: 100%;
	background: url("/common/img/sp/icon_link.png") no-repeat scroll right center / 21px 21px;
	line-height: 1.5;
	box-sizing: border-box;
/*	padding-right: 1.2em;*/
	padding-right: 1.8em;
}

/* Headline1 */
body.common #contents h1 {
	zoom:1;
	padding: 12px 10px;
	margin: 0 0 20px 0;
	color: #fff;
	background: #528200;
	font-size: 125%;
	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 #contents h1 > span {
	display: block;
	color: #fff!important;
	border-left: solid 3px #fff;
	padding: 0px 10px;
}


/*whitepaper　調整*/

body.common.whitepaper #contents h1 > span span {
	color: #fff!important;
}

body.common.whitepaper #footlink li {
    float: left;
    padding: 0 8px;
}

/* Headline2 */
body.common #contents h2 {
	clear: both;
	zoom:1;
	padding: 10px 0;
	margin: 20px 0 15px;
	background: #f5f5f5;
	font-size: 120%;
	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);
	color: #444;
	box-sizing: border-box!important;
}
body.common #contents h2 > span {
	display: block;
	color: #333;
	border-left: solid 3px #6ba900;
	padding: 0px 10px;
	margin-left: 10px;
	box-sizing: border-box!important;
}

/* Headline3 */
body.common #contents h3 {
	clear: both;
	font-size: 115%;
	min-height: 25px;
	background: url(/common/img/sp/icon_hexagon_green.png) 5px 0.5em no-repeat;
	padding: 8px 12px 7px 32px;
	margin: 0px 0 15px !important;
	border-bottom: solid 1px #ccc !important;
	font-weight: bold;
	color: #444;
}

body.common #contents h3.style1 {
    color: #0000ff;
}

/* Headline3_info */
body.common #contents h3.info {
	background: url("/common/img/sp/icon_information.png") no-repeat 3px center / 21px 21px !important;
}

/* Headline3_download*/
body.common #contents h3.download {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/download.png") no-repeat scroll left 8px / 24px 24px !important;
	border: none !important;
}

/* Headline3_supplement*/
/*
body.common #contents h3.supplement {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_supplement.png") no-repeat scroll left / 21px 17px !important;
}
*/

/* Headline4 */
body.common #contents h4 {
	clear: both;
	background: url(/common/img/sp/icon_hexagon_green.png) 5px 6px no-repeat;
/*	padding: 7px 12px 7px 28px;*/
	padding: 7px 12px 7px 32px;
	margin: 15px 0 10px;
	border-bottom: dotted 1px #ccc;
	font-weight: bold;
}

/* Headline4_download*/
body.common #contents h4.download {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/download.png") no-repeat scroll left 4px / 24px 24px !important;
	border: none !important;
}

/* Headline4_supplement*/
body.common #contents h4.supplement {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_supplement.png") no-repeat scroll left / 21px 17px !important;
	border: none !important;
}

/* Headline4_question*/
body.common #contents h4.question a {
	margin-top: -3px !important;
}

/* Headline5-6 */
body.common #contents h5,body.common #contents 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;
}

/* Headline + background-color(Blue) */
.bgBl {
 zoom: 1;
 position: relative;
 padding: 15px 20px !important;
 margin: 10px 0 20px !important;
 border: solid 2px #0197D1;
 background-color: #0064C8 !important;
 background-image: none !important;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -ms-border-radius: 10px;
 border-radius: 10px;
 behavior:url(/common/js/PIE.htc);
 font-weight: bold;
 color: #fff;
 font-size: 1.125em;
}

/* Headline_margin-bottom 打消し */
.bond {
	margin-top: -10px!important;
	clear:both;
}

/* 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;
}



/* Background-color
======================================*/
.bgOr { background-color: #FDE9D9 !important; /*pale orange*/}
.bg_gr { background-color: #e0ffe0 !important; /*Pale green*/}
.bg_blue { background-color: #E6F2FC !important; /*Pale blue*/}


/* Text
======================================*/
/*特特大テキスト*/
body.common .extremely {font-size: 180%;}
/*特大テキスト*/
body.common .extra {font-size: 150%;}
/*拡大テキスト*/
body.common .big {font-size: 120%;}
body.common .fs1125 {font-size: 1.125em;}
/*縮小テキスト*/
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 .blue {color: #0000D9;}
/*緑字テキスト*/
body.common .yeGreen {color: #528200;}
/*グレー字テキスト*/
body.common .fGray {color: #606060;}

/*テキスト非表示*/
body.common .txtclear {text-indent: 100%; overflow:hidden;}

/*質問テキスト*/
body.common .question {
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_question.png) left 3px no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_question.png") no-repeat scroll left 3px / 21px 21px !important;
	padding-left: 30px;
}
body.common h3.question {
/*	background: url(/common/img/mod/icon_question.png) left 10px no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_question.png") no-repeat scroll left 10px / 21px 21px !important;
}
/*回答テキスト*/
body.common .answer {
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_answer.png) left top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_answer.png") no-repeat scroll left top / 21px 21px !important;
	padding-left: 30px;
	margin-bottom: 25px;
}
/*質問・回答番号テキスト*/
body.common .qa_numb {
 font-weight: bold;
 color: #528200;
}

/*情報テキスト*/
body.common .info {
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_information.png) 4px 0.15em no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_information.png") no-repeat scroll 3px 0.15em / 21px 21px !important;
	padding: 3px 5px 5px 30px;
}
/*補足テキスト*/
body.common .supplement {
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_supplement.png) 5px 2px no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_supplement.png") no-repeat scroll 5px top / 21px 17px !important;
	padding-left: 30px !important;
}
/*注意テキスト*/
body.common .caution {
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_caution.png) left 3px no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_caution.png") no-repeat scroll 4px 2px / 21px 18px !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;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/download.png") no-repeat scroll left top / 24px 24px !important;
	padding-left: 30px;
}
/*テキスト折り返し禁止*/
body.common .nw {
 white-space: nowrap !important;
}

/* Link＆Icon
======================================*/
/*H3（ヘキサゴン）アイコン*/
body.common .h3 {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/h3.png) 5px 7px no-repeat !important;
	padding: 3px 7px 7px 25px;
}


/*強調リンク*/
body.common .thick {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_link.png) 4px top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_link.png") no-repeat scroll 3px top / 21px 21px !important;
	padding: 0px 0px 3px 30px;
}
body.common .thick2 {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_link2.png) 4px center no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_link2.png") no-repeat scroll 3px center / 21px 21px !important;
	padding: 0 0 3px 30px;
}

body.common .thick3 {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_link2_s.png) 4px center no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_link2_s.png") no-repeat scroll 4px center / 15px 15px !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;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_blank.png") no-repeat scroll 2px 4px / 23px 23px !important;
	padding: 3px 0 3px 30px !important;
}

/*【アクセシビリティ対応後】 外部リンク*/ 
body.common img.blank_icn { 	
	padding: 0 5px 0 3px !important; 	
	vertical-align: middle; 	
}


/*外部リンク&PDFファイル*/
body.common .blankPdf {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_blankPdf.png) 5px top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_blankPdf.png") no-repeat scroll 1px top / 47px 24px !important;
	padding: 0 0 3px 53px;
}

/*【アクセシビリティ対応後】 外部リンク&PDFファイル*/
body.common .blankPdf_icn { 	
	padding: 0 5px 0px 3px; 	
	vertical-align: middle; 	
} 



/*経済産業省・外部リンク*/
body.common .meti {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_meti.png) 5px top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_meti.png") no-repeat scroll 6px top / 17px 20px !important;
	padding: 0 0 3px 30px !important;
}

/*【アクセシビリティ対応後】 経済産業省・外部リンク*/ 
body.common img.meti_icn { 	
	padding: 0 7px 0 6px !important; 	
	vertical-align: middle; 	
} 

body.common .meti2 {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_meti_s.png) 4px top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_meti_s.png") no-repeat scroll 4px top / 15px 18px !important;
	padding: 0 0 3px 23px;
}

/*【アクセシビリティ対応後】 経済産業省・外部リンク 小*/ 
body.common .meti2_icn { 	
	padding-right: 4px; 	
	vertical-align: middle; 	
} 

/*経済産業省・外部リンク&PDFファイル*/
body.common .metiPdf {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_metiPdf.png) 2px top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_metiPdf.png") no-repeat scroll 3px top / 45px 24px !important;
	padding: 0 0 3px 53px;
}

/*【アクセシビリティ対応後】 経済産業省・外部リンク&PDFファイル*/ 
body.common .metiPdf_icn { 	
	padding: 0 5px 0 3px !important; 	
	vertical-align: middle; 	
} 

/*電力取引監視等委員会・外部リンク*/
body.common .emsc {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_emsc.png) 2px top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_emsc.png") no-repeat scroll 1px top / 24px 20px !important;
	padding: 0 0 3px 30px !important;
}

/*【アクセシビリティ対応後】 電力取引監視等委員会・外部リンク*/ 
body.common .emsc_icn { 	
	padding: 0 5px 0 1px !important; 	
	vertical-align: middle; 	
} 

/*電力取引監視等委員会・外部リンク&PDFファイル*/
body.common .emscPdf {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_emscPdf.png) left top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_emscPdf.png") no-repeat scroll 1px top / 47px 24px !important;
	padding: 0 0 3px 53px;
}

/*【アクセシビリティ対応後】 電力取引監視等委員会・外部リンク&PDFファイル*/ 
body.common .emscPdf_icn { 	
	padding: 0 5px 0 1px; 	
	vertical-align: middle; 	
}

/*画像リンク*/
body.common .image {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_image.png) left 3px no-repeat;*/
	background: rgba(0, 0, 0, 0)  url("/common/img/sp/icon_image.png") no-repeat scroll left 3px / 22px 16px !important;
	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;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_archive.png") no-repeat scroll 3px 2px / 21px 17px !important;
	padding: 0 0 0 30px;
}
/*上向きページ内リンク*/
body.common .ancher {
	display: inline;
	line-height: 1.75;
	background: url(/common/img/mod/icon_scroll.png) 5px 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) 5px 3px no-repeat !important;
	padding-left: 30px;
}
/*リスト記号*/
body.common .arrow {
	display: inline;
	background: url(/common/img/sp/icon_arrow_green.png) 3px 5px no-repeat !important;
/*	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: rgba(0, 0, 0, 0) url("/common/img/sp/icon_pdf.png") no-repeat scroll 3px top / 23px 23px !important;
/*	background: url(/common/img/mod/icon_pdf.png) 3px top no-repeat !important; */
/* padding: 3px 0 3px 30px;*/
 padding: 2px 0 0 30px;
}
/*Excelファイル*/
body.common .excel {
	display: inline;
	line-height: 1.75;
 background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_excel.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 2px 0 0 30px;
/*	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;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_word.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 2px 0 0 30px;
}
/*PowerPointファイル*/
body.common .ppoint {
	display: inline;
	line-height: 1.75;
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_ppoint.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 2px 0 0 30px;
/*	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: rgba(0, 0, 0, 0) url("/common/img/sp/icon_zip.png") no-repeat scroll 3px top / 23px 23px !important;
/*	padding: 0 0 3px 30px;*/
	padding: 2px 0 0 30px;
}
/*動画ファイル*/
body.common .movie {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_movie.png) 3px top no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_movie.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 0 0 3px 30px;
}

/*【変更後】 外部リンク*/ 	
	body.common .movie_icn { 	
	padding: 0 5px 0 3px !important; 	
	vertical-align: middle; 
	}
/*Emailリンク*/
body.common .mail {
	display: inline;
	line-height: 1.75;
/*	background: url(/common/img/mod/icon_mail.png) left -4px no-repeat !important;*/
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_mail.png") no-repeat scroll 3px -2px / 24px 24px !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;
}
/*kidsページ用*/
body.game .h3,
body.game .arrow {
	display: inherit!important;
}
body.game .img_mgn {
	text-align: center;
	margin: 25px 0 35px!important;
}
/*tag＋アイコン*/
body.common .tag_lnk .word {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_word.png") no-repeat scroll 2px 1px / 20px 20px !important;
}
body.common .tag_lnk .pdf {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_pdf.png") no-repeat scroll 2px 1px / 20px 20px !important;
}


/* UnorderedList
======================================*/

body.common ul, .ulist, .ulist2 {
	margin-bottom: 15px;
}

/*通常リスト*/
body.common .ulist li {
	margin-left: 25px;
	line-height: 1.75;
}

/*横並びリスト*/
body.common ul.line li {
 display: inline;
 margin-right:5px;
 background-position: 0 0.3em !important;
} 

/*横並びリスト（ボックス）*/
body.common ul.linebox li {
 display: inline-block;
 margin-right:10px;
 margin-bottom:15px;
} 
body.common ul.linebox img {
 padding-bottom:5px;
}

/*横並びリスト（SP inline解除なし）*/
body.common ul.line_sp li { 
 display: inline;
 margin-right:5px;
 white-space: nowrap !important;
}

/*記号リスト　table内*/
body.common table td .ulist2 {
	margin-bottom: 0 !important;
}


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

li {
	margin-bottom: 5px;
}

body.common .ulist li {
	margin-bottom: 5px;
}

/*記号リスト*/
body.common .ulist2 li {
	list-style-type: none/*disc*/;
	background: url(/common/img/sp/icon_arrow_green.png) 0 0.5em no-repeat;
	margin: 0 0 5px 10px;
	padding-left: 12px;
	line-height: 1.75;
	vertical-align: top;
/*
zoom:1;
*/
}

/*記号リスト　table内*/
body.common table td .ulist2 li {
	list-style-type: none/*disc*/;
	background: url(/common/img/sp/icon_arrow_green.png) 0 0.5em no-repeat;
	margin: 0 0 5px 2px !important;
	padding-left: 12px !important;
	line-height: 1.75;
	vertical-align: top;
}

/*インデント＆マークつき入れ子*/
body.common .indent li .ulist2 li {
	text-indent: 0 !important;
	margin-left: 10px !important;
}


/* OrderedList
======================================*/

/*数字入れ子リスト*/
body.common ol li ul li {
 list-style-type: none !important;
}

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


/* AncherList
======================================*/
body.common .alist {
	margin-bottom: 30px;
}
body.common .alist:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .alist {
	after: " ";
}
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 {

}

body.common ol li {
    list-style-type: decimal;
    margin-left: 27px;
    text-indent: 0;
}

/* 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: " ";
}
body.common dt {}
body.common dd {}

/*定義リスト0（縦並びニュース形式）*/
body.common .dlist,
body.common .dlist_n {}
body.common .dlist dt,
body.common .dlist_n dt {
	width: auto;
	font-weight: bold;
	margin-top: 10px;
}
/*入れ子、子要素のdtスタイルクリア*/
body.common dl .dlist dt,
body.common dl .dlist_n dt {
	background: none!important;
	padding-left: 0!important;
}
/*dd破線あり*/
body.common .dlist dd {
	border-bottom: dotted 1px #ccc;
	padding: 5px 0 10px 0;
	margin: 0 0 5px 0;
}
/*dd破線なし*/
body.common .dlist_n dd {
/*	padding: 5px 0 10px 0;*/
	padding: 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;
}

/*定義リスト7（横並び文書形式-7） dt w50*/
body.common .dlist7 {
	min-height: 1px;
	overflow: hidden;
	padding-bottom: 10px;
}
body.common .dlist7 dt {
	clear: both;
	width: 50px;
	float: left;
	font-weight: bold;
	margin: 0 0 3px 0;
	zoom: 1;
}
body.common .dlist7 dd {
	width: 640px;
	float: right;
	padding: 0;
	margin: 1px 0 5px 0;
	zoom: 1;
}
@media screen and (max-width: 979px) {
	body.common .dlist7 dd {
		width: 100%;
		padding-left: 1em;
	}	
	body.common .dlist7 dt + dd {
		padding-left: 1em;
	}
}

/*定義リスト2（横並び文書形式-2） dt w100*/
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;
	box-sizing: border-box;
}
body.common .dlist2 dt + dd {
	margin: 0 0 5px 0px;
}
@media screen and (max-width: 979px) {
	body.common .dlist2 dd {
		width: 100%;
		padding-left: 1em;
	}	
	body.common .dlist2 dt + dd {
		padding-left: 1em;
	}
}

/*定義リスト3（横並び文書形式-3） dt w150*/
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;
}
body.common .borderline .inner .dlist3 dd { width:500px!important } /*電気事業便覧ページ*/

@media screen and (max-width: 979px) {
	body.common .dlist3 dt {
		float: none;
	}
	
	body.common .dlist3 dd {
		width: auto;
		float: none;
		padding-left: 1em;
	}
}

/*定義リスト6（横並び文書形式-6） dt w180*/
/*スマコミ（HTML版）使用*/
body.common .dlist6 {
	min-height: 1px;
	overflow: hidden;
	padding-bottom: 10px;
}
body.common .dlist6 dt {
	clear: both;
	width: 180px;
	float: left;
	font-weight: bold;
	margin: 0 0 3px 0;
	zoom: 1;
}
body.common .dlist6 dd {
	width: 510px;
	float: right;
	padding: 5px 0 15px 0;
	margin: 0 0 15px 0;
	zoom: 1;
}
/*定義リスト6-frame内*/
body.common .frame .dlist6 dt {width: 190px!important;}
body.common .frame .dlist6 dd {width: 470px!important;}

/*定義リスト4（横並び文書形式-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;
	box-sizing: border-box;
}
@media screen and (max-width: 979px) {
	body.common .dlist4 dt {
		float: none;
	}
	
	body.common .dlist4 dd {
		width: auto;
		float: none;
		padding-left: 1em;
	}
}

/*定義リスト5（dtアイコン付き）*/
body.common .dlist5 {}
body.common .dlist5 dt {
	width: auto;
	min-height: 25px;
	background: url(/common/img/mod/h3.png) 5px 7px no-repeat;
	font-weight: bold;
	padding: 3px 7px 0 25px;
	margin: 7px 0 3px 0;
	zoom: 1;
}
body.common .dlist5 dd {
	padding: 0 0 7px 25px;
	margin: 0 0 5px 0;
}



/*配付資料　形式　dt：border-left付*/
.common dl.data dt {
	width: 140px;
	margin: 0 0 15px 5px;
	padding: 0 0 0 5px;
	border-left: solid 5px #528200;
	float: left;
}
.common dl.data dd {
	margin: 0 0 15px 135px;
	padding: 0 0 0 20px;
	border-bottom: dotted 1px #ccc;
}


/*ニュースボックス スクロール*/
body.common .newsBox {
 height: 170px;
 overflow:auto;
}

/*定義リスト：補足（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%;
	white-space: nowrap; 
}
body.common .note dd {
	float: right;
	width: 85%;
	display: table-cell;
	vertical-align: top;
	line-height: 1.75em;
	font-size: 85%;
}

/*脚注*/
body.common #footnote {
	border-top: solid 1px #ccc;
	padding-top: 10px;
	margin-bottom: 15px;
}
body.common #footnote dl {}
body.common #footnote dt {
	float: left;
	width: 30px;
}
body.common #footnote dd {
	margin-left: 30px;
}

/*dl ul入れ子形式*/
body.common .dllayout dd ul {
 margin-top: 10px!important;
}
body.common .dllayout p {
 margin: 0 0 10px 10px!important;
}



/* Menu
======================================*/
/*アコーディオン形式メニュー*/
body.common #contents .acMenu {
	padding: 0 0 5px 0;
	margin: 0;
}

body.common #contents .acMenu dt {
	cursor: pointer;
	float: none !important;
	display: block;
	height: 100%;
	border-bottom: solid 1px #eee;
	padding: 0 0 0 5px;
	margin: 0;
}
body.common #contents .acMenu dt:hover {
	background: #f5f5f5;
}
body.common #contents .acMenu dt a {
	display: inline-block;
	padding: 7px 4px;
	position: relative;
	margin-left: 25px;
}

body.common #contents .acMenu dt.supplement a {margin-left: 0;}

body.common #contents .acMenu dt a.pm {
	display: block;
	position: absolute;
	margin: 0.4em 0 0;
}

body.common #contents .acMenu dt a img.op,
body.common #contents .acMenu dt a img.cl {
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

body.common #contents .acMenu dt a img.cl {display: none;}

body.common.appli #contents .acMenu dt a img.op,
body.common.statistics #contents .acMenu dt:first-child a img.op {display: none;}

body.common.appli #contents .acMenu dt a img.cl,
body.common.statistics #contents .acMenu dt:first-child a img.cl {display: inline-block;}

/* ご意見・お問合せ　ステイ表示用 */
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/sp/icon_supplement.png) 10px center no-repeat #f5f5f5;
}


body.common .acMenu dd {
	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: 5px 5px 5px 22px;
	background: url(/common/img/sp/icon_arrow_green.png) 12px 0.6em no-repeat;
}


/*主要カテゴリ選択状態*/
body.common .aAccordion {
	font-weight: bold;
	background: #528200 !important;
}
body.common .aAccordion a{
	color: #fff;
	text-decoration: none;
}
/*主要カテゴリ選択状態（タグ2）*/
body.common .aAccordion .tag2{
	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;
	padding: 5px 5px 5px 22px;
	background: url(/common/img/sp/icon_arrow_green.png) 12px 0.6em no-repeat #f5f5f5 !important;
}



/*アクセシビリティタブ形式メニュー*/
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;
}
body.common .hide {
	display: none;
}

/* コンテンツfooter menu */
body.common ul.cont_footmenu {
	font-weight: bold;
	border: solid #508200 !important;
	border-width: 1px 0 2px !important;
	padding: 8px 5px 5px;
	margin-top: 30px;
	text-align: center !important;
}
body.common ul.cont_footmenu li {
	display: inline;
	margin-right:5px;
	background-position: 0 0.3em !important;
} 
body.common ul.cont_footmenu .on {
	color: #528200;
}

/* bttn2 - menu（小売電気申請ページ） */
body.common #menu {
 margin: 0 0 20px 10px!important;
 font-size: 1.1em;
}
body.common #menu a,
body.common #menu li.bttn2 { /*リンクなし*/
    text-align: left;
    margin-bottom: 0!important;
    width: 95%!important;
}
body.common #menu a span,
body.common #menu li.bttn2 span { /*リンクなし*/
	display: inline;
	background: url(/common/img/sp/icon_arrow_green.png) 3px 5px no-repeat !important;
	margin-left: 0;
	padding-left: 20px;
	line-height: 1.75;
}


/* 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: " ";
}
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: 100%;
	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: " ";
}

/*==========================================================================================================================*/
body.common #contents .box2 .col1st {
	width: 49.0%!important;
	margin: 0;
}
body.common #contents .box2 .col2nd {
	width: 49.0%!important;
	margin: 0 0 0 2%!important;
}

/* 3 Column */
body.common .box3 { clear: both; }
body.common .box3:after {
	content: "";
	display: block;
	clear: both;
	height: 0%;
}
/*IE7用*/
body.common .box3 {
	after: " ";
}
body.common .box3 .col1st {
	width: 32.0%;
	margin: 0 0 10px;
}
body.common .box3 .col2nd,
body.common .box3 .col3rd {
	width: 32.0%;
	margin: 0 0 10px 2%;
}

/* 4 Column */
body.common .box4 { clear: both; }
body.common .box4:after {
	content: "";
	display: block;
	clear: both;
	height: 0%;
}
/*IE7用*/
body.common .box4 {
	after: " ";
}
body.common .box4 .col1st {
	width: 23.5%;
	margin: 0 0 10px;
}
body.common .box4 .col2nd,
body.common .box4 .col3rd,
body.common .box4 .col4th {
	width: 23.5%;
	margin: 0 0 10px 2%;
}

body.common .p10 {
	display: block;
	padding: 10px;
}
body.common .eee {
	color: #bbb;
	font-weight: bold;
	background: #eee;
}

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


/* Table
======================================*/
body.common table {
	width: 100% !important;
	border-collapse: collapse;
	table-layout: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	word-break: break-all;
}
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 .dataTbl th {
	 text-align: center;
}
body.common .dataTbl td {
	 text-align: right;
	 padding-right: 10px !important;
}

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;
}
body.common table.layout .tblframe {
	text-align: center!important;
	background-color: #fff;
	border: solid 2px #ccc;
	white-space: nowrap!important;
	padding: 0 10px!important;
}
/* th,td テキスト中央揃え */
body.common table.txtC th, table.txtC td {
	text-align:center!important;
}
/* th:テキスト中央揃え, td:テキスト右揃え */
body.common table.txtCR th {
	text-align:center!important;
}
body.common table.txtCR td {
	text-align:right!important;
}

/*ヘキサゴン付caption*/
body.common caption.h3 {
	display: table-caption!important;
}

/*自動ナンバリング*/
table.numbering,
table.numbering2 {
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.number {
 white-space: nowrap;
 text-align: right;
}



/* 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 .border4 {
	border-top: solid 1px #508200 !important;
	padding: 0 8px 5px;
}
body.common .border5 {
	border-top: dotted 1px #ccc;
	padding: 10px 0 0;
	margin: 30px 0 0;
}
body.common .marker1 {
	background: linear-gradient(transparent 65%, #F6CACA 0%);
}
body.common .borderW {
	border-top: 3px #ccc double !important;
}
body.common .borderWleft {
	border-left: 3px #ccc double !important;
}
body.common .borderBWred {
	border-bottom: 3px #CC0000 double !important;
}
body.common .borderline {
	zoom: 1;
	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;
}
body.common .borderGray3 {
	border: solid 3px #E4E4E4;
}
/* border一部削除 */
body.common .bdTnone {
	border-top: none !important;
}
body.common .bdBnone {
	border-bottom: none !important;
}
body.common .bdLnone {
	border-left: none !important;
}
body.common .bdRnone {
	border-right: none !important;
}
/* borderline2用hover */
a.bdline2:hover {
 color: #017AA8 !important;
 text-decoration: none;
}

/* 取り消し線 */
del::before, 
del::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
del::before {
  content: "[削除開始]";
}
del::after {
  content: "[削除終了]";
}

/* 災害ページ被害報 */
body.common .borderline .inner #higaihou {
  margin-bottom:5px!important;
}
body.saigai .dlist_n dt {
  margin:8px 0 0 5px!important;
}
body.saigai .dlist_n dd {
  padding:5px 0; margin:0!important;
  line-height:normal!important;
}


/* Button
======================================*/
body.common .button { /*blue*/
	display: inline-block;
	border: solid 2px #0197d1;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
body.common .button2 { /*red*/
	display: inline-block;
	color: #fff;
	background: #CC0000;
	padding: 12px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
body.common .button3 {}
/* Button2_hover*/
a.button2:hover {
 color: #ffdcdc !important;
 text-decoration: none;
}
body.common .bttn { /*green*/
	display: inline-block;
	color: #fff;
	background: #528200;
	padding: 7px 12px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}
/* bttn_hover*/
a.bttn:hover {
 background: #76A238!important;
 color: #fff!important;
 text-decoration: none;
}

body.common .bttn2 {
    display: inline-block;
    border: solid 1px #528200;
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    color: #528200;
	background-color: #fff;
    text-decoration: none !important;
    }
/* bttn2_hover*/
a.bttn2:hover {
 color: #fff!important;
 background-color: #528200!important;
 text-decoration: none;
}

body.common .bttn3 { /* font-weight:normal */
	display: inline-block;
	border: 1px solid #528200; 
	color: #fff;
	background: #528200;
	padding: 7px 12px;
	text-align: center;
	margin-bottom: 10px;
	text-decoration: none!important; /* リンク下線無し */
}
/* bttn3_hover*/
a.bttn3:hover {
 border: 1px solid #528200; 
 color: #528200!important;
 background-color: #fff!important;
 text-decoration: none;
}

/* ボタンエリア（グレー）＋archiveアイコン */
.btnarea {
    width: 13em;
    line-height: 2.5em;
    background-color: #f0f0f0!important;
    vertical-align: middle;
    color: #333;
}
.btnarea a { 
	display: block;
	width:100%;
	height:100%;
	text-decoration: none !important;
}
.btnarea a.stmap {
    display: inline-block;
    text-align: center;
    background: url(/common/img/sp/icon_archive.png) no-repeat 3px 8px / 21px 17px !important;
    margin-left: 0;
    line-height: 1.75;
    text-decoration: none !important;
    padding: 5px 0;
}
.btnarea a.stmap:hover { 
	color: #527900!important;
    background: url(/common/img/sp/icon_archive.png) #f4fee1 no-repeat 3px 8px / 21px 17px !important;
}


/* Tag
======================================*/
body.common .tag,
body.common .tag_bl,
body.common .tag_pk,
body.common .tag_gy,
body.common .tag_gr {
	display: inline;
	border: solid 1px #ccc;
	padding: 0px 10px;
	font-size: 0.813em;
	text-align: center;
	margin: 0 12px 5px 3px;
	min-width: 100px;
}
body.common .tag {
	background: #0197d1;
	color: #fff;
}
body.common .tag_bl {
	background: #2373be;
	color: #fff;
}
body.common .tag_pk {
	background: #D93637;
	color: #fff;
}
body.common .tag_gy {
	background: #eee;
	color: #333;
}
body.common .tag_gr {
	background: #527200;
	color: #fff;
}
body.common .tag_lnk { /*リンク＋ライトブルー*/
	display: inline;
	border: solid 1px #ccc;
	padding: 5px 2px 3px;
	font-size: 0.95em;
	text-align: center;
	margin: 5px 0 !important;
	min-width: 100px;
	background: #E6F2FC;
	color: #333;
	line-height: 2.6em;
}
body.common .tag_lnk:hover {
	background: #2373be;
	color: #fff;
}

body.common .tag2 {
	display: inline-block;
	color: #fff;
	background: #528200;
	padding: 0px 20px;
	font-size: 0.813em;
	font-weight: bold;
	text-align: center;
	margin: 0 12px 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 12px 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 .tag4 {
	display: inline;
	color: #333;
	background: #FFD2D2;
	padding: 0px 20px;
	font-size: 0.813em;
	font-weight: bold;
	text-align: center;
	margin: 0 12px 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 .tag5 {
	display: inline;
	color: #fff;
	background: #CC0000;
	padding: 0px 20px;
	font-size: 0.813em;
	font-weight: bold;
	text-align: center;
	margin: 0 12px 5px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	behavior:url(/common/js/PIE.htc);
}

/* tag 右margin狭 */
body.taglavel .tag,
body.taglavel .tag2,
body.taglavel .tag3,
body.taglavel .tag4 {
	margin-right: 0.3em!important;
}

/* Other
======================================*/
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: 1em;
}
body.common .pdfDownload dd{
	font-size: 1em;
}
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 .frame4 {
	border: solid 2px #ddd;
	background: #ddd;
	padding: 10px;
	margin-bottom: 10px;
}
body.common .frame5 {
	border: solid 2px #528200;
	padding: 10px;
	margin-bottom: 10px;
}
body.common .frame6 {
	background: #;
	border: solid 2px #f00;
	padding: 10px;
	margin-bottom: 10px;
}
body.common .frameDotted{
 border: dotted #aaa 2px;
 padding: 10px;
 margin-bottom: 10px;
}
body.common .frameWarp {
	font-size: 85%;;
	border: solid 2px #eee;
	background: #eee;
	padding: 10px;
	margin-bottom: 10px;
}
body.common .frame a,
body.common .frame2 a,
body.common .frame3 a,
body.common .frame4 a,
body.common .frame5 a {
	display: inline-block;
}
body.common .framelnk {
	border: solid 5px #eee;
	padding: 0 10px;
	margin-bottom: 10px;
	color: #404040;
	font-size: 85%;
}
body.common .framelnk .ttl {
	border-bottom: dotted 1px #aaa;
	padding-bottom: 5px;
}
body.common .frame_ye {
	border: solid 1px #aaa;
	background: #ffffe0;
	color: #505050;
	font-weight: bold;
}
/*TW 埋め込み*/
body.common .frame_tw1 {
	border: 4px solid #C0DFEF;
	margin: 0 10px 15px!important;
	padding: 5px 10px 10px;
}
body.common .frame_tw2 {
	border: 4px solid #E5E5E5;
	margin: 0 10px 15px!important;
	padding: 5px 10px 10px;
}
body.common .leftw {width: 180px;}

body.common .bgcl_gr,
body.common .bground {
	background-color: #E0FFE0!important;
}



/* 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;
}
body.common .none span {
	height: 0 !important;
	overflow:hidden;	
}

/* Clear系 -------------------------- */
/* 回り込み解除クリア */
body.common .clear {clear: both;}
/* 回り込み解除クリアフィックス */
body.common .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* 回り込み */
.wraparound {
	display: inline;
}
/*IE7用*/
body.common .clearfix {
	after: " ";
}
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: " ";
}
body.common .block2 li {
	float: left;
	width: 46%;
}

/* 自動３カラム落ち */
body.common .block3 {
	margin-bottom: 20px;
}
body.common .block3:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*IE7用*/
body.common .block3 {
	after: " ";
}
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: " ";
}
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: " ";
}
body.common .block5 li {
	float: left;
	width: 17%;
}

/*自動カラム落ち、class付与による高さ制御*/
body.common .block2 a,
body.common .block3 a,
body.common .block4 a,
body.common .block5 a {
	line-height: 1.6!important;
}


/* 高さ */
body.common .h100pct {
 height: 100%!important;
}

@media screen and (min-width: 980px) {
	body.common .h9em   {height: 9em !important;}
	body.common .h105em   {height: 10.5em !important;}
	body.common .h12em   {height: 12em !important;}
	body.common .h135em   {height: 13.5em !important;}
	body.common .h15em   {height: 15em !important;}
	body.common .h165em   {height: 16.5em !important;}
	body.common .h18em   {height: 18em !important;}
	body.common .h195em   {height: 19.5em !important;}
	body.common .h21em   {height: 21em !important;}
	body.common .h225em   {height: 22.5em !important;}
	body.common .h24em   {height: 24em !important;}
}
/* 幅 */
@media screen and (min-width: 980px) {/*total_energy*/
	body.common .block3 li.w25pct {width: 25%!important;}
	body.common .block3 li.w40pct {width: 40%!important;}
}

/* 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 .mt15  { margin-top: 15px !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 .mr15  { margin-right: 15px !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 .ml15  { margin-left: 15px !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 .pt35  { padding-top: 35px !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 .pr35  { padding-right: 35px !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 .pb35  { padding-bottom: 35px !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 .pl35  { padding-left: 35px !important; }
body.common .pl40  { padding-left: 40px !important; }
body.common .pl50  { padding-left: 50px !important; }
body.common .pl100 { padding-left: 100px !important; }



/*エネルギー技術（全般）アイコン*/
body.common .topic4 {
/*	background: url(/common/img/mod/tag_noline/aicon04_a.png) 3px top no-repeat;*/
	background: url("/common/img/sp/tag_noline/aicon04_a.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 6px 0 6px 30px;
}
/*省エネ・新エネ アイコン*/
body.common .topic1 {
/*	background: url(/common/img/mod/tag_noline/aicon01_a.png) 3px top no-repeat;*/
	background: url("/common/img/sp/tag_noline/aicon01_a.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 6px 0 6px 30px;
}
/*燃料・資源 アイコン*/
body.common .topic2 {
/*	background: url(/common/img/mod/tag_noline/aicon02_a.png) 3px top no-repeat;*/
	background: url("/common/img/sp/tag_noline/aicon02_a.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 6px 0 6px 30px;
}
/*電力・ガス アイコン*/
body.common .topic3 {
/*	background: url(/common/img/mod/tag_noline/aicon03_a.png) 3px top no-repeat;*/
	background: url("/common/img/sp/tag_noline/aicon03_a.png") no-repeat scroll 3px top / 23px 23px !important;
	padding: 6px 0 6px 30px;
}


/*政策別アイコン　余白*/
body.common .topic_icn {
 width: 23px!important;
 height: 23px!important;
	padding: 0 5px 0 0!important;
} 

body.common .topic1.pl30.small.fRight,
body.common .topic2.pl30.small.fRight,
body.common .topic3.pl30.small.fRight,
body.common .topic4.pl30.small.fRight {padding: 4px 15px 6px 36px!important;}



/*インデント処理*/
body.common .indent {
	text-indent: -1.8em;
	margin-left: 1.8em;
}

body.common dl.indent5 dd {
	text-indent: -5em;
	margin-left: 5.3em;
}
/*インデント処理解除*/
body.common .indclear {
	text-indent: 0!important;
}


/*==== flexible grid system ====*/



/*---- frexible grid system ----*/

.grid_system:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.grid_system img {
	max-width: 100%;
	height: auto;
}
	

.grid_1_5,
.grid_1_4,
.grid_1_3,
.grid_1_2,
.grid_2_3,
.grid_3_4 { 
	display: block;
	float: left;
	margin-left: 2%!important;
}


.grid_1_5:first-child,
.grid_1_4:first-child,
.grid_1_3:first-child,
.grid_1_2:first-child,
.grid_2_3:first-child,
.grid_3_4:first-child {
	margin-left: 0!important;
}


.grid_1_5 { width: 18.4%; }
.grid_1_4 { width: 23.5%; }
.grid_1_3 { width: 32.0%; }
.grid_1_2 { width: 49.0%; }
.grid_2_3 { width: 66.0%; }
.grid_3_4 { width: 74.5%; }


@media screen and (max-width: 980px) {
	body.common #main img,
	body.common #main2 img {
		max-width: 98%;
		height: auto;
		margin-left: 1%!important;
		margin-right: 1%!important;
	}

	body.common.whitepaper #main .column img {
		max-width: 98%!important;
		height: auto!important;
		margin-left: 1%!important;
		margin-right: 1%!important;
	}

	body.common #main2 #HeaderArea img { /*rwバーチャル処分場menu*/
		margin-right: 0!important;
	}

}

/* 見出し=Image */
body.common #contents #ttlimg {
background: none !important;
color: #333 !important;
border: none !important;
}
body.common #contents #ttlimg > span {
border: none !important;
margin: 0 !important;
padding: 0 !important;
}

/*個別設定　電気料金及び電気事業制度について*/
body.electricity_and_gas #contents .section h3 {
/*
  background: url(/category/electricity_and_gas/electric/fee/stracture/img/free_h3.gif) no-repeat;
  border: none !important;
  padding: 17px 0;
*/
  background: none!important;
  border-top: 4px solid #528200!important;
  border-bottom: 4px dotted #528200!important;
  padding: 12px 0;
  color: #528200;
  font-size: 1.5em;
  text-align: center;
  margin-top: 20px !important;
}

 #contents .liberalization_box h4 {width:100%;}

body.electricity_and_gas #contents h5{
  border: none !important;
  padding: 0;
  font-size: 1.2em;
}

/**/

/* 政策についてCSS /category/
--------------------------------------------------------------------*/

body.common #contents h2#read {
	left: 0!important;
    height: auto!important;
    margin: 0px 0 10px!important;
    top: -10px!important;
	width: auto!important;
    max-width: 690px!important;
}


.statistics .tileListCol1st,
.statistics .tileListCol2nd {
    width: 48%!important;
	margin: 0 0 20px 0!important;
}

.statistics .tileListCol1st {
  margin: 0 2% 20px 0!important;
}

/*　電気事業便覧　*/
ul.mokuji .bdB,
ul.mokuji dl dt {
	border-bottom: dotted 1px #538200;
	padding-bottom: 3px;
	font-weight: bold;
}
ul.mokuji dl dt { margin: 15px 0 7px;}

/* 調達情報CSS /appli/
--------------------------------------------------------------------*/

.appli dt{
	font-weight: bold;
}

.appli table {font-size: 0.85em;}
.appli table th {text-align: center;}


/* Facebook share button
--------------------------------------------------------------------*/
#common .fb-share-button {
 margin: 0 0.5em 0.5em !important;
}