body{
    font-size: 14px;
    color: #000000;
    font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    width: 100%;
/*    background-color: #FAF0EB; */
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#content-area {
	max-width: 1000px; /* 978(content)+11(padding-left)+11(padding-right)=1000px */
	padding-left: 11px;
	padding-right: 11px;
    background-color: #FFFFFF;
}

#footer{
    max-width: 1000px; /* 978(content)+11(padding-left)+11(padding-right)=1000px */
    padding-left: 11px;
    padding-right: 11px;
    clear: both;
    background-color: #FFFFFF;
    margin: 0 auto;
}

#footer .fInnr{
    height: 40px;
    padding: 10px 0px;
    width: auto;
    margin: 0 auto;
    background: white;
}

.gridSingleColumn {
    float: left;
    width: 306px;
    padding-left: 11px;
}

.gridSingleColumnLast {
    float: right;
    width: 306px;
    padding-right: 11px;
}

.gridDoubleColumn {
    float: left;
    width: 642px;
    padding-left: 11px;
}

.gridFullColumn {
    float: left;
    width: 978px;
    padding-left: 11px;
}

.gridGutter {
    float: left;
    width: 30px;
}

.gridGutter:after {
    content: " "; /*  相当 */
    display: inline-block;
}

#footer .fInnr .gridSingleColumn,
#footer .fInnr .gridSingleColumnLast,
#footer .fInnr .gridDoubleColumn,
#footer .fInnr .gridFullColumn,
#footer .fInnr .gridGutter {
    margin-bottom: 0;
}

#footer .fInnr .gridSingleColumnLast {
    text-align: right;
}

#footer .fInnr .copyright {
    text-align: right;
}

input[type="text"],
input[type="password"],
select{
	padding: 11px;
	border: 1px solid #A6A6A6;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 4px 0 rgba(200,200,200,0.4) inset;
	box-shadow: 0px 4px 4px 0 rgba(200,200,200,0.4) inset;
	box-shadow: 0px 4px 4px 0 rgba(200,200,200,0.4) inset;
	-moz-box-shadow:0px 4px 4px 0 rgba(200,200,200,0.4) inset;
	box-shadow:0px 4px 4px 0 rgba(200,200,200,0.4) inset;
}

.header-main{
    background-color: #FFFFFF;
    width: 100%;
    top: 0px;
    left: 0px;
    position: relative;
}

.header-main .pageHeaderContainer {
    height: 34px; /* TODO ヘッダ画像受領後消すこと、heightはヘッダ画像として指定している高さ＋padding分 */
}

.header-main .pageHeaderContainer .pageHeaderImage {
    padding: 5px;
}

.header-main .indicatorContainer {
    width: 100%;
    background-color: #0a3e86;
    box-sizing: border-box;
}

.header-main .indicatorContainer .indicator {
    padding-left: calc((100vw - 980px) / 2);
    height: 60px;
    width: 970px;
    margin: 0 auto;
}

.header-main .pageTitleContainer {
    background-color: #faf0eb;
    padding: 10px 0;
}

.header-main .pageTitleContainer .pageTitle {
    padding-left: calc((100vw - 980px) / 2);
    width: 970px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
}

.body-section{
    position: relative;
}

#inner_header{
    width:1000px;
    padding: 10px 20px;
    margin: 0 auto;
    height: 63px;
}

.header-area-color {
    background-color: rgb(20, 20, 20);
}

.planfInnr{
    color: #999999;
    padding-top: 10px;
    width: 100%;
    margin: 0 auto;
}

.heading-large {
    font-size: 26px;
    color: #595959;
    line-height: 30px;
    background: url("../images/etc/heading_large_background.png") no-repeat left bottom;
    border-bottom: 1px solid #5fbed2;
    padding: 0 0 11px 15px;
    display: block;
}

.heading-middle {
    font-size: 20px;
    color: #5fbed2;
    line-height: 24px;
    font-weight: bold;
    border-bottom: 1px dotted #5fbed2;
    padding-bottom: 5px;
    display: block;
}

.heading-small {
    font-size: 18px;
    color: #5fbed2;
    line-height: 24px;
    font-weight: bold;
    padding-bottom: 5px;
}

.main-table{
    margin: 0 auto;
    border: 1px solid #002060;
    border-collapse: collapse;
}

.main-table .m-tr-a .m-td-a{
    background-color: #f2f2f2;
    width: 30%;
    color: #002060;
    padding: 10px;
}

.nameInputArea{
    width: 43%;
}

.default-hide {
    display: none;
}

.underlined {
    text-decoration: underline;
}

:-ms-input-placeholder {
    /* IEのプレースホルダの色が濃くならないように調整 */
    color: inherit;
    opacity: 0.54; /* デフォルト値を調べた結果、0.54でした */
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }

.need:after{
    display: inline-block;
    float: right;
    padding: 2px 5px;
    background-color: #2ab861;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px; /* 必須マーク高さ調整 */
    font-weight: bold;
    content: "必須";
}

.need-left:before{
    display: inline-block;
    padding: 2px 5px;
    margin-right: 60px;
    background-color: #2ab861;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px; /* 必須マーク高さ調整 */
    font-weight: bold;
    content: "必須";
}

.eitherNeed:after{
    display: inline-block;
    float: right;
    padding: 2px 5px;
    background-color: #2ab861;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px; /* どちらか必須マーク高さ調整 */
    font-weight: bold;
    content: "どちらか必須";
}

/* ↓複数行向けの必須アイコン↓ */
.multiLineNeed {
    position: relative;
    background-clip: padding-box;
}

.multiLineNeed div.multiLineNeedTarget {
    width: calc(100% - 35px);
}

.multiLineNeed div.multiLineNeedIcon {
    float: right;
    padding: 2px 5px;
    background-color: #2ab861;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px; /* 必須マーク高さ調整 */
    font-weight: bold;
    display: table-cell;
    position: absolute;
    top: calc(50% - 10px);
    right: 0px;
}

.multiLineNeed div.multiLineNeedIcon:after {
    content: "必須"
}
/* ↑複数行向けの必須アイコン↑ */

.main-table .m-tr-a label{
    padding: 10px;
}

.m-td-b{
    background-color: #FFFFFF;
    padding-left: 10px;
}

.m-td-c{
    background-color: #FFFFFF;
    padding: 10px;
}

.noBreak {
    white-space: nowrap;
}

#menuTable{
    margin: 0 auto;
    border-spacing:10px 4px;
    border-collapse:separate;
}

.inputError{
    padding: 5px 10px;
    border: 3px solid #ff6565;
    color: #ff6565;
    font-weight: bold;
}

.menuLineDoubleLightW {
    font-size: 20px;
    margin:0 0 10px 0;
    padding:2px 8px;
    border-width:5px 0;
    border-color:#029EBC;
    border-style:solid;
    background:#fff;
    color:#017589;
    line-height:140%;
    font-weight:bold;
    text-align:center;
}

.menuLineLightW {
    font-size: 20px;
    margin:0 0 10px 0;
    padding:2px 8px;
    border-width:0 0 5px 0 ;
    border-color:#029EBC;
    border-style:solid;
    color:#017589;
    line-height:140%;
    font-weight:bold;
}

div.policy {
    background-color: white;
    height: 150px;
    overflow: auto;
    line-height: 150%;
    border: 1px solid #002060;
    padding: 6px 8px;
    margin: 0 auto;
    width: 100%;
}

.checkInput + label {
    background-image: url(../images/icon/check_off.PNG);
    background-position: 10px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.checkInput:checked + label {
    cursor: pointer;
    background-image: url(../images/icon/check_on.PNG);
}

.birth{
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.active{
    border: 1px solid #002060;
}

.active .m-tr-a .m-td-a{
    background-color: #002060;
    color: white;
    width: 25%;
}

.medical{
    border: 2px solid #EDAD0B;
}

.medical .m-tr-a .m-td-a{
    background-color: #FCF1D3;
    width: 25%;
}

.total-table{
    margin: 0 auto;
    border: 3px solid #029EBC;
    border-collapse: collapse;
    background-color: #EEFFFF;
}

.total-area{
    background-color: #EFF9FF;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 173px;
    width: 100%;
    z-index: 99;
    border-top:1px solid #002060;
}

#whiteLayoutAB{
    z-index: 100;
    background-color: #FFF;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

#whiteLayoutC{
    z-index: 100;
    background-color: #FFF;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

#whiteLayoutD{
    z-index: 100;
    background-color: #FFF;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

#basicInfo{
    z-index: 101;
    border-radius: 15px;
    background-color: #093D85;
    position: absolute;
    width: 650px;
    height: 450px;
    top: 120px;
    left: 50%;
    margin-left: -350px;
}

#basicInner{
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 10px;
    background-color: #FFF;
    text-align: center;
    width: 630px;
    height: 430px;
    display: block;
}

#caluculation_title{
    padding-top: 20px;
    font-size: 40px;
}

#caluculation_info{
    padding-top: 40px;
    font-size: 25px;
}

#caluculation_sex_info{
    padding: 30px 0;
    font-size: 25px;
}
.startCalculation{
    top: 35px;
    width: 40%;
    color: #fff;
    background-color: #093D85;
    border-color: #093D85;
    font-size: 30px;
    border-style: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.startCalculation:hover{
    background-color: #003192;
    border-color: #003192;
}

.textlike-button {
    border:none;
    background-color:transparent;
    text-decoration: underline;
}

/* ------------------ mypageMenu.html.twig ------------------*/
div.nav {
    width: 180px;
    font-size: 80%;
}

div.nav ul.nl {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    font-size: 14px;
}

div.nav ul.nl li {
    margin-bottom: 12px;
    background-color: #FDF7E7;
}

div.nav ul.nl li a {
    display: block;
    padding: 8px 10px;
    border-left: 4px #c0c0c0 solid;
    text-decoration: none;
}

div.nav ul.nl li a:hover {
    border-left-color: #000000;
}

.menuEmphasize {
    font-weight: bold;
}

.lumpSum {
	margin-left:100px;
	width: 200px;
}

.indented14 {
	margin-left:14px;
}

.note-number {
	vertical-align:top;
}

/* ------------------base.html.twig ------------------*/

.header-div{
    height: 46px;
    width: 131px;
    top: 0px;
    left: 0px;
    position: absolute;
}

.header-logo{
    height: 37px;
    width: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    margin: 0px;
    resize: none;
    zoom: 1;
    display: block;
}

/*
.header-main{
    height: 65px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: relative;
}

.body-section{
    position: relative;
    background:#ccddee ;
}

#inner_header{
    width:1000px;
    padding: 10px 20px;
    margin: 0 auto;
    height: 63px;
}
*/

#black_line{
    border: 1px solid;
}

.call{
    height: 47px;
    top: 11px;
    right: 40px;
    color:#002060;
    float: right;
    padding-right: 10px;
    padding-top: 2px;
}

.commonheader-faqtelno{
    font-size: 20px;
}

#apply_flow{
    height:40px;
    width:130px;
    border:1px solid;
    text-align: center;
    float:right;
    vertical-align: middle;
    padding-top: 10px;
    background-color: #002060;
    color:white;
    margin-top: 2px;
}

#life_price, #medical_price, #total_price{
    font-weight: bold;
    font-size: 25px;
    color: black;
}

#item{
    width: 100px;
    transform: rotate(-16deg);
    margin-left: -80px;
    margin-top: -20px;
}

#total_price_area{
    float:right;
    border: 2px solid #002060;
    background-color: white;
    padding: 10px;
    width: 250px;
}

#changeInfo{
    border:0;
    background:none;
}

#changeInfo:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.tellForm{
    width:100px;
}

.hospitalNameForm {
	width: 331px;
}

#accountCheck1{
    background-image: url(../images/check/accountCheck1.PNG);
    background-size: contain;
    background-repeat: no-repeat;
    width:450px;
    height: 80px;
    margin: 0 auto;
}

#accountCheck2{
    background-image: url(../images/check/accountCheck2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 450px;
    height: 80px;
    margin: 0 auto;
}

#accountCheck3{
    background-image: url(../images/check/accountCheck3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:450px;
    height: 80px;
    margin: 0 auto;
}

#accountCheck4{
    background-image: url(../images/check/accountCheck4.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:550px;
    height: 80px;
    margin: 0 auto;
}

#errorArea{
    padding: 5px;
    padding-right: 15px;
    margin: 0 auto;
    border: 2px solid red;
    background-color: white;
    margin-top: 12px;
    color: red;
    font-weight: bold;
}

#errorArea ul{
    padding-top: 10px;
}

#invisibleErrorArea{
	display: none;
}

#errorArea ul li {
    color: #ff0000;
    font-weight: bold;
}

#loginErrorArea{
    border: 2px solid red;
    background-color: white;
}

#loginErrorArea ul{
    margin: 7px 0;
}

.download_check{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}

.dowload_success{
    background-image: url(../images/icon/validIcon.png);
    background-repeat: no-repeat;
    background-position: 2px;
}

.valid-check-area{
    width: 100%;
    margin: 0 auto;
}

.inValidCheck{
    background-image: url(../images/check/invalidCheckArea.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 80px;
    margin: 0 auto;
}

.validCheck{
    background-image: url(../images/check/checkArea.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 80px;
    margin: 0 auto;
}

.checkDownloadInput,
.checkPersonalInput,
.checkEhandlingInput,
.checkAntisocialInput,
.checkIntentionInput {
    display: none;
}

.checkDownloadInput + label,
.checkPersonalInput + label,
.checkEhandlingInput + label,
.checkAntisocialInput + label,
.checkIntentionInput + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 41px 5px;
    background-repeat: no-repeat;
    padding-top: 13px;
    cursor: pointer;
    background-size: contain;
}

.checkDownloadInput:checked + label,
.checkPersonalInput:checked + label,
.checkEhandlingInput:checked + label,
.checkAntisocialInput:checked + label,
.checkIntentionInput:checked + label {
    background-image: url(../images/icon/check_on2.png);
    background-size: 37px;
    background-position: 41px 5px;
    padding-top: 13px;
    cursor: pointer;
}

#downloadCheckLabel{
    font-weight:bold;
    font-size:20px;
    padding-left: 78px
}

.intentionTd{
    color: #002060;
    font-weight: bold;
}

.intentionIndent{
    padding-left: 0.6em;
    text-indent: -1.6em;
}

#normalCheck1{
    background-image: url(../images/check/normalCheck1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck2{
    background-image: url(../images/check/normalCheck2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck3{
    background-image: url(../images/check/normalCheck3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck4{
    background-image: url(../images/check/normalCheck4.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck5{
    background-image: url(../images/check/normalCheck5.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

.normalCheckInput{
    display: none;
}

.normalCheckInput + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 32px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.normalCheckInput:checked + label {
    background-size: 37px;
    background-position: 32px 1px;
    cursor: pointer;
    background-image: url(../images/icon/check_on2.png);
}

.normalCheckInputYes{
    display: none;
}

.normalCheckInputYes + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 10px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.normalCheckInputYes:checked + label {
    background-size: 37px;
    background-position: 10px 1px;
    cursor: pointer;
    background-image: url(../images/icon/check_on2.png);
}

.normalCheckInputNo{
    display: none;
}

.normalCheckInputNo + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.normalCheckInputNo:checked + label {
    background-size: 37px;
    background-position: 0px 1px;
    cursor: pointer;
    background-image: url(../images/icon/check_on2.png);
}

.notificationCheck{
    background-size: contain;
    background-repeat: no-repeat;
    height: 66px;
    margin: 0 auto;
    padding: 9px 0px 0px 74px;
}

#notificationCheck1{
    background-image: url(../images/check/notificationCheck1.png);
}

#notificationCheck2{
    background-image: url(../images/check/notificationCheck2.png);
}

#notificationCheck3{
    background-image: url(../images/check/notificationCheck3.png);
}

#notificationCheck4{
    background-image: url(../images/check/notificationCheck4.png);
}

#notificationCheck5{
    background-image: url(../images/check/notificationCheck5.png);
}

#notificationCheck6{
    background-image: url(../images/check/notificationCheck6.png);
}

#notificationCheck7{
    background-image: url(../images/check/notificationCheck7.png);
}

.notificationTd{
    padding-left: 100px;
    padding-top: 20px;
}

.notificationTextTd{
    padding-top: 20px;
    font-weight: bold;
}

.notificationIndent{
    padding-left: 1em;
    text-indent: -1.5em;
}

.supportTable{
    background-color: #FDF7E7;
}

.supportTd{
    padding: 10px;
}

.main-table .m-tr-a .m-td-r {
    background-color: #f2f2f2;
}

.main-table .m-tr-a .m-td-d {
    background-color: #f2f2f2;
    width: 15%;
    color: #002060;
    padding: 10px;
}

.workTd{
    padding: 10px;
    width:20%;
}

.workRadio{
    margin-top:10px;
    display: block;
}

#workInput_worktype label{
    width:295px;
    font-size:13px;
}

#diseaseAreaA label,
#diseaseAreaB label,
#diseaseAreaC label,
#diseaseAreaD label{
    font-weight: normal;
    width: 23%;
    vertical-align:middle;
}

#diseaseAreaA,
#diseaseAreaB,
#diseaseAreaD{
    padding-top: 15px;
}

#diseaseAreaC {
    padding-top: 0;
}

.main-table .m-tr-a .m-td-e{
    background-color: #f2f2f2;
    width: 23%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-f{
    background-color: #f2f2f2;
    width: 4%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-g{
    background-color: #f2f2f2;
    width: 30%;
    color: #002060;
    padding: 13px 10px 10px 9px;
}

.normalDisease td{
    padding: 10px 0 5px 0;
}

.detailModify{
    float: right;
}

#uploadArea{
    padding-top: 10px;
}

.underline, .link{
    text-decoration: underline;
}

#noticeInfo{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 800px;
    top: 70px;
    left: 50%;
    margin-left: -350px;
    background-color: white;
    padding: 10px;
    border: 1px solid black;
}

#accountinput_gender, #account_gender, #accountedit_gender{
    margin-bottom: -9px;
}

.step{
    padding: 10px 0px 20px 96px;
}

.talk{
    padding-left:40px;
}

.mypageTalk{
    padding-left:21px;
}

.toLoginBtn{
    background-image: url(../images/btn/miniLoginBtn1.png);
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    width: 182px;
    height: 40px;
    float: right;
    margin-right: 40px;
    margin-top: 22px;
}

.toLoginBtn:hover{
    background-image: url(../images/btn/miniLoginBtn2.png);
}

#fiveYearsConditionInput_question2{
    padding-top:8px;
    margin-bottom: -10px;
}

.save{
    text-align: center;
    text-decoration: underline;
    list-style-type: none;
}

.special{
    margin-bottom: -8px;
}

#planBase{
    width:1000px;
    margin: 0 auto;
    height:1250px;
}

.textarea1{
    width: 400px;
    height: 80px;
}

.diseaseChoice:not(select), .presentCondition, #paymentInput_payment{
    padding-top: 8px;
}

.workType label{
    padding: 10px 0px !important;
}

div[id*=fiveYearsExaminationInput_disease]{
    width: 100%;
}

.addBtn{
    width: 170px;
    cursor: pointer;
    display: block;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/addBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ccddee;
    float: right;
}

.addBtn:hover{
    background-image: url(../images/btn/addBtn2.png);
}

.addExamBtn{
    width: 180px;
    cursor: pointer;
    display: block;
    height: 50px;
    float: right;
    border: 5px solid #ff8c00;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    color:#ff8c00;
}

.addExamBtn:hover{
    border-color: #fac090;
    color: #fac090;
}

.deleteBtn{
    width: 140px;
    cursor: pointer;
    display: block;
    height: 45px;
    background-color: #cccccc !important;
    text-align: center;
    border: none;
    border-radius: 9px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.deleteBtn:hover{
    background-color: #dddddd !important;
}

.specialDiseaseArea .main-table label{
    width: 30%
}

.specialDiseaseArea{
    padding: 0 10%
}

div[id^=disease] .diseaseChoice{
    padding: 0px;
}

div[id^=disease] .diseaseChoice label{
    margin: 0px;
}

#diseaseArea .details{
    padding-left: 40px;
}

div[id^=medicalExaminationDetailInput_specialDisease]{
    display: none;
}

#presentConditionArea{
    display:none;
    padding-bottom: 10px;
}

.workInputHeightWeightText{
    width: 25%;
}

#fileUploadArea{
    padding: 9px 5px;
}

#fileUploadArea div#fileUpload_fileUpload{
    width: 360px;
    padding-right: 50px;
}

#fileUploadArea div#fileUpload_fileUpload label{
    width: 93%;
    padding-right: 50px;
}

div.imgInputArea {
    overflow:hidden;
    width:315px;
    height:31px;
}

div.imgInputArea input.uploadFile {
    position: absolute;
    z-index: 99;
    width: 120px;
    height:30px;
    opacity: 0;
    cursor: pointer;
}

div.imgInputArea input.uploadFileIE {
    font-size: 52px;
}

div.imgInputArea .uploadFilebtn {
    float:left;
    width: 120px;
    height:30px;
    line-height: 30px;
    background-color: #0099FF;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    z-index: 100;
}

.menuSubmit{
    background-color: #FDF7E7;
    width: 180px;
    height: 35px;
    border-style: none;
    border-left: 4px #c0c0c0 solid;
    color:  #337ab7
}

.backBuleLinkSubmit{
    background-color: rgba(0, 0, 0, 0);
    color: #337ab7;
    border-style: none;
    text-decoration:underline;
}

.backBuleBtn{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: block;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/alterBtn1.png);
    background-repeat: no-repeat;
    background-color: #ccddee;
}

.backBuleBtn:hover{
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=40)";
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity:0.5;
    zoom:1;
}

.backBuleLinkSubmit:hover, .menuSubmit:hover{
    color: #23527c;
}

.backWhiteLinkSubmit{
    background-color: #FFFFFF;
    border-style: none;
    text-decoration:underline;
}

.detailModify{
    margin-top: -6px;
}

.confirm .m-td-b, .pad10px{
    padding: 10px;
}

.workDetailInput{
    padding: 5px 0px 0px 40px;
}

#plan_gender_1{
    margin-left: 20px;
}

.main-table .m-tr-a .m-td-h{
    padding: 10px;
    border-bottom: 1px solid;
}

.main-table .m-tr-a .m-td-i{
    padding: 10px;
    border-right: 1px solid;
    width: 30%;
}

.main-table .m-tr-a .m-td-j{
    background-color: #f2f2f2;
    width: 37%;
    color: #002060;
    padding: 10px;
}

.common-table100per{
    width: 100%;
    margin: 0 auto;
}

.common-tableWidth95per{
    width: 95%;
    margin: 0 auto;
}

.common-tableWidth90per{
    width: 90%;
    margin: 0 auto;
}

.common-tableWidth80per{
    width: 80%;
    margin: 0 auto;
}

.common-divwidth1000px{
    width:1000px;
    margin: 0 auto;
    background-color: white;
}

.notificationconfirm-check{
    padding-top: 9px;
}

.notificationconfirm-msg{
    font-weight: bold;
    font-size: 20px;
    padding-left: 70px;
}

.notif-check {
    text-align: center;
}

.notif-check td {
    padding: 10px;
}

.notif-check label {
    color: red;
}

.notif-caution {
    margin-top: 20px;
    border: 3px solid #0a3e86;
    padding: 10px;
}

.notif-caution-title {
    text-align: center;
    color: red;
    font-weight: bold;
}

.notif-caution-message {
    padding-top: 20px;
    text-align: left;
    padding-left:25%;
    padding-right:25%
}

.intentionConfirmNeeds-check{
    padding-top: 9px;
}
.intentionConfirmNeeds-yes{
    font-weight: bold;
    font-size: 20px;
    padding-left: 50px;
}
.intentionConfirmNeeds-no{
    font-weight: bold;
    font-size: 20px;
    padding-left: 37px;
}

.btnBack-td{
    width: 13%;
    vertical-align: top;
}

.btnNext-td{
    width: 20%;
}

.globalmenu-td{
    width: 20%;
    vertical-align: top;
}

.ssliconimg-width{
    width: 250px;
}

.padding10px-td{
    padding: 10px;
}

.imgView{
    display: none;
    max-width: 500px;
}

.workInput_workdetail2{
    min-width: 195px;
}

.m-td-b > input[readonly="readonly"] {
    border: none;
    width: 500px;
}

.specialMsgTd{
    padding: 6px 0px;
    line-height: 1.6;
    width:59%;
}

.main-table .m-tr-a .m-td-k{
    background-color: #FFFFFF;
    width: 37%;
    color: #002060;
}

.main-table .m-tr-a .m-td-l{
    background-color: #FFFFFF;
    padding: 10px;
}

.main-table .m-tr-a .m-td-m{
    background-color: #FFFFFF;
    width: 25%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-n{
    background-color: #f2f2f2;
    width: 35%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-o{
    background-color: #f2f2f2;
    width: 7%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-p{
    background-color: #f2f2f2;
    width: 12%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-q{
    background-color: #f2f2f2;
    width: 25%;
    color: #002060;
    padding: 10px;
}

.textalign_right_Td{
    text-align: right;
}

.fontbold_for_insurancedetail{
    font-weight: bold;
}

.currentstatus_for_insurancedetail{
    font-weight: bold;
    text-align: right;
}

.creditDeclaration{
    font-size: 21px;
    padding-bottom: 15px;
    text-align: center;
}

.noticeList{
    height: 35px;
}

.recipientInput_productType {
    font-weight: bold;
    font-size: 20px;
}

#planConfirm{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 630px;
    top: 70px;
    left: 50%;
    margin-left: -350px;
    background-color: white;
    padding: 10px;
    border: none;
    box-shadow: 0px 0px 8px 5px gray;
    -moz-box-shadow: 0px 0px 8px 5px gray;
    -webkit-box-shadow: 0px 0px 8px 5px gray;
}

#planConfirm input#closePlanConfirm {
    width: 88px;
    cursor: pointer;
    display: block;
    height: 36px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/backIntentionBtn1.png);
    background-repeat: no-repeat;
    background-color: white;
    float: left;
}

#planConfirm input#closePlanConfirm:hover {
    background-image: url(../images/btn/backIntentionBtn2.png);
}

#planConfirm input#submitPlan {
    width: 366px;
    cursor: pointer;
    display: block;
    height: 71px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/nextIntentionBtn1.png);
    background-repeat: no-repeat;
    background-color: white;
}

#planConfirm input#submitPlan:hover {
    background-image: url(../images/btn/nextIntentionBtn2.png);
}

#planConfirm input#submitPlanForOrder {
    width: 192px;
    cursor: pointer;
    display: block;
    height: 71px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/nextConfirmBtn1.png);
    background-repeat: no-repeat;
    background-color: white;
}

#planConfirm input#submitPlanForOrder:hover {
    background-image: url(../images/btn/nextConfirmBtn2.png);
}

#planConfirm td.confirmTitle {
    text-align: center;
    font-size : large;
}

#planConfirm span.planName {
    color: #c63535;
    text-decoration : underline;
    font-weight : bold;
}

#planConfirm span.notHavingTurned {
    color: #c63535;
}

#uploadInfo{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 1050px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 1px solid black;
}

.uploadInfoMain{
    padding: 10px 5px;
}

.uploadInfoMain tr.head{
    background-color: #f2f2f2;
    color: #002060;
    border: 1px solid black;
}

.uploadInfoMain tr.body{
    border: 1px solid black;
}

.uploadInfoMain td{
    border: 1px solid black;
    padding: 5px;
}

.uploadInfoMain td.head_doc{
    width: 460px;
}

.uploadInfoMain td.head_must{
    width: 375px;
}

.uploadInfoMain td.head_expire{
    width: 120px;
}

.login_heading {
    font-size: 16px;
    border-left: 3px solid #002060;
    padding: .5em .9em .5em .9em;
    font-weight: bold;
}

.inline-block {
    display: inline-block;
}

.payment-input-question,
.payment-credit-card-label {
    width: 35%;
    background-color: #f2f2f2;
    color: #002060;
    padding: 10px;
}

.payment-credit-card-hyphen {
    padding-left: 12px;
    padding-right: 12px;
}

.payment-credit-card-number-remarks {
    margin-left: -35px;
}

.payment-credit-card-expdate-remarks-month-text {
    padding-right: 90px;
}

.payment-credit-card-amex-diners-remarks {
    margin-left:3em;
    text-indent:-3em;
}

#paymentInput_securityCode{
    width: 90px;
}

.credit-card-input-check {
    width: 70%;
}

.credit-card-input-check tbody tr td {
    padding: 10px;
    background-color: #f2f2f2;
}

.credit-card-input-check tbody tr td .validator-unit {
    padding: 10px 0;
    text-align: center;
}

.faqLink{
    padding-left: 15px;
    font-size: 20px;
}

.under-validator-unit{
    padding-left: 40px;
}

.cardNumber{
    width: 60px;
}

.imeModeOn {
    ime-mode: active;
}

/* --------------- for notificationInput --------------- */
#notification-input .question {
    margin: 0 10%;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
}

#notification-input .need:after {
    float: none;
    margin-left: 20px;
}

.notif-notice {
    padding: 10px 0;
}

.notification-input-table,
.notification-input-table-pre-disease-c {
    border: 1px solid #002060;
    border-collapse:collapse;
    width: 100%;
}

.notification-input-table tr,
.notification-input-table th,
.notification-input-table td {
    border: 1px solid #002060;
}

.notification-input-table-pre-disease-c tr.pre-disease-c,
.notification-input-table-pre-disease-c th.pre-disease-c,
.notification-input-table-pre-disease-c td.pre-disease-c {
    border: 1px solid #002060;
}

#notification-input .diseaseAreaEtc .diseaseChoice label,
#notification_detail_confirm .diseaseAreaEtc .diseaseChoice label {
    width: 50%;
}

#notification-input .notificationQuestion,
#notification_detail_confirm .notificationQuestion {
    width: 55%;
}

#notification-input .notificationQuestion:after {
    top: calc(50% - 12px);
    right: 10px;
    position: absolute;
}

#notification-input .notificationQuestionMedical .radio-navi-notif .diseaseChoice {
    width: 55%;
}

#notification-input .notificationQuestionMedical .radio-navi-notif input[type='radio']:nth-child(2n+1) + label {
    margin-left: 0px;
    margin-top: 10px;
}

#notification-input .notificationQuestionMedical .radio-navi-notif input[type='radio']:nth-child(1) + label {
    margin-top: 0px;
}

#notification-input .notificationQuestionMedical .radio-navi-notif input[type='radio']:nth-child(5) + label {
    min-width: 180px;
    width: 180px;
}

#notification-input .notificationQuestionMedical .radio-navi-notif input[type='radio']:nth-child(7) + label {
    min-width: 250px;
    width: 250px;
}

.disease-area-c-parent {
    padding-left: 0;
}

td.disease-category {
    width: 25%;
    padding: 10px;
    text-align: center;
}

#diseaseConditionInputAB tr.details-row {
    vertical-align: top;
}

#diseaseConditionInputAB div.details {
    padding: 10px;
}

#diseaseConditionInputAB div.details label {
    width: 100%;
}

#diseaseConditionInputAB div.details .diseaseText {
    width: 100%;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

#diseaseConditionInputAB div.diseaseChoice label {
    font-weight: normal;
}

#diseaseAreaC .main-table {
    margin-left: 0;
    width: 100%;
    border: none;
}

#diseaseAreaC .main-table tr {
    border: none;
}

#diseaseAreaC .main-table tbody tr td {
    border-bottom: 1px solid #002060;
}

#diseaseAreaC .main-table tbody tr:nth-last-child(1) {
    border-bottom: none;
}

#diseaseAreaC .main-table tbody tr:nth-last-child(1) td {
    border-bottom: none;
}

#diseaseAreaC .main-table tbody tr:nth-child(1) td {
    text-align: center;
    padding: 10px;
}

#diseaseAreaC .main-table tbody tr:not(:nth-child(1)) td {
    padding: 5px;
}

#diseaseAreaC .main-table tbody tr td.medical-check-result {
    border-left: 1px solid;
}

#diseaseAreaC .diseaseType {
    width: 55%;
    padding-left: 10px;
}

#diseaseAreaC .diseaseType label {
    width: 100%;
    display: inline-block;
    max-width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}

#diseaseAreaC .details {
    padding-left: 10px;
}

#diseaseAreaC .details label {
    min-width: 117px;
    background: url("../images/icon/icon_radio1.png") no-repeat 10px;
    background-size: 20px, 100%;
    border: none;
    box-shadow: none;
}

#diseaseAreaC .details input[type='radio']:checked + label {
    background: url("../images/icon/icon_radio2.png") no-repeat 10px;
    background-size: 20px, 100%;
}

#diseaseAreaC div.diseaseChoice label,
#diseaseAreaD div.diseaseChoice label {
    font-weight: normal;
}

#diseaseAreaC .details label,
#diseaseAreaD .details label {
    font-weight: bold;
}

#diseaseAreaD {
    padding-bottom: 15px;
}

#diseaseAreaD div.details .diseaseText {
    vertical-align: top;
    width: 24%;
    height: 34px;
    display: inline-block;
    max-width: 100%;
}

/* --------------- for notificationDetailInput --------------- */
#notification-detail-input .main-table .m-tr-a .m-td-d {
    width: 45%;
    padding-right: 40px;
}
#notification-detail-input .main-table .m-tr-a .mlneed-parent {
    padding-right: 10px;
}
#notification-detail-input .main-table .m-tr-a .need:after {
    margin-right: -30px;
}
#notification-detail-input .main-table .m-tr-a .need-2line:after {
    margin-top: -33px;
}
#notification-detail-input .hospital-info-title {
    width: 140px;
}

.important-instruction-agreement {
    text-align:center;
}

.important-instruction-agreement input[type='radio'] + label {
    width: 150px;
}

/* --------------- for examinationDetailInput and recentDetailInput --------------- */
.specialDiseaseSelect label {
    width: 46% !important;
}

/* --------------- for medicalExaminationDetailInput --------------- */
.specialDiseaseExpressionCheck {
    display:inline-block;
    width: 48%;
    vertical-align: top;
}
.specialDiseaseExpressionCheck div.visibleCheck {
    margin-top: -10px;
}

.medicalDetail .main-table .m-tr-a .m-td-e {
    width: 20%;
}

.diabetesComplications label {
    padding: 0 10px !important;
}


/* --------------- for baseInfoInput --------------- */
#base-info-input .oneInput {
    width: 84%;
}
#base-info-input .nameInput {
    width: 41%;
}
#base-info-input .telInput {
    width: 25.75%;
}

#base-info-input .induceIntention {
    color: #e60000;
}

#base-info-input .base-info-label {
    width: 8%;
}

#base-info-input .base-info-label2 {
    width: 19%;
}

#base-info-input .base-info-label3 {
    width: 12%;
}

#base-info-input .base-info-label4 {
    width: 27%;
}

.input-type-complement {
    /* 各項目の文字種を説明するための文言用 */
    font-stretch: ultra-condensed;
    font-size: 80%;
}

.post-code-input {
    width: 95px;
    margin-right: 3px;
}

.mail-address-remarks {
    font-size: 10px;
}

.remail-address-remarks {
    padding-left: 40px;
    font-size: 12px;
}

#base-info-input .agree-label {
    width: 39%;
}

#base-info-input .agree-check {
    display: none;
}

.legend {
	margin-left:3em;
}

/* --------------- for notificationResult --------------- */
button.closeBtn {
	width: 100px;
	height: 75px;
	color: #000000;
	background: no-repeat 11px center, -webkit-linear-gradient(top, #ffffff, #ededed);
	background: no-repeat 11px center, -moz-linear-gradient(top, #ffffff, #ededed);
	background: no-repeat 11px center, linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
	background-size: 13px 16px, 100% 100%;
	border: 1px solid #a6a6a6;
	font-size: 16px;
	font-weight: normal;
	border-radius: 5px;
	box-shadow: 0px 1px rgba(0,0,0,0.3);
}

/* --------------- Download Button --------------- */
/*
.downloadBtn {
    width: 150px;
    height: 48px;
    display: block;
	color: #ffffff;
	background: no-repeat 11px center, -webkit-linear-gradient(top, #ea7817, #f09123);
	background: no-repeat 11px center, -moz-linear-gradient(top, #ea7817, #f09123);
	background: no-repeat 11px center, linear-gradient(to bottom, #ea7817 0%,#f09123 100%);
	background-size: 13px 16px, 100% 100%;
	border: 1px solid #bb6012;
	border-radius: 5px;
	box-shadow: 0px 1px rgba(0,0,0,0.3);
}

.downloadBtn:after {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
    content: "ダウンロード";
}

.downloadBtn:hover {
    background: #f8a428;
}

.downloadBtn.busy {
    background: #f8a428;
}
*/
/* ---------- Next and Back Button ---------- */
button.startButton,
button.backButton,
button.nextButton {
	display: block;
	padding: 16px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	height: 75px;
}

button.startButton {
	padding: 0px;
	margin: 0 auto;
}

button.backButton {
	color: #000000;
	background: url("../images/icon/ico_arrow_black_left.png") no-repeat 11px center, -webkit-linear-gradient(top, #ffffff, #ededed);
	background: url("../images/icon/ico_arrow_black_left.png") no-repeat 11px center, -moz-linear-gradient(top, #ffffff, #ededed);
	background: url("../images/icon/ico_arrow_black_left.png") no-repeat 11px center, linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
	background-size: 13px 16px, 100% 100%;
	border: 1px solid #a6a6a6;
	font-weight: normal;
	width: 100px;
}

button.backButton:hover {
	background: url("../images/icon/ico_arrow_black_left.png") no-repeat 11px center, #f4f4f4;
}

button.startButton,
button.nextButton {
	padding: 20px 0;
	color: #ffffff;
	background: url("../images/icon/ico_arrow_white_right.png") no-repeat 95% center, -webkit-linear-gradient(top, #ea7817, #f09123);
	background: url("../images/icon/ico_arrow_white_right.png") no-repeat 95% center, -moz-linear-gradient(top, #ea7817, #f09123);
	background: url("../images/icon/ico_arrow_white_right.png") no-repeat 95% center, linear-gradient(to bottom, #ea7817 0%,#f09123 100%);
	background-size: 13px 16px, 100% 100%;
	border: 1px solid #bb6012;
	width: 200px;
}

#payment-input button.nextButton {
    width: 250px;
}

button.nextButton:hover {
    background: url("../images/icon/ico_arrow_white_right.png") no-repeat 95% center, #f8a428;

}

.invalidNextBtn,
button.invalidNextButton {
    width: 200px;
	height: 75px;
	color: #ffffff;
	background: url("../images/icon/ico_arrow_white_right.png") no-repeat 95% center, #595959;
	background-size: 13px 16px, 100% 100%;
	display: block;
	padding: 16px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 1px rgba(0,0,0,0.3);
	cursor: pointer;
}

table.full-button-area {
    width: 100%;
    border: none;
}
table.button-area {
    width: 90%;
    border: none;
}
table.borderless {
    border: none;
}

nameInputArea {
	width: 43%;
}

table.button-area td.btnBack-td {
    padding-top: 9px !important;
}

table.button-area td.btnNext-td {
    padding-right: 3px;
}

table.button-area tbody tr td {
    padding: 5px 0px 5px 3px;
}

div.sslMessage {
    font-size: 13px;
    padding:12px 15px 8px 15px;
    text-align: center;
}

.induceWord{
    font-size: 16px;
    font-weight: bold;
}

.induceIntention{
    font-size: 14px;
}

.induceEmphasis{
    color: #fc0c1b;
}

div.notificationSpacerAB {
    padding-top: 24px;
    clear: both;
}

div.notificationSpacerC {
    padding-top: 24px;
    clear: both;
}

div.notificationSpacerD {
    padding-top: 24px;
    clear: both;
}

.appendix{
    text-decoration: underline;
}

#specificDiseaseInfoAB{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 950px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 1px solid black;
}

#specificDiseaseInfoC{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 950px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 1px solid black;
}

#specificDiseaseInfoD{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 950px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 1px solid black;
}

.notificationButtonArea {
    padding-top: 20px;
}

.qatitle {
    padding: 5px 12px 10px 20px;
    font-size: 24px;
}

.qaCategory {
    color: #333;
    padding: 5px 12px;
    font-size: 20px;
    background-color: #ffffff;
    height: 35px;
    border-style: none;
    border-left: 4px #002060 solid;
    margin: 0px 0px 10px 20px;
}

.qAndA {
    margin: 0px 0px 10px 40px;
    line-height: 1.2;
}

.qAndA .qamark {
    padding-right: 13px;
    margin-left: -30px;
}

.qAndA .question {
    background-color: #ebf1de;
    padding: 5px 15px 5px 45px;
    cursor: pointer;
}

.qAndA .answer {
    background-color: #f2dcdb;
    padding: 5px 15px 5px 45px;
    display: none;
}

form#toQAPageForm a {
    cursor: pointer;
}

.notifGuide {
    margin: 0px 0px 10px 40px;
    line-height: 1.2;
}

.notifGuide .word {
    font-weight: bold;
}

.notifGuide .mean {
    padding-left: 25px;
}

.notifGuide .notif2weekImg {
    width: 75%;
    height:auto;
}

table.diseaseNameSample {
    width: 100%;
}

div.notifGuideSpacer {
    margin: 16px 0;
}

table.diseaseNameSample tbody tr td.arrow {
    width: 60px;
    text-align: center;
}

#moveGuide{
    cursor: pointer;
    text-decoration: underline;
}

#securityNoInfo{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 950px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 6px solid #093D85;
}

.secNoTitle{
    text-align: center;
    color: #093D85;
    font-size: 28px;
}

.secNoWord{
    padding: 30px 70px 0px 70px;
    font-size: 16px;
    line-height: 2.0;
}

.secNoPng{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 64%;
}

.creditCardImg{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.creditCardImgAreaParent{
    text-align: center;
}

.creditCardImgAreaChild{
    display: inline-block;
    padding: 0px 15px 0px 15px;
    border: thin solid #006699;
    border-radius: 5px;
}
/* ---------- Checkbox and RadioButton ---------- */
.dialog-close-button {
	display: table;
	border-collapse: separate;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	font-size: 16px;
	font-size: 1.6rem;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 24px;
}
.dialog-close-button__inner:after {
	content: "・";
	font-size: 24px;
	font-size: 2.4rem;
	font-family: 'icomoon';
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -12px;
}
.dialog-close-button__inner .md-icon {
	display: inline-block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 24px;
	vertical-align: middle;
	margin-left: -12px;
}
.dialog-close-button__text {
	display: inline-block;
	vertical-align: middle;
}
.dialog-close-button__note {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 14px;
}
.dialog-close-button--close {
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%); /* W3C */
	border-color: #ccc;
	box-shadow: #e5e5e5 1px 1px;
}
.dialog-close-button--close:hover {
	background: #fafafa;
}
.dialog-close-button--close .dialog-close-button__inner {
	font-weight: normal;
	padding: 10px 16px;
	vertical-align: top;
	text-decoration: none;
}
.dialog-close-button--close .dialog-close-button__inner:after {
	position: static;
	content: "";
}
.dialog-close-button--close .dialog-close-button__inner .md-icon {
	color: #fc0c1b;
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
	margin-left: -10px;
	margin-right: 5px;
}
.dialog-close-button--close .dialog-close-button__inner {
	vertical-align: middle;
}
.dialog-close-button--close .dialog-close-button__inner:after {
	content: none;
}
.dialog-close-button {
	min-width: 228px;
	min-height: 56px;
}
.dialog-close-button__text {
	max-width: 170px;
}
.dialog-close-button--close {
	min-width: 120px;
	min-height: 36px;
}
.icon-ic_reset:before {
    content: "×";
}

/* ---------- Checkbox and RadioButton ---------- */
.checkbox-ui input[type='checkbox'] {
	display: none;
}
.checkbox-ui input[type='checkbox'] + label {
	background-position: 0px;
	padding: 6px 0px 6px 35px;
	cursor: pointer;
	background-image: url("../images/icon/bg_check.png");
	background-repeat: no-repeat;
}
.checkbox-ui input[type='checkbox']:checked + label {
	background-image: url("../images/icon/bg_check_on.png");
}
.checkbox-ui input[type='checkbox']:disabled + label {
	cursor: default;
	background-image: url("../images/icon/bg_check_disabled.png");
}
.checkbox-ui input[type='checkbox']:checked:disabled + label {
	background-image: url("../images/icon/bg_check_on_disabled.png");
}
.radio-navi input[type='radio'] {
	display: none;
}
.radio-navi input[type='radio'] + label {
	background: url("../images/icon/icon_radio1.png") no-repeat 10px, linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
	background-size: 20px, 100%;
	padding: 11px 0px 11px 15px;
	margin-bottom: 0;
	border-radius: 4px;
	border: 1px solid rgb(166, 166, 166);
	border-image: none;
	text-align: center;
	font-size: 1.2rem;
	display: inline-block;
	cursor: pointer;
	min-width: 160px;
	box-sizing: border-box;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.radio-navi input[type='radio'] + label:hover {
	background: url("../images/icon/icon_radio1.png") no-repeat 10px, #f4f4f4;
	background-size: 20px, 100%;
}
.radio-navi input[type='radio']:checked + label {
	background: url("../images/icon/icon_radio2.png") no-repeat 10px, rgb(235, 245, 255);
	background-size: 20px, 100%;
	border: 1px solid rgb(12, 63, 135);
	border-image: none;
	color: rgb(10, 62, 134);
}
.radio-navi input[type='radio']:disabled + label {
	cursor: default;
}
.radio-navi input[type='radio']:not(:nth-child(1)) + label {
    margin-left: 25px;
}

.radio-navi-gender input[type='radio'] + label,
.radio-navi-paymenttype input[type='radio'] + label {
	min-width: 80px;
}

.radio-navi-lumpsum input[type='radio'] + label {
	min-width: 105px;
}

.radio-navi-plan input[type='radio'] + label {
	min-width: 250px;
}

.radio-navi-notif,
.radio-navi-notif-detail {
    padding-bottom: 10px;
}

.radio-navi-notif input[type='radio'] + label {
	min-width: 130px;
}

.radio-navi-confirm input[type='radio'] + label {
    min-width: 50px;
}

.need-choice::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 50px;
    background-image: url(../images/icon/checkArea.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: calc(50% - 340px);
}

.radio-navi-social input[type='radio'] + label {
    min-width: 100px;
}

.radio-navi-notif-detail input[type='radio'] + label {
	min-width: 160px;
}

/* okano 追加 */
.m-td-a-title{
    background-color: #f2f2f2;
    width: 10%;
    color: #002060;
    padding: 10px;
}
.m-td-a-sub {
  background-color: #f2f2f2;
  width: 28%;
  color: #002060;
  padding: 10px;
}
.m-td-a-sub2 {
  background-color: #f2f2f2;
  width: 17%;
  color: #002060;
  padding: 10px;
}
.comfirm-info {
  margin-top:10px;
  margin-bottom:30px;
}
.padding-top10px{
  padding-top:10px;
}

.font-bold{
  font-weight:bold;
}
.font-bold-check{
  font-weight:bold;
  font-size:20px;
  padding-left: 35px;
}
.font-info-confirm {
  margin: 0 auto;
  margin-top:3px;
  margin-bottom:30px;
}

/*
#notification-input .radio-navi input[type='radio'] + label {
	min-width: 100px;
}

#notification-input .radio-navi input[type='radio']:not(:nth-child(1)) + label {
  margin-left: 25px;
}

#base-info-input .radio-navi input[type='radio'] + label {
    min-width: 150px;
}
*/

/* ↓Chromeのオートフィルでテキストボックスの色がおかしくなる件の対策↓ */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* ↑Chromeのオートフィルでテキストボックスの色がおかしくなる件の対策↑ */

.underwriting-warning {
    background-color: #ffbfdf;
}

.underwriting-warning-message {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
    padding-left: 40px;
    line-height: 2;
}