@charset "UTF-8";


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	01:フレーム
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
	ヘッダー
-------------------------------*/
#header																														{ width:100%; background:none #ffffff;}
#header #h_section																								{ max-width:960px; margin:0 auto; }
#header #h_section #h_sitetitle_unit															{ float:left; margin-top:25px; width:40%; }
#header #h_section #h_navigation_unit															{ float:right; width:60%; }
#header #h_section #h_navigation_unit .h_navigation_box02 				{ margin-top:10px; background:none #f0f0f0; padding:5px 5px 5px 0; float:right; width:97%; }

/* サイトロゴ */	
#header #h_section #h_sitetitle_unit #h_logo											{ float:left; }
#header #h_section #h_sitetitle_unit #h_bankcode 									{ float:left; margin:30px 0 0 5px; font-size:93%; line-height:1.4em; }

/* その他リンク */	
#header #h_section #h_navigation_unit ul.h_etc_menu								{ float:right; margin-top:5px; }
#header #h_section #h_navigation_unit ul.h_etc_menu li 						{ float:left; margin-left:10px; }
#header #h_section #h_navigation_unit ul.h_etc_menu li a 					{ color:#78484d; font-size:93%; font-weight:bold; background: url(/common/images/arrow05.gif) right 0.15em no-repeat; padding:0 1em 0 0; }

/* 店舗・ATM検索 */	
#header #h_section #h_navigation_unit p.h_search_office_atm 			{ float:right; margin-left:2%; }
#header #h_section #h_navigation_unit p.h_search_office_atm:hover	{ opacity:0.7; filter:alpha(opacity=70); }

/* キーワード検索 */	
#header #h_section #h_navigation_unit ul.h_search_type								{ float:left; margin:6px 0 0 10px; width:61%; }
#header #h_section #h_navigation_unit ul.h_search_type li 						{ float:left; font-size:93%; margin-right:5px; }
#header #h_section #h_navigation_unit .h_search_keyword_boxarea																												{ float:right; width:35%; background:#ffffff; border:1px solid #c2c2c2; box-sizing:border-box; }
#header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection 													{ position:relative; padding:0 9px 0 0; border-radius:2px; vertical-align:bottom; }
#header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection input[type=text] 				{ display:block; padding:2px 0 2px 5px; width:100%; height:28px; border:none; box-sizing:border-box; }
#header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection input[type=image] 				{ position:absolute; top:5px; right:5px; display:block; border:none; width:auto; height:auto; border-radius:0; }
#header #h_section #h_navigation_unit .h_search_keyword_boxarea .h_search_keyword_boxsection input[type=image]:hover 	{ opacity:0.7; filter:alpha(opacity=70); } 

/* 文字サイズ */	
#header #h_section #h_navigation_unit #h_fontsize_boxarea					{ float:right; margin-top:3px; }
#header #h_section #h_navigation_unit #h_fontsize_boxarea p	  	 	{ float:left; }
#header #h_section #h_navigation_unit #h_fontsize_boxarea ul 		 	{ float:left; }
#header #h_section #h_navigation_unit #h_fontsize_boxarea ul li	 	{ float:left; margin-left:5px; }

/* グローバルナビ */
#header #h_section #gnavi ul.gn_menu															{ float:left; width:99.9%; max-width:960px; border-left:1px #bababa solid; margin-top:10px; }
#header #h_section #gnavi ul.gn_menu li														{ float:left; width:25%; line-height:1.4em; }
#header #h_section #gnavi ul.gn_menu li a													{ border-right:1px #bababa solid; display:table-cell; vertical-align:middle; text-align:center; font-size:124%; width:25%; text-decoration:none; padding:10px 0; background:url(/common/images/arrow03.gif) 97% 50% no-repeat; zoom:1; position:relative; }
#header #h_section #gnavi ul.gn_menu li.on a,
#header #h_section #gnavi ul.gn_menu li a:hover										{ border-radius:5px 5px 0 0; color:#ffffff; background:#d60b17 url(/common/images/arrow02.gif) 97% 50% no-repeat; }
#header #h_section #gnavi p																				{ display:none; }

/* グローバルサブナビ */
#sub_header																										{ background:none #ffffff; width:100%; border-bottom:1px solid #e1dfd9; box-shadow:0 1px 1px 0 #e1dfd9; }
#sub_header #sub_navi_section																	{ margin:0 auto; max-width:960px; padding:8px 0; }
#sub_header #sub_navi_section ul															{ background:url(/common/images/bg_01.gif) repeat-y left top; }
#sub_header #sub_navi_section ul li														{ float:left; background:url(/common/images/bg_01.gif) repeat-y right top; line-height:1.3; }
#sub_header #sub_navi_section ul li a 												{ display:table-cell; text-align:center; vertical-align:middle; text-decoration:none; border-radius:5px; padding:5px 0; }
#sub_header #sub_navi_section ul li a:hover,
#sub_header #sub_navi_section ul li.on a 											{ color:#d60b17; background:none #f0f0f0; }

#sub_header #sub_navi_section ul.sub_navi_six li							{ width:15.56%; padding:3px 0.55%; /* min-height:60px; */ }
#sub_header #sub_navi_section ul.sub_navi_six li a 						{ width:15.56%; }

#sub_header #sub_navi_section ul.sub_navi_seven li						{ width:13.18%; padding:3px 0.55%; /* min-height:60px; */ }
#sub_header #sub_navi_section ul.sub_navi_seven li a 					{ width:13.18%; }

#sub_header #sub_navi_section ul.sub_navi_eight li						{ width:11.4%; padding:3px 0.55%; /* min-height:60px; */ }
#sub_header #sub_navi_section ul.sub_navi_eight li a 					{ width:11.4%; }
			
@media screen and (max-width:800px){

#header #h_section #h_sitetitle_unit															{ width:30%; }
#header #h_section #h_navigation_unit															{ float:right; }
#header #h_section #h_navigation_unit .h_navigation_box01					{ float:right; }
#header #h_section #h_navigation_unit ul.h_etc_menu								{ float:none; }
#header #h_section #h_navigation_unit p.h_search_office_atm 			{ float:none; text-align:right; }
#header #h_section #h_sitetitle_unit p#h_bankcode									{ display:none; }	
#header #h_section #h_navigation_unit #h_fontsize_boxarea 				{ display:none; }	
	
}
/*------------------------------
	フッター
-------------------------------*/
#footer													{ width:100%; border-top:3px #d60b17 solid;  background:#fff;}
#footer #f_section,
#footer #fnavi,
#footer #f_logo_section,												
#footer #f_copyright_section		{ max-width:960px; margin:0 auto; }
#footer #f_logo_section					{ position:relative; bottom:-18px; }
#f_chara	{ position:absolute; right:0; bottom:-28px; width:17%; }

#footer #fnavi #fn_top_section															{ margin:35px 0 0 0; }
#footer #fnavi #fn_top_section .fn_top_inner								{ float:left; width:30%; margin-left:3.5%; }
#footer #fnavi #fn_top_section .fn_top_inner:first-child		{ margin-left:0; }
#footer #fnavi #fn_top_section .fn_top_inner ul li					{ margin-top:5px; }
#footer #fnavi #fn_top_section .fn_top_inner ul li a				{ display:block; color:#560000; background:url(/common/images/arrow01.gif) left 0.2em no-repeat; padding:0 0 0 20px; }

#footer #fnavi #fn_top_section .fn_top_inner ul li ul li a	{ display:block; color:#000000; background:url(/common/images/arrow04.gif) 1.5em 0.3em no-repeat; padding:0 0 0 30px; }

#footer #fnavi																			{ margin-top:10px; }
#footer #f_logo_section															{ margin-top:60px; }												
#footer #f_copyright_section												{ max-width:100%; border-top:1px #d60b17 solid; padding-top:5px; }

#footer #f_section																	{ position:relative; }
#footer #f_section p.pagetop												{ position:absolute; top:-48px; right:0; }

#footer #f_copyright_section											{ max-width:100%; border-top:15px #d8cea9 solid; padding-top:5px; }
#footer #f_copyright_section p.footer_copyright		{ text-align:center; }
#footer #f_copyright_section p.footer_copyright		{ margin-bottom:10px; height:30px; }


.at_comment							{ text-indent:-1em; padding:0 0 0 1em; margin:10px 0 0 0;}
@media screen and (max-width:800px){
	
#f_chara 				{ display:none; }	
	
}
