@charset "utf-8";
/* 全タグ初期化 */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, span, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: normal;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

html,body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:100%;
    line-height: 12px;
    font-size: 14px;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
}

caption, td {
    text-align: left;
    font-weight: normal;
}
th {
    text-align: center;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

a {
    color: #000000;
    text-decoration: underline;
}
a:hover{
    color: #000000;
    text-decoration: underline;
}

input {
    margin: 0;
    padding: 5px 0px 5px 0px;
    border: solid 1px #abadb3;
}
/*================================= 共通部品 =================================*/

/******************************* コンテンツ全体 *******************************/
body > div#wrapper{
    height: auto;
    min-height: 100%;
}
div#wrapper {
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN";
    width: 780px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
	min-width: 310px;
}
div#main {
    max-width: 780px;
    margin-top: 10px;
    background: #ffffff;
}
/********************************* ヘッダ部 **********************************/
div#main #header {
    max-width: 726px;
    margin: auto;
    text-align: center;
    padding-bottom: 10px;
}
div.h_txt {
    padding-top: 5px;
    text-align: left;
    /*background: url(../images/003.png) repeat-x bottom;*/
    border-bottom: solid #A0A1A2 2px;
}
span.h_title1 {
    display: table;
    color: #3A3A3B;
    font-weight: bold;
    font-size: 25px;
    width: 100%;
    height: 30px;
}
span.h_title1 img {
    display: table-cell;
    padding-left: 8px;
}
span.h_title1 span {
    display: table-cell;
    width: 100%;
    line-height: 30px;
    vertical-align: bottom;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 5px;
    word-wrap: break-word;
}
span.h_title3 img {
    padding-bottom: 8px;
}
span.h_title2 img {
    padding-left: 5px;
}
span.h_note {
    margin-left: 35px;
    font-size: 15px;
    line-height: 110%;
}
div.main_index {
    margin: auto;
    margin-top: 10px;
    max-width: 710px;
}
div.calc_area {
    max-width: 710px;
    padding-bottom: 0px;
}
div#userDisclaimer {
    word-break : break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
table.h_fund_invest1,
table.h_return_tab,
table.h_reserve_tab,
table.h_disclaimer_tab{
    max-width: 710px;
    background: #F0F0F0;
    padding-bottom: 5px;
}
table.h_fund_invest2,
table.h_fund_invest4,
table.h_fund_return {
    max-width: 710px;
}

table.h_disclaimer_tab,
table.h_return_tab,
table.h_reserve_tab{
    padding-bottom: 10px;
}
table.h_fund_invest1 td,
table.h_fund_invest2 td,
table.h_fund_invest4 td,
table.h_fund_return td {
    padding: 3px 7px 3px 0;
}
table.h_disclaimer_tab td,
table.h_return_tab td,
table.h_reserve_tab td {
    padding: 3px 11px;
}
table.h_disclaimer_text td {
    padding: 0px 0px;
    line-height: 130%;
    text-align: left;
}
table.h_disclaimer_text {
    padding: 0px 10px;
}

.h_fund_return .calc_invest,
.h_fund_invest2 .calc_invest,
.h_fund_invest4 .calc_invest {
    padding-left: 15px;
}

div.h_fund_name{
    min-height: 50px;
    padding: 3px 2px 3px 10px;
    padding-left: 15px;
    background: #F0F0F0;
}
div.h_fund_acc{
    margin-top: 5px;
    border: 1px solid #C2C2C2;
    padding-bottom: 10px;
}
div.h_fund_acc dl.calc_img dt {
    margin-top: 8px;
    margin-left: 5px;
    margin-bottom: 8px;
    padding-top: 15px;
    padding-left: 20px;
    float: left;
    background: url("../../img/simulation/009.png") no-repeat;
}
div.h_fund_acc dl.calc_img dd {
    padding-top: 11px;
}
div.h_fund_rec{
    margin-top: 3px;
    margin-bottom: 5px;
    border: 1px solid #C2C2C2;
    padding-bottom: 10px;
}
div.h_fund_name dl {
    margin-top: 6px;
}
div.hs_fund_name,
div.hs_fund_name dl {
    margin-top: 6px;
}
dt.fund_img img {
    float: left;
    vertical-align: bottom;
}
dd.fund_name {
    margin-left: 72px;
    padding-top: 3px;
    font-size: 15px;
    word-break: break-all;
    line-height: 140%;
}
div#calc_term,
div.calc_term {
    margin-top: 8px;
    height: 48px;
    background-image: url(../../img/simulation/103.png);
}
table.calc_tb td {
    padding-top: 13px;
}
td.calc_time {
    color: #ffffff;
    padding-left: 10px !important;
    font-size: 16px;
    height: 12px;
}
td#calc_fund_name,
td.calc_fund_name {
    height: 60px;
    vertical-align: top;
    padding: 3px 2px 3px 15px !important;
}
td#return_fund_name {
    height: 50px;
    padding: 3px 2px 3px 10px;
}
td#calc_td,
td.calc_td {
    width: 168px;
    padding: 3px 10px 3px 0;
}
table.h_fund_invest1 td.search_time {
    padding-top: 8px;
    padding-bottom: 5px;
}
input#m_invest,
input.m_invest {
    margin-right: 3px;
    width: 85px;
    font-size: 14pt;
    vertical-align: middle;
    text-align: right;
    padding: 2px 5px 2px 0 !important;
}
div#h_calc,
div#h_calc dl,
div.h_calc,
div.h_calc dl,
div#h_kingaku,
div#h_kingaku ul,
div#h_kounyu,
div#h_kounyu dl {
    height: 30px;
}
div#h_calc dt,
div.h_calc dt,
div#h_kingaku li,
div#h_kounyu dt {
    float: left;
}
div#h_calc dt,
div.h_calc dt {
    padding-top: 3px;
}
dd.m_cur {
    font-size: 14pt;
    padding: 12px 0 6px 0;
    margin-bottom: 10px;
}
dd.h_per {
    font-size: 14pt;
    padding: 10px 0 6px 2px;
    margin-left: 405px;
    margin-bottom: 10px;
}
li.h_cur {
    font-size: 14pt;
    padding: 12px 0 4px 4px;
}
li.h_kikan {
    padding-left: 75px;
}
ul.selectUl {
    padding: 5px 0 0px 0;
}
ul.selectUl li,
ul.bun_pai_kin li,
ul.select_kikan li {
    margin-right: 4px;
    display: inline-block;
}
ul.selectUl li label,
ul.bun_pai_kin li label,
ul.select_kikan li label {
    margin-left: 4px;
    font-size: 16px;
}
.btnRadio {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    background: url(../../img/simulation/bg.png)  no-repeat left bottom;
}
.select-date {
    float: left;
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 2px;
    font-size: 16px;
}
.select-date-in {
    float: left;
    display: inline-block;
    width: 230px;
    height: 24px;
    line-height: 24px;
    padding-left: 0px;
    margin-top: -1px;
    font-size: 16px;
}
.ui-datepicker-trigger { margin-bottom:-4px;cursor: pointer;line-height: 20px;}
span#cur_year,
span#cur_month,
span.cur_year,
span.cur_month {
    font-size: 13pt;
    vertical-align: middle;
}
div#calc_note dl.calc_img dt {
    margin-top: 0px;
    padding-top: 15px;
    padding-left: 20px;
    float: left;
    background: url("../../img/simulation/009.png") no-repeat;
}
div#calc_note dl.calc_img dd {
    padding-top: 3px;
}
li.invest_calc{
    zoom: 1;
    display: inline-block;
    float: left;
    height: 60px;
    width: 410px;
    padding-bottom: 10px;
}
li.invest_clear {
    zoom: 1;
    display: inline-block;
    float: left;
    height: 60px;
    width: 300px;
}
li.invest_calc div.calc_btn {
    margin-top: 15px;
    margin-left: 170px;
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;
    width: 240px;
    height: 47px;
    cursor: pointer;
    background: url(../../img/simulation/010.png);
}
li.invest_calc div.disable {
    margin-top: 15px;
    margin-left: 170px;
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;
    width: 240px;
    height: 47px;
    cursor: pointer;
    background: url(../../img/simulation/010off.png);
}
li.invest_clear div.clear_btn {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 170px;
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;
    width: 121px;
    height: 47px;
    cursor: pointer;
    background: url(../../img/simulation/011.png);
}
div#invest_result span.res_img img {
    margin-top: 10px;
}
div#invest_calc_res {
    background: #EDE4DD;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
div#invest_calc_msg {
    border: 2px solid #EDE4DD;
    background: #FFFFFF;
    margin-bottom: 15px;
    font-size: 15pt;
    text-align: center;
    line-height: 271px;
    height: 271px;
    overflow: hidden;
}
td.inv_left,
td.inv_right,
td.nearest_left,
td.nearest_right {
    zoom: 1;
    display: inline-block;
    float: left;
    width: 355px;
}
td.invit_left,
td.invit_right,
td.stand_left,
td.stand_right {
    zoom: 1;
    display: inline-block;
    float: left;
    width: 345px;
}
td.invit_middle .current_img img{
    padding: 110px 0;
}
td.stand_middle .price_img img{
    padding: 20px 0;
}
div#nearest_calc_amount {
    margin-top: 15px;
    margin-left: 15px;
    width: 335px;
    height: 80px;
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;
    background-image: url(../../img/simulation/107.png);
}
div#nearest_assess_amount {
    margin-top: 15px;
    margin-left: 5px;
    width: 335px;
    height: 80px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(../../img/simulation/108.png);
}
div#nearest_standard_price {
    margin-top: 15px;
    margin-left: 15px;
    width: 335px;
    height: 80px;
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;
    background-image: url(../../img/simulation/201.png);
}
div#nearest_book_value {
    margin-top: 15px;
    margin-left: 5px;
    width: 335px;
    height: 80px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(../../img/simulation/202.png);
}
span.calc_map img {
    padding-left: 15px;
    padding-top: 10px;
}
span.purchase_amount_img img,
span.commission_fee_img img,
span.assess_amount_img img,
span.receipt_amount_img img {
    padding-top: 4px;
    padding-left: 10px;
}
span.return_amount_img img  {
    padding-top: 8px;
    padding-left: 10px;
}
span.normal_amount_img img {
    padding-top: 8px;
    padding-left: 10px;
}
span.special_amount_img img {
    padding-top: 0px;
    padding-left: 10px;
}
div#acSimChart1,
div#acSimChart2,
div#acSimChart3 {
    font-size: 15pt;
    text-align: center;
    margin: 5px 15px;
    width: 680px;
    line-height: 355px;
    height: 355px;
    overflow: hidden;
    background: #ffffff;
}
table.nearest_left_tab td {
    text-align: right;
    padding: 25px 14px 0 10px;
}
table.nearest_left_tab td.calc_time,
table.nearest_right_tab td.calc_time {
    text-align: right;
    padding: 16px 14px 0 10px;
}
table.nearest_right_tab td.calc_yen,
table.nearest_left_tab td.calc_yen {
    text-align: right;
    padding: 22px 14px 0 10px;
}
table span.c_data,
table span.c_cur {
    font-size: 15pt;
    font-weight: bold;
}
table.amount_tab .ac_data {
    font-size: 15pt;
    font-weight: bold;
    text-align: right;
    padding: 6px 0 0 0;
    word-break: break-all;
    vertical-align: middle;
}
table.amount_tab1 .ac_data1 {
    font-size: 15pt;
    font-weight: bold;
    text-align: right;
}
table.amount_tab1 .ac_kakko {
    font-size: 15pt;
    text-align: right;
}
table.amount_tab .ac_cur {
    font-size: 15pt;
    padding: 6px 0 0 8px;
    vertical-align: middle;
}
table.amount_tab1 .ac_cur1 {
    font-size: 15pt;
    padding: 0 0 0 3px;
}
table.receipt_amount {
    margin-top: 3px;
}
span.calc_note {
    line-height: 130%;
}
dl.calc_help {
    padding: 30px 0 5px 0;
}
dl.calc_note_matter {
    padding: 10px 0 5px 0;
}
dl.calc_help dt,
dl.calc_note_matter dt {
    margin-left: 10px;
    padding-top: 15px;
    padding-bottom: 2px;
    padding-left: 20px;
    float: left;
    background: url("../../img/simulation/023.png") no-repeat;
}
dl.calc_help dd,
dl.calc_note_matter dd {
    padding-top: 3px;
}
dl.calc_help .invest_help {
    width: 218px;
    cursor: pointer;
    text-decoration: underline;
}
dl.calc_help .return_help {
    width: 270px;
    cursor: pointer;
    text-decoration: underline;
}
div.tit_link {
    text-align: right;
    margin-right: 5px;
    margin-bottom: 5px;
}
div.tit_help {
    font-size: 12px;
    text-align: right;
    zoom: 1;
    display: inline-block;
    padding: 2px 0 5px 20px;
    margin-right: 10px;
    cursor: pointer;
    text-decoration: underline;
    background: url("../../img/simulation/023.png") no-repeat;
}
div.tit_matter {
    font-size: 12px;
    text-align: right;
    zoom: 1;
    display: inline-block;
    padding: 2px 0 5px 20px;
    cursor: pointer;
    text-decoration: underline;
    background: url("../../img/simulation/023.png") no-repeat;
}
dl.calc_note_matter .invest_matter {
    width: 230px;
    cursor: pointer;
    text-decoration: underline;
}
div.calc_line {
    padding: 10px 10px 5px !important;
}
td#h_line {
    padding: 2px 10px;
}
span.bpk_img,
span.kikan_img,
span.kingaku_img,
span.kounyu_img {
    float: left;
}
td#t_kounyu {
    padding-left: 15px;
    padding-bottom: 10px;
}
span.yakujou_img {
    float: left;
    padding-left: 25px;
}
ul.bun_pai_kin,
ul.select_kikan {
    margin-top: 2px;
    padding-left: 8px;
    float: left;
}
input#kingaku_txt,
input#kounyu_txt {
    margin-right: 3px;
    width: 190px;
    margin-top: 1px;
    margin-left: 8px;
    font-size: 14pt;
    vertical-align: 2px;
    text-align: right;
    padding: 2px 3px 2px 0;
}
input#yakujou_txt{
    margin-right: 3px;
    width: 190px;
    margin-top: 1px;
    margin-left: 0px;
    font-size: 14pt;
    vertical-align: 2px;
    text-align: right;
    padding: 2px 3px 2px 0;
}
input[type="text"]::-ms-clear {
    display:none;
}
div.initial_img {
    margin-top: 15px;
    margin-left: 15px;
    width: 331px;
    height: 254px;
    background-repeat: no-repeat;
    background-image: url(../../img/simulation/013N.png);
}
div.current_img {
    margin-top: 15px;
    margin-right: 15px;
    width: 332px;
    height: 254px;
    background-repeat: no-repeat;
    background-image: url(../../img/simulation/014N.png);
}
table.initial_tab {
    padding-top: 24px;
}
table.current_tab {
    padding-top: 24px;
    margin-right: 15px;
}
table.initial_tab td,
table.current_tab td {
    height: 30px;
    padding-top: 1px;
    padding-bottom: 1px;
}
table.init_tab {
    margin-top: 15px;
    margin-left: 26px;
    margin-right: 5px;
}
table.cur_tab {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 20px;
}
table.init_tab .init_price {
    width: 315px;
    height: 26px;
    color: #ffffff;
    font-size: 15px;
    background-repeat: no-repeat;
    text-align: right;
    vertical-align: middle;
    background-image: url(../../img/simulation/021.png);
}
table.cur_tab .cur_price {
    width: 315px;
    height: 26px;
    color: #ffffff;
    font-size: 15px;
    background-repeat: no-repeat;
    text-align: right;
    vertical-align: middle;
    background-image: url(../../img/simulation/022.png);
}
table.init_tab .stand_data,
table.cur_tab .stand_data {
    height: 35px;
    font-size: 15pt;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}
table.init_tab .stand_cur,
table.cur_tab .stand_cur {
    height: 35px;
    font-size: 15pt;
    text-align: center;
    vertical-align: middle;
}
span.main_title {
    display: block;
    position: relative;
    line-height: 26px;
    margin-top: 8px;
    height: auto;
    background-color: #A0A1A2;
    border-radius: 6px 6px 0 0;
    border: solid 1px #C8C9C9;
}
span.main_title:before {
    position: absolute;
    top: 8px;
    left: 12px;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 15px;
    background-color: #6F797B;
}
span.main_title:after {
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 7px solid #ffffff;
    border-right: 1px solid transparent;
}
span.main_title span {
    display: block;
    position: relative;
    padding-top: 4px;
    padding-left: 36px;
    color: #FAFAFA;
    font-size: 18px;
}
div.main_text {
    padding: 10px 0 5px 0;
    background: #FFFFFF;
    /*background-image: url(../images/314.png);*/
}
div.img_bottom {
    max-width: 688px;
    height: 5px;
    background: #FFFFFF;
    border-radius: 0 0 6px 6px;
    /*background-image: url(../images/315.png);*/
}
div.main_text .main_contents {
    line-height: 130%;
    font-size: 14px;
    margin: 0 14px;
}
ul.main_contents li{
    text-indent: -1.0em;
    padding-left: 1.0em;
}
span.h_help_note {
    display: block;
    margin-left: 35px;
    font-size: 15px;
    line-height: 130%;
}
#search_start_year,
.search_start_year {
    font-size: 13pt;
    width: 85px;
    margin-left: 5px;
}
#search_start_month,
.search_start_month {
    font-size: 13pt;
    width: 58px;
}
input[type="radio"] {
    margin: 3px 3px 0px 5px;
    display: none;
}
label {
    padding-left: 0px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
}
label.checked span{
    background-position: left top;
}
.value_plus {
    color: #cc0000;
}
.value_down {
    color: #1c9d1c;
}
div.fund_chk {
    font-size: 15px;
    color: #cc0000;
    text-align: center;
    background: #F0F0F0;
    padding-bottom: 20px;
    margin-bottom: 5px;
}
div.note_msg {
    font-size: 14px;
    line-height: 110%;
    padding: 0 20px;
}
/********************************* フッタ部 **********************************/
div#footer {
    width: 100%;
    height: 38px;
    padding-top: 17px;
    margin: 0;
    bottom: 0px;
}
div#footer p {
    font-size: 13px;
    text-align: center;
    padding-top: 20px;
    line-height: 13px;
}
div#footer_dis {
    width: 100%;
    height: 38px;
    padding-top: 17px;
    margin: 0;
    bottom: 0px;
}
div#footer_dis p {
    font-size: 13px;
    text-align: center;
    padding-top: 4px;
    line-height: 13px;
}

/*--------------------------*/
/*      エラー画面           */
/*--------------------------*/
body > div#wrapper.error{
    height: auto;
    min-height: 100%;
}

div#wrapper.error {
    font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN";
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #ffffff;
    margin: 0;
    padding:0;
    position: absolute;
}

/* メインコンテンツ */
div#wrapper.error div#main {
    width: 100%;
    height: auto;
    background: #ffffff;
}

/* テーブル内アンカーの余白を初期化 */
div#wrapper.error div#main table a {
    margin: 0;
    padding: 0;
}

/********************************* ヘッダ部 **********************************/
div#wrapper.error div#main #header {
    width: auto;
    border-top: solid 5px #007bcf;
    margin-left: 0px;
}
div#wrapper.error div#header #logo table.logo_table{
    width: 100%;
}
div#wrapper.error div#header #logo table.logo_table td.header-title{
    padding: 24px 50px 2px 13px;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
}
div#wrapper.error div#error_area {
    width: auto;
    height: 100%;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border-top: solid 3px #e1e1e1;
}
div#wrapper.error div#error_area p.error_text{
    height: 100%;
    margin-top: 13px;
    line-height: 140%;
    padding-left: 5px;
}

div#wrapper.error td.btn_close{
    text-align: right;
    padding-right: 10px;
}

div#wrapper.error td.btn_close span {
    display: inline-block;
    width: 50px;
    padding-left: 20px;
    margin-right: 10px;
}
div#wrapper.error td.btn_close span a {
    display: block;
    vertical-align: middle;
    width: 50px;
    height: 14px;
    background: url("../../img/simulation/btn_close.gif") left  no-repeat;
    font-size: 12px;
}

div#wrapper.error td.btn_close span a:hover {
    background: url("../../img/simulation/btn_close_h.gif") left bottom  no-repeat;
}

/********************************* フッタ部 **********************************/
div#wrapper.error div#main #footer {
    position: absolute;
    width: 100%;
    height: 38px;
    padding-top: 0px;
    margin: 0;
    bottom: 0px;
}
div#wrapper.error div#main div#footer p {
    text-align: center;
    line-height: 13px;
}

/********************************* RWD用設定 **********************************/
@media all and (max-width: 768px) {
    div#wrapper {
        width: auto;
        padding: 0 5px;
    }
    span.h_help_note {
        max-width: 710px;
        margin: auto;
    }
}

#header-top ul{
    padding: 7px 20px 5px 20px !important;
}