@CHARSET "UTF-8";

/* navbar-inverse overwrite */
.navbar-inverse {
  background-color: #337ab7;
  border-color: #2b5a83;
}
.navbar-inverse .navbar-brand {
  color: #ffffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #2b5a83;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #4288c6;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #3d7eb8;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #3d7eb8;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #2f628f;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #2b5a83;
  color: #ffffff;
}

/***追加_cte***/

body {
	background-color: #f8f7f2;
}

.title {
	font-size: 18px;
    padding: 2px;
    background-color: #fff000;
}

.title > h2 {
	font-weight: bold!important;
}

.dialog {
	border: none;
	background-color: #fff;
	padding: 10px 20px 20px;
}

.origin-btn {
	padding: 20px;
    width: 50%;
    margin-top: 10px;
	font-size: 18px;
}

.nakami-box a {
	color:#337ab7;
	text-align:left!important;
}

.payment {
    width: 430px;
    min-height: 255px;
    background-color: #fff;
	margin: 0 0 10px;
}

.height {
	height: auto!important;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.navbar-default {
	background-color: #FFF000;
}

.navbar-collapse {
	#fff5c8!important;
}

.top-margin {
	margin-top: 60px;
	margin-bottom: 30px;
}

.btn-pay {
	margin: 10px auto;
    width: 50%;
	background-color: #337ab7;
}

.select-title {
	background-color: #ae7d00;
	color: #fff;
}

.red-text {
	color: #F00;
	font-weight: bold;
}

.margin-bottom {
	margin-bottom: 10px;
}

.img {
	width: 195px;
	margin-bottom: 10px;
}

.table-color {
	border: 2px solid #ae7d00;
}

.table-color > tbody > tr > th {
	background-color: #fff5c8;
	width: 25%;
	border: 1px solid #ae7d00;
}

.table-color > tbody > tr > td {
	background-color: #fff;
}

.slash {
	padding: 6px 0 0 0;
	margin: 0;
	width: 10px;
	float: left;
}

.ifrm-container {
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	width: 100%;
}

.ifrm {
	width:100%;
	height:100%;
	border:none;
	display:block;
}

@media screen and (min-width: 0px) and (max-width: 480px) {

	body {
		padding-top: 0!important;
	}

	.dialog {
		padding: 10px 30px 20px;
	}

	.origin-btn {
	    width: 100%;
	}

	.margin-bottomSP {
		margin-bottom: 10px;
	}

	.slash {
		clear:both;
	}
}

/******追加ここまで******/


@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #2b5a83;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #2b5a83;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #2b5a83;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #4288c6;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #ffffff;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #ffffff;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #4288c6;
}

.col-lg-2_5,
.col-md-2_5,
.col-sm-2_5,
.col-xs-2_5 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .col-lg-2_5,
  .col-md-2_5,
  .col-sm-2_5,
  .col-xs-2_5 {
    float: left;
  }
  .col-lg-2_5,
  .col-md-2_5,
  .col-sm-2_5,
  .col-xs-2_5 {
    width: 20%;
  }
  .col-lg-pull-2_5,
  .col-md-pull-2_5,
  .col-sm-pull-2_5,
  .col-xs-pull-2_5 {
    right: 20%;
  }
  .col-lg-push-2_5,
  .col-md-push-2_5,
  .col-sm-push-2_5,
  .col-xs-push-2_5 {
    left: 20%;
  }
  .col-lg-offset-2_5,
  .col-md-offset-2_5,
  .col-sm-offset-2_5,
  .col-xs-offset-2_5 {
    margin-left: 20%;
  }
}
@media (min-width: 992px) {
  .col-lg-2_5,
  .col-md-2_5,
  .col-sm-2_5,
  .col-xs-2_5 {
    float: left;
  }
  .col-lg-2_5,
  .col-md-2_5,
  .col-sm-2_5,
  .col-xs-2_5 {
    width: 20%;
  }
  .col-lg-pull-2_5,
  .col-md-pull-2_5,
  .col-sm-pull-2_5,
  .col-xs-pull-2_5 {
    right: 20%;
  }
  .col-lg-push-2_5,
  .col-md-push-2_5,
  .col-sm-push-2_5,
  .col-xs-push-2_5 {
    left: 20%;
  }
  .col-lg-offset-2_5,
  .col-md-offset-2_5,
  .col-sm-offset-2_5,
  .col-xs-offset-2_5 {
    margin-left: 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-2_5,
  .col-md-2_5,
  .col-sm-2_5,
  .col-xs-2_5 {
    float: left;
  }
  .col-lg-2_5,
  .col-md-2_5,
  .col-sm-2_5,
  .col-xs-2_5 {
    width: 20%;
  }
  .col-lg-pull-2_5,
  .col-md-pull-2_5,
  .col-sm-pull-2_5,
  .col-xs-pull-2_5 {
    right: 20%;
  }
  .col-lg-push-2_5,
  .col-md-push-2_5,
  .col-sm-push-2_5,
  .col-xs-push-2_5 {
    left: 20%;
  }
  .col-lg-offset-2_5,
  .col-md-offset-2_5,
  .col-sm-offset-2_5,
  .col-xs-offset-2_5 {
    margin-left: 20%;
  }
}