@charset "utf-8";
/*--------------------------------------------
	 サイト基本設定　ここの設定はサイト依存
--------------------------------------------*/
body,html {
 font-family:"メイリオ", Meiryo,  "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:100%;
 height:100%;
}
body {
	height:auto;
 border-top: 3px solid #5aa53d;
	color:#2a2929;
	font-size: 14px;
	line-height:1.8;
}
body img{
	width: auto;	
}
a {
	text-decoration:none;
	color:#FFF;
}
a:hover {
	text-decoration:none;
	color:#CCC;
}
.admin_cts a{
 text-decoration: underline;
}
.admin_cts a:hover{
 text-decoration: none;
}
table {
	width:100%;
 font-size: 12px;
}
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
table {
 table-layout: fixed;
 }
}
a:hover img{
 opacity: 0.7;
}
/*--------------------------------------------
	ヘッダー
--------------------------------------------*/
header {
	width:100%;
 border-bottom: 1px solid #ccc;
 margin-bottom:  30px;
}
header #hdr_inner{
 width: 1000px;
 margin: 0 auto;
 display: flex;
 align-items: flex-start;
}
header #hdr_inner >:last-child {
 margin-left: auto;
}
header #hdr_inner img{
 padding: 30px 0;
}
header #hdr_inner .logout a{
 border-top: none;
}
header #hdr_inner ul{
 float: right;
}
header #hdr_inner .btn01{
 float: left !important;
 margin-left:10px;
}
nav{
 border-bottom: 1px solid #ccc;
}
nav ul{
 width: 1020px;
 margin: 0 auto;
}
nav li{
 float: left;
}
nav li a{
 display: block;
 background: #8eb861;
 color: #FFF;
 font-size: 12px;
 font-weight: bold;
 padding: 10px;
 border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
nav .active a,nav li a:hover{
 background: #668842;
}
nav .support a,nav .support a:hover{
 background: #e67c2f;
 color: #FFF;
}
/*--------------------------------------------
	breadcrumb / パンくず
--------------------------------------------*/
#breadcrumb{
 border-bottom:1px solid #ccc;
 background: #f3f3f3;
}
#breadcrumb ul{
 width: 1050px;
 margin: 0 auto;
 padding: 7px 0;
}
#breadcrumb ul li{
 display: inline-block;
 position: relative;
 padding-left: 20px;
 font-size: 12px;color: #FFF;
}
#breadcrumb li:first-child {
 content: "";
 padding: 0;
}
#breadcrumb li:before{
    content: " > ";
    position:absolute;
    left:3px;
    top: 0;
}
#breadcrumb li:first-child::before {
    content: "";
    padding:0
}
#breadcrumb ul li:first-child:before{
	content: none;
}
#breadcrumb ul li{
 color:#262626;
}
#breadcrumb ul li a{
 color:#262626;
}
#breadcrumb ul li a:hover{
 color: #ccc;
}
/*--------------------------------------------
	コンテンツ共通
--------------------------------------------*/
.admin_cts{
 width: 1020px;
 margin: 0 auto;
 padding: 30px 0;
}
.admin_cts02{
 width: 600px;
 margin: 0 auto;
 padding: 30px 0;
}
.wh{
 background: #FFF;
}
.img_ct{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.tab{
 margin-bottom: 15px;
 border-bottom: 1px solid #ccc;
}
.tab li{
 float: left;
}
.tab li a{
 display: block;
 background: #5aa53d;
 color: #FFF;
 font-weight: bold;
 padding: 6px 25px;
 border: 1px solid #e6e3e3;
 border-bottom: none;
 border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
 text-decoration: none;
}
.tab .active a,nav li a:hover{
 background: #8eb861;
 color: #ccc;
}
/*--------------------------------------------
	ボタン・見出し共通
--------------------------------------------*/
i{
 margin-right: 5px;
}
.btn01 a{
 background: #e1f3ff;
 color: #2b2626;
 padding: 5px 12px;
 font-size: 12px;
 border: 1px solid #ccc;
 text-decoration: none;
}
.btn01 a:hover{
 background: #84cbff;
}
.btn02 a{
 background: #313131;
 padding: 5px;
 font-size: 12px;
}
.ttl01{
 font-size: 18px;
 font-weight: bold;
 border-left: 3px solid #5aa53d;
 padding: 5px 0 5px 8px;
 margin-bottom: 15px;
}
.ttl03{
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 2px;
}
/*--------------------------------------------
	フォーム
--------------------------------------------*/
label{
 display: block;
 font-weight: bold;
}
input{
 margin: 0 5px 15px 0;
 line-height: 2.5;
 border: 1px solid #e0e0e0;
}
input.no-border{
 border: none;
}
select{
	height: 30px;
}
textarea{
 width: 100%;
 border: 1px solid #e0e0e0;
 margin-bottom: 15px;
}
.submit input{
 background: #FFF;
 color: #2b2626;
 padding: 5px 12px;
 font-size: 12px;
 border: 1px solid #ccc;
}
.submit input,#login_form submit{
 width: auto;
 margin-bottom: 0;
}
.submit .login{
 color: #FFF;
 font-weight: bold;
 border: none;
}
.checkbox{
 width: auto;
 margin: 0 5px;
}
.wd01{
 width: 10%;
}
.wd02{
 width: 20%;
}
.wd05{
 width: 50%;
}
.wd08{
 width: 80%;
}
/*--------------------------------------------
	検索フォーム
--------------------------------------------*/
.search{
 padding-top: 15px;
}
.search_form{
 margin-bottom: 15px;
}
.search_form,.search_form th,.search_form td{
 border: 1px solid #ccc;
 font-size: 12px;
	padding: 10px;
}
.search_form th{
 background: #f1f1f1;
 padding: 10px 5px;
 width: 88px;
 box-sizing: border-box;
}
.search_form .th01,.th01{
 background: #e3f0d4;
}
.th02{
 background: #f2f8ec;
}
.search_form input{
 margin: 10px;
 line-height: 2;
}
.search_form p{
 width: 80%;
 margin: 10px;
 line-height: 2;
}
.search_form select{
 margin: 10px;
}
.search_form .checkbox{
 width: auto;
 margin: 0 5px;
}
.search_form td ul{
	display: flex;
	flex-flow: wrap;
}
.search_form td ul li{
	margin: 0 10px 10px 0;
}
.search .submit{
 text-align: center;
}
.search .submit li{
 display: inline-block;
 margin: 0 10px;
}
.search .submit li input{
 background: #5aa53d;
 color: #FFF;
}
.search .submit li .clear{
 background: #b5b5b5;
}
.not{
 background: #ff8181;
}
/*--------------------------------------------
	検索結果
--------------------------------------------*/
.list{
 background: #FFF;
	margin-bottom: 12px;
}
#invoice_info .list{
 margin-bottom: 0;
}
.list .list_form_box{
 margin-bottom: 20px;
}
.list .list_form_box form{
 float: left;
}
.list .list_form_box input{
 width: auto;
 margin: 2px 0 0 5px;
 background: #5aa53d;
 color: #FFF;
 line-height: 2;
}
.list .list_form_box .btn01{
 float: right;
}
.list .search_result,.list .search_result th,.list .search_result td{
 border:  1px solid #ccc;
}
.list .search_result th,.list .search_result td{
 text-align: center;
 padding: 7px 3px;
	max-width: 170px;
	width: auto;
}
.list .search_result th{
 background: #f1f1f1;
}
.list .search_result a{
 padding: 0 3px;
 color: #0F17A6;
}
/*--------------------------------------------
	詳細情報テーブル
--------------------------------------------*/
.info_box{
 margin-bottom: 20px;
}
.info_box,.info_box th,.info_box td{
 border: 1px solid #ccc;
 box-sizing: border-box;
 padding: 5px 10px; 
}
.info_box .th01{
 background: #e3f0d4;
 width: 15%;
}
.info_box td{
 min-width: 35%;
}
.info_box td .month li{
 width: 16%;
 float: left;
}
.info_box td .meter li{
 float: left;
 border: 1px solid #e8e7e7;
 padding-bottom: 6px;
 text-align: center;
}
.info_box td .meter li span{
 background: #e3f0d4;
 padding: 6px 20px 3px;
 margin-bottom: 3px;
 display: block;
}
.info_box td .btn01 a{
 margin-right: 10px;
}
.info_box label{
	display: inline-block;
}
/*--------------------------------------------
	新規登録/編集画面
--------------------------------------------*/
#edit .admin_cts{
 width: 800px;
}
#edit .wd5{
 width: 5%;
}
#edit .wd10{
 width: 10%;
}
#edit .wd30{
 width: 30%;
}
#edit .wd60{
 width: 60%;
}
#edit li{
 margin-bottom: 15px;
 padding-bottom: 15px;
 border-bottom: 1px solid #ccc;
}
/*-------------------------------------
	サブナビゲーション
--------------------------------------*/
.sub_nav{
 width: 1020px;
 margin: 0 auto 15px;
 padding: 15px 0;
 border-bottom: 5px solid #5aa53d;
}
.sub_nav li{
 float: left;
 margin-right: 20px;
}
.sub_nav a{
 color: #0E7433;
 font-size: 12px;
}
.sub_nav a:hover{
 text-decoration: underline;
}
/*--------------------------------------------
	Footer / フッター
--------------------------------------------*/
#footer {
	width:100%;
 background: #122034;
 padding: 60px 0 0;
}