@charset "utf-8";
/******************************
 * 低圧電力コンテンツ
 ******************************/

#ep-low-main {
    margin-top: 10px;
    margin-right: 140px;
    margin-bottom: 30px;
    margin-left: 140px;
    padding: 0;
}

.plan-name {
	width: 250px;
  font-size: 1.2rem;
  color: #fff;
  /*font-weight: bold;*/
  /*text-decoration: underline;*/
  margin-bottom: 2px;
  padding: 8px 10px 2px 18px;
  background-color:#063;
 /* text-shadow: #000 2px 2px 2px;*/
 -moz-border-radius:8px; /* 角を丸く*/
 -webkit-border-radius:8px;
 border-radius:8px;
}

@media screen and (max-width:1000px){
#ep-low-main {
    margin-right: 30px;
    margin-left: 40px;
}
}

@media screen and (max-width:641px){
#ep-low-main {
    margin-right: 5px;
    margin-left: 15px;
}

.plan-name {
	width: 180px;
  font-size: 85%;
  margin-bottom: 2px;
/*  padding: 8px 10px 2px 18px;*/
}
}
@media screen and (max-width:480px){
#ep-low-main {
    margin-right: 2px;
    margin-left: 5px;
}

.plan-name {
	width: 140px;
  font-size: 80%;
  margin-bottom: 2px;
 /* padding: 8px 10px 2px 18px;*/
}
}


.ep-low-c  li{
list-style-type:none;		/*リストマーカー無しにする*/
}
.ep-low-c2  li{
list-style-type:none;		/*リストマーカー無しにする*/
  font-size:90%;
}
.ep-low-c3 {
	margin:10px 0 10px 5px;
}
.ep-low-c3  li{
list-style-type:none;		/*リストマーカー無しにする*/
color:#666;
}
@media screen and (max-width:641px){
.ep-low-c  li{
  font-size:90%;
}
.ep-low-c2  li{
  font-size:85%;
}
.ep-low-c3  li{
  font-size:85%;
}
}

.ep-low-y li{
	float: left;
	margin: 10px 0 5px 0;
	padding: 3px 20px 3px 20px;
	list-style-type:none;		/*リストマーカー無しにする*/
	/*border: 1px solid #999;*/
}

 li.ep-low-y1{
	background-color: #eee;
	border: 1px solid #999;
}
 li.ep-low-y2{
	 border-top: 1px solid #999;
	 border-right: 1px solid #999;
	 border-bottom: 1px solid #999;
}

.ep-low-t{
	float: left;
	border-collapse:collapse;
	text-align: center;
	margin-right:10px;
}
.ep-low-t th{
	/*width: 220px;*/
	width: 200px;
	background-color: #eee;
	border: 1px solid #999;
}
.ep-low-t td{
	border: 1px solid #999;
}
.ep-low-t caption{
	caption-side: bottom;
	text-align:right;
	font-size: 14px;
}

.ep-low-t2{
	/*clear:both;*/
	border-collapse:collapse;
	text-align: center;
}
.ep-low-t2 th{
	width: 220px;
	background-color: #eee;
	border: 1px solid #999;
}
.ep-low-t2 td{
	border: 1px solid #999;
}
.ep-low-t2 caption{
	caption-side: bottom;
	text-align:right;
	font-size: 14px;
}

@media screen and (max-width:1000px){
.ep-low-t th{
	max-width: 170px;
}
.ep-low-t2 th{
	width: 200px;
	
}
.ep-low-t th, .ep-low-t td{
	font-size: 13px;
}
.ep-low-t2 th, .ep-low-t2 td{
	font-size: 13px;
	
}
}
@media screen and (max-width:641px){
.ep-low-t th{
	max-width: 170px;
}
.ep-low-t2 th{
	width: 200px;

}
.ep-low-t th, .ep-low-t td{
	font-size: 12px;
}
.ep-low-t2 th, .ep-low-t2 td{
	font-size: 12px;
	
}
}



 
/*============================================
　　低圧電力サブメニュー
============================================*/

/******************************
 * 低圧電力ご利用の流れ
 ******************************/
.ep-low-main-f {
	background-color:#eff;
}

#low-flow-main {
    margin-top: 10px;
    margin-right: 140px;
    margin-bottom: 30px;
    margin-left: 140px;
    padding: 0;
}

.flow-1{
  margin: 10px 120px 10px 120px;
  padding: 5px;
  background-color:#9cf; 
 -moz-border-radius:8px; /* 角を丸く*/
 -webkit-border-radius:8px;
 border-radius:8px;
}

.flow-1 ul li{
  list-style-type:none;		/*リストマーカー無しにする*/
}
.flow-c {
  margin: 5px 0 5px 120px;
}

.flow-11 {
	color:#0068b7;
  }
  
.flow-1 a:hover{
  color: #f63;
  font-weight:bold;
 }


@media screen and (max-width:1000px){
.flow-c {
  margin: 5px 3px 5px 40px;
}
.flow-1{
  margin: 8px 40px 8px 40px;
}
}
@media screen and (max-width:641px){
.flow-c {
  margin: 5px 3px 5px 30px;
	font-size: 85%;
}
.flow-1{
  margin: 3px 30px 3px 30px;
	font-size: 85%;
}
.arrow01 img{
	width:80px;
	height:auto;
}
}
@media screen and (max-width:480px){
.flow-c {
  margin: 3px 1px 3px 10px;
	font-size: 80%;
}
.flow-1{
  margin: 3px 10px 3px 10px;
	font-size: 80%;
}
.arrow01 img{
	width:70px;
	height:auto;
}
}