@charset "utf-8";
/*=================================================

 資産運用

=================================================== */
/*----------------------------------------------------------
    資産運用について
----------------------------------------------------------*/
.asset_management_simulation .headline { margin-bottom: 20px; }
.asset_management_simulation p { font-size: 16px;}
.asset_management_simulation dl { font-size: 16px;}

.asset_management_simulation .simulationForm { background-color: #fff; color: #333; padding: 35px 20px 45px;}
.asset_management_simulation .simulationForm .head_copy { font-size: 20px; color: #004fab; font-weight: bold; text-align: center; margin: 0 0 10px;}
.asset_management_simulation .simulationForm .formInner { width: 570px; margin: 50px auto 0;}
.asset_management_simulation .simulationForm dl { width: 190px; line-height: 1.6; padding-right: 10px; vertical-align: top;}
.asset_management_simulation .simulationForm input { border: 1px solid #999999; min-height: 35px; min-width:70px; padding: 5px; vertical-align: middle;}
.asset_management_simulation .simulationForm select { border: 1px solid #999999; padding: 8px;}
.asset_management_simulation .simulationForm .submit { text-align: center;}
.asset_management_simulation .simulationForm .submit button { background-color: #004fab; border: none;}
.asset_management_simulation .simulationForm .submit button span { height: auto;}
.asset_management_simulation .simulationForm_result { border: 1px solid #959595; border-radius:4px; color: #696969; text-align: center; padding: 20px; margin-top: 25px;}
.asset_management_simulation .simulationForm_result .txt { font-size: 16px; margin-right: 30px;}
.asset_management_simulation .simulationForm_result .price { font-size: 24px; font-weight: bold;}

#simulation-tab { padding: 30px; background: #F2F2F2;}
#simulation-tab .hash-contents-list { font-size: 0; padding-bottom: 26px; display: flex; display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */ display: -webkit-flex; /* Safari6.1以降 */ justify-content: space-between;}
#simulation-tab .hash-contents-list li { display: inline-block; text-align: center; vertical-align: top; width: 25%; }
#simulation-tab .hash-contents-list li + li { margin-left: 26px;}
#simulation-tab .hash-contents-list a { font-size: 16px; line-height: 1.2; font-weight: bold; text-align: center; color: #004fab; display: block; padding: 160px 0 0; height: 50px; background-color: #fff; background-position: 50% 40px; background-repeat: no-repeat; text-decoration: none;}
#simulation-tab .list-row-0 a { background-image: url(../../images/shisankeisei/simulation/ico_simulation01.png);}
#simulation-tab .list-row-1 a { background-image: url(../../images/shisankeisei/simulation/ico_simulation02.png);}
#simulation-tab .list-row-2 a { background-image: url(../../images/shisankeisei/simulation/ico_simulation03.png);}
#simulation-tab .list-row-3 a { background-image: url(../../images/shisankeisei/simulation/ico_simulation04.png);}
#simulation-tab .hash-contents-list .active a { background-color: #bfddff;}

.asset_management_simulation .other_search { overflow: hidden;}
.asset_management_simulation .other_search .left { float: left;}
.asset_management_simulation .other_search .right { float: right;}
.asset_management_simulation .other_search li { width: 470px;}
.asset_management_simulation .other_search li > div { min-height: 130px; background-color: #fff; padding: 20px;}
.asset_management_simulation .other_search li p { font-size: 13px; min-height: 42px; margin: 0 0 10px;}
.asset_management_simulation .other_search li i { font-size: 13px; color: #fff; padding: 60px 0 0; margin: 0 20px 0 0; width: 90px; height: 90px; border-radius: 4px; background-color: #004fab; background-position: 50% 22px; float: left; display: block; text-align: center;}
.asset_management_simulation .other_search li dt { display: none;}
.asset_management_simulation .other_search li .body { overflow: hidden;}
.asset_management_simulation .other_search li form { display: block; padding-right: 30px; position: relative;}
.asset_management_simulation .other_search li form input[type="text"]{ min-height: 30px; width: 100%;}
.asset_management_simulation .other_search li form .searchBtnS { position: absolute; right: 0; top: 0;}

.about_asset_management { overflow: hidden;}
.about_asset_management .image { margin: 0 20px 20px 0; float: left; width: 260px; height: auto; background-color: #eee;}
.about_asset_management .body { overflow: hidden;}
.about_asset_management .body p { margin: 0 0 30px;}
.about_asset_management .body li { float: left; width: 50%; padding: 0 5px 5px 0;}
.about_asset_management .body li .btn { color: #004fab; background-color: #bfddff; width: 100%;}
.about_asset_management .body li .btn > * { min-width: 100%; width: 440px;}
.about_asset_management .body .fund_list_btn { background-color: #004fab;}

.asset_management_interest .inner { padding: 50px 0;}
.asset_management_interest table { width: 100%;}
.asset_management_interest td, .asset_management_interest th { border: 1px solid #eee; padding: 15px;}
.asset_management_interest th { background-color: #E6E6E6;}
.asset_management_interest td { }
.asset_management_interest .notes { font-size: 93%; padding: 15px 0; text-indent: -1rem; padding-left: 1rem;}

.btn {
    color: #fff;
    padding: 0 20px;
    height: 50px;
    background-color: #333333;
    display: inline-block;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    vertical-align: bottom;
}
.btn > * {
    display: table-cell;
    height: inherit;
    min-width: 200px;
    vertical-align: middle;
    box-sizing: border-box;
}
.arrowRw {
    background: url(../../images/common/ico_arrow_right_w.png) no-repeat 0 50%;
    padding-left: 20px;
}
/*----------------------------------------------------------
    用語集
----------------------------------------------------------*/

/*
.glossary_list_block { margin-bottom: 20px;}
.glossary_list_block h2 { font-size: 18px; font-weight: bold; padding: 24px 0 18px; border-top: 1px solid #ccc;}
.glossary_list { border: 1px solid #ccc; border-bottom: none;}
.glossary_list .faq { border-bottom: 1px solid #ccc;}
.glossary_list .faq dt { padding: 20px; line-height: 1.2;}
.glossary_list .faq dt .toggleArrowDb { background-position: 100% 50%; color: #004fab; padding: 0; position: absolute; display: none; background: none;}
.glossary_list .faq dt .num { margin-right: 5px;}
.glossary_list .faq dd { border-top: 1px solid #ccc; padding: 20px; background-color: #f2f2f2;}
.glossary_list .faq dd .num { float: left; margin-right: 5px; line-height: 1.6666;}
.glossary_list .faq dd p { overflow: hidden;}

.glossary .hash-contents-list > * { margin-right: 4px;}
.glossary_list .hash-contents-list > .list-row { background: url(/common/img/ico_arrow_down_b.png) no-repeat 100% 50%; padding: 0 30px 0 0; width: 100%;}
.glossary_list .hash-contents-list > .active { background-image: url(/common/img/ico_arrow_up_b.png);}
.glossary_list .hash-contents-list > * a { background: none;display: inline;line-height: 1; padding: 0; text-decoration: underline;}
.glossary_list .hash-contents-list > .active a { color: #004fab; background: none;}
*/