@charset "Shift_JIS";
/* =================================
 *
 *    type S 2016.02.24
 *
================================= */
/* =================================
	*    TOP
================================= */
.topPage #keyVisual {
	width: 950px;
	margin: 0 0 10px 0;
	position: relative;
}
.topPage #keyVisual{ position: relative;}
.topPage #keyVisual .mvLink{ 
	position: absolute;
	left: 335px;
	bottom: 14px;
}
.topPage #keyVisual .mvLink a{
	color: #ffffff;
	font-size: 11px;
}
.topPage .efInfo p { line-height: 2.2 !important; }
.side_block .sBox{ display: table;}
.side_block .iconAarrow.flN,
.side_block .iconAarrow .flN{float: none;}
.side_block .sBox .middle,.side_block .sBox .iconAarrow{
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.sidenav .togglebt:hover{
  cursor: pointer;;
}
/*    TOP : Feature List
---------------------------------------*/
.topPage #featureList div.clearfix { margin: 0 0 30px 0; }
.topPage #featureList .inner {
	width: 550px;
	padding: 5px 0 0 0;
	float: right;
}
.topPage #featureList .inner ul li { margin: 0 0 3px 0; }
.topPage #featureList .inner ul h4 {
	margin: 0 20px 0 0;
	display: inline-block;
}
.topPage #featureList .inner ul h4 a {
	padding: 0 0 0 10px;
	background: url(/search_buy/enefarm/img/index_new_arrow_01.gif) no-repeat 0 center;
	color: #438d33;
	letter-spacing: 0.175em;
	font-size: 15px;
	font-weight: 700;
}
.topPage #featureList .inner ul h4 a:hover { color: #48be2f; }
.topPage #featureList .inner ul p {
	display: inline-block;
	font-size: 12px;
}
.topPage #featureList .productList { text-align: right; }
/* feature Style */
.topPage #featureList .feature2 { margin-bottom: 30px; }
.topPage #featureList .feature3 ul.kome-xsmallList { padding: 5px 0 0 177px; }
.topPage #featureList .feature5 p.kome-xsmall { margin: 0 0 0 88px; }
/* mainColumn reset */
#mainColumn.topPage #featureList .kome-xsmall, .topPage #featureList .kome-xsmallList {
	font-size: 11px;
	line-height: 1.35;
	color: #777;
}
/*    TOP : ダブル発電
---------------------------------------*/
.topPage .double {
	margin: 0 0 40px 0;
	border: 1px solid #dfdfdf;
}
.topPage .double h3 {
	padding: 20px 0 5px 33px;
	position: relative;
}
.topPage .double h3 a {
	position: absolute;
	padding: 3px 0 0 20px;
}
.topPage .double ul {
	letter-spacing: -0.5em;
	padding: 0 0 15px 33px;
}
.topPage .double ul li {
	letter-spacing: 0;
	display: inline-block;
}
/*    TOP : FAQ
---------------------------------------*/
.topPage #supportArea_enefarm a { font-size: 13px; }
.topPage #supportArea_enefarm dl, .topPage #supportArea_enefarm ul {
	width: 100%;
	overflow: hidden;
	box-sizing: content-box;
}
.topPage #supportArea_enefarm dl dt, .topPage #supportArea_enefarm dl dd, .topPage #supportArea_enefarm .support_section01 ul li { float: left; }
.topPage #supportArea_enefarm dt { width: 80px; }
.topPage #supportArea_enefarm .support_section01 { width: 660px; }
.topPage #supportArea_enefarm .support_section02 { width: 210px; }
.topPage #supportArea_enefarm .support_section01 ul { border-right: 1px dashed #ccc; }
.topPage #supportArea_enefarm .support_section02 ul { padding: 0 0 0 30px; }
.topPage #supportArea_enefarm .support_section01 ul li {
	margin: 0 0 5px 0;
	width: 50%;
}
.topPage #supportArea_enefarm .support_section01 ul li a,
.topPage #supportArea_enefarm .support_section02 ul li a {
	padding-left: 10px;
	background: url("/search_buy/common/img/icon_triangle_blue.png") no-repeat scroll left center;
}

/* FAQ Customer */
.topPage .subTitle{
	width: 100%;
}
.topPage #supportArea_enefarm .support_section01 ul li.faq_customer {
	clear: both;
	width: 100%;
}
.topPage #supportArea_enefarm .support_section01 ul li.faq_customer dl dt,
.topPage #supportArea_enefarm .support_section01 ul li.faq_customer dl dd {
	float: left;
	box-sizing: border-box;
}
.topPage #supportArea_enefarm .support_section01 ul li.faq_customer dl dt {
	padding: 5px 0;
	width: 230px;
	background: #efefef;
	text-align: center;
}
.topPage #supportArea_enefarm .support_section01 ul li.faq_customer dl dd {
	padding: 5px 0;
	width: 430px;
}
.topPage #supportArea_enefarm .support_section01 ul li.faq_customer dl ul {
	margin: 0 10px;
	width: auto;
	border: none;
}
.topPage #supportArea_enefarm .support_section01 ul li.faq_customer dl ul li { width: 100%; }

/*    TOP : 関連情報
---------------------------------------*/
.topPage #relatedArea ul {
	width: 100%;
	overflow: hidden;
}
.topPage #relatedArea ul li { float: left; }
.topPage #relatedArea ul li img { margin-left: 10px; }

/*    TOP : Web限定ムービー
---------------------------------------*/
.btnMovieEle a { cursor: pointer; }
.overlay {
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	background: #000;
	-ms-filter: "alpha( opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: pointer;
}
.modalMovie {
	position: absolute;
	left: 50%;
	z-index: 1001;
	text-align: center;
	display: none;
	padding: 20px 0;
	_background: #000;
	-ms-filter: "alpha( opacity=50)";
	filter: alpha(opacity=50);
}
.modalMovieCm {
	margin-left: -450px;
	width: 900px;
}
.modalMovieCm .cm {
	width: 640px;
	margin: 0 auto;
}
.modalMovieEle {
	margin-top: 30px;
	margin-left: -320px;
	width: 640px;
	background: #333;
}
.modalMovie .closeBtn {
	cursor: pointer;
	z-index: 1003;
	text-align: center;
}
.modalMovieEle .note { margin-top: -20px; }
/* =================================
	*    Parts Setting
================================= */
#homeMain #doubleColumn #mainColumnWrap h1.title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .2em;
	padding: 12px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
/*h2 { background: none; }*/
h3.title {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .1em;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	display: block;
	border-bottom: 1px solid #ccc;
	border-top: none;
	background: none;
	color: #333;
}
p.contentLink { text-align: right; }
.contentLink span {
	padding: 1px;
	border: 4px solid #eaeefa;
	display: inline-block;
	background: url(/search_buy/enefarm/common/img/content_link_bg.gif) repeat-x 0 center;
}
.contentLink span a {
	padding: 12px 10px 12px 25px;
	display: block;
	background: url(/search_buy/enefarm/common/img/arrow_01.gif) no-repeat 10px center;
}
p.textLinkA { text-align: right; }
p.textLinkA span {
	display: inline-block;
	padding: 0 0 0 15px;
	background: url(/search_buy/enefarm/common/img/arrow_01.gif) no-repeat 0 center;
}
#enefarm_requirement { background: #f4f4f4; }
#enefarm_requirement .font-b.tit { color: #263370; }
/*--------icons----------*/
i.exlink:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 12px;
	margin: -3px 0 0 3px;
	background: url(/common/img/ver2/icon_other.gif) no-repeat 0 0;
	background-size: contain;
	vertical-align: middle;
}
/* =================================
	*    Page Bottom Nav
================================= */
.pageBottomNav {
	margin: 0 0 20px 0;
	padding: 20px 15px 0 15px;
	border-top: 1px solid #dfdfdf;
	overflow: hidden;
	position: relative;
}
#search_buy .pageBottomNav h3 {
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	margin: 0 0 25px 0;
	padding: 0;
	border: 0;
	position: relative;
}
.pageBottomNav h3 span {
	font-size: 13px;
	font-weight: 400;
	padding: 0 0 0 20px;
	background: url(/search_buy/enefarm/common/img/arrow_01.gif) no-repeat 0 center;
	position: absolute;
	top: 31px;
	right: 24px;
}
.pageBottomNav ul li {
	width: 170px;
	float: left;
	margin: 0 0 7px 0;
	padding: 0 0 0 15px;
	background: url(/search_buy/enefarm/common/img/arrow_02.gif) no-repeat 0 center;
}
.pageBottomNav ul li.short { width: 50px; }
/* =================================
	*    Page Style
================================= */
ul.pagenavi {
	background-color: #eee;
	line-height: 100%;
	padding: 10px;
	margin-bottom: 50px;
}
ul.pagenavi li.f_left {
	background: url(/common/img/icon/icon_pagenavi-left.gif) no-repeat scroll left 7px;
	padding: 3px 5px 3px 14px;
	width: 314px;
}
ul.pagenavi li.f_right {
	background: url(/common/img/icon/icon_pagenavi-right.gif) no-repeat scroll right 7px;
	padding: 3px 15px 3px 10px;
	border-left: 1px dotted #666;
	width: 314px;
	text-align: right;
}
.page_l {
	background: url(/common/img/icon/icon_pagenavi-left.gif) no-repeat scroll left 7px;
	padding: 3px 5px 3px 20px;
}
.page_r {
	background: url(/common/img/icon/icon_pagenavi-right.gif) no-repeat scroll right 7px;
	padding: 3px 20px 3px 14px;
	border-left: 1px dotted #666;
}
/* =================================
	*    dl_area
================================= */
.dl_area { padding: 5px 0; }
.dl_area dl {
	margin: 0 5px;
	background: #fff;
}
/* =================================
	*    余剰電力買取について
================================= */
.purchas #mainColumn ul.list { padding: 0 0 40px 1.25em; }
.purchas #mainColumn ul.list li {
	list-style: disc;
	margin: 0 0 5px 0;
}
.purchas #mainColumn ul.list li ol { padding: 5px 0 0 1.25em; }
.purchas #mainColumn ul.list li ol li { list-style: decimal; }
.purchas #mainColumn table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0;
}
.purchas #mainColumn table, .purchas #mainColumn table th, .purchas #mainColumn table td { border: 1px solid #ddd; }
.purchas #mainColumn table th, .purchas #mainColumn table td { padding: 5px 10px; }
.purchas #mainColumn table th {
	text-align: center;
	white-space: nowrap;
}

.purchas #mainColumn .ef_price{
	width: 680px;
	text-align: center;
}

.purchas #mainColumn .ef_price th{
	width: 16%;
	background-color: #eeeeee;
}
.purchas #mainColumn .ef_price td{ width: 16%; }

/* archive */
p.archive_link { text-align: right; }
p.archive_link span {
	padding: 0 0 0 12px;
	background: url(/common/img/icon/sprite_icon.gif) no-repeat left -97px;
}

/*    purchas_list : 過去の余剰電力買取について
---------------------------------------*/
.purchas .listBox { padding: 0 0 40px 1.25em; }
/* =================================
	*    防災性
================================= */
#selling04 p.title {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
}
#selling04 ul { padding: 0 0 0 1.25em; }
#selling04 ul li {
	list-style: disc;
	margin: 0 0 5px 0;
}
#selling04 ol { padding: 0 0 0 1.25em; }
#selling04 ol li {
	margin: 0 0 10px 0;
	list-style: decimal;
}
/* =================================
	*    利便性
================================= */
.convenienceNote {
	padding: 5px 0 15px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.padding-l270 { padding-left: 270px; }
.padding-l170 { padding-left: 170px; }
.colorG { color: #777; }
.bgNone { background: none !important; }

/*    table
---------------------------------------*/
#mainColumn table.enef_table {
  border-top: #ccc 1px solid;
  border-left: #ccc 1px solid;
  width: 100%;
}
#mainColumn table.enef_table th {
	background: #eff8fe!important;
	font-weight: bold;
	color: #000;
	text-align: center;
}
#mainColumn table.enef_table th,
#mainColumn table.enef_table td {
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  padding: 10px;
}
#mainColumn table.enef_table td{
  background-color: #fff;
}
#mainColumn table.enef_table .left02,
#mainColumn table.enef_table .t_al{
  background-color: #eff8fe;
	font-weight: bold;
	color: #000;
	text-align: center;
}

/*   別窓リンク
---------------------------------------*/
.grayBox .iconAarrow a[target=_blank]{
	background: url(/search_buy/common/img/icon/icon_blank_blue.gif) no-repeat right  bottom 0.5em;
	padding-right: 15px;
}
.topPage i.exlink:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 12px;
	margin: -3px 0 0 3px;
	background: url(/search_buy/common/img/icon/icon_blank_blue.gif) no-repeat 0 0;
	background-size: initial;
	vertical-align: middle;
}