body {
    background-color: #fdffd1;
}

pre {
    background-color: #fff;
}

a {
    color: #3d5830;
}

a:hover,
a:focus {
    color: #2f4b20;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 3px;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    -webkit-transform-origin: right bottom;
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform-origin: right bottom;
    -moz-transform: scale(1.5, 1.5);
    vertical-align: middle;
    margin-top: 7px;
    padding-top: 0;
}

.help-block {
    margin-bottom: 0;
}

.has-error .help-block {
    background: #f2dede;
    padding: 7px;
}

.well {
    background: #fff;
    border: 1px solid #d3b943;
}

.mincho {
    font-family: "Times New Roman", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.pagination > li > a,
.pagination > li > span {
    color: #3d5830;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li.current > a {
    color: #2f4b20;
    background-color: #eee;
    border-color: #ddd;
}

.alert-with-icon {
    display: table;
    width: 100%;
}

.alert-with-icon .alert-icon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 2em;
    line-height: 1.2em;
}

@media screen and (min-width: 767px) {
    .alert-with-icon .alert-icon {
        font-size: 3em;
        line-height: 1.2em;
    }
}

.alert-with-icon .alert-body {
    display: table-cell;
}

.btn-primary {
    background-color: #3d5830;
    background-image: none;
    color: #d3b943;
    border: 1px solid #d3b943;
    border-bottom-width: 3px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #2f4b20;
    color: #a2993a;
    border: 1px solid #d3b943;
    border-bottom-width: 3px;
}

.btn-primary.arrow {
    background: #3d5830 url("../img/common/arr01.png") no-repeat scroll 95% 50%;
}

.btn-accent {
    background-color: #fe4a00;
    color: #fff;
    border: 1px solid #fd0505;
}

.btn-accent:hover,
.btn-accent:focus,
.btn-accent:active,
.btn-accent.active {
    background-color: rgba(255, 74, 0, .85);
    opacity: .9;
    color: #fff;
    border: 1px solid #fd0505;
}

.btn-accent.arrow {
    background: #fe4a00 url("../img/common/yel_arr.png") no-repeat scroll 95% 50%;
}

.btn-more {
    background-color: #f7ffd6;
    color: #3d5830;
    border: 1px solid #ccc;
    border-bottom: 2px solid #fe4a00;
}

.btn-more:hover,
.btn-more:focus,
.btn-more:active,
.btn-more.active {
    color: #3d5830;
    opacity: .8;
    border: 1px solid #fd0505;
    border-bottom: 2px solid #fd0505;
}

.btn-more.arrow {
    background: #f7ffd6 url("../img/common/more_icon.png") no-repeat scroll 95% 50%;
}

.btn-lightyellow {
    background-color: #f7ffd6;
    color: #3d5830;
    border: 1px solid #ccc;
    font-weight: bold;
}

.btn-lightyellow:hover,
.btn-lightyellow:focus,
.btn-lightyellow:active,
.btn-lightyellow.active {
    color: #3d5830;
    opacity: .8;
    border: 1px solid #fd0505;
}

.input-btn-brown .submit {
    background: url("../img/common/btn_bg_Brw.gif") repeat-x;
    color: #fdffd1;
    border: 1px solid #300;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.input-btn-brown .submit:hover,
.input-btn-brown .submit:focus,
.input-btn-brown .submit:active,
.input-btn-brown .submit.active {
    opacity: .8;
}

.input-btn-brown .submit .arrow {
    background: url("../img/common/yel_arr.png") no-repeat scroll 95% 50%;
}

.input-btn-brown .submit .arrow:hover,
.input-btn-brown .submit .arrow:focus,
.input-btn-brown .submit .arrow:active,
.input-btn-brown .submit .arrow.active {
    color: #fdffd1;
}

.btn-female {
    background-color: #7b201d;
    color: #fdffd2;
    border: 1px solid #d3b943;
    border-bottom-width: 3px;
}

.btn-female:hover,
.btn-female:focus,
.btn-female:active,
.btn-female.active {
    background-color: #a06352;
    color: #fdffd2;
    border: 1px solid #d3b943;
    border-bottom-width: 3px;
}

.btn-male {
    background-color: #14474f;
    color: #fdffd2;
    border: 1px solid #d3b943;
    border-bottom-width: 3px;
}

.btn-male:hover,
.btn-male:focus,
.btn-male:active,
.btn-male.active {
    background-color: #587e76;
    color: #fdffd2;
    border: 1px solid #d3b943;
    border-bottom-width: 3px;
}

.panel-more {
    border-color: #bfaf86;
}

.panel-more > .panel-heading {
    background: #fcfde3;
}

.ml0 {
    margin-left: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.table-gold th {
    background: #f7ffd6;
    border-color: #ddd;
}

.table-gold td {
    background-color: #fff;
}

@media screen and (min-width: 450px) {
    .table-profile th {
        width: 200px;
    }
}

@media screen and (max-width: 449px) {
    .table-profile th {
        width: 120px;
    }
}

.h1-price {
    font-size: 25px;
}

.plan-a {
    font-size: 1.5em;
    font-weight: bold;
    background: #f2dede;
    text-align: center;
    padding: 5px;
}

.plan-b {
    font-size: 1.5em;
    font-weight: bold;
    background: #d9edf7;
    text-align: center;
    padding: 5px;
}

#price-tables .table-price th {
    line-height: 1.8em !important;
}

#price-tables .table-price td {
    font-size: 1.8em;
    line-height: 1em !important;
    font-weight: bold;
    color: #fd0505;
    vertical-align: middle;
}

.header-section {
    background-color: #fefff2;
    padding: 10px 0;
    border-bottom: 1px solid #bfaf86;
}

.navbar-default {
    background-color: #fefff2;
    border-bottom: 3px solid #fd0505;
}

#sub-nav {
    margin-top: 22px;
}

@media screen and (min-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .nav > li > a {
        padding-left: 5px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 768px) {
    .nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 767px) {
    .badge-nav {
        position: absolute;
        right: 3px;
    }
}

.badge-success {
    background-color: #5cb85c;
}

.badge-danger {
    background-color: #d9534f;
}

.badge-warning {
    background-color: #f0ad4e;
}

#logo-xs {
    width: 80%;
    margin: 3px 0;
}

#footer {
    padding: 10px;
    z-index: 1030;
    background: #3d5830;
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer .copyright {
    font-size: 80%;
}

.male-title {
    background: url(../img/common/btn_bg_Blue.gif) left 50% repeat-x;
    border-bottom: #c7af3c solid 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 auto 20px;
    color: #fdffd2;
    padding: 10px;
    font-size: 18px;
}

.female-title {
    background: url(../img/common/btn_bg_Red.gif) left 50% repeat-x;
    border-bottom: #c7af3c solid 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 auto 20px;
    color: #fdffd2;
    padding: 10px;
    font-size: 18px;
}

h2 {
    font-size: 18px;
}

h2,
.normal-title {
    border-top: 4px #3d5830 solid;
    padding: 10px 15px;
    background: #d4c16a url(../img/common/title_bg.png) right top repeat-y;
    margin-top: 0;
    line-height: 1.1em;
    color: #3d5830;
}

h2 span,
.normal-title span {
    display: block;
    padding-left: 22px;
    background: url(../img/common/maru_icon.png) 0 50% no-repeat;
    font-size: 18px;
    font-weight: normal;
}

.sub-title {
    background: #fcfde3;
    padding: 12px 10px 10px;
    border-top: 2px solid #c7af3c;
    border-bottom: 1px solid #c4c68e;
    width: 100%;
    font-size: 22px;
}

.sub-title span {
    padding-left: 40px;
    background: url(../img/common/sub_title_icon.gif) no-repeat 10px 50%;
}

.checklist .form-group {
    margin-bottom: 5px;
}

.message-balloon-left {
    display: inline-block;
    position: relative;
    float: left;
    min-height: 20px;
    width: 95%;
    padding: 10px 15px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 3px;
}

.message-balloon-right {
    display: inline-block;
    position: relative;
    float: right;
    min-height: 20px;
    width: 95%;
    padding: 10px 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    background: #ece6d6;
    border-radius: 3px;
}

.message-balloon-left::before {
    content: "";
    display: inline-block;
    border: 8px solid rgba(0, 0, 0, 0);
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 15px;
    margin-top: -8px;
}

.message-balloon-left.unread::before {
    border-right-color: #f2dede;
    cursor: pointer;
}

.message-balloon-right::before {
    content: "";
    display: inline-block;
    border: 9px solid rgba(0, 0, 0, 0);
    border-left-color: #ece6d6;
    position: absolute;
    right: -15px;
    top: 15px;
    margin-top: -8px;
}

#rule-manner h3 {
    margin-top: 0;
}

#rule-manner a:hover {
    text-decoration: none;
}

#rule-manner a h3:hover {
    opacity: .7;
}

#rule-manner #action-alink h3,
#rule-manner #action-alink dt span,
#rule-manner #action h3,
#rule-manner #action dt span {
    color: #d9534f;
}

#rule-manner #action-alink.well,
#rule-manner #action.well {
    border-color: #d9534f;
}

#rule-manner #omiai-alink h3,
#rule-manner #omiai-alink dt span,
#rule-manner #omiai h3,
#rule-manner #omiai dt span {
    color: #5cb85c;
}

#rule-manner #omiai-alink.well,
#rule-manner #omiai.well {
    border-color: #5cb85c;
}

#rule-manner #date-alink h3,
#rule-manner #date-alink dt span,
#rule-manner #date h3,
#rule-manner #date dt span {
    color: #5bc0de;
}

#rule-manner #date-alink.well,
#rule-manner #date.well {
    border-color: #5bc0de;
}

#rule-manner dd {
    margin-left: 23px;
}

.user_item .tag.label-introduced {
    background: #21aea1;
}

.user_item .tag.label-wait {
    background: #0280a7;
}

.user_item .tag.label-need-action {
    background: #ff3f12;
}

.user_item .tag.label-approved {
    background: #21aea1;
}

.user_item .tag.label-exchange {
    background: #ff6700;
}

.user_item .tag.label-default {
    background: #ccc;
}

.help-block.text-danger {
    color: #a94442;
    background-color: #f2dede;
    padding: 4px 8px;
}

.btn-line {
    background-color: #00C300 !important;
    color: #fff !important;
    font-weight: bold !important;
    border: 1px solid #00C300 !important;
    margin-bottom: 1.5rem;
}
.btn-line:hover,
.btn-line:focus,
.btn-line:active,
.btn-line.active {
    background-color: #00C300 !important;
    color: #fff !important;
}

.line-qr {
    margin: auto;
    width: 100%;
}