.navbar {
    background-color: #aacc00;
    border: medium none;
    border-radius: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navi{
    margin: 20px 0 ;
}

.title {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

#footer {
    background-color: #aacc00;
    margin-top: 20px;
    padding: 40px 0;
    text-align: center;
}

.copy {
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
    vertical-align: middle;
}

.back {
    background-color: #333;
    border-color: #fff;
    color: #fff;
}
.ex_num{
  ime-mode: disabled;
}
/*-----背景色------*/

.table > thead > tr > td.invoice,
.table > tbody > tr > td.invoice,
.table > tfoot > tr > td.invoice,
.table > thead > tr > th.invoice,
.table > tbody > tr > th.invoice,
.table > tfoot > tr > th.invoice,
.table > thead > tr.invoice > td,
.table > tbody > tr.invoice > td,
.table > tfoot > tr.invoice > td,
.table > thead > tr.invoice > th,
.table > tbody > tr.invoice > th,
.table > tfoot > tr.invoice > th {
    background-color: #dff0d8;
}

@media (min-width: 992px) {
.container {
    width: 1200px;
}
.c_data {
    width: 1600px;
}
.row {
    max-width: 1600px;
}
.container {
    min-height: 640px;
}

.pref{
	width: 120px !important;
	float: left;
	margin: 0 10px 0 0;
}

.postnumber{
	width: 120px !important;
	display: inline-block !important;
	margin: 0 0 0 10px;
}

.address{
	width: 360px !important;
}


/*-----ふぉーむぼたｎ------*/
div.edit_area{
	margin: 0 0 20px;
}

table.search_form{
	width:100%;
	margin:20px 0;
}

table tr th,
table tr td{
	padding:10px 5px;
}

span.password{
    background: #333;
}
span.password:hover{
    background: #fff;
}

/*-----ふぉーむぼたｎ------*/
div.flag_select{
	margin: 10px 0;
}

div.flag_select input{
	display:none;
}

div.add_btn input{
    margin: 5px;
}


/*-----btn------*/
.table > tbody > tr > td.pink,
.table > tbody > tr > th.pink,
.table > tbody > tr.pink > td,
.table > tbody > tr.pink > th{
    background-color: #ffe0ff;
}
.btn-pink {
    background-color: #ee77ee;
    border-color: #ee88ee;
    color: #fff;
}

.btn-pink:hover {
    background-color: #ee44ee;
    border-color: #ee33ee;
    color: #fff;
}

.table > tbody > tr > td.navy,
.table > tbody > tr > th.navy,
.table > tbody > tr.navy > td,
.table > tbody > tr.navy > th{
    background-color: rgba(50,90,250,0.4);
}
.btn-navy {
    background-color: #3333cc;
    border-color: #333399;
    color: #fff;
}

.btn-navy:hover {
    background-color: #222288;
    border-color: #222255;
    color: #fff;
}

.table > tbody > tr > td.gray,
.table > tbody > tr > th.gray,
.table > tbody > tr.gray > td,
.table > tbody > tr.gray > th{
    background-color: rgba(150,150,150,0.3);
}
.btn-gray {
    background-color: #666666;
    border-color: #555;
    color: #fff;
}

.btn-gray:hover {
    background-color: #333;
    border-color: #222;
    color: #fff;
}




.fuwafuwa {
    display: inline-block;
    width: 180px;
    margin: 20px 10px;
    -webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function:ease;

    -moz-animation-name:fuwafuwa;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -10px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -10px);}
    100% {-moz-transform:translate(0, 0);}
}
.fuwafuwa2 {
    display: inline-block;
    width: 180px;
    -webkit-animation-name:fuwafuwa2; /* fuwafuwaっていうアニメーションをしてね！ */
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    /*-webkit-animation-direction:alternate;*/
    -webkit-animation-timing-function:ease;

    -moz-animation-name:fuwafuwa2;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    /*-moz-animation-direction:alternate;*/
    -moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa2 {
    0% {-webkit-transform:translate(0, -10px);}
    50% {-webkit-transform:translate(0, 0px);}
    100% {-webkit-transform:translate(0, -10px);}
}
@-moz-keyframes fuwafuwa2 {
    0% {-moz-transform:translate(0, -10px);}
    50% {-moz-transform:translate(0, 0px);}
    100% {-moz-transform:translate(0, -10px);}
}

}
div.invoice_f input[type=radio], div.invoice_f input[type=checkbox] {
  display: none;
}

div.invoice_f .radio {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
  border:1px solid #ccc;
  margin-right: 5px;
  font-size: 12px;
}
div.invoice_f .checkbox {
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 5px;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
  border:1px solid #ccc;
  width:22px;
}
div.invoice_f .radio:hover, .checkbox:hover {
  background-color: #ccffff;
}
div.invoice_f .radio:hover:after, .checkbox:hover:after {
  border-color: #00ffff;
}

div.invoice_f .table input[type=radio]:checked + label,
div.invoice_f .table input[type=checkbox]:checked + label{
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  background-color: #00ffff;
}

.period_date input{
max-width:200px;
display: inline-block;
}

p.error_txt {
    background: #ffffcc none repeat scroll 0 0;
    border: 1px solid #cccc44;
    border-radius: 20px;
    color: #cc3300;
    font-weight: bold;
    padding: 5px 30px;
    text-align: center;
    margin: 0 0 10px;
}

div.dat_select{
    width: 40%;
    margin: 20px;
    display: inline-block;

}

.border-text {
    border: 2px solid #f00;
    padding:0.5em 1em;
}