/*! project specific CSS goes here. */

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','メイリオ','Meiryo','MS Pゴシック','MS PGothic',"微软雅黑", STXihei, "华文细黑",sans-serif;
}


.form-horizontal .control-group {
  margin-bottom: 5px;
  *zoom: 1;
}

hr {
  margin: 3px 0;
}


.autonumeric {
    text-align:right;
}

.ajax-error, .errorlist, .alert-error {
    color: #D8000C;
}

.error-message {
    color: #D8000C;
}


.pagination {
	margin: 30px auto;
	display: table;
}
.pagination li {
	display: inline-table;
}
.pagination li a {
	font-size: 12px;
	padding: 4px 9px 3px;
	margin: 0 4px 4px 2px;
	border: 1px solid #ccc;
}
.pagination li.omit a {
	color: #fff;
	border: 1px solid #094d9b;
	background: #094d9b;
	pointer-events: none;
	cursor: default;
}
.pagination li.first a,
.pagination li.prev a,
.pagination li.next a,
.pagination li.last a {
	color: #666;
	padding: 4px 9px 3px;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #eee;
}

select {
    width: auto;
}

.btn{
    margin-left:20px;
}

input.zipinput {
    width: 70px;
}

input.telinput {
    width: 50px;
}

#zipcode_search_result th.zipcode {
    width: 10%;
}

#zipcode_search_result th.addr-jp {
    width: 35%;
}

#zipcode_search_result th.addr-en {
    width: 35%;
}

.bank-account input {
    width: 150px;
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #ffffff;
  background-image: none;
  background-image: none;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); */
  /* background-image: -webkit-linear-gradient(top, #333333, #222222); */
  background-image: none;
  background-image: none;
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

}

.navbar .navbar-inner {
  background-color: #ffffff;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.processing-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0, 0, 0, .75)
    url('../img/ajax-loader.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.processing {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.processing .processing-modal {
    display: block;
}


input.required,
select.required,
textarea.required {
    background-color: #ffc;
}

.fixed-select-width {
    width: 340px;
}

.list-style-none ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fixed-label-width {
    display: inline-block;
    width: 70px;
}

.negative {
    color: #D8000C;
}

span.ok {
    color: #7fd7a7;
}

span.not {
    color: #D8000C;
}

.ng {
    color: #D8000C;
}