@charset "UTF-8";

/*基本設定--------------------*/ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0;
} 


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

body {
	padding-bottom: 40px;
	color: #3d3d3d;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	*font-size: small;
    *font: x-small;
}

img {
	border: 0;
}

strong {
	font-weight: bold;
}

a:link,
a:visited {
	color: #00a8e5;
	text-decoration: none;
}

a:hover,
a:active {
	color: #00a8e5;
	text-decoration: underline;
}

li img {
	vertical-align:top;
}


li a {
	zoom:1;
}

/*header--------------------*/

/* skip menu */
#skip_menu {
	position: absolute;
    top: 0em;
    left: -1000em;
    width: 900em;	
}

/*個人向け背景*/

#header_personal {
	clear: both;
	width: 100%;
	background:url(../img/common/personal/header_tab_bg.gif) top repeat-x;
}

/*法人向け背景*/

#header_business {
	clear: both;
	width: 100%;
	background:url(../img/common/business/header_tab_bg.gif) top repeat-x;
}

/*十八銀行について背景*/

#header_aboutus {
	clear: both;
	width: 100%;
	background:url(../img/common/aboutus/header_tab_bg.gif) top repeat-x;
}

/*採用情報背景*/

#header_recruit {
	clear: both;
	width: 100%;
	background:url(../img/common/recruit/header_tab_bg.gif) top repeat-x;
}

#header {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

/*header_block01----------*/

.header_block01{
	clear: both;
	width: 980px;
	height: 30px;
	margin-bottom: 7px;
	position:relative;
}

/*header_tab------*/

.header_block01 #header_tab {
	float: left;
	width: 513px;
}

.header_block01 #header_tab li {
	list-style:none;
}

.header_block01 #header_tab01 {
	position:absolute;
	top:4px;
	left:0;
}

.header_block01 #header_tab02 {
	position:absolute;
	top:4px;
	left:125px;
}

.header_block01 #header_tab03 {
	position:absolute;
	top:4px;
	left:285px;
}

.header_block01 #header_tab04 {
	position:absolute;
	top:4px;
	left:417px;
}

/*個人向け*/
#header_personal .header_block01 #header_tab01 { z-index:300; }
#header_personal .header_block01 #header_tab02 { z-index:200; }
#header_personal .header_block01 #header_tab03 { z-index:100; }
#header_personal .header_block01 #header_tab04 { z-index:0; }

/*法人向けタブ*/
#header_business .header_block01 #header_tab01 { z-index:200; }
#header_business .header_block01 #header_tab02 { z-index:300; }
#header_business .header_block01 #header_tab03 { z-index:100; }
#header_business .header_block01 #header_tab04 { z-index:0; }

/*十八銀行についてタブ*/
#header_aboutus .header_block01 #header_tab01 { z-index:100; }
#header_aboutus .header_block01 #header_tab02 { z-index:200; }
#header_aboutus .header_block01 #header_tab03 { z-index:300; }
#header_aboutus .header_block01 #header_tab04 { z-index:0; }

/*採用情報タブ*/
#header_recruit .header_block01 #header_tab01 { z-index:0; }
#header_recruit .header_block01 #header_tab02 { z-index:100; }
#header_recruit .header_block01 #header_tab03 { z-index:200; }
#header_recruit .header_block01 #header_tab04 { z-index:300; }

/*文字サイズ変更------*/

#changeArea {
	width: 113px;
	position:absolute;
	top:9px;
	left:783px;
}


#changeArea p {
	float: left;
	width: 44px;
	margin: 4px 10px 0 0;
}

#fontSize {
	float: left;
	*zoom: 1; /*forIE6,7*/
}

#fontSize li {
	float: left;
	list-style: none;
	cursor:pointer;
}

#fontSize #fontS {
	width: 11px;
	margin: 1px 4px 0 0;
	_margin: 0 4px 0 0;
	padding-right: 7px;
	background:url(../img/common/font_bg.png) 11px 3px no-repeat;
	_background: none;
}


#fontSize #fontM {
	width: 12px;
	margin: 1px 4px 0 0;
	_margin: 0 4px 0 0;
	padding-right: 7px;
	background:url(../img/common/font_bg.png) 13px 3px no-repeat;
	_background: none;
}

/*english------*/

#btn_english {
	width: 59px;
	padding: 7px 0 0 11px;
	background:url(../img/common/header_eng_bg.gif) top left no-repeat;
	position: absolute;
	top:0;
	right: 0;
}


/*header_block02----------*/

.header_block02{
	clear: both;
	width: 980px;
	background:url(../img/common/search_bg.gif) 351px 0 no-repeat;
}

.header_block02 #logo{
	float: left;
	width: 191px;
	margin-right: 25px;
	padding: 12px 0 0 14px;
}

.header_block02 #search_block {
	float: left;
	width: 181px;
	height: 24px;
	margin-top: 17px;
	border: 1px solid #aaadb2;
	display: inline;
}


.header_block02 #search_block .input_box {
	float: left;
	width: 131px;
	padding: 3px;
	border: 0;
	outline:0px none black;
}

.header_block02 ul{
	float: right;
	width: 554px;
}

.header_block02 li{
	float: left;
	list-style: none;
}


/*menu--------------------*/

#menu {
	clear: both;
	width: 100%;
	background:url(../img/common/menu_bg.gif) top repeat-x;
}

#menu ul {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

#menu ul li {
	float: left;
	list-style: none;
}


/*side_menu--------------------*/

#side_menu {
	float: right;
	width: 212px;
}


/*クレジットカード申し込み------*/

.side_card ul {
	margin-bottom: 12px;
	height: 94px;
	padding: 8px 10px 10px 11px;
	background:url(../img/common/side_card_bg.jpg) top left no-repeat;
}

.side_card li {
	margin-bottom: 2px;
	list-style: none;	
}

/*電子交付サービス------*/

.side_issue ul {
	margin-bottom: 12px;
	height: 134px;
	padding: 8px 10px 10px 11px;
	background:url(../img/common/side_issue_bg.jpg) top left no-repeat;
}

.side_issue li {
	margin-bottom: 2px;
	list-style: none;	
}

/*マーケット情報------*/

.side_market {
	width: 208px;
	margin: 0 auto 20px auto;
	border: 1px solid #e8e8e8;
}

.side_market .accordion_tab {
	cursor:pointer;
	width: 208px;
	height: 21px;
	text-indent: -100000px;
}

.side_market .nikkei p {
	background:url(../img/common/side_market_nikkei.gif) top left no-repeat;
}

.side_market .dollar p {
	border-top: 1px solid #ffffff;
	background:url(../img/common/side_market_dollar.gif) top left no-repeat;
}

.side_market .euro p {
	border-top: 1px solid #ffffff;
	background:url(../img/common/side_market_euro.gif) top left no-repeat;
}

.side_market .aus_dollar p {
	border-top: 1px solid #ffffff;
	background:url(../img/common/side_market_aus_dollar.gif) top left no-repeat;
}

.side_market .nikkei .selected {
	background:url(../img/common/side_market_nikkei_select.gif) top left no-repeat !important;
}

.side_market .dollar .selected {
	border-top: 1px solid #ffffff;
	background:url(../img/common/side_market_dollar_select.gif) top left no-repeat !important;
}

.side_market .euro .selected {
	border-top: 1px solid #ffffff;
	background:url(../img/common/side_market_euro_select.gif) top left no-repeat !important;
}

.side_market .aus_dollar .selected {
	border-top: 1px solid #ffffff;
	background:url(../img/common/side_market_aus_dollar_select.gif) top left no-repeat !important;
}

.side_market .nikkei div,
.side_market .dollar div,
.side_market .euro div {
	border-top: 1px solid #0065b0;
}


/*サイドバナー------*/

.side_banner {
	margin-bottom: 10px;
}

.side_banner li {
	margin-bottom: 5px;
	border: 1px solid #e5e5e5;
	list-style: none;
}

.side_banner .banner_recipe {
	margin-top: 15px;
}


/*サイドバナーS------*/

.side_sbanner {
	margin: 20px 0 25px 0;
}


.side_sbanner li {
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
}

/*ベリサイン------*/

.side_verisign {
	font-size: 77%;
}

.side_verisign div {
	margin-bottom: 20px;
	text-align: center;
}

/*footer--------------------*/


/*footer_tab------*/

/*個人向け背景*/

#footer_tab_personal {
	clear: both;
	width: 100%;
	height: 34px;
	background:url(../img/common/personal/footer_tab_bg.gif) top repeat-x;
}

/*法人向け背景*/

#footer_tab_business {
	clear: both;
	width: 100%;
	height: 34px;
	background:url(../img/common/business/footer_tab_bg.gif) top repeat-x;
}

/*十八銀行について背景*/

#footer_tab_aboutus {
	clear: both;
	width: 100%;
	height: 34px;
	background:url(../img/common/aboutus/footer_tab_bg.gif) top repeat-x;
}

/*採用情報背景*/

#footer_tab_recruit {
	clear: both;
	width: 100%;
	height: 34px;
	background:url(../img/common/recruit/footer_tab_bg.gif) top repeat-x;
}

#footer_tab {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

#footer_tab ul {
	float: left;
	width: 513px;
	position:relative;
}

#footer_tab li {
	list-style:none;
}

#footer_tab #footer_tab01 {
	position:absolute;
	top:0;
	left:0;
}

#footer_tab #footer_tab02 {
	position:absolute;
	top:0;
	left:125px;
}


#footer_tab #footer_tab03 {
	position:absolute;
	top:0;
	left:285px;
}


#footer_tab #footer_tab04 {
	position:absolute;
	top:0;
	left:417px;
}

/*個人向け*/
#footer_tab_personal #footer_tab #footer_tab01 { z-index:300; }
#footer_tab_personal #footer_tab #footer_tab02 { z-index:200; }
#footer_tab_personal #footer_tab #footer_tab03 { z-index:100; }
#footer_tab_personal #footer_tab #footer_tab04 { z-index:0; }

/*法人向けタブ*/
#footer_tab_business #footer_tab #footer_tab01 { z-index:200; }
#footer_tab_business #footer_tab #footer_tab02 { z-index:300; }
#footer_tab_business #footer_tab #footer_tab03 { z-index:100; }
#footer_tab_business #footer_tab #footer_tab04 { z-index:0; }

/*十八銀行についてタブ*/
#footer_tab_aboutus #footer_tab #footer_tab01 { z-index:100; }
#footer_tab_aboutus #footer_tab #footer_tab02 { z-index:200; }
#footer_tab_aboutus #footer_tab #footer_tab03 { z-index:300; }
#footer_tab_aboutus #footer_tab #footer_tab04 { z-index:0; }

/*採用情報タブ*/
#footer_tab_recruit #footer_tab #footer_tab01 { z-index:0; }
#footer_tab_recruit #footer_tab #footer_tab02 { z-index:100; }
#footer_tab_recruit #footer_tab #footer_tab03 { z-index:200; }
#footer_tab_recruit #footer_tab #footer_tab04 { z-index:300; }

#footer_tab #btn_sitemap {
	float: right;
	width: 78px;
	margin-top: 8px;
}

/*footer_menu------*/

#footer_menu_bg {
	clear: both;
	width: 100%;
	padding: 20px 0 35px 0;
	border-top: 1px solid #ffffff;
	background-color:#f4f4f4;
}

#footer_menu_personal,
#footer_menu_business,
#footer_menu_aboutus,
#footer_menu_recruit {
	width: 975px;
	margin: 0 auto;
	font-size:85%;
}

.fmenu_block,
.fmenu_block01,
.fmenu_block02,
.fmenu_block03,
.fmenu_block04,
.fmenu_block05 {
	background:url(../img/common/fmenu_line.gif) top left repeat-y;
}

/*個人向けフッタ*/
#footer_menu_personal .fmenu_block {
	float: left;
	width: 325px;
}

/*法人向けフッタ*/
#footer_menu_business .fmenu_block01 {
	float: left;
	width: 202px;
}

#footer_menu_business .fmenu_block02 {
	float: left;
	width: 242px;
}

#footer_menu_business .fmenu_block03 {
	float: left;
	width: 233px;
}

#footer_menu_business .fmenu_block04 {
	float: left;
	width: 160px;
}

#footer_menu_business .fmenu_block05 {
	float: left;
	width: 138px;
}

/*十八銀行についてフッタ*/
#footer_menu_aboutus .fmenu_block {
	float: left;
	width: 195px;
}

/*採用情報フッタ*/
#footer_menu_recruit .fmenu_block {
	float: left;
	width: 195px;
}

.fmenu_block p,
.fmenu_block01 p,
.fmenu_block02 p,
.fmenu_block03 p,
.fmenu_block04 p,
.fmenu_block05 p {
	margin-bottom: 12px;
	padding-left: 11px;
	background:url(../img/common/fmenu_ttl_bg.gif) top left repeat-y;
}

.fmenu_block ul,
.fmenu_block01 ul,
.fmenu_block02 ul,
.fmenu_block03 ul,
.fmenu_block04 ul,
.fmenu_block05 ul {
	margin-bottom: 20px;
	padding-left: 14px;
}

.fmenu_block ul li,
.fmenu_block01 ul li,
.fmenu_block02 ul li,
.fmenu_block03 ul li,
.fmenu_block04 ul li,
.fmenu_block05 ul li {
	margin-bottom: 5px;
	padding-left: 14px;
	list-style: none;
	background:url(../img/common/icon_arrow_gray01.png) 0 4px no-repeat;
}

.fmenu_block ul li a,
.fmenu_block01 ul li a,
.fmenu_block02 ul li a,
.fmenu_block03 ul li a,
.fmenu_block04 ul li a,
.fmenu_block05 ul ii a {
	color: #3d3d3d !important;
}

#footer_menu_business a {
	color: #3d3d3d !important;
}


/*footer_smenu------*/

#footer_smenu {
	clear: both;
	width: 100%;
	margin-bottom: 15px;
	padding: 15px 0 30px 0;
	background-color:#fafafa;
}

#footer_smenu ul {
	width: 970px;
	margin: 0 auto;
	font-size:85%;
}

#footer_smenu ul li {
	float: left;
	white-space:nowrap;
	margin-right: 12px;
	padding-left: 12px;
	list-style: none;
	background:url(../img/common/icon_arrow_gray01.png) 0 3px no-repeat;
}

#footer_smenu ul li a {
	color: #3d3d3d;
}

/*footer--------------------*/

#footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

#footer #copyright {
	float: left;
	font-size:77%;
}

#footer #copyright div {
	float: left;
	width: 66px;
	margin-right: 10px;
}

#footer #copyright p {
	float: left;
	width: 400px;
}

#footer .pagetop {
	float: right;
	width: 980px;
	padding: 0 0 10px;
}

#footer .pagetop a {
	float: right;
	width: 71px;
}

#footer #ffglogo {
	float: right;
	width: 262px;
}

/*float--------------------*/

.clear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right !important;
}

img.float_l {
	float: left;
	margin: 0 10px 10px 0;
}

img.float_r {
	float: right;
	margin: 0 0 10px 10px;
}

.img_float_l {
	float: left;
	margin-right: 10px;
}

.img_float_r {
	float: right;
	margin-left: 10px;
}

.center {
	width: 100%;
	text-align: center;
}

.right {
	width: 100%;
	text-align: right;
}


/*font--------------------*/

.font10 {
	font-size: 77%;
}

.font11 {
	font-size: 85%;
}

.font12 {
	font-size: 93%;
}

.font14 {
	font-size: 108%;
}

.font15 {
	font-size: 116%;
}

.font16 {
	font-size: 123.1%;
}

.font17 {
	font-size: 131%;
}

.font18 {
	font-size: 138.5%;
}

.font19 {
	font-size: 146.5%;
}

.font20 {
	font-size: 153.9%;
}

.font1em{
	font-size: 1em !important;
}

.font1_5em{
	font-size: 1.5em !important;
}

.font2em{
	font-size: 2em !important;
}

.font3em{
	font-size: 3em !important;
}

.fontb {
	font-weight: bold;
}

/*line-height--------------------*/
.lh3em{
	line-height: 3em !important;
}

.lh4em{
	line-height: 4em !important;
}

.lh5em{
	line-height: 5em !important;
}

/*margin--------------------*/


/*top*/

.mt0{
	margin-top: 0px !important;
}

.mt05{
	margin-top: 5px;
}

.mt10{
	margin-top: 10px;
}

.mt15{
	margin-top: 15px;
}

.mt20{
	margin-top: 20px;
}

.mt25{
	margin-top: 25px;
}

.mt30{
	margin-top: 30px;
}


/*bottom*/
.mb0 {
	margin-bottom: 0px !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb1em {
	margin-bottom: 1em !important;
}

.mb2em {
	margin-bottom: 2em !important;
}

.mb3em {
	margin-bottom: 3em !important;
}

.mb4em {
	margin-bottom: 4em !important;
}

.mb5em {
	margin-bottom: 5em !important;
}

/*padding--------------------*/

.pb0 {
	padding-bottom:0px !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb15 {
	padding-bottom:15px !important;
}

.pr10 {
	padding-right:10px;
}
.pr60{
	padding-right:60px;
}

.ptb5{
	padding-top:5px;
	padding-bottom:5px;
}
.ptb10{
	padding-top:10px;
	padding-bottom:10px;
}
.plr10{
	padding-left:10px;
	padding-right:10px;
}
.plr20{
	padding-left:20px;
	padding-right:20px;
}


/**/
.asterisk {
	text-indent: -1em;
	margin-left: 1em;
}

/* text-align */
.align_c { text-align: center !important; }
.align_l { text-align: left !important; }
.align_r { text-align: right !important; }

/* vertical-align */
.val_B { vertical-align:bottom;}
.val_M { vertical-align: middle;}

/* bgcolor (for table) */
.bg_gray { background-color: #eee !important; }
.bg_lightblue { background-color: #e3f4fa !important; }
.bg_lightgray { background-color: #fafafa !important; }
.bg_pink { background-color: #FADCE9 !important; }
.bg_green { background-color: #D5EAD8 !important; }
.bg_orange { background-color: #FCE2C4 !important; }
.bg_lightyellow { background-color: #fffed8 !important; }
.bg_lightpurple { background-color: #ebd7ff !important; }
.bg_lightpink { background-color: #ffdde2 !important; }

/* font color */
.f_red { color: #C00; }

/*clearfix--------------------*/

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/*\*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */