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

* ページ共通

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

html,body {
	height: 100%;
}

body {
	font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	color: #221815;
	line-height: 1.6;
	letter-spacing: 0.7px;
	background: #fffff9;
}

/* リンク設定 */
a.trans {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a.trans:hover {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

input[type="submit"].trans {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

input[type="submit"].trans:hover {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

.link-txt {
	text-decoration: underline;
}

/* リンクイメージ設定 */
a.trans:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

a.trans img {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

/* レスポンシブ表示・非表示切り替え */
.pc-show {

}
.tab-show {
	display: none !important;
}
.sm-show {
	display: none !important;
}
.pc-tab-show {
}
.tab-sm-show {
	display: none;
}
/* ページ幅 */
#container {
	background: url(../images/bg_img_left.png) no-repeat 2% 141px,
							url(../images/bg_img_right.png) no-repeat 98% 141px;
	height: 100%;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}

/* ボタンデザイン */
.btn {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn a {
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

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

* 404ページ

======================================= */
.wrap-404 {
}

/* ========================================
 
 * フォームパーツ
 
 ======================================= */
form input[type="password"],
form input[type="text"],
form input[type="tel"],
form input[type="email"] {
    width: 100%;
    padding: 10px 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 0 0;
}

form select {
    padding: 7px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="submit"] {
    padding: 7px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 0 0;
}
input[type="submit"]:hover {
    cursor: pointer;
}

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

* header

======================================= */
#header {
	width: 100%;
}

#header header {
}

#header header .header-cont-wrap {
	background: url(../images/bd_img.png) repeat-x 0 bottom;
	margin: 0 0 20px 0;
	padding: 40px 0 30px 0;
}

#header header .header-cont-wrap .header-cont {
}

/* ===== ロゴ・会員情報 ===== */
#header header .header-cont-wrap .header-cont .left {
	float: left;
}
#header header .header-cont-wrap .header-cont .left h1 {
	display: inline-block;
	vertical-align: middle;
}
#header header .header-cont-wrap .header-cont .left h1.logo {
	margin-right: 20px;
}
#header header .header-cont-wrap .header-cont .left h1.logo a {
	display: block;
}
#header header .header-cont-wrap .header-cont .left h1.logo a img {
}
/* 会員情報 */
#header header .header-cont-wrap .header-cont .left .member-info {
	vertical-align: middle;
	display: inline-block;
}
#header header .header-cont-wrap .header-cont .left .member-info ul {
	letter-spacing: -0.5em;
}
#header header .header-cont-wrap .header-cont .left .member-info ul:first-child {
	margin-bottom: 5px;
}
#header header .header-cont-wrap .header-cont .left .member-info ul li {
	letter-spacing: normal;
	display: inline-block;
	margin-right: 10px;
}
#header header .header-cont-wrap .header-cont .left .member-info ul li:last-child {
	margin-right: 0;
}
#header header .header-cont-wrap .header-cont .left .member-info ul li i {
	font-size: 1.1em;
	margin-right: 0.5em;
}

/* ===== ヘッダーサブナビゲーション ===== */
#header header .header-cont-wrap .header-cont .right {
	float: right;
}
#header header .header-cont-wrap .header-cont .right ul {
	letter-spacing: -0.5em;
}
#header header .header-cont-wrap .header-cont .right ul li {
	text-align: center;
	letter-spacing: 0;
	display: inline-block;
	margin-right: 15px;
}
#header header .header-cont-wrap .header-cont .right ul li a {
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	padding: 15px;
}
#header header .header-cont-wrap .header-cont .right ul li a i {
	font-size: 1.1em;
	margin-right: 5px;
	vertical-align: baseline;
}
#header header .header-cont-wrap .header-cont .right ul li.home a {
	color: #fff;
	background: #7e5933;
	border: 2px solid #7e5933;
}
#header header .header-cont-wrap .header-cont .right ul li.savings a {
	color: #fff;
	background: #a48b78;
	border: 2px solid #a48b78;
}
#header header .header-cont-wrap .header-cont .right ul li.logout a {
	color: #7e5933;
	background: #fff;
	border: 2px solid #7e5933;
}

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

* news

======================================= */
#news {
	clear: both;
	margin-bottom: 15px;
}
#news p.status-title {
	width: 20%;
	float: left;
}
#news p.status-title span {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	display: inline-block;
	background: #7e5933;
	margin: 0 10px 0 0;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#news .news-cont {
	background: #fff;
	border: 1px solid #7e5933;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 80%;
	float: right;
}

#news .news-cont p.title-marquee {
	margin : 0 auto;
	width : 100%;
	font-size : 12px;
	text-align : center;
	overflow : hidden;
}
#news .news-cont p.title-marquee span {
    margin:0;
	display : inline-block;
	padding-left: 100%;
	white-space : nowrap;
	line-height : 1em;
	animation : marquee 20s linear infinite;
	}
	@keyframes marquee {
	0% { transform: translateX(0)}
	100% { transform: translateX(-100%)}
}

 
#news .news-cont dl {
	display: inline-block;
}
#news .news-cont dl dt {
	margin: 0 10px 0 0;
	display: inline-block;
}
#news .news-cont dl dd {
	display: inline-block;
}

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

* gnavgnav

======================================= */
#gnav {
	margin-bottom: 0px;
}
#gnav nav ul.service-menu {
	margin: 0 0 1.0% 0;
}
#gnav nav ul.user-menu {
	margin: 0 0 1.0% 0;
}
#gnav nav ul.manual-dl {
	text-align: right
}
#gnav nav ul.manual-dl li {
	line-height: 10px
}
#gnav nav ul.manual-dl li a {
	background: rgba(255,255,255,0.5);
	color: #7e5933;
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 10px 0;
	text-align: right;
	text-decoration: underline;
}
#gnav nav ul {
	letter-spacing: -0.5em;
}
#gnav nav li {
	text-align: center;
	letter-spacing: normal;
	display: inline-block;
	width: 24%;
	margin: 0 1.3333% 0 0;
}
#gnav nav li:last-child {
	margin-right: 0;
}
#gnav nav li a {
	color: #7e5933;
	font-size: 16px;
	font-weight: bold;
	background: #abcd03;
	display: block;
	padding: 10px 0;
}
#gnav nav li a.active {
	color: #fff;
	background: #7e5933;
}
#gnav nav li a:hover {
	color: #fff;
	background: #7e5933;
}

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

* pankuzu

======================================= */
#pankuzu {
	margin-bottom: 15px;
}

#pankuzu ol {
	letter-spacing: -0.5em;
}
#pankuzu ol li {
	letter-spacing: normal;
	display: inline-block;
	margin: 0 0 0 0;
}

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

* contents

======================================= */
#contents {
	background: url(../images/bd_img.png) repeat-x 0 bottom;
	margin: 0 0 30px 0;
	padding: 0 0 8px 0;
}
#contents .contents-bg {
	background: url(../images/contents_img_left.png) no-repeat 2% bottom,
							url(../images/contents_img_center.png) no-repeat 50% bottom,
							url(../images/contents_img_right.png) no-repeat 98% bottom;
	padding: 0 0 120px 0;
}
#contents .contents-wrap {
	margin-bottom: 0px;
	padding: 30px;
	background: #fff;
	border: 2px solid #7e5933;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#contents .contents-wrap .contents-head {
	position: relative;
	margin: 0 0 20px 0;
}
#contents .contents-wrap .contents-head ul {
	text-align: center;
	width: 100%;
}
#contents .contents-wrap .contents-head ul li{
	width: 32%;
    display: inline-block;
    text-align: center;
}
#contents .contents-wrap .contents-head ul lil{
	width: 32%;
    display: inline-block;
    text-align: left;
}
#contents .contents-wrap .contents-head h2 {
    color: #7e5933;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#contents .contents-wrap .contents-head h2l {
    color: #7e5933;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}
#contents .contents-wrap .contents-head select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -appearance: none;
}
#contents .contents-wrap .contents-head select::-ms-expand {
    display: none;
}
#contents .contents-wrap .contents-head .period-control {
    color: #7e5933;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#contents .contents-wrap .contents-head .warn-text {
    color: #000000;
    background: #ffff00;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    -webkit-animation:blink 2.0s ease-in-out infinite alternate;
    -moz-animation:blink 2.0s ease-in-out infinite alternate;
    animation:blink 2.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/* ===== エラー絞り込みボタン ===== */
#contents .contents-wrap .contents-head p.btn input {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #df7000;
    width: 220px;
    padding: 7px 20px;
    position: absolute;
    top: 0%;
    right: 0;
}
/* ===== 同意内容 ===== */
#contents .contents-wrap .confirm-contents {
    width: 900px;
	margin: 0 auto; 
    text-align: center;
}

#contents .contents-wrap .confirm-contents .contents-style {
    width: 900px;
    height: 200px;
    text-align: left;
    overflow: scroll;
    border: solid;
}

#contents .contents-wrap .confirm-contents .contents-style h2{
    margin-top: 1em;
    font-size: 16px;
    font-weight: bold;
}

/* ===== 同意確認ボタン ===== */
#contents .contents-wrap .confirm-btn {
	width: 800px;
	margin: 0 auto; 
    text-align: center;
	padding: 7px 20px;
}

#contents .contents-wrap .confirm-btn li {
	display: inline-block;
	width: 300px;
	margin: 0 auto; 
	text-align: center;
}

#contents .contents-wrap .confirm-btn li.btn.confirmed a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto; 
	text-align: center;
	background: #df7000;
	width: 220px;
	padding: 7px 20px;
}

/* ===== 同意キャンセルボタン ===== */
#contents .contents-wrap .confirm-btn li.btn.canceled a {
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto; 
	text-align: center;
	width: 220px;
	padding: 7px 20px;
	border: solid;
}
/* ===== 新規会員登録ボタン ===== */
#contents .contents-wrap .contents-head p.btn a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #df7000;
	width: 220px;
	padding: 7px 20px;
	position: absolute;
	top: 0%;
	right: 0;
}
#contents .contents-wrap .contents-head p.btn a i {
	font-size: 1.3em;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

/* ===== 一覧テーブル ===== */
#contents .contents-wrap .list {
	margin: 0 0 20px 0; 
    overflow-x: scroll;
}
#contents .contents-wrap .list table {
	text-align: center;
	width: 100%;
	border: 1px #ccc solid;
	border-collapse: separate;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#contents .contents-wrap .list table th {
	font-weight: bold;
	background: #dfd5cc;
	padding: 10px;
	border-right: 1px #fff solid;
}
#contents .contents-wrap .list table th:last-child {
	border-right: none;
}
#contents .contents-wrap .list table td {
	padding: 10px;
	border-right: 1px #ccc solid;
}
#contents .contents-wrap .list table td:last-child {
	border-right: none;
}
#contents .contents-wrap .list table tr:nth-child(odd) td {
	background: #f5f2f0;
}
#contents .contents-wrap .list table tr:nth-child(even) td {
	
}

/* ========================================
 
 * トップページ
 
 ======================================= */
#contents.toppage .contents-wrap {
    margin-bottom: 0px;
    padding: 0px;
    background: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#contents.toppage .contents-wrap .circle-wrap .contents-head {
    margin-bottom: 10px;
}
#contents.toppage .contents-wrap .circle-wrap .contents-head h2 {
    font-size: 24px;
}

#contents.toppage .contents-wrap .circle-wrap .circle {
    color: #7e5933;
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    padding: 0%;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -js-display: flex; /* IE8.9 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

/***** 今日の発電 *****/
#contents.toppage .contents-wrap .circle-wrap.today {
    width: 47%;
    float: left;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle {
    background: url(../images/circle_today.svg);
/*    border:  1px #ccc solid;*/
    background-size: cover;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul {
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.day {
    font-size: 24px;
    font-weight: bold;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.date {
    font-size: 20px;
    margin-bottom: 10px;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.weather {
    margin-bottom: 20px;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.kwh {
    font-size: 20px;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.kwh .number-kwh {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    display: block;
}
/***** 貯金 *****/
#contents.toppage .contents-wrap .circle-wrap.savings {
    width: 47%;
    float: right;
}
#contents.toppage .contents-wrap .circle-wrap.savings .circle {
    background: url(../images/circle_savings.svg) no-repeat 0 0;
/*    border:  1px #ccc solid;*/
    background-size: cover;
}
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl {
}
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl dt {
    font-size: 17px;
    font-weight: bold;
}
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl dd {
    font-size: 34px;
    font-weight: bold;
}
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl dd span.yen {
    font-size: 20px;
}

/* 今日の収支 */
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl.today_income {
}

/* 今月の収支見込 */
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl.month_prospects {
    padding-top: 80px;
}

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

* エラー履歴ページ

======================================= */
#contents .contents-wrap .list_error_history {
    width: 100%;
}
#contents .contents-wrap .list_error_history table {
    text-align: center;
    width: 100%;
}

#contents .contents-wrap .list_error_history table th {
    font-weight: bold;
    background: #dfd5cc;
}
#contents .contents-wrap .list_error_history table th:last-child {
}
#contents .contents-wrap .list_error_history table td {
    padding: 0px;
}
#contents .contents-wrap .list_error_history table td:last-child {
    border-right: none;
}
#contents .contents-wrap .list_error_history table tr:nth-child(odd) td {
    background: #f5f2f0;
}
#contents .contents-wrap .list_error_history table tr:nth-child(even) td {
    
}


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

* 会員情報・機器情報ページ

======================================= */
#contents .contents-wrap .list table th.th-number {
	width: 10%
}
#contents .contents-wrap .list table th.th-name {
	width: 60%
}
#contents .contents-wrap .list table th.th-btn {
	width: 30%
}

#contents .contents-wrap .list table th.th-mac-kiki {
	width: 20%
}
#contents .contents-wrap .list table th.th-number-kiki {
	width: 10%
}
#contents .contents-wrap .list table th.th-mentemonth-kiki {
	width: 15%
}
#contents .contents-wrap .list table th.th-name-kiki {
	width: 40%
}
#contents .contents-wrap .list table th.th-btn-kiki {
	width: 30%
}
#contents .contents-wrap .list table th.th-btn-drilldown {
	width: 10%
}


#contents .contents-wrap .list table th p.btn a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: #df7000;
	width: 220px;
	margin: 0 auto;
	padding: 5px 20px;
}
#contents .contents-wrap .list table th p.btn a i {
	font-size: 1.3em;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

/* 編集・削除ボタン */
ul.operation {
	letter-spacing: -0.5em;
	width: 220px;
	margin: 0 auto;
}
ul.operation li {
	width: 46%;
	letter-spacing: normal;
	display: inline-block;
	margin: 0 0 0 0;
}
ul.operation li a {
	color: #fff;
	font-size: 14px;
	padding: 7px 20px;
}
ul.operation li.edit {
	margin-right: 4%;
}
ul.operation li.edit a {
	background: #0070df;
}
ul.operation li.delete a {
	margin-left: 4%;
}
ul.operation li.delete a {
	background: #df0000;
}
ul.operation li a i {
	font-size: 1.3em;
	margin: 0 5px 0 0; 
	vertical-align: middle;
}
ul.operation110 {
	letter-spacing: -0.5em;
	width: 160px;
	margin: 0 auto;
}
ul.operation110 li {
	width: 46%;
	letter-spacing: normal;
	display: inline-block;
	margin: 0 0 0 0;
}
ul.operation110 li a {
	color: #fff;
	font-size: 14px;
	padding: 7px 20px;
}
ul.operation110 li.drilldown {
	margin-right: 0%;
}
ul.operation110 li.drilldown a {
	background: #0070df;
}
ul.operation110 li a i {
	font-size: 1.3em;
	margin: 0 5px 0 0; 
	vertical-align: middle;
}

/* ===== 会員・機器登録フォーム ===== */
.caution-icon {
	color: #fff;
	background: #df0000;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 5px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.register-form {
	width: 100%;
}

.register-form form {
	width: 100%;
}

.register-form table {
	width: 100%;
	margin-bottom: 20px;
}
.register-form table th {
	text-align: left;
	width: 30%;
	background: #fffde4;
	padding: 15px;
	border: solid 1px #cccccc;
}
.register-form table td {
	width: 70%;
	padding: 15px;
	border: solid 1px #cccccc;
}
.register-form table td input[type="text"],
.register-form table td input[type="tel"],
.register-form table td input[type="email"] {
	padding: 10px;
}

/* 名前・ふりがな欄 */
.register-form table tr.name td,
.register-form table tr.furigana td {
}
.register-form table tr.name td span.name-caption,
.register-form table tr.furigana td span.name-caption {
	margin-right: 1em;
}
.register-form table tr.name td input[type="text"],
.register-form table tr.furigana td input[type="text"]{
	width: 40%;
	margin-right: 1em;
}
/* 住所欄 */
.register-form table tr.address td {
	padding: 0;
}
.register-form table tr.address td dl {
	display: table;
	width: 100%;
}
.register-form table tr.address td dl dt {
	display: table-cell;
	width: 20%;
	background: #fffef2;
	padding: 15px;
	border: solid 1px #cccccc;
	border-top: none;
	border-left: none;
}
.register-form table tr.address td dl dd {
	width: 80%;
	display: table-cell;
	padding: 15px;
	border: solid 1px #cccccc;
	border-top: none;
	border-left: none;
}
.register-form table tr.address td dl:last-child dt,
.register-form table tr.address td dl:last-child dd {
	border-bottom: none;
}

/* ===== 会員・機器登録　確認画面 ===== */
/* 名前・ふりがな */
.register-form.check form table tr.name td span.name-caption,
.register-form.check form table tr.furigana td span.name-caption {
	margin-right: 0;
}
.register-form.check form table tr.name td label,
.register-form.check form table tr.furigana td label {
	margin-right: 2em;
}


/* 確認・登録ボタン */
.register-form .form-btn-wrap {
	text-align: center;
}

p.form-btn1,
p.form-btn2,
p.form-btn3 {
	display: inline-block;
}

p.form-btn1 input[type="submit"],
p.form-btn1 a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #df7000;
	width: 220px;
	padding: 7px 20px;
	border: 1px #df7000 solid;
}
p.form-btn2 input[type="submit"],
p.form-btn2 a {
	color: #7e5933;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #fff;
	width: 220px;
	padding: 7px 20px;
	border: 1px #7e5933 solid;
}
p.form-btn3 input[type="submit"],
p.form-btn3 a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #df7000;
	width: 110px;
	padding: 7px 20px;
	border: 1px #df7000 solid;
}

/* ===== 会員・機器登録　完了画面 ===== */
.register-form-comp {
	text-align: center;
}

.register-form-comp h3 {
	color: #df0000;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.register-form-comp .btn a {
	color: #7e5933;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 2px #7e5933 solid;
	width: 240px;
	margin: 0 auto;
}
.register-form-comp .btn a:hover {
	color: #fff;
	background: #7e5933;
}

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

* 発電情報ページ

======================================= */
/* ===== 日付 ===== */
.date-select {
	background: #dfd5cc;
	margin: 0 0 20px 0;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.date-select {
}
.date-select input {
}
.date-select ul {
	width: 100%;
/*	letter-spacing: -0.5em;*/
}
.date-select ul li {
	letter-spacing: normal;
	display: inline-block;
}
.date-select ul li.date-prev {
    width: 7%;
}
.date-select ul li.date-cell {
    width: 68%;
/*    text-align:center;*/
}
.date-select ul li.date-next {
    width: 7%;
}
.date-select ul li.date-submit {
    width: 12%;
}
.date-select ul li span {
	font-weight: bold;
}
.date-select ul li select {
	width: 30%;
	padding: 7px;
}
.date-select ul li input[type=submit] {
	color: #fff;
	width: 100%;
	padding: 7px 5px;
	background: #7e5933;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	box-shadow: 0 0 0 0;
}
.date-select ul li input[type=submit]:hover {
	cursor: pointer;
}
.date-select ul li button[type=submit] {
    color: #fff;
    width: 100%;
    padding: 7px 5px;
    background: #7e5933;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 0 0;
}
.date-select ul li button[type=submit]:hover {
    cursor: pointer;
}
/* ===== グラフ表示 ===== */
.graph {
}

.graph h2r {
}

.graph h2r ul {
    font-size: 0;
    text-align: left;
}
.graph h2r ul li {
    display: inline-block;
    color: #7e5933;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    width: auto;
}
.graph h2r ul li input{
    color: #7e5933;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    width: 150px;
    border: none;
}
.graph .dummy-graph {
	width: 100%;
	height: 560px;
	background: #ccc;
	display: block;
	margin: 0 0 20px 0; 
}
/* ===== グラフ切り替え ===== */
.graph-select {
	margin-bottom: 30px;
}
.graph-select {
}
.graph-select dl {
	width: 23.5%;
	margin: 0 2% 0 0;
	float: left;
}
.graph-select dl:last-child {
	margin-right: 0;
}
.graph-select dl dt {
	color: #7e5933;
	font-size: 14px;
	margin: 0 0 5px 0;
}
.graph-select dl dt i {
	font-size: 1.3em;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.graph-select dl dd {
	width: 100%;
}
.graph-select dl dd select {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* ===== 発電情報その他操作 ===== */
.other-date {
}
.other-date ul {
	letter-spacing: -0.5em;
}
.other-date ul li {
	font-size: 15px;
	text-align: center;
	letter-spacing: normal;
	display: inline-block;
	width: 48%;
	margin: 0 4% 0 0;
}
.other-date ul li:last-child {
	margin-right: 0;
}
.other-date ul li.btn a {
	color: #7e5933;
	padding: 10px;
	border: 2px #7e5933 solid;
}
.other-date ul li.btn a:hover {
	color: #fff;
	background: #7e5933;
}
.other-date ul li.btn a i {
	font-size: 1.3em;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/* ===== 一覧ページネーション ===== */
.pagination {
	margin: 0 0 30px 0;
}

/* 全件数 */
.pagination ul.page-count {
	letter-spacing: -0.5em;
	float: left;
}

.pagination ul.page-count li {
	letter-spacing: normal;
	display: inline-block;
	margin: 0 10px 0 0;
}
.pagination ul.page-count li:last-child {
	margin-right: 0;
}

/* 全件数 */
.pagination ol.page-number {
	letter-spacing: -0.5em;
	float: right;
}
.pagination ol.page-number li {
	letter-spacing: normal;
	display: inline-block;
	margin: 0 10px 0 0;
}
.pagination ol.page-number li:last-child {
	margin-right: 0;
}
.pagination ol.page-number li a {
	color: #7e5933;
	font-weight: bold;
	display: inline-block;
	background: #fff;
	padding: 5px 10px;
	border: 1px #7e5933 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagination ol.page-number li a.active,
.pagination ol.page-number li a:hover {
	color: #fff;
	font-weight: bold;
	background: #7e5933;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


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

* footer

======================================= */
#footer {
}

#footer .footer-bg {
    text-align: center;
    background: url(../images/footer_img_left.png) no-repeat 0 20px,
    url(../images/footer_img_right.png) no-repeat 99% top,
    url(../images/footer_top_bd.png) 0 bottom repeat-x;
    min-height: 162px;
    margin-bottom: -15px;
}
#footer .footer-bg p.contacts-text {
    color: #7d5934;
    font-weight: bold;
    width: 100%;
    padding: 30px 0 0 0;
}
#footer .footer-wrap {
    background: #7d5934;
}
#footer footer {
    color: #fff;
    padding: 30px 0;
}
#footer footer .footer-nav {
    float: left;
    padding-top: 12px;
}
#footer footer .footer-nav ul {
    letter-spacing: -0.5em;
    margin-bottom: 1em;
}
#footer footer .footer-nav ul li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
}
#footer footer .footer-nav ul li a {
    color: #fff;
}
#footer footer .footer-nav ul li.icon-img {
    margin: 0 20px 0 0;
}
#footer footer .footer-nav ul li:nth-child(2) {
    border-right: 1px #fff solid;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
#footer footer .copyright {
}

/* エコーネット ロゴ */
#footer footer .echonet_logo {
    text-align: center;
    color: #7d5934;
    float: right;
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#footer footer dl.echonet_logo dt {
    margin-bottom: 10px;
}
#footer footer dl.echonet_logo dt img {
    width: 50%;
}

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

* ログインページ

======================================= */
.login {
}
.login #container {
	background: url(../images/bg_img_left.png) no-repeat 2% 10%,
							url(../images/bg_img_right.png) no-repeat 98% 10%;
}
.login #container .container-wrap {
	position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	margin-top: -100px;
    z-index: 100;
}

/* ===== ヘッダー ===== */
.login #header-login {
}
.login #header-login .inner {
	width: 500px;
}
.login #header-login h1.logo {
	margin: 0 auto 30px auto;
	width: 218px;
}
.login #header-login h1.logo a {
}

/* ===== コンテンツ ===== */
.login #contents.contents-login {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.login #contents.contents-login .inner {
	width: 500px;
	padding: 30px;
}
/* ログインフォーム */
.login #contents.contents-login .login-form {
}
.login #contents.contents-login .login-form dl {
	width: 100%;
	margin-bottom: 15px;
}
.login #contents.contents-login .login-form dl dt {
	color: #7e5933;
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	margin: 0 0 5px 0;
}
.login #contents.contents-login .login-form dl dt i {
	font-size: 1.3em;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.login #contents.contents-login .login-form dl dd {
	width: 100%;
}
.login #contents.contents-login .login-form dl dd input[type="text"] {
    width: 100%;
}
.login #contents.contents-login .login-form dl dd input[type="password"] {
	width: 100%;
}
.login #contents.contents-login .login-form .login-btn {
}
.login #contents.contents-login .login-form .login-btn input[type="submit"] {
	font-family: FontAwesome;
	font-size: 18px;
	color: #fff;
	width: 100%;
	padding: 7px 10px;
	background: #7e5933;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	box-shadow: 0 0 0 0;
}
.login #contents.contents-login .login-form .login-btn input[type="submit"]:hover {
	cursor: pointer;
}

/* ========================================
 
 * 会社概要
 
 ======================================= */
.info-table .company-img {
    text-align: center;
    margin: 0 0 20px 0;
}
.info-table h3 {
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.5em;
    margin: 0 0 20px 0;
}
.info-table table {
    width: 600px;
    margin: 0 auto 20px auto;
}
.info-table table th {
    text-align: center;
    width: 25%;
    background: #fffde4;
    padding: 15px;
    border: solid 1px #cccccc;
}
.info-table table td {
    width: 75%;
    padding: 15px;
    border: solid 1px #cccccc;
}

/* ========================================
 
 * プライバシーポリシー
 
 ======================================= */
.privacy-wrap {
}

.privacy-wrap dl {
    margin: 0 0 25px 0;
}

.privacy-wrap dt {
    font-size: 15px;
    font-weight: bold;
    background: #e8e2dd;
    margin: 0 0 15px 0;
    padding: 10px;
    border-left: 3px solid #886644;
}

.privacy-wrap dd {
}