@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
*************************************************/




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

/*記号リスト*/
body.common .ulist2 li {
	background-image: none;
	position: relative;
}

body.common .ulist2 li:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #528200;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    display: block;
    height: 0;
    left: 0px;
    margin-top: 0.5em;
    position: absolute;
    top: 0;
    width: 0;
}

/*上向き・下向きページ内リンク*/
body.common .ancher,
body.common .dwn_ancher {
	background-image: none !important;
	padding-left: 20px;
	position: relative;
}

body.common .ancher:before,
body.common .dwn_ancher:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #528200 transparent;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    display: block;
    height: 0;
    left: 0px;
    margin-top: 0.2em;
    position: absolute;
    top: 0;
    width: 0;
}


body.common .dwn_ancher:before {
    border-color: #528200 transparent transparent transparent;
	margin-top: 0.6em;
}



/*定義リスト3（横並び文書形式-4 dtアイコン付き）*/

body.common .dlist4 dt,
body.common .dlist4 dd {
	width: auto;
	float: none;
}


/* HTML Tag
======================================*/
/* h1-6 */
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 {
	background-size: 18px;
}

/* Link＆Icon
======================================*/
/*強調リンク*/
body.common .thick,
body.common .thick2 {
	background-size: 16px!important;
}
/*外部リンク*/
body.common .blank {
}
/*PDF*//*Excel*//*Word*//*PowerPoint*//*圧縮ファイル*//*動画ファイル*/
body.common .pdf, 
body.common .excel, 
body.common .word, 
body.common .ppoint, 
body.common .zip, 
body.common .movie  {
/*	background-size: 18px!important;*/
	background-size: 21px!important;
 padding: 0 0 3px 30px!important;
}

/*【アクセシビリティ対応後】*/
/*動画ファイル*/
	body.common .movie_icn {
	width: 21px!important;
	height: 21px!important;
	padding: 0!important;
}
/*外部リンク*/
	body.common img.blank_icn {
	padding: 0!important;
}
/*経済産業省・外部リンク&PDFファイル*/
body.common .metiPdf_icn {
	width: 40px!important;
	height: 21px!important;
	padding: 0!important;
}
/*外部リンク&PDFファイル*//*電取監視等委員会・外部リンク&PDFファイル*/
body.common .blankPdf_icn,　
body.common .emscPdf {
	width: 41px!important;
	height: 21px!important;
	padding: 0!important;
}
/*政策別アイコン　余白*/
body.common .topic_icn {
	background-size: 21px!important;
	padding: 0!important;
} 

/* Box
======================================*/

/* Box */
body.common .col1st, body.common .col2nd, body.common .col3rd, body.common .col4th {
	float: none;
}


/* 1 Column */
body.common .box1 { clear: both; }
body.common .col1st {
	width: 100%px;
	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,
body.common #contents .box2 .col2nd {
	width: 100%!important;
	margin: 0!important;
}

/* 3 Column */

body.common .box3 .col1st,
body.common .box3 .col2nd,
body.common .box3 .col3rd {
	width: 100%;
	margin: 0 0 10px;
}

/* 4 Column */


body.common .box4 .col1st,
body.common .box4 .col2nd,
body.common .box4 .col3rd,
body.common .box4 .col4th {
	width: 100%;
	margin: 0 0 10px;
}

body.common img.p5 {
	box-sizing: border-box!important;
}



/*定義リスト2（横並び文書形式-2）*/

body.common .dlist2 dt {
	width: 100%;
	float: none;
}

body.common .dlist2 dd {
	float: none;
}

body.common .note dt {
 width: auto;
}
body.common .note dd {
 float: none!important;
}

/*配付資料　形式　dt：border-left付*/

body.common .data dt {
	width: 100%;
	float: none;
}
body.common .data dd {
	float: none;
	margin: 0 0 15px 0px;
	padding: 0 0 5px 10px;
}


/* 自動２カラム落ち */
body.common .block2 li {
    float: none;
    width: auto;
}

/* 自動３カラム落ち */
body.common .block3 li {
	width: auto!important;
	margin-right: 1em;
}

/* 自動４カラム落ち */

body.common .block4 li {
	float: none;
	width: auto;
}

/* 横並びリスト */

body.common .line li {
	display: block!important;
}

/* Table
======================================*/


/* 表組　スクロール */


.scroll {
	overflow: scroll;
}

body.common .scroll table {
	width: 960px!important;
	margin-top: 0px!important;
}



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



body.common .topic1.pl35.mr15.small,
body.common .topic2.pl35.mr15.small,
body.common .topic3.pl35.mr15.small,
body.common .topic4.pl35.mr15.small {
	text-align: left!important;
	float: left;
	padding: 5px 10px 6px 32px!important;
	margin: 0 0 5px 0px!important;
}


/* Menu
======================================*/
/*アコーディオン形式メニュー*/


body.common .acMenu li a {
	background-image: none!important;
	position: relative;
}


body.common .acMenu li a:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #528200;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    display: block;
    height: 0;
    left: 10px;
    margin-top: 0.5em;
    position: absolute;
    top: 0;
    width: 0;
}

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



.off .grid_1_5,
.off .grid_1_4,
.off .grid_1_3,
.off .grid_1_2,
.off .grid_2_3,
.off .grid_3_4 {
	float: none;
	margin-left: 0!important;
}



.off .grid_1_5,
.off .grid_1_4,
.off .grid_1_3,
.off .grid_1_2,
.off .grid_2_3,
.off .grid_3_4 { width: 100%; }



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


body.common #contents .sympo dd dl.dlist3 dd {
    width: 100% !important;
}


.statistics .tileListCol1st,
.statistics .tileListCol2nd {
    width: 98%!important;
	float: none;
	margin: 0 1% 20px!important;
}


body.common ul.panel {
    margin: 0px;
	text-align: center;
}


body.common ul.panel li {
	float: none;
}

body.electricity_and_gas h2#freeTtl {
    padding: 0px!important;
}




body.common .localnavi ul {margin: 0!important;}

body.common .localnavi ul li {
	clear: both;
    float: none!important;
	width: 100%;
    margin: 0 0 15px!important;
	text-align: center!important;
}

body.common .localnavi ul li a {
	text-align: center!important;
	margin: 0 auto 15px!important;
}



/* 料金設定の仕組みとは？
---------------------------------------------*/

body.common ul.calculation li.cal_panel.sizeS {
    width: 100%!important;
	text-align: center;
}

/*
ul.calculation li.lines {
    padding-top: 20px;
}
ul.calculation li.cal_panel {
    background: #efefef none repeat scroll 0 0;
}
ul.calculation.brBox li {
    height: 84px;
}*/

body.common ul.calculation li {
    display: block;!important
    float: none!important;
    /*height: 64px;*/
	margin: 0px auto!important;
	width: 100%!important;
}

/*ul.calculation.brBox li {
    height: auto!important;
}*/


ul.calculation.brBox li.symbol img {
    margin-top: 15px!important;
}

body.common ul.calculation li.symbol {
	height: 50px!important;
	padding: 2px 0 0!important;
}