﻿

/*------------------------------------
	投資信託　扉
-------------------------------------*/
#main_area #m_contents_section #m_h1_inner .m_h1_investment																																														{ border:none; background:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_investment.gif) no-repeat left center; padding:15px 0 15px 60px; }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_toshi a								{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_nisa a									{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_nisa.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_net-toshin a						{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_net-toshin.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_title_boxarea p.m_title_ranking a								{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_ranking.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_title_boxarea p.m_title_suguru a								{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_suguru.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_lineup a							{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_lineup.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_jrnisa a							{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_jrnisa.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_campaign a							{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_campaign.gif); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_online a							{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_online.png); }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l .m_category_title_boxarea p.m_title_about a							{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_about.gif); }


#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_contents_boxarea .m_etc_lbtn a									{ width:85%; }

#main_area #m_contents_section .m_index_inner	h3																													{ font-size:124%; font-weight:bold; color:#d60b17; border-bottom:2px #d0cdc5 solid; margin:30px 0 0 0; padding-bottom:3px; }

#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box								{ float:left; margin-left:14px; margin-top:15px;}
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box:first-child				{ margin-left:0;}

p.m_one_btns_window										{ margin:20px 0 0; width:100%; text-align:center;}
p.m_one_btns_window a									{  border-radius:5px; font-size:108%; font-weight:bold; width:50%; display:inline-block; padding:10px 0; border:1px #cfcfcf solid; background:url(../image/icon_window.gif) 97% 50% no-repeat #fafafa; text-decoration:none; color:#000000;}
p.m_one_btns_window a:hover						{ opacity:0.7; filter:alpha(opacity=70); }

#main_area #m_contents_section .investment_list h2 { border: none; padding: 0; margin: 0; background: none;}
#main_area #m_contents_section .investment_list div { background: #ffffff; padding: 5px 19px 20px; width: 670px;}
#main_area #m_contents_section .investment_list #investment_menu { border: solid 1px #882121;}
#main_area #m_contents_section .investment_list #investment_beginner { border: solid 1px #2b5685;}
#main_area #m_contents_section .investment_list #investment_menu02 { border: solid 1px #cbcbcb;}

/*------------------------------------
	はじめての投資信託　扉
-------------------------------------*/
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l																{ float:left; width:100%; border:solid 1px #d60b17; border-radius:4px; background:#ffffff; margin-top:15px;  background:url(../image/arrow03.gif) no-repeat 97% 50% #ffffff; }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l a															{ display:table-cell; vertical-align:middle; text-decoration:none; padding:25px 0 25px 68px; width:642px; background-repeat:no-repeat; background-position:0.6em center; font-size:116%; font-weight:bold; }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi01 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi01.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi02 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi02.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi03 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi03.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi04 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi04.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi05 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi05.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi06 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi06.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi07 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi07.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi08 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi08.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi09 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi09.gif); }
#main_area #m_contents_section .m_index_inner .m_investment_unit .m_investment_list_box_l .m_title_toushi10 a					{ background-image:url(https://www.hokugin.co.jp/save/investment/mediation/images/icon_toshi10.gif); }

/*----------------------------------------------------
	少額投資非課税制度（ＮＩＳＡ）について
-----------------------------------------------------*/


/*----------------------------------------------------
	＜ほくぎん＞インターネット投資信託サービスのご案内
-----------------------------------------------------*/
#main_area #m_contents_section .m_content_inner .m_net_toshin_btn_divide_box .m_net_toshin_btn_divide_boxarea		{ margin-top:10px; border:1px #e7e7e7 solid; }
#main_area #m_contents_section .m_content_inner .m_net_toshin_btn_divide_box .m_net_toshin_btn_divide_boxarea p.m_boxed_title		{ background:none; padding-left:0; color:#d60b17; }
#main_area #m_contents_section .m_content_inner .m_net_toshin_btn_divide_box .m_net_toshin_btn_divide_boxsection	{ margin:0 auto; width:76%; }
#main_area #m_contents_section .m_content_inner .m_net_toshin_btn_divide_box .m_net_toshin_btn_divide_boxsection .m_net_toshin_btn_divide_boxsection_left	{ float:left; }
#main_area #m_contents_section .m_content_inner .m_net_toshin_btn_divide_box .m_net_toshin_btn_divide_boxsection .m_net_toshin_btn_divide_boxsection_right	{ float:left; margin-left:7%; }

/*----------------------------------------------------
	【投資信託に関する留意点】　必ずお読みください
-----------------------------------------------------*/
#main_area #m_contents_section .m_content_inner .m_plane_list li ul				{ margin-top:10px; }
#main_area #m_contents_section .m_content_inner .m_plane_list li ul li			{ background:none; padding-left:0; } 

/*----------------------------------------------------
	いったい何を目途にどんなものに投資をすればいいの？
-----------------------------------------------------*/
#main_area #m_contents_section .m_content_inner .m_03toushi_divide_box .m_03toushi_divide_left_boxarea		{ float:left; width:20%; } 
#main_area #m_contents_section .m_content_inner .m_03toushi_divide_box .m_03toushi_divide_right_boxarea		{ float:right; width:75%; } 


#main_area #m_contents_section  p.m_menu_txt01						{ margin-top:0; background:#ff6633; padding:5px; color:#ffffff; border-radius:2px; }
#main_area #m_contents_section  p.m_menu_txt02						{ margin-top:0; background:#669900; padding:5px; color:#ffffff; border-radius:2px; }
#main_area #m_contents_section  p.m_menu_txt03						{ margin-top:0; background:#6699ff; padding:5px; color:#ffffff; border-radius:2px; }

#main_area #m_contents_section .m_content_inner  ul.m_toshin_two_etc_btn										{ margin:50px 0 0; width:100%; }
#main_area #m_contents_section .m_content_inner  ul.m_toshin_two_etc_btn li									{ width:46%; text-align:center; float:left; margin-left:2%; }
#main_area #m_contents_section .m_content_inner  ul.m_toshin_two_etc_btn li a									{ border-radius:5px; font-size:100%; font-weight:bold; width:32.5%; display:table-cell; vertical-align:middle; padding:8px 25px; border:1px #d60b17 solid; background:url(../image/arrow03.gif) 97% 50% no-repeat #f8f4ce; text-decoration:none; color:#d60b17; }
#main_area #m_contents_section .m_content_inner  ul.m_toshin_two_etc_btn li a:hover						{ opacity:0.7; filter:alpha(opacity=70); }



/*----------------------------------------------------
	ファンド詳細・基準価額一覧の見方
-----------------------------------------------------*/
#main_area #m_contents_section .m_content_inner .m_procedure_flow_box									{ margin-top:15px;}
#main_area #m_contents_section .m_content_inner .m_procedure_flow_box p.m_fund_flow_img	{ width:20%; float:left; }
#main_area #m_contents_section .m_content_inner .m_procedure_flow_box div.m_fund_flow_txt_left	{ width:20%; float:left; }
#main_area #m_contents_section .m_content_inner .m_procedure_flow_box div.m_fund_flow_txt_right	{ width:78%; float:right; }


#/* 横並び3列ボタン */
ul.m_three_index_btn_guide 										{ margin:0 2%; }
ul.m_three_index_btn_guide li 									{ float:left; width:32.4%; margin:8px 0.4% 0; }
ul.m_three_index_btn_guide li a 							{ display:table-cell; vertical-align:middle; width:31.3%; font-size:108%; padding:15px 15px 15px 10px; font-weight:bold; border-radius:3px; border:1px #cfcfcf solid; background:url(../image/arrow24.gif) 97% 50% no-repeat #ffffff; text-decoration:none; color:#303030; text-align:center; }
ul.m_three_index_btn_guide li a:hover					{ opacity:0.7; filter:alpha(opacity=70); }


p.m_icon_attention2									{ background:url(../image/icon_attention_s.gif) left center no-repeat; padding:8px 0 5px 30px; }



