@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 {
    border-left: 6px solid #528200;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: url('') none;
    border-radius: 0;
    content: "";
    display: block;
    height: 0;
    left: 0px;
    margin-top: 0.5em;
    position: absolute;
    top: 0;
    width: 0;
}

/*TW 埋め込みに使用*/
body.common .leftw { margin-left: 5px!important; }

/*indent解除*/
body.common .indclear .pl50,
body.common .indclear .pl40,
body.common .indclear .pl30,
body.common .indclear .pl20,
body.common .indclear .pl10,
body.common .indclear .pl5 {
    padding-left: 0!important;
}

/* 回り込み解除 */
.wraparound {
	display:block;
	clear:both;
}

/*上向き・下向きページ内リンク*/
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 {
    border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #528200;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: url('') none;
    border-radius: 0;
    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;
}


/*定義リスト4（横並び文書形式-4,6）*/
body.common .dlist4 dt,
body.common .dlist4 dd,
body.common .dlist6 dt,
body.common .dlist6 dd,
body.common .dlist6.frame dt,
body.common .dlist6.frame dd {
	width: auto!important;
	float: none;
}

body.common .dlist6 dd {
	 margin-left: 10px!important;
}

/*
body.common dl.indent5 dd {
	text-indent: 0!important;
	margin-left: 1em!important;
}
*/

/* 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
======================================*/
/*強調リンク + infomation*/
body.common .thick,
body.common .thick2,
body.common .info {
	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;
}
/*経済産業省・外部リンク*/
body.common img.meti_icn { 	
	padding: 0 10px 0 3px!important;	
	vertical-align: middle; 	
	margin-left: 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;
}
/*supplement -ペンアイコン*/
body.common .supplement {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_supplement.png") no-repeat scroll 3px top / 18px 15px !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 {
    float: none;
    width: auto!important;
/*	width: auto!important;
	margin-right: 1em; */
}

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

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

/* 横並びリスト */

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

/*横並びリスト（ボックス）*/
body.common ul.linebox li {
	display: block!important;
} 

/* frame内リンク */
body.common .frame a, body.common .frame2 a, body.common .frame3 a {
	display: block!important;
}
body.common .frameWarp a {
	display: inline!important;
}

/* frame内リンク - 横並びリスト（SP inline解除なし）*/
body.common .frame .line_sp a,
body.common .line_sp li { 
	display: inline-block!important;
}


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

/* 表組　スクロール */


.scroll {
	overflow: scroll;
}

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


/* Tag
======================================*/
body.common .tag2 {
	white-space: nowrap !important;
	padding: 0 auto !important;
	margin: 0 auto 5px !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 {
    border-left: 6px solid #528200;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: url('') none;
    border-radius: 0;
    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,
.statistics .tileListFull {
    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;
}


/* 石油・天然ガス　メタンハイドレートとは
---------------------------------------------*/
#main ul.line li img.methahy01 { width:680px!important; margin-bottom: 10px;}
#main ul.line li img.methahy02 { width:680px!important; margin-bottom: 5px;}
#main ul.line li img.methahy03 { width:680px!important; margin-bottom: 5px;}
#main ul.line li img.methahy04 { width:680px!important; margin-bottom: 5px;}


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

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

/* 小売電気事業の登録申請・届出等
---------------------------------------------*/
body.electric #menu {
 margin: 0 10px 20px 0 !important;
}