@charset "utf-8";
html,body{
  -webkit-text-size-adjust: 100%;
}
div::-webkit-scrollbar,
ul::-webkit-scrollbar {
    width: 7px;
}
div::-webkit-scrollbar-thumb ,
ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0,0,0,.2);
    box-shadow:inset 0 0 1px rgba(0,0,0,.5);
}
p{
  background-image: url("../images/sp.png");
}
footer{
  display: block;
}
b,strong,.strong {
  font-weight: 700;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
button,
input,
select,
textarea {
  margin: 0;
  resize: none;
}
button,
input {
  outline:none;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  font-family: Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42;
  color: #444444;
  background-color: #ffffff;
  margin: 0;
  min-width:1000px;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #0077bb;
  text-decoration: underline;
  outline: none;
}
a:hover{
  color: #08a5ff;
  outline: 0;
}
a.img-hover-light{
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}
a.img-hover-light:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
}
img {
  vertical-align: middle;
}
p {
  margin: 0 0 10px;
  line-height: 1.85;
}
.lineheight-s {
  line-height: 1.42;
}
.weight-normal{
  font-weight: normal !important;
}
.lead {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 200;
  line-height: 1.85;
}
small,
.small {
  font-size: 80%;
}
.text-muted {
  color: #cccccc;
}
.text-help {
  color: #666;
}
.text-primary {
  color: #49af34;
}
.text-warning {
  color: #ff781e;
}
.text-danger {
  color: #ff0000;
}
.text-success {
  color: #49af34;
}
.text-info {
  color: #0094e6;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.premark-1em{
  text-indent:-1em;
  margin-left: 1em;
}
.premark-2em{
  text-indent:-2em;
  padding-left: 2em;
}
.premark-2em .mark{
  width:2em;
  display: block;
  float:left;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 0.3em;
  -webkit-font-smoothing:antialiased;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
}
h1.weight-normal,
h2.weight-normal,
h3.weight-normal,
h4.weight-normal,
h5.weight-normal,
h6.weight-normal,
.h1.weight-normal,
.h2.weight-normal,
.h3.weight-normal,
.h4.weight-normal,
.h5.weight-normal,
.h6.weight-normal {
  font-weight: normal;
}
.h1 small,
.h2 small,
.h1 .small,
.h2 .small {
  font-size: 65%;
}
.h3 small,
.h4 small,
.h5 small,
.h6 small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-size: 75%;
}
.h1 {
  font-size: 24px;
}
.h2 {
  font-size: 20px;
}
.h3 {
  font-size: 18px;
}
.h4 {
  font-size: 16px;
}
.h5 {
  font-size: 14px;
}
.h6 {
  font-size: 13px;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ol{
  list-style-type: decimal;
  padding-left: 2em;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-dot {
  padding-left: 1em;
  list-style: none;
}
.list-dot > li {
  text-indent: -0.5em;
}
.list-dot > li:before {
  content: "・";
  display: inline-block;
  width: 0.5em;
  text-align: center;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
ul.list-unstyled,
ol.list-unstyled{
  margin: 0;
} 
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.list-inline > li:first-child {
  padding-left: 0;
}
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
.container {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  clear: both;
  float: none;
}
.container:before ,
.container:after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
  float: none;
  height:0;
  zoom:1;
}
.row{
  clear: both;
  float: none;
  zoom:1;
}
.row:before,
.row:after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
  float: none;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  min-height: 1px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
  float: left;
}
.col-xs-12 {
  width: 960px;
}
.col-xs-11 {
  width: 880px;
}
.col-xs-10 {
  width: 800px;
}
.col-xs-9 {
  width: 720px;
}
.col-xs-8 {
  width: 640px;
}
.col-xs-7 {
  width: 560px;
}
.col-xs-6 {
  width: 480px;
}
.col-xs-5 {
  width: 400px;
}
.col-xs-4 {
  width: 320px;
}
.col-xs-3 {
  width: 240px;
}
.col-xs-2 {
  width: 160px;
}
.col-xs-1 {
  width: 80px;
}
.col-xs-offset-12 {
  margin-left: 960px;
}
.col-xs-offset-11 {
  margin-left: 880px;
}
.col-xs-offset-10 {
  margin-left: 800px;
}
.col-xs-offset-9 {
  margin-left: 720px;
}
.col-xs-offset-8 {
  margin-left: 640px;
}
.col-xs-offset-7 {
  margin-left: 560px;
}
.col-xs-offset-6 {
  margin-left: 480px;
}
.col-xs-offset-5 {
  margin-left: 400px;
}
.col-xs-offset-4 {
  margin-left: 320px;
}
.col-xs-offset-3 {
  margin-left: 240px;
}
.col-xs-offset-2 {
  margin-left: 160px;
}
.col-xs-offset-1 {
  margin-left: 80px;
}
.col-xs-offset-0 {
  margin-left: 0px;
}
.col-full {
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 0;
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.vertical-top{
  vertical-align: top !important;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background-color: #fff;
}
.table th {
  background-color: #eeeff2;
}
.table th.second {
  background-color: #f6f6f6;
}
.table th,
.table td {
  padding: 10px 20px;
  line-height: 1.42;
  vertical-align: top;
  border: 1px solid #dddddd;
}
.table > thead > tr > th,
.table > thead > tr > td {
  border-bottom: 1px solid #dddddd;
  background-color: #eefbdf;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-form {
  border: 1px solid #dddddd;
  background-color: #fff;
}
.table-form > tbody > tr > th {
  vertical-align: middle;
}
.table-form > thead > tr > th,
.table-form > tbody > tr > th,
.table-form > tfoot > tr > th {
  min-width: 197px;
}
.table-form td > *:last-child {
  margin-bottom: 0;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table td.active,
.table th.active,
.table tr.active td,
.table tr.active th {
  background-color: #f5f5f5;
}
.table td.success,
.table th.success,
.table tr.success td,
.table tr.success th {
  background-color: #f7fcf1;
}
.table td.danger,
.table th.danger,
.table tr.danger td,
.table tr.danger th {
  background-color: #f2dede;
}
.table td.warning,
.table th.warning,
.table tr.warning td,
.table tr.warning th {
  background-color: #fcf8e3;
}
.table-success{
  border:1px solid #ff9b0a;
  -webkit-border-radius:4px 4px 0 0 ;
  border-radius:4px 4px 0 0 ;
  border-collapse:separate;
}
.table-success thead tr td:first-child{
  -webkit-border-radius:4px 0 0 0 ;
  border-radius:4px 0 0 0 ;
}
.table-success th,
.table-success td{
  vertical-align: middle;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-top:1px dotted #ff9b0a;
}
.table-success tr:first-child > th,
.table-success tr:first-child > th,
.table-success tr:first-child > td,
.table-success tr:first-child > td{
  border-top:none;
}
.table-success > thead > tr > th,
.table-success > thead > tr > td {
  border-bottom: none;
  background-color: #ff9b0a;
  color: #fff;
  font-weight: 700;
}
.table-success.table-striped > tbody > tr:nth-child(even) > td,
.table-success.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #f7fae3;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
.form-control {
  display: block;
  padding: 4px 10px 1px;
  font-size: 13px;
  line-height: 1.4em;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control:-moz-placeholder {
  color: #cccccc;
}
.form-control::-moz-placeholder {
  color: #cccccc;
}
.form-control:-ms-input-placeholder {
  color: #cccccc;
}
.form-control::-webkit-input-placeholder {
  color: #cccccc;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
  clear: both;
  float: none;
}
.form-group:before,
.form-group:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  float: none;
}
.check-row {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.check-row + .check-row,
td > .check-row{
  margin-top: 0;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio-inline,
.checkbox-inline,
.radio,
.checkbox {
  display: inline-block;
  *display:inline;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.input-group > .radio-inline,
.input-group > .checkbox-inline,
.input-group > .radio,
.input-group > .checkbox{
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
button[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #848484;
}
.input-full {
  width: 100%;
}
.form {
  font-size: 13px;
}
.form label {
  font-weight: normal;
}
.form input,
.form textarea ,
.form button{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form input[type="text"],
.form input[type="email"]{
  line-height:20px;
}
.form input[class*="col-"],
.form textarea[class*="col-"],
.form button[class*="col-"],
.form select[class*="col-"],
.form .select[class*="col-"]{
  float:none;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form textarea,
.form select,
.form .select > button{
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 10px;
  background-color: #f7fcf1;
  box-sizing: border-box;
}
.form input[type="text"] + p,
.form input[type="email"] + p,
.form input[type="password"] + p,
.form textarea + p,
.form select + p {
  margin-top: 5px;
}
.form select {
  outline: none;
}
.form .select {
  height: 40px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  z-index: 0;
}
.form .select > button {
  text-align:left;
  height: 40px;
  cursor: pointer;
  border:none;
  padding: 0;
  overflow:hidden;
}
.form .select .select-value{
  padding: 10px 0 0 10px ;
  float:left;
}
.form .select .arrow {
  float:right;
  display: block;
  background-color: #eeeff2;
  border-left: 1px solid #cccccc;
  height: 40px;
  line-height: 40px;
  width: 39px;
  text-align: center;
  border-radius: 0 4px 4px 0;
}
.form .dropdown-menu > li {
  padding: 5px 10px;
}
.form .dropdown-menu > li:hover,
.form .dropdown-menu > li:focus {
  text-decoration: none;
  color: #49af34;
  background-color: #f7fcf1;
}
.form input[type="radio"] {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #cccccc;
  position: inherit;
  vertical-align: top;
  border-radius: 50%;
  margin-top: 2px;
}
.form input[type="radio"]:checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #49af34;
  border-radius: 50%;
  margin: 3px 0 0 3px;
}
.form input[type="checkbox"] {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #cccccc;
  display: block;
  vertical-align: top;
  margin-top: 1px;
}
.form input[type="checkbox"]:checked:before {
  content: "";
  background: url(../images/checbox_check.png) no-repeat 0 0;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: #49af34;
  position: inherit;
  top: 0;
  left: 0;
}
.form .form-group {
  margin-bottom: 10px;
}
.form .input-group-addon {
  padding-top: 12px;
  padding-right: 10px;
  padding-left: 14px;
  vertical-align: middle;
  min-width: 13px
}
.form .input-group-addon:first-child {
  padding-left: 0;
}
.form .input-group,
.form .input-group input[type="text"],
.form .input-group input[type="email"],
.form .input-group textarea,
.form .input-group select,
.form .input-group .select {
  display: block;
  float: left;
}
.form .input-group .input-group-addon{
  display: inline;
  float: left;
}
.form .input-group + input-group {
  margin-left: 20px;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="password"]:focus,
.form textarea:focus,
.form select:focus,
.form .select.open {
  border: 1px solid #49af34;
  box-shadow: 0px 0px 1px #49af34;
}
.form input[type="text"][disabled],
.form input[type="email"][disabled],
.form input[type="password"][disabled],
.form textarea[disabled],
.form select[disabled],
.form .select.disabled,
.form button[disabled]{
  background-color: #e5e5e5 !important;
}
.wide-l {
  width: 660px;
}
.wide-m {
  width: 310px;
}
.wide-ms {
  width: 290px;
}
.wide-s {
  width: 140px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: #ccc;
  white-space: nowrap;
  padding: 8px 12px 6px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4);
  box-shadow:  0 5px 5px 0px #95989c;
  text-decoration: none;
  box-sizing:border-box;
}
.btn .arrow {
  float: right;
  width: 17px;
  height: 17px;
  display: block;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
  text-decoration: none;
}
.btn.disabled,
.btn[disabled],
input.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #b8b8b8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#bcbcbc), to(#b5b5b5));
  background-image: -webkit-linear-gradient(top, #bcbcbc 0%, #b5b5b5 100%);
  background-image: -moz-linear-gradient(top, #bcbcbc 0%, #b5b5b5 100%);
  background-image: linear-gradient(to bottom, #bcbcbc 0%, #b5b5b5 100%);
  background-repeat: repeat-x;
  border-color:#999;
  color:#fff !important;
}
.ie9 .btn.disabled,
.ie9 .btn[disabled],
.ie9 .btn[readonly]{
  background-position:0 -10px;
}
.btn-default {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  border: 2px solid #dddddd;
  /*border-color: #cccccc;*/
  color: #444444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.btn-default:hover,
.btn-default.active,
.btn-default:active,
.btn-gray:hover,
.btn-gray.active,
.btn-gray:active,
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.btn-warning:hover,
.btn-warning.active,
.btn-warning:active,
.btn-danger:hover,
.btn-danger.active,
.btn-danger:active,
.btn-success:hover,
.btn-success.active,
.btn-success:active,
.btn-info:hover,
.btn-info.active,
.btn-info:active ,
.btn-tile:hover,
.btn-tile.active,
.btn-tile:active{
  color:#fff;
  background-position: 0 -15px;
  box-shadow: none;
}
.btn-default:hover,
.btn-default.active,
.btn-default:active {
  color: #444444;
  /*border-color: #adadad;*/
  box-shadow:  0 5px 5px 0px #95989c;
}
.btn-default:active{
  box-shadow: none;
  transform: translateY(4px);
}
.btn-default .arrow {
  background: url(../images/btn-arrow-gray.png) no-repeat 0 0;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  margin-top:-7px;
}
.btn-gray {
  background-color: #b8b8b8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#bcbcbc), to(#b5b5b5));
  background-image: -webkit-linear-gradient(top, #bcbcbc 0%, #b5b5b5 100%);
  background-image: -moz-linear-gradient(top, #bcbcbc 0%, #b5b5b5 100%);
  background-image: linear-gradient(to bottom, #bcbcbc 0%, #b5b5b5 100%);
  background-repeat: repeat-x;
  color: #ffffff;
  border-color: #bfbfbe;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.btn-gray:hover,
.btn-gray.active,
.btn-gray:active{
  border-color: #999;
}
.btn-gray .arrow {
  background: url(../images/btn-arrow-gray.png) no-repeat 0 0;
}
.btn-primary{
  background-color: #49af34;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#62ca4c), to(#49af34));
  background-image: -webkit-linear-gradient(top, #62ca4c 0%, #49af34 100%);
  background-image: -moz-linear-gradient(top, #62ca4c 0%, #49af34 100%);
  background-image: linear-gradient(to bottom, #62ca4c 0%, #49af34 100%);
  background-repeat: repeat-x;
  border: 2px solid #FFFFFF;
  /*border-color: #2c9e15;*/
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active{
  /*border-color: #1d680e;*/
  box-shadow:  0 5px 5px 0px #95989c;
}
.btn-primary:active{
  box-shadow: none;
  transform: translateY(4px);
}
.btn-primary .arrow {
  background: url(../images/btn-arrow-green.png) no-repeat 0 0;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  margin-top:-7px;
}
.btn-warning {
  background-color: #f0ad4e;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f4c37d), to(#f0ad4e));
  background-image: -webkit-linear-gradient(top, #f4c37d 0%, #f0ad4e 100%);
  background-image: -moz-linear-gradient(top, #f4c37d 0%, #f0ad4e 100%);
  background-image: linear-gradient(to bottom, #f4c37d 0%, #f0ad4e 100%);
  background-repeat: repeat-x;
  border-color: #eea236;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.btn-warning:hover,
.btn-warning.active,
.btn-warning:active{
  border-color: #d58512;
}
.btn-warning .arrow {
  background: url(../images/btn-arrow-orange.png) no-repeat 0 0;
}
.btn-danger {
  background-color: #ff0000;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff3333), to(#ff0000));
  background-image: -webkit-linear-gradient(top, #ff3333 0%, #ff0000 100%);
  background-image: -moz-linear-gradient(top, #ff3333 0%, #ff0000 100%);
  background-image: linear-gradient(to bottom, #ff3333 0%, #ff0000 100%);
  background-repeat: repeat-x;
  border-color: #e60000;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.btn-danger:hover,
.btn-danger.active,
.btn-danger:active{
  border-color: #a80000;
}
.btn-danger .arrow {
  background: url(../images/btn-arrow-red.png) no-repeat 0 0;
}
.btn-success {
  background-color: #ff7319;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffa237), to(#ff7319));
  background-image: -webkit-linear-gradient(top, #ffa237 0%, #ff7319 100%);
  background-image: -moz-linear-gradient(top, #ffa237 0%, #ff7319 100%);
  background-image: linear-gradient(to bottom, #ffa237 0%, #ff7319 100%);
  background-repeat: repeat-x;
  border: 2px solid #FFFFFF;
  /*border-color: #ff6904;*/
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.btn-success:hover,
.btn-success.active,
.btn-success:active{
  /*border-color: #c64f00;*/
  box-shadow:  0 5px 5px 0px #95989c;
}
.btn-success:active{
  box-shadow: none;
  transform: translateY(4px);
}
.btn-success .arrow {
  background: url(../images/btn-arrow-orange.png) no-repeat 0 0;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  margin-top:-7px;
}
.btn-info {
  background-color: #0094e6;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1aadff), to(#0094e6));
  background-image: -webkit-linear-gradient(top, #1aadff 0%, #0094e6 100%);
  background-image: -moz-linear-gradient(top, #1aadff 0%, #0094e6 100%);
  background-image: linear-gradient(to bottom, #1aadff 0%, #0094e6 100%);
  background-repeat: repeat-x;
  border: 2px solid #FFFFFF;
  /*border-color: #0084cd;*/
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.btn-info:hover,
.btn-info.active,
.btn-info:active {
  /*border-color: #005c8f;*/
  box-shadow:  0 5px 5px 0px #95989c;
}
.btn-info:active{
  box-shadow: none;
  transform: translateY(4px);
}
.btn-info .arrow {
  background: url(../images/btn-arrow-blue.png) no-repeat 0 0;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  margin-top:-7px;
}
.btn-tile {
  background-color: #ff6e9e;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffa9c5), to(#ff6e9e));
  background-image: -webkit-linear-gradient(top, #ffa9c5 0%, #ff6e9e 100%);
  background-image: -moz-linear-gradient(top, #ffa9c5 0%, #ff6e9e 100%);
  background-image: linear-gradient(to bottom, #ffa9c5 0%, #ff6e9e 100%);
  background-repeat: repeat-x;
  color: #ffffff;
  border-color: #ff72a1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4);
  font-weight: 700;
  padding: 15px;
  display: block;
}
.btn-tile:hover,
.btn-tile.active,
.btn-tile:active {
  border-color: #ed4b81;
}
.btn-tile .arrow {
  background: url(../images/btn-arrow-orange.png) no-repeat 0 0;
}
.ie9 .btn-default,.ie9 .btn-primary,.ie9 .btn-success,.ie9 .btn-danger,.ie9 .btn-warning,.ie9 .btn-info,.ie9 .btn-gray,
.ie9 .btn-tile{
  background-image: url(../images/btn-grade-ie8.png) ;
  background-repeat: repeat-x ;
  background-position: 0 0;
}
.ie9 .btn-default{
  background-image: url(../images/btn-grade-ie8-white.png) ;
}
.btn-flat-default,
.btn-flat-primary,
.btn-flat-warning,
.btn-flat-danger,
.btn-flat-success,
.btn-flat-info {
  color: #ffffff;
  border-radius: 15px;
  padding: 5px 9px 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  text-align: center;
}
.btn-flat-default .arrow,
.btn-flat-primary .arrow,
.btn-flat-primary .arrow,
.btn-flat-danger .arrow,
.btn-flat-success .arrow,
.btn-flat-info .arrow{
  width: 19px;
  height: 16px;
  background: url(../images/btn-flat-arrow.png) no-repeat 4px 50%;
}
.btn-flat-default {
  color: #444444;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.btn-flat-default:hover {
  color: #444444;
  background-color: #ffffff;
}
.btn-flat-default .arrow {
  border-left: 1px solid #c8c8c8;
  box-shadow: -1px 0 0px #ffffff;
}
.btn-flat-primary {
  background-color: #49af34;
  border: 1px solid #a7e19b;
}
.btn-flat-primary:hover {
  color: #ffffff;
  background-color: #62ca4c;
}
.btn-flat-primary .arrow {
  border-left: 1px solid #307422;
  box-shadow: -1px 0 0px #6fcf5c;
}
.btn-flat-warning {
  background-color: #f0ad4e;
  border: 1px solid #fceedb;
}
.btn-flat-warning:hover {
  color: #ffffff;
  background-color: #f4c37d;
}
.btn-flat-warning .arrow {
  border-left: 1px solid #df8a13;
  box-shadow: -1px 0 0px #f6cb90;
}
.btn-flat-danger {
  background-color: #ff0000;
  border: 1px solid #ff9999;
}
.btn-flat-danger:hover {
  color: #ffffff;
  background-color: #ff3333;
}
.btn-flat-danger .arrow {
  border-left: 1px solid #b30000;
  box-shadow: -1px 0 0px #ff4747;
}
.btn-flat-success {
  background-color: #ff781e;
  border: 1px solid #ffd4b7;
}
.btn-flat-success:hover {
  color: #ffffff;
  background-color: #ff9751;
}
.btn-flat-success .arrow {
  border-left: 1px solid #d15300;
  box-shadow: -1px 0 0px #ffa365;
}
.btn-flat-info {
  background-color: #0094e6;
  border: 1px solid #80d2ff;
}
.btn-flat-info:hover {
  color: #ffffff;
  background-color: #1aadff;
}
.btn-flat-info .arrow {
  border-left: 1px solid #00639a;
  box-shadow: -1px 0 0px #2eb5ff;
}
.btn-strong,.btn-block,.btn-lg,.btn-mg {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  overflow:hidden;
  padding: 13px 11px 8px;
}
.btn-strong[class*="btn-flat"],.btn-block[class*="btn-flat"],.btn-lg[class*="btn-flat"],.btn-mg[class*="btn-flat"]{
  font-size: 14px;
}
.btn-block {
  width: 200px;
}
.btn-flat-primary.btn-block,
.btn-flat-default.btn-block,
.btn-flat-warning.btn-block,
.btn-flat-danger.btn-block,
.btn-flat-success.btn-block,
.btn-flat-info.btn-block {
  padding: 5px 9px 3px;
  width: 182px;
}
.btn-lg {
  width: 400px;
}
.btn-sm,
.btn-xs {
  padding: 7px 10px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-mg {
  width: 240px;
}
.btn-xs {
  padding: 1px 5px;
}
.btn-newaccount {
  display: block;
  width: 240px;
  height: 80px;
  padding: 0;
  border:1px solid #1cb2db;
  text-decoration:none;
  border-radius:3px;
}
.btn-newaccount .btn{
  display: block;
  background-color: #06a2d9;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#06c1e5), to(#06a2d9));
  background-image: -webkit-linear-gradient(top, #06c1e5 0%, #06a2d9 100%);
  background-image: -moz-linear-gradient(top, #06c1e5 0%, #06a2d9 100%);
  background-image: linear-gradient(to bottom, #06c1e5 0%, #06a2d9 100%);
  background-repeat: repeat-x;
  color: #ffffff;
  box-shadow:none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  font-size:18px;
  line-height:20px;  
  padding:30px 15px 29px 35px;
  border-color: #7fd4ed;
  border-radius:3px;
}
.ie9 .btn-newaccount .btn,
.ie9 .btn.btn-newaccount{
  background-image: url(../images/btn-grade-ie8.png) ;
  background-position:0 -3px;
}
.btn-newaccount .btn:hover{
  background-position: 0 -20px;
  box-shadow: none;  
}
.btn-newaccount .arrow {
  background: url(../images/btn-arrow-blue.png) no-repeat 0 0;
}
.btn.btn-login {
  width:100%;
  display:block;
  font-size:14px;
  line-height:18px;
  padding: 11px 8px 11px 24px;
  box-shadow:0px 1px 1px #ccc;
}
.btn.btn-login .arrow{
  top:0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top:auto;
  left:auto;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 60px;
  padding: 5px 0;
  margin: -4px 0 0 0;
  list-style: none;
  font-size: 13px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42;
  color: #444444;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #373737;
  background-color: #f5f5f5;
}
.dropdown-menu > li.active > a{
  text-decoration: none;
  background-color: #f5f5f5;
  color: #49af34;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #cccccc;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.label {
  display: inline-block;
  padding: 0.2em .6em;
  margin-left: 0.3em;
  margin-top: -0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: .2em;
  text-decoration: none;
  font-style: normal;
}
.label-default {
  background-color: #cccccc;
  color: #444444;
}
.label-new {
  background-color: #ff781e;
  font-family: Arial , Helvetica;
}
.label-primary {
  background-color: #49af34;
}
.label-success {
  background-color: #ff781e;
}
.label-info {
  background-color: #0094e6;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-danger {
  background-color: #ff0000;
}
.badge-white{
  background-color: #fff;
  border-radius:15px;
  font-size: 12px;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert .alert-headline {
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 0.2em;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
  line-height:1.6;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-success {
  background-color: #f7fcf1;
  border-color: #49af34;
}
.alert-success .alert-headline {
  color: #49af34;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #0094e6;
}
.alert-info .alert-headline {
  color: #0094e6;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #ff781e;
}
.alert-warning .alert-headline {
  color: #ff781e;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ff0000;
}
.alert-danger .alert-headline {
  color: #ff0000;
}
.recuired{
  background-color: #ff3800;
  padding: 2px 3px;
  border-radius: 4px;
  color: #ffffff;
  font-size: smaller;
}
.optional{
  background-color: #585858;
  padding: 2px 3px;
  border-radius: 4px;
  color: #ffffff;
  font-size: smaller;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
  margin-left: 0;
}
.list-group-item {
  display: block;
  padding: 10px 15px;
  border-top: 1px dotted #999999;
  font-size: 12px;
}
.list-group-item:first-child {
  border-top: none;
}
.list-group-item:last-child ,
.list-group-item.last {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-menu > .list-group-item{
  border-top: 1px solid #cccccc;
  padding: 0;
}
.list-menu > .list-group-item:first-child{
  border-top: none;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #49af34;
  border-color: #49af34;
}
.list-menu a{
  padding: 16px 20px;
  display: block;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
}
.list-menu a:hover{
  background-color: #f2f2f2;
}
.list-btnnav-col2{
  margin: 0 0 20px -20px;
  padding: 0;
  list-style: none;
  overflow:hidden;
}
.list-btnnav-col2 > li{
  width: 460px;
  float:left;
  margin: 0 0 0 20px;
}
.list-btnnav-col2 .box-border-round{
  text-align: left;
  color:#000;
  font-size:16px;
  line-height:20px;
  padding: 13px 19px 9px;
  margin-bottom: 15px;
  overflow:hidden;
}
.list-btnnav-col2 .box-border-round span.l2{
  padding-top: 0;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.panel-body {
  padding: 16px 20px 20px;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  display: block;
  overflow: hidden;
  clear: both;
  float: none;
}
.panel-default {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  padding: 20px 20px 30px;
}
.panel-default > .list-group {
  margin-bottom: 0;
}
.panel-default > .list-group .list-group-item {
  border-width: 1px 0 0;
}
.panel-default > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: none;
}
.panel-default > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel-default > .list-group .list-group-item.last {
  border-bottom: 0;
}
.panel-default > .table,
.panel-default > .table-responsive {
  margin-bottom: 0;
}
.panel-default > .panel-body + .table,
.panel-default > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}
.panel-default .panel-footer {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: none;
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel > .list-group .list-group-item.last {
  border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive {
  margin-bottom: 0;
}
.panel > .panel-body + .table{
  border-top: 1px solid #dddddd;
}
.panel-heading,.panel-heading-light ,.panel-heading-success{
  color: #ffffff;
  padding: 8px 4px 3px 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  line-height: 24px;
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
  background-color: #49af34;
  border: 1px solid #84d673;
}
.panel-heading.text-center i,
.panel-heading-light.text-center i,
.panel-heading-success.text-center i {
  float: none;
}
.panel-heading .menu,
.panel-heading-light .menu ,
.panel-heading-success .menu  {
  width: 48px;
  height: 22px;
  display: block;
  float: right;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid #307422;
  box-shadow: -1px 0 0px #6fcf5c;
}
.panel-heading-light {
  background-color: #8fcd40;
  border: 1px solid #bee291;
}
.panel-heading-light .menu {
  border-left: 1px solid #679928;
  box-shadow: -1px 0 0px #b0dc79;
}
.panel-heading-success {
  background-color: #ff9b0a;
  border: 1px solid #ffcd84;
}
.panel-heading-success .menu {
  border-left: 1px solid #ea9821;
  box-shadow: -1px 0 0px #ffcd84;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 0 40px;
  border-top: 1px solid #cccccc;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #444444;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-banner {
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  background-repeat: repeat-x;
  border: 2px solid #fff;
  padding: 12px 14px 0;
  font-size: 10px;
  margin-bottom: 14px;
}
.panel-banner p{
  line-height:1.4;
}
.panel-inset {
  -webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.panel.panel-inset{
  padding: 15px 20px;
}
.panel-default.panel-inset{
  padding-bottom: 20px;
}
.clearfix{
  zoom:1;
}
.clearfix:after {
  content: "";
  height:0px;
  display: block;
  overflow: hidden;
  clear: both;
  float: none;
}
.center-block {
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml05 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml-05em {
  margin-left: -0.5em !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr05 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pt05 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb05 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pl05 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pr05 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.icon {
  margin-right: 0.2em;
}
.icon-info-white,
.icon-binder-white,
.icon-comment-white,
.icon-book-white,
.icon-graph-white,
.icon-menu-white,
.icon-login,
.icon-flag-white{
  display: block;
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  margin-right: 0.2em;
  vertical-align: top;
  float:left;  
}
.icon-menu-white,
.icon-login{
  display:inline-block;
  float:none;
}
.icon-info-white,
.icon-binder-white,
.icon-comment-white,
.icon-book-white,
.icon-graph-white,
.icon-menu-white{
  width: 26px;
  height: 28px;
}
.icon-login {
  width: 18px;
  height: 22px;
  margin-top: -3px;
  background-position: 0 0;
}
.icon-info-white {
  margin-top: -1px;
  background-position: 0 -50px;
}
.icon-binder-white {
  margin-top: -5px;
  background-position: 0 -81px;
}
.icon-comment-white {
  margin-top: -1px;
  background-position: 0 -112px;
}
.icon-book-white {
  margin-top: -1px;
  background-position: 0 -143px;
}
.icon-graph-white {
  background-position: 0 -174px;
}
.icon-menu-white {
  margin-right: 0;
  vertical-align: middle;
  background-position: 0 -205px;
}
.icon-flag-white{
  background-image:url(../images/icon-flag-white.png);
  background-position: 0 0;
  width: 26px;
  height: 33px;
  margin-top:-6px;
}
.icon-enq-net,
.icon-enq-mobile,
.icon-enq-shopping,
.icon-enq-tv,
.icon-enq-kitchen,
.icon-enq-beauty,
.icon-enq-tablet,
.icon-enq-kakeibo,
.icon-enq-house,
.icon-enq-mail{
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
.icon-enq-net{
  background-image: url(../images/icon-enq-net.png);
  width:54px;
  height:50px;
}
.icon-enq-mobile{
  background-image: url(../images/icon-enq-mobile.png);
  width:38px;
  height:61px;
}
.icon-enq-shopping{
  background-image: url(../images/icon-enq-shopping.png);
  width:54px;
  height:54px;
}
.icon-enq-tv{
  background-image: url(../images/icon-enq-tv.png);
  width:54px;
  height:54px;
}
.icon-enq-kitchen{
  background-image: url(../images/icon-enq-kitchen.png);
  width:54px;
  height:51px;
}
.icon-enq-beauty{
  background-image: url(../images/icon-enq-beauty.png);
  width:58px;
  height:51px;
}
.icon-enq-tablet{
  background-image: url(../images/icon-enq-tablet.png);
  width:60px;
  height:60px;
}
.icon-enq-kakeibo{
  background-image: url(../images/icon-enq-kakeibo.png);
  width:60px;
  height:60px;
}
.icon-enq-house{
  background-image: url(../images/icon_enq_house.png);
  width:60px;
  height:60px;
}
.icon-enq-mail{
  background-image: url(../images/icon-enq-mail.png);
  width:60px;
  height:60px;
}

.icon-chevron-right,
.icon-q,
.icon-q-light,
.icon-q-white,
.icon-arrow-green-reve,
.icon-arrow-gray-reve-top,
.icon-point-white{
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  vertical-align: top;
}
.icon-chevron-right{
  background-image: url(../images/icon-chevron-right.png);
  width:7px;
  height:11px;
  margin-right: .8em;
  margin-top:0.2em;
}
.icon-arrow-gray-reve-top {
  background-image: url(../images/icon-arrow-gray-reve-top.png);
  width:19px;
  height:19px;
  margin-right: 0.3em;
  margin-top:0.2em;
}
.icon-q{
  background-image: url(../images/icon-q.png);
  width:41px;
  height:37px;
  vertical-align: top;
}
.icon-q-light{
  background-image: url(../images/icon-q-light.png);
  width:41px;
  height:37px;
  vertical-align: top;
}
.icon-q-white{
  background-image: url(../images/icon-q-white.png);
  width:28px;
  height:25px;
  margin-right: .2em;
}
.icon-exclamation-white{
  background-image:url(../images/icon-exclamation-white.png);
  width:28px;
  height:25px;
  margin-right: .2em;
  margin-top:-3px;
}
.icon-comment-white-text{
  background:url(../images/icon-comment-white-bg.png) no-repeat 0 0;
  width:24px;
  height:15px;
  padding: 3px 3px 11px 1px;
  font-size:15px;
  line-height:15px;
  text-align:center;
  display: block;
  font-weight: 700;
  font-style:normal;
  text-shadow:none;
}
.icon-point-white{
  background-image: url(../images/icon-point-white.png);
  width:20px;
  height:24px;
  margin-right: .2em;
  margin-top:-2px;
}
.panel-heading .icon-comment-white-text,
.panel-heading-light .icon-comment-white-text,
.panel-heading-success .icon-comment-white-text,
.headline-box .icon-comment-white-text,
.headline-box-light .icon-comment-white-text,
.headline-box-success .icon-comment-white-text,
.icon-exclamation-white{
  float:left;
  margin-right: 10px;
}
.headline-box .icon-comment-white-text,
.panel-heading .icon-comment-white-text{
  color: #49af34;
}
.headline-box-light .icon-comment-white-text,
.panel-heading-light .icon-comment-white-text{
  color: #75bc1b;
}
.headline-box-success .icon-comment-white-text,
.panel-heading-success .icon-comment-white-text{
  color: #ff9b0a;
}
.icon-comment-light-text{
  background:url(../images/icon-comment-light-bg.png) no-repeat 0 0;
  width:23px;
  height:12px;
  padding: 3px 0px 5px 0px;
  font-size:11px;
  line-height:11px;
  text-align:center;
  display: block;
  font-weight: 700;
  font-style:normal;
  text-shadow:none;
  color: #fff;
}
.headline-box {
  background-color: #49af34;
  color: #fff;
  border: 1px solid #a7e19b;
  border-radius: 3px;
  padding: 8px 18px 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
}
.headline-box-light {
  background-color: #8fcd40;
  color: #fff;
  border: 1px solid #d6edb9;
  border-radius: 3px;
  padding: 8px 18px 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
}
.headline-box-success {
  background-color: #ff9b0a;
  color: #fff;
  border: 1px solid #ffcd84;
  border-radius: 3px;
  padding: 8px 18px 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
}
.block {
  margin-bottom: 30px;
  clear:both;float:none;
}
.foot-line {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.foot-line-dash {
  padding-bottom: 20px;
  border-bottom: 1px dashed #49af34;
}
.scroll-box {
  background-color: #f2f2f2;
  padding: 30px;
  overflow-y:scroll;
  height:240px;
}
.box-border {
  border: 1px solid #cccccc;
  padding: 20px;
}
.box-border-round{
  border: 1px solid #cccccc;
  padding: 20px;
  border-radius:4px;
}
a.box-border-round{
  background-color: #fff;
  box-shadow:0 1px 1px #cccccc;
  display: block;
  text-decoration:none;
}
a.box-border-round:hover{
  border: 1px solid #c0c0c0;
  background-color: #f6f6f6;
  box-shadow:0 1px 1px #ddd;
}
.box-border-round .icon{
  float:left;
  margin-right: 0;
}
.box-border-round .arrow{
  background:url(../images/btn-arrow-green-reve.png) no-repeat 0 0;
  width:19px;
  height:19px;
  display: inline;
  float:right;
  margin-top: 7px;
  margin-left: 0;
  padding: 0;
}
.box-border-round span{
  display: block;
  padding-top: 8px;
  margin-left: 10px;
  min-height:28px;
  float:left;
}
.box-note {
  border: 1px solid #cccccc;
  background-color: #f2f2f2;
  padding: 20px;
}
.box-note > *:last-child{
  margin-bottom: 0;
}
.box-primary {
  border: 1px solid #49af34;
  border-radius: 4px;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.box-primary > *:last-child{
  margin-bottom: 0;
}
.box-headline{
  font-size: 14px;
  font-weight:normal;
}
.box-danger{
  background-color: #ffe8e8;
  padding: 20px;
  border-radius:3px;
}
.box-danger .box-headline{
  color: #ff0000;
}
.box-danger > *:last-child{
  margin-bottom: 0;
}
#header {
  background-color: #fff;
  color:#333;
  position: relative;
}
.icon-mail,
.icon-sitemap,
.icon-locked,
.icon-locked-white,
#globalNav .icon {
  display: inline-block;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  *display:inline;
  *zoom:1;
}
.icon-mail,
.icon-sitemap {
  width: 13px;
  height: 13px;
}
.icon-search {
  background: url(../images/icon-search.png) no-repeat center center;
}
.icon-openwin{
  background:url(../images/icon-openwin.png) no-repeat 0 0;
  width:12px;
  height:12px;
  display: inline-block;
  vertical-align:baseline;
  margin-left: 0.3em;
}
#globalNav .icon {
  width: 16px;
  height: 16px;
  display: block;
  margin: -2px auto 5px;
}
#globalNav {
  background: url(../images/globalnav.png) no-repeat top center;
  padding: 0 2px 5px;
  margin: 0 0 0 -2px;
  font-size: 14px;
  width: 980px;
  clear:both;float:none;
  position: absolute;
}
#globalNav > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#globalNav ul > li {
  width:196px;
  height:51px;
  float:left;
  vertical-align: middle;
  position: relative;
}
#globalNav > ul > li > a {
  display: block;
  text-align: center;
  font-weight: 700;
  width:196px;
  height:51px;
  cursor: pointer;
}
#globalNav .open > a{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
#globalNav a{
  text-decoration: none;
  color: #333;
}
#globalNav .mark-star{
  font-size:18px;
  color:#ff8725;
  margin-left: 0.4em;
  font-style: normal;
}
#support-nav {
  margin-top: 0;
  width: 450px;
  float: right;
}
#support-nav .sitemap{
  font-size: 11px;
  color: #444444;
  width:80px;
  margin-top: 3px;
  text-decoration: none;
}
#support-nav .sitemap:hover {
  text-decoration: underline;
}
#support-nav .btn{
  padding: 6px 0;
  height:14px;
  font-size:12px;
  line-height:14px;
  display: block;
  overflow: hidden;
  box-sizing: content-box;
}
#support-nav .btn:hover{
  text-decoration:none;
  background-image: none;
  box-shadow: none;
}
.icon-sitemap{
  float: left;
}
#globalNav .active > a,
#globalNav a:hover,
.cate-home #globalNav .nav-home > a,
.cate-whats #globalNav .nav-whats > a,
.cate-new #globalNav .nav-new > a,
.cate-enq #globalNav .nav-enq > a,
.cate-point #globalNav .nav-point > a,
.cate-topics #globalNav .nav-topics > a,
.cate-notice #globalNav .nav-notice > a,
.cate-faq #globalNav .nav-faq > a,
.cate-info #globalNav .nav-info > a{
  color: #49af34;
  text-decoration: none;
}
#globalNav .active > a{
background-color: #f5f5f5;
}
#header .navbar-header {
  width: 490px;
  float: left;
  padding-top: 10px;
}
#header .navbar-header .navbar-brand img {
  padding: 0 16px 12px 10px;
}
.mode-popup #header > .container > a >img {
  padding-left: 10px;
}
#header .navbar-header .headertext {
  margin-top: 39px;
  vertical-align: top;
}
#titlearea {
  background-color: #1dac21;
  background-image: url(../images/titlearea_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 2px 4px #007600 inset;
  -ms-box-shadow: 0 2px 4px #007600 inset;
  box-shadow: 0 2px 4px #007600 inset;
  z-index: 0;
  margin-top: 20px;
}
#titlearea .container{
  padding:48px 0 19px;
  height:34px;
}
#titlearea h1,#titlearea .h1 {
  padding: 6px 0 2px 20px;
  color: #fff;
  font-weight: normal;
  font-size: 24px;
}
#titlearea .h1 > h1{
  padding: 0;
}
#bodyarea {
  -webkit-box-shadow: 0 2px 4px #c6cdc1 inset ;
  -ms-box-shadow: 0 2px 4px #c6cdc1 inset ;
  box-shadow: 0 2px 4px #c6cdc1 inset ;
  background-color: #effaeb;
  padding-bottom: 50px;
  min-height:340px;
  overflow:overlay;
}
.mode-popup #bodyarea{
  min-height:500px;
}
body > #titlearea:first-child + #bodyarea{
  min-height:540px;
}
#bodyarea .container > .panel > .center-block {
  padding: 40px 0;
}
.topicPath {
  list-style-type: none;
  margin: 17px 0 12px;
  padding: 0;
  font-size: 12px;
}
.topicPath li,
.topicPath a {
  display: inline-block;
  margin-right: 0.5em;
}
#bodyarea .container > .panel:first-child:first-child,
#bodyarea .container > .panel-default:first-child {
  margin-top: 35px;
}
#bodyarea .container .topicPath + .panel:last-child,
#bodyarea .container .topicPath + .panel-default:last-child,
#bodyarea .container > .panel:first-child:last-child,
#bodyarea .container > .panel-default:first-child:last-child{
  min-height:300px;
}
.mode-popup #bodyarea .container .topicPath + .panel:last-child,
.mode-popup #bodyarea .container .topicPath + .panel-default:last-child,
.mode-popup #bodyarea .container > .panel:first-child:last-child,
.mode-popup #bodyarea .container > .panel-default:first-child:last-child{
  min-height:450px;
}
body > #titlearea:first-child + #bodyarea .container .topicPath + .panel:last-child,
body > #titlearea:first-child + #bodyarea .container .topicPath + .panel-default:last-child,
body > #titlearea:first-child + #bodyarea .container > .panel:first-child:last-child,
body > #titlearea:first-child + #bodyarea .container > .panel-default:first-child:last-child{
  min-height:500px;
}
#titlearea > .container > .contents,
#bodyarea > .container > .contents {
  width: 720px;
  float: left;
}
#titlearea > .container > .sub-contents,
#bodyarea > .container > .sub-contents {
  width: 240px;
  float: right;
}
#bodyarea-foot-banner {
  margin-top: 10px;
}
#bodyarea-foot-banner .row{
  margin-left: -2px;
}
#bodyarea-foot-banner .row > div{
  margin-left: 7px;
}
#bodyarea-foot-banner .row > div:first-child{
  margin-left: 0;
}
#bodyarea-foot-banner .panel-banner{
  margin: 0 2px 0;
  min-height:140px;
}
#bodyarea-foot-banner .panel-banner p{
  word-break: break-all;
}
.sitemark {
  text-align: center;
  margin-bottom: 8px;
}
#footer {
  background: url(../images/footerarea-headbg.png) repeat-x #ffffff;
  padding-bottom: 40px;
}
#footer .page_scroll {
  display: block;
  float: right;
  margin: 10px 0 4px 0;
}
#footer .logo {
  float: right;
  margin-right: 80px;
}
#footer .row {
  margin-bottom: 15px;
  clear:both;float:none;
  zoom:1;
}
#footer footer {
  font-size: 10px;
  color: #000;
  text-align: center;
  clear:both;float:none;
  zoom:1;
}
.footer-nav {
  font-size: 12px;
  color: #dadada;
}
.footer-nav a {
  color: #49af34;
  font-weight: normal;
  text-decoration: none;
}
.footer-nav a:hover {
  text-decoration: underline;
}
.modal-close{
  -webkit-appearance:none;
      appearance:none;
  width:24px;
  height:24px;
  vertical-align:middle;
  text-align:center;
  background-image:url(../images/icon-close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000000;
  background-size:12px;
  -webkit-border-radius:12px;
  border-radius:12px;
  border:2px solid #fff;
  position: absolute;
  right:-10px;
  top:-10px;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  width: auto;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  z-index: 1050;
  width: auto;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
#social_buttons_header{
  position: relative;
  margin-top: -30px;
  height:30px;
}
.s_button_box1,.s_button_box2,.s_button_box3{float:right;}
.s_button_box2{margin-right: 10px;}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.mode-popup #header{
  padding: 10px 0 5px;
}
.mode-popup #titlearea{
  margin-top: 0;
  padding: 0;
}
.mode-popup #titlearea .container{
  padding:30px 0 12px;
  height:40px;
}
.mode-popup #titlearea h1{
  padding: 0 0 0 20px;
}
.mode-popup #bodyarea .panel-default:last-child{
  margin-bottom: 0;
}
.mode-popup #footer{
  padding-bottom: 0;
}
.mode-popup #footer footer p:first-child{
  margin-top: 30px;
}
@media screen and (orientation: portrait) and (max-width: 720px){
  body{
    min-height:1280px;
  }
}
@media screen and (orientation: portrait) and (max-width: 1000px){
  body{
    min-height:1940px;
  }
}