@charset "utf-8";

/*
 * 矢印
 */
.arrowUb { background: url(/images/common/ico_arrow_up_b.png) no-repeat 0 50%; padding-left: 29px;}
.arrowUw { background: url(/images/common/ico_arrow_up_w.png) no-repeat 0 50%; padding-left: 29px;}
.arrowRw { background: url(/images/common/ico_arrow_right_w.png) no-repeat 0 50%; padding-left: 20px;}
.arrowRb { background: url(/images/common/ico_arrow_right_b.png) no-repeat 0 50%; padding-left: 20px;}
.arrowRg { background: url(/images/common/ico_arrow_right_g.png) no-repeat 0 50%; padding-left: 20px;}
.arrowDw { background: url(/images/common/ico_arrow_down_w.png) no-repeat 0 50%; padding-left: 29px;}
.arrowDb { background: url(/images/common/ico_arrow_down_b.png) no-repeat 0 50%; padding-left: 29px;}
.arrowLw { background: url(/images/common/ico_arrow_left_w.png) no-repeat 0 50%; padding-left: 20px;}
/* タブ用 */
.select .arrowDb { background-image: url(/images/common/ico_arrow_down_w.png);}
@media only screen and (min-width : 0px) and (max-width : 767px) {
.arrowUb { -webkit-background-size: 8px; background-size: 8px; padding-left: 15px;}
.arrowUw { -webkit-background-size: 8px; background-size: 4px; padding-left: 15px;}
.arrowRw { -webkit-background-size: 4px; background-size: 4px; padding-left: 10px;}
.arrowRb { -webkit-background-size: 4px; background-size: 4px; padding-left: 10px;}
.arrowRg { -webkit-background-size: 4px; background-size: 4px; padding-left: 10px;}
.arrowDw { -webkit-background-size: 8px; background-size: 8px; padding-left: 15px;}
.arrowDb { -webkit-background-size: 8px; background-size: 8px; padding-left: 15px;}
}


/*
 * アコーディオン用
 */
.toggleArrowDb { background: url(/images/common/ico_arrow_down_b.png) no-repeat 0 50%; padding-left: 29px;}
.open .toggleArrowDb, .select .toggleArrowDb { background-image: url(/images/common/ico_arrow_up_b.png);}
.toggleArrowDw { background: url(/images/common/ico_arrow_down_w.png) no-repeat 0 50%; padding-left: 29px;}
.open .toggleArrowDw { background-image: url(/images/common/ico_arrow_up_w.png);}
@media only screen and (min-width : 0px) and (max-width : 767px) {
.toggleArrowDb { -webkit-background-size: 8px; background-size: 8px; padding-left: 15px;}
.toggleArrowDw { -webkit-background-size: 8px; background-size: 8px; padding-left: 15px;}

}


/*
 * アイコン
 */
.i_asset { background: url(/images/common/ico_asset.png) no-repeat 0 50%; padding-left: 49px; min-height: 24px; display: inline-block;}
.i_attention { background: url(/images/common/ico_attention.png) no-repeat 0 0; padding-left: 38px; min-height: 26px; display: inline-block;}
.i_attention > * { background-position: 0 6px;}
.i_check_wS { background: url(/images/common/ico_check_ws.png) no-repeat 0 0; padding-left: 20px; min-height:16px; display: inline-block;}
.i_calender { background: url(/images/common/ico_calender.png) no-repeat 0 50%; padding-left: 36px; min-height:26px; display: inline-block;}
.i_clip { background: url(/images/common/ico_clip.png) no-repeat 0 50%; padding-left: 30px; min-height: 23px; display: inline-block;}
.i_clip_b { background: url(/images/common/ico_clip_b.png) no-repeat 0 50%; padding-left: 25px; min-height: 23px; display: inline-block;}
.i_company_wL { background: url(/images/common/ico_company_wl.png) no-repeat 0 50%; padding-left: 56px; min-height: 52px; display: inline-block;}
.i_csv { background: url(/images/common/ico_file_csv_s.png) no-repeat 0 0; padding-left: 25px; min-height:21px; display: inline-block;}
.i_delete { background: url(/images/common/ico_delete.png) no-repeat 0 50%; padding-left: 18px; min-height: 11px; display: inline-block;}
.i_document_wL { background: url(/images/common/ico_document_wl.png) no-repeat 0 50%; padding-left: 48px; min-height: 48px; display: inline-block;}
.i_faq { background: url(/images/common/ico_faq.png) no-repeat 0 50%; padding-left: 25px; min-height: 20px; display: inline-block;}
.i_graph_b { background: url(/images/common/ico_graph_bs.png) no-repeat 0 50%; padding-left: 25px; min-height: 20px; display: inline-block;}
.i_graph_wL { background: url(/images/common/ico_graph_wl.png) no-repeat 0 50%; padding-left: 60px; min-height: 42px; display: inline-block;}
.i_glossary { background: url(/images/common/ico_glossary.png) no-repeat 0 50%; padding-left: 25px; min-height: 20px; display: inline-block;}
.i_history { background: url(/images/common/ico_history.png) no-repeat 0 50%; padding-left: 30px; min-height: 23px; display: inline-block;}
.i_listS { background: url(/images/common/ico_list_s.png) no-repeat 0 50%; padding-left: 25px; min-height: 16px; display: inline-block;}
.i_list_kS { background: url(/images/common/ico_list_k.png) no-repeat 0 50%; padding-left: 28px; min-height: 16px; display: inline-block;}
.i_keyword { background: url(/images/common/ico_keyword.png) no-repeat 0 50%; padding-left: 46px; min-height: 20px; display: inline-block;}
.i_movie_play { background: url(/images/common/ico_movie_play.png) no-repeat 0 0; padding-left: 40px; min-height: 35px; display: inline-block;}
.i_new_wS { background: url(/images/common/ico_new_ws.png) no-repeat 0 0; padding-left: 32px; min-height:16px; display: inline-block;}
.i_news { background: url(/images/common/ico_news_m.png) no-repeat 0 50%; padding-left: 38px; min-height: 36px; display: inline-block;}
.i_num1b { background: url(/images/common/ico_num1_bs.png) no-repeat 0 50%; padding-left: 45px; min-height: 25px; display: inline-block;}
.i_num2b { background: url(/images/common/ico_num2_bs.png) no-repeat 0 50%; padding-left: 45px; min-height: 25px; display: inline-block;}
.i_num3b { background: url(/images/common/ico_num3_bs.png) no-repeat 0 50%; padding-left: 45px; min-height: 25px; display: inline-block;}
.i_num4b { background: url(/images/common/ico_num4_bs.png) no-repeat 0 50%; padding-left: 45px; min-height: 25px; display: inline-block;}
.i_pdf { background: url(/images/common/ico_file_pdf.png) no-repeat 0 0; padding-left: 25px; min-height:21px; display: inline-block;}
.i_pdfM { background: url(/images/common/ico_file_pdf_m.png) no-repeat 0 0; padding-left: 40px; min-height:35px; display: inline-block;}
.i_ranking { background: url(/images/common/ico_ranking.png) no-repeat 0 50%; padding-left: 33px; min-height: 22px; display: inline-block;}
.i_ranking_wS { background: url(/images/common/ico_ranking_ws.png) no-repeat 0 0; padding-left: 26px; min-height:16px; display: inline-block;}
.i_reload { background: url(/images/common/ico_reload.png) no-repeat 0 50%; padding-left: 20px; min-height: 16px; display: inline-block;}
.i_setting { background: url(/images/common/ico_setting.png) no-repeat 0 50%; padding-left: 33px; min-height: 22px; display: inline-block;}
.i_world { background: url(/images/common/ico_world.png) no-repeat 0 50%; padding-left: 49px; min-height: 22px; display: inline-block;}


@media only screen and (min-width : 0px) and (max-width : 767px) {
.i_attention  { -webkit-background-size: 13px;background-size: 13px; background-position: 0 3px; padding-left: 19px;}
.i_check_wS   { -webkit-background-size: 8px;background-size: 8px;}
.i_csv        { -webkit-background-size: 10px;background-size: 10px;}
.i_clip       { -webkit-background-size: 11px;background-size: 11px; padding-left: 15px;}
.i_clip_b     { -webkit-background-size: 9px; background-size: 9px; padding-left: 12px;}
.i_company_wL { -webkit-background-size: 24px;background-size: 24px;}
.i_document_wL{ -webkit-background-size: 20px;background-size: 20px;}
.i_faq        { -webkit-background-size: 10px;background-size: 10px; padding-left: 15px;}
.i_graph_b    {}
.i_graph_wL   { -webkit-background-size: 26px;background-size: 26px;}
.i_glossary   { -webkit-background-size: 8px;background-size: 8px; padding-left: 12px;}
.i_history    { -webkit-background-size: 12px;background-size: 12px; padding-left: 15px;}
.i_listS      { -webkit-background-size: 9px;background-size: 9px; padding-left: 12px;}
.i_movie_play { -webkit-background-size: 17px;background-size: 17px; padding-left: 20px;}
.i_new_wS     { -webkit-background-size: 14px;background-size: 14px;}
.i_news       {}
.i_pdf        { background-image: url(/images/common/ico_file_pdf_m.png); -webkit-background-size: 17px; background-size: 17px;}
.i_pdfM       { -webkit-background-size: 17px;background-size: 17px; padding-left: 20px;}
.i_ranking    { -webkit-background-size: 14px;background-size: 14px; padding-left: 16px;}
.i_ranking_wS { -webkit-background-size: 9px;background-size: 9px;}
.i_setting    { -webkit-background-size: 12px;background-size: 12px; padding-left: 16px;}

}


/*
 * アイコン（中）
 */
.i_anytimeM { background: #004fab url(/images/common/ico_anytime.png) no-repeat 50% 50%; width: 100px; height: 100px; display: inline-block;}
.i_diversified_investmentM { background: #004fab url(/images/common/ico_diversified_investment_m.png) no-repeat 50% 50%; width: 100px; height: 100px; display: inline-block;}
.i_lowcostM { background: #004fab url(/images/common/ico_lowcost_m.png) no-repeat 50% 50%; width: 100px; height: 100px; display: inline-block;}
.i_understandM { background: #004fab url(/images/common/ico_understand.png) no-repeat 50% 50%; width: 100px; height: 100px; display: inline-block;}

.i_anytime_bM { background: #fff url(/images/common/ico_anytime_bm.png) no-repeat 50% 50%; width: 120px; height: 120px; display: inline-block;}
.i_diversified_investment_bM { background: #fff url(/images/common/ico_diversified_investment_bm.png) no-repeat 50% 50%; width: 120px; height: 120px; display: inline-block;}
.i_lowcost_bM { background: #fff url(/images/common/ico_lowcost_bm.png) no-repeat 50% 50%; width: 120px; height: 120px; display: inline-block;}
.i_understand_bM { background: #fff url(/images/common/ico_understand_bm.png) no-repeat 50% 50%; width: 120px; height: 120px; display: inline-block;}


/*
 * ボタン
 */
.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:hover { text-decoration: none!important;}
.btn > * { display: table-cell; height: inherit; min-width: 200px; vertical-align: middle; box-sizing: border-box;}
.roundBtn { background-color: #333333; color: #fff; height: 35px; line-height: 35px; padding: 0 35px; border-radius: 17px; display: inline-block; text-decoration: none;}

/*
.basic_kv #slider_kv .kvInner .roundBtn{ bottom: 20%; left: 50%; width: 150px; margin-left: -75px; position: absolute; z-index: 1;}
*/
.basic_kv #slider_kv .kvInner a{ bottom: 20%; height: 75%; right: 5%; width: 90%; position: absolute; z-index: 1;}


/*
 * ボタン（小）
 */
#pageTop { background: rgba(0,0,0,0.7) url(/images/common/ico_pagetop.png) no-repeat 50% 50%; width: 70px; height: 70px; display: block;}
.searchBtnL { background: #333 url(/images/common/ico_search_large.png) no-repeat 50% 50%; height: 50px; width: 50px; text-indent: -9999px; border: none; padding: 0; cursor: pointer;}
.searchBtnS { background: #333 url(/images/common/ico_search_small.png) no-repeat 50% 50%; height: 30px; width: 30px; text-indent: 9999px; border: none; padding: 0; cursor: pointer;}
.searchBtnS_smp { background: #333 url(/images/common/ico_search_small.png) no-repeat 50% 50%; height: 30px; width: 50px; border-radius: 3px; text-indent: 9999px; display: inline-block; vertical-align: bottom;}

.deleteBtn { background: #999999 url(/images/common/ico_x.png) no-repeat 50% 50%; height: 18px; width: 18px; display: block; text-align: center; cursor: pointer; }
.printBtn { background: #e6e6e6 url(/images/common/ico_print.png) no-repeat 50% 50%; width: 50px; height: 30px; text-indent: 99999px; display: none; vertical-align: bottom;}
#footer .printBtn { display: none;}
.listBtn { background: #004fab url(/images/common/ico_list_w.png) no-repeat 50% 50%; width: 35px; height: 35px; text-indent: 99999px; display: inline-block; vertical-align: bottom;}
.oblinkBtn { background: #004fab url(/images/common/ico_outbound_link_w.png) no-repeat 50% 50%; width: 35px; height: 35px; text-indent: 99999px; display: inline-block; vertical-align: bottom;}
.historyBtn { background: #004fab url(/images/common/ico_history_w.png) no-repeat 50% 50%; width: 50px; height: 30px; border-radius: 3px; text-indent: 99999px; display: inline-block; vertical-align: bottom;}
.clipBtn { background: #004fab url(/images/common/ico_clip_w.png) no-repeat 50% 50%; width: 50px; height: 30px; border-radius: 3px; text-indent: 99999px; display: inline-block; vertical-align: bottom;}

.help_btn { color: #004fab; width: 18px; height: 18px; line-height: 18px; text-align: center; background-color: #fff; border-radius: 9px; text-decoration: none; font-weight: bold; font-family: 'Arial';}
.help_btn:before { content: '?';}
.fund_dividend_btn { background:#004fab url(/images/common/ico_fund_dividend_s.png) no-repeat 50% 50%; display: inline-block; width: 35px; height: 35px;}
.fund_graph_btn { background:#004fab url(/images/common/ico_graph_s.png) no-repeat 50% 50%; display: inline-block; width: 35px; height: 35px;}
.fund_clip_btn { background:#004fab url(/images/common/ico_clip_w.png) no-repeat 50% 50%; display: inline-block; width: 35px; height: 35px;}
.fund_designation_btn { background:#004fab url(/images/common/ico_designation.png) no-repeat 50% 50%; display: inline-block; width: 35px; height: 35px;}
.fund_sales_company_btn { background:#004fab url(/images/common/ico_sales_company_ws.png) no-repeat 50% 50%; display: inline-block; width: 35px; height: 35px;}

input.btn { padding: 0 20px; height: 50px; line-height: 50px; border-radius: 4px; width: 240px; border: none; display: inline-block; text-decoration: none; cursor: pointer; text-align: center; box-sizing: border-box; vertical-align: bottom;}
input.btn { color: #fff; background: #333333 url(/images/common/ico_arrow_right_w.png) no-repeat 16px 50%;}
input.btn.reset { color: #333; background: #bfbfbf url(/images/common/ico_arrow_right_g.png) no-repeat 16px 50%;}
input[type=submit].search { color: #fff; background: #333 url(/images/common/ico_search_small.png) no-repeat 11px 50%; height: 40px; width: 90px; padding-left: 37px; text-align: left; border: none; border-radius: 2px; cursor:pointer;}
input.btn.clr { color: #fff; background-image: none; background-color: #333;}
input.btn.search-submit { color: #fff; background-image: none; background-color: #004FAB;}

@media only screen and (min-width : 0px) and (max-width : 767px) {
#pageTop    { -webkit-background-size: 12px;background-size: 12px; width: 35px; height: 35px;}
.searchBtnL { -webkit-background-size: 11px;background-size: 11px;}
.searchBtnS {}
.deleteBtn  { -webkit-background-size: 5px;background-size: 5px;}
.printBtn   {}
.listBtn    { -webkit-background-size: 9px;background-size: 9px; width: 18px; height: 18px;}
.oblinkBtn  { -webkit-background-size: 9px;background-size: 9px; width: 18px; height: 18px;}
.historyBtn {/* -webkit-background-size: 9px; background-size: 9px;*/}
.clipBtn    {/* -webkit-background-size: 9px; background-size: 9px;*/}
.searchBtnS_smp {/* -webkit-background-size: 7px; background-size: 7px;*/}
input.btn { -webkit-background-size: 4px; background-size: 4px;}
input.btn.reset { -webkit-background-size: 4px; background-size: 4px;}
}


/*
 * Radio button
 */
input[type=radio] { display: none; }
input[type=radio]:checked + .radio:before { opacity: 1; }
.radio { box-sizing: border-box; position: relative; display: inline-block; margin: 0 20px 0 0; padding: 0 0 0 30px; vertical-align: middle; cursor: pointer; }
.radio:hover:after { border-color: #004fab; }
.radio:after { position: absolute; top: 50%; left: 0; display: block; margin-top: -12px; width: 18px; height: 18px; border: 2px solid #bbb; border-radius: 50%; content: ''; }
.radio:before { position: absolute; top: 50%; left: 6px; display: block; margin-top: -6px; width: 10px; height: 10px; border-radius: 50%; background-color: #004fab; content: ''; opacity: 0; }


/*
 * Checkbox
 */
input[type=checkbox] { display: none; }
input[type=checkbox]:checked + .check:before { opacity: 1; }
.check { box-sizing: border-box; position: relative; display: inline-block; margin: 0 20px 0 0; padding: 0 0 0 30px; vertical-align: middle; cursor: pointer; }
.check:hover:after { border-color: #004fab; }
.check:after { position: absolute; top: 50%; left: 0; display: block; margin-top: -12px; width: 18px; height: 18px; border: 2px solid #bbb; border-radius: 3px; content: ''; }
.check:before { position: absolute; top: 50%; left: 7px; display: block; margin-top: -9px; width: 5px; height: 10px; border-right: 3px solid #004fab; border-bottom: 3px solid #004fab; transform: rotate(45deg); content: ''; opacity: 0; }

.flatBtn { background-color: #FFF; color: #004fab; display: inline-block; cursor: pointer;}
.flatBtn:hover { background-color: #1671d9; color: #fff;}
input[type=checkbox]:checked + .flatBtn { background-color: #1671d9; color: #fff;}
input[type=radio]:checked + .flatBtn { background-color: #1671d9; color: #fff;}


.listview .flatBtn { background-color: #EEEEEE; color: #004fab; display: inline-block; cursor: pointer;}
.listview .flatBtn:hover { background-color: #1671d9; color: #fff;}
input[type=checkbox]:checked + .listview .flatBtn { background-color: #1671d9; color: #fff;}
input[type=radio]:checked + .listview .flatBtn { background-color: #1671d9; color: #fff;}