@charset "Shift_JIS";

#contentBodyMain{width:701px;}
#mainVisualArea{margin:0px auto 15px; width:960px !important; height:290px !important;}
#mainVisualArea ul.filmstrip li img{padding:3px !important; border:solid 1px #cfcfcf !important;}
#mainVisualArea div.panel img{padding:3px !important; border:solid 1px #cfcfcf !important;}
h1.top_h1{display:none;}

/*cautionsArea*/
div.cautionsArea{
	width:927px;
	margin:0px auto 10px;
	padding:3px 10px;
	background-color:#ffdede;
}
div.cautionsArea p{
	background:transparent url(image/icon_cautions.gif) no-repeat left top;
	padding-left:20px;
	font-size:100%;
	font-weight:bold;
	color:#004fc5;
}
div.cautionsArea p a{
	color:#004fc5;
	text-decoration:underline;
}
div.cautionsArea p a:hover{
	text-decoration:none;
}
div.cautionsArea.bgLightGray{
  background-color: #ececec;
}
div.cautionsArea.wAuto{
  width: auto;
}
div.cautionsArea ul.arrow02 li{
  background: url(image/top_icon_arrow02.gif) no-repeat 0px 0.4em;
  min-height: 14px;
  padding-left: 18px;
}
div.cautionsArea ul.arrow02 li + li{
  margin-top: 2px;
}

/*topTwoColumnBanner*/
#contentBodyMain .topTwoColumnBanner{
	width:700px;
}
#contentBodyMain .topTwoColumnBanner .contentL{
	float:left;
	
}
#contentBodyMain .topTwoColumnBanner .contentR{
	float:right;
	
}

/*topBox1Wrapper*/
#contentBodyMain div.topBox1Wrapper{
	background:transparent url(image/top_box1_top.gif) no-repeat left top;
	width:701px;
	margin:0px auto 10px;
	padding-top:8px;
}
#contentBodyMain div.topBox1Wrapper div.sttlArea{
	background:transparent url(image/top_box1_sttl_bg.gif) no-repeat left top;
	width:689px;
	margin:0px auto 0px;
	border-bottom:solid 2px #f04949;
}
#contentBodyMain div.topBox1Wrapper div.sttlArea div.blockL{
	float:left;
	width:86px;
	padding:2px 0px 0px 8px;
}
#contentBodyMain div.topBox1Wrapper div.sttlArea div.blockR{
	float:right;
	width:583px;
	padding-right:12px;
	padding-top:3px;
	text-align:right;
}
#contentBodyMain div.topBox1Wrapper div.sttlArea div.blockR ul li{
	background:transparent url(image/top_icon_arrow01.gif) no-repeat left 2px;
	padding-left:15px;
	display:inline;
}
#contentBodyMain div.topBox1Wrapper div.sttlArea div.blockR ul li a{
	color:#554444;
	font-size:85%;
	line-height:120%;
	text-decoration:none;
}
#contentBodyMain div.topBox1Wrapper div.childBox{
	background:transparent url(image/top_box1_bm.gif) no-repeat left bottom;
	width:701px;
	padding-bottom:7px;
}
#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox{
	width:681px;
	margin:4px auto;
}
#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox ul.bnArea01{
	display:block;
}
#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox ul.bnArea01 li{
	display:inline-block;
	margin-right:4px;
	float:left;
	line-height:0px;
	margin-bottom:3px;
}
#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox ul.bnArea01 li.last{
	margin:0px;
}
#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox ul.bnArea02{
	margin-bottom:3px;
	display:block;
}
#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox ul.bnArea02 li{
	display:inline-block;
	margin-right:2px;
	float:left;
	line-height:0px;
}
html*#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox ul.bnArea01 li,
html*#contentBodyMain div.topBox1Wrapper div.childBox div.innerBox ul.bnArea02 li{
	display:inline;
	zoom:1;
}

/*topBox3Wrapper*/
#contentBodyMain div.topBox3Wrapper{
	background:transparent url(image/top_box3_top.gif) no-repeat left top;
	width:701px;
	margin:0px auto 10px;
}
#contentBodyMain div.topBox3Wrapper div.childBox{
	background:transparent url(image/top_box3_bm.gif) no-repeat left bottom;
	width:701px;
	padding-bottom:17px;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL{
	float:left;
	width:224px;
	margin-right:13px;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR{
	float:right;
	width:224px;
}
#contentBodyMain div.topBox3Wrapper div.childBox h2{
	padding:8px 0px 4px 14px;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox{
	width:190px;
	margin:0px auto;
	padding:16px 0px 0px;
}

/*tameru*/
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruLink{
	display:block;
	padding-bottom:8px;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruLink li{
	background:transparent url(image/top_icon_arrow03.gif) no-repeat left 2px;
	padding-left:18px;
	display:block;
	margin-bottom:5px;
	font-size:85%;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruLink li a{
	color:#333333;
	text-decoration:none;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruLink li a:hover{
	text-decoration:underline;
	color:#f04949
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruList{
	display:block;
	text-align:right;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruList li{
	background:transparent url(image/top_icon_arrow03.gif) no-repeat left top;
	padding-left:18px;
	padding-top:1px;
	display:inline;
	font-size:85%;
	line-height:110%;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruList li a{
	color:#333333;
	text-decoration:none;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.innerBox ul.tameruList li a:hover{
	text-decoration:underline;
	color:#f04949
}

/*service*/
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceLink{
	display:block;
	padding-bottom:8px;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceLink li{
	background:transparent url(image/top_icon_arrow04.gif) no-repeat left 2px;
	padding-left:18px;
	display:block;
	margin-bottom:5px;
	font-size:85%;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceLink li a{
	color:#333333;
	text-decoration:none;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceLink li a:hover{
	text-decoration:underline;
	color:#f04949
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceList{
	display:block;
	text-align:right;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceList li{
	background:transparent url(image/top_icon_arrow04.gif) no-repeat left top;
	padding-left:18px;
	padding-top:1px;
	display:inline;
	font-size:85%;
	line-height:110%;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceList li a{
	color:#333333;
	text-decoration:none;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockL div.innerBox ul.serviceList li a:hover{
	text-decoration:underline;
	color:#f04949
}

/*about*/
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutLink{
	display:block;
	padding-bottom:8px;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutLink li{
	background:transparent url(image/top_icon_arrow05.gif) no-repeat left 2px;
	padding-left:18px;
	display:block;
	margin-bottom:5px;
	font-size:85%;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutLink li a{
	color:#333333;
	text-decoration:none;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutLink li a:hover{
	text-decoration:underline;
	color:#f04949
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutList{
	display:block;
	text-align:right;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutList li{
	background:transparent url(image/top_icon_arrow05.gif) no-repeat left top;
	padding-left:18px;
	padding-top:1px;
	display:inline;
	font-size:85%;
	line-height:110%;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutList li a{
	color:#333333;
	text-decoration:none;
}
#contentBodyMain div.topBox3Wrapper div.childBox div.blockR div.innerBox ul.aboutList li a:hover{
	text-decoration:underline;
	color:#f04949
}

/*contBox*/
#contentBodyMain div.contBoxWrapper{
	width:700px;
	background:transparent url(image/top_contbox_bm.gif) no-repeat left bottom;
	padding-bottom:5px;
}
#contentBodyMain div.contBoxWrapper div.sttlArea{
	width:700px;
	background:transparent url(image/top_contbox_top.gif) no-repeat left top;
	border-bottom:solid 2px #e5e5e5;
	padding-bottom:5px;
}
#contentBodyMain div.contBoxWrapper div.sttlArea div.blockL{
	float:left;
	width:400px;
	padding:2px 0px 0px 8px;
}
#contentBodyMain div.contBoxWrapper div.sttlArea div.blockR{
	float:right;
	width:200px;
	padding-right:12px;
	text-align:right;
}
#contentBodyMain div.contBoxWrapper div.sttlArea div.blockL h2{
	padding:8px 0px 0px 18px;
}
#contentBodyMain div.contBoxWrapper div.sttlArea div.blockR ul{
	padding-top:3px;
}
#contentBodyMain div.contBoxWrapper div.sttlArea div.blockR ul li{
	background:transparent url(image/top_icon_arrow02.gif) no-repeat left 0.1em;
	padding-left:18px;
	display:inline;
	font-size:85% !important;
}
#contentBodyMain div.contBoxWrapper div.sttlArea div.blockR ul li a{
	color:#554444;
	line-height:120%;
	text-decoration:none;
}
#contentBodyMain div.contBoxWrapper div.childBox{
	width:698px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	padding-top:9px;
}

/*table*/
#contentBodyMain div.contBoxWrapper div.childBox table{
	width:670px;
	margin:0px auto;
}
#contentBodyMain div.contBoxWrapper div.childBox table th{
	width:100px;
	padding-bottom:3px;
	font-size:85%;
	color:#666666;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	height:20px;
	line-height:150%;
}
#contentBodyMain div.contBoxWrapper div.childBox table td{
	padding-bottom:3px;
	font-size:85%;
	vertical-align:top;
	color:#554444;
	height:20px;
	padding-left:18px;
	text-indent:-18px;
	line-height:150%;
	}
#contentBodyMain div.contBoxWrapper div.childBox table td span.icon{
	background:transparent url(image/top_icon_arrow02.gif) no-repeat left top;
	padding-left:18px;
}
#contentBodyMain div.contBoxWrapper div.childBox table td a{
	color:#554444;
	text-decoration:none;
}
#contentBodyMain div.contBoxWrapper div.childBox table td a:hover{
	text-decoration:underline;
}
#contentBodyMain div.contBoxWrapper div.childBox table td img{
	vertical-align:middle;
}
#contentBodyMain div.contBoxWrapper div.childBox dl{
	width:670px;
	margin:0px auto;
}
#contentBodyMain div.contBoxWrapper div.childBox dl dt{
	width:100px;
	display:block;
	clear:left;
	float:left;
	padding-bottom:3px;
	font-size:85%;
	color:#666666;
	line-height:180%;
}
#contentBodyMain div.contBoxWrapper div.childBox dl dd{
	clear:right;
	padding-left:110px;
	padding-bottom:3px;
	font-size:85%;
	vertical-align:top;
	color:#554444;
	line-height:180%;
}
#contentBodyMain div.contBoxWrapper div.childBox dl dd span.icon{
	background:transparent url(image/top_icon_arrow02.gif) no-repeat left 0.2em;
	padding-left:18px;
	display:block;
}
#contentBodyMain div.contBoxWrapper div.childBox dl dd a{
	color:#554444;
	text-decoration:none;
}
#contentBodyMain div.contBoxWrapper div.childBox dl dd a:hover{
	text-decoration:underline;
}
#contentBodyMain div.contBoxWrapper div.childBox dl dd img{
	vertical-align:middle;
}
#contentBodyMain div.contBoxWrapper div.childBox ul.listArea{
	display:block;
	width:670px;
	margin:0px auto;
}
#contentBodyMain div.contBoxWrapper div.childBox ul.listArea li{
	background:transparent url(image/top_icon_arrow02.gif) no-repeat left 2px;
	padding-left:22px;
	padding-bottom:5px;
	font-size:85%;
}
#contentBodyMain div.contBoxWrapper div.childBox ul.listArea li a{
	color:#554444;
	text-decoration:none;
}
#contentBodyMain div.contBoxWrapper div.childBox ul.listArea li a:hover{
	text-decoration:underline;
}
#contentBodyMain div.contBoxWrapper div.childBox div.infoBnArea{
	width:672px;
	margin:0px auto;
	overflow:hidden;
}
#contentBodyMain div.contBoxWrapper div.childBox div.infoBnArea .bnList{
	width:678px;
	margin-left:-6px;
	display:block;
}
#contentBodyMain div.contBoxWrapper div.childBox div.infoBnArea .bnList .slide{
	display:inline-block;
	margin-left:6px;
	margin-bottom:6px;
}
html*#contentBodyMain div.contBoxWrapper div.childBox div.infoBnArea .bnList .slide{
	display:inline;
	zoom:1;
}

/*top side
------------------------------------*/
#sideNavi ul.bannerList{
	width:220px;
	display:block;
	margin-bottom:10px;
	margin-top:10px;
}
#sideNavi ul.bannerList li{
	display:block;
	margin-bottom:3px;
}

/*mbInfoWrapper*/
#sideNavi div.mbInfoWrapper{
	width:220px;
	background:#d4d0d0 url(image/top_side_box_top.gif) no-repeat left top;
	padding-top:3px;
	margin-bottom:9px;
}
#sideNavi div.mbInfoWrapper div.child{
	width:220px;
	background:transparent url(image/top_side_box_bm.gif) no-repeat left bottom;
	padding-bottom:3px;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox{
	width:214px;
	margin:0px auto;
	background-color:#e9f4f4;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox div.spAreaWrap{
	width:214px;
	background:transparent url(image/top_side_box_line.gif) no-repeat left bottom;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox div.mbArea{
	width:195px;
	margin:0px auto;
	padding:5px 0px 6px;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox div.mbArea div.blockL{
	width:151px;
	float:left;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox div.mbArea div.blockR{
	width:41px;
	float:right;
	text-align:right;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox p.iconLink{
	background:transparent url(image/top_icon_arrow02.gif) no-repeat left top;
	padding-left:22px;
	padding-bottom:5px;
	font-size:85%;
	line-height:110%;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox p.iconLink a{
	color:#554444;
	text-decoration:none;
}
#sideNavi div.mbInfoWrapper div.child div.innerBox p.iconLink a:hover{
	text-decoration:underline;
}

/*　サイドメニュー　インターネットバンキング
-----------------------------------------------------------*/
#sideNavi div.bankWrapper div.loginArea p.loginBtn{
	background:none;
}
#sideNavi div.bankWrapper div.loginArea div.topSideBtn01{
	padding-bottom:8px;
	margin-bottom:10px;
	background:#ffffff url(image/side_dotline01.gif) repeat-x left bottom;
}
.cautionsArea p.redLink {
	color: red;
	margin-top:2px;
	font-size: 1.2em;	
}
.cautionsArea p.redLink  a{
	color:red;
}


/*　サイドメニュー　動画再生ボタン
-----------------------------------------------------------*/
div.bankWrapper a.saisei{ display:block; width:220px; height:120px; text-indent:-9999em; background:url(/common/image/btn_saisei_off.jpg) no-repeat}
div.bankWrapper a:hover.saisei{ background:url(/common/image/btn_saisei_on.jpg) no-repeat}
div.bankWrapper.bgNone{ background:none #FFF !important}


/* add for modify 2019.04 start 
-----------------------------------------------------------*/
.messageDisaster{
	border: 2px solid #00f;
	margin: 0 0 15px;
	padding: 15px;
}
.messageDisaster .lead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 117.6468%;
	margin: 0 0 15px;
}
.messageDisaster .row{
	display: table;
}
.messageDisaster .row .txt{
	display: table-cell;
	vertical-align: top;
	width: 370px;
}
.messageDisaster .row .fig{
 display: table-cell;
 padding-left: 14px;
	vertical-align: top;
}
.messageDisaster .row .fig img{
 max-width: 100%;
}
#contentBodyWrapper #contentBodyMain div.cautionsArea.wAuto{
	width: auto;
}
#contentBodyMain div.contBoxWrapper div.childBox table.noticeRecords th{
	color: #000;
	padding-top: .8em;
	width: auto;
}
.iconNotice{
	display: inline-block;
	margin-left: 15px;
	vertical-align: top;
	width: 90px;
}
.iconNotice img{
	max-width: 100%;
}
.btnNoticeArea{
	padding: 25px 0 15px;
}
.btnNoticeArea .btnNotice{
	display: inline-block;
	margin: 0 0 0 8px;
}
.btnNoticeArea .btnNotice:first-child{
	margin: 0;
}
/* add for modify 2019.04 end 
-----------------------------------------------------------*/

/* add for modify 2020.04 start
-----------------------------------------------------------*/
div.cautionsArea.covid19{
  background-color: transparent;
  border: none;
  margin: 20px auto 30px;
  max-width: 956px;
  padding: 0;
  width: auto;
}
div.cautionsArea.covid19 .covid19-box{
  border: 2px solid #cc0000;
  border-radius: 6px;
  background-color: #fff;
}
div.cautionsArea.covid19 .ttl{
  background-color: #cc0000;
  padding: 10px 15px 8px;
}
div.cautionsArea.covid19 .ttl .ttl-txt{
  color: #fff;
  display: block;
  font-size: 117.647%;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
}
div.cautionsArea.covid19 .ttl .ttl-txt::before{
  background: url(../image/icn_exclamation.png) no-repeat center center transparent;
  background-size: 16px 14px;
  bottom: 0;
  content: '';
  height: 14px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 16px;
}
div.cautionsArea.covid19 .cnt{
  padding: 10px 15px 8px;
}
div.cautionsArea.covid19 .covid19-item{
  background: none;
  padding-left: 20px;
  position: relative;
}
div.cautionsArea.covid19 .covid19-item::before{
  background: url(image/icon_cautions.png) no-repeat center center transparent;
  background-size: cover;
  bottom: 0;
  content: '';
  display: block;
  height: 16px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  transform: translateY(-1px);
  width: 16px;
}
div.cautionsArea.covid19 .covid19-item + .covid19-item{
  margin-top: 5px;
}
div.cautionsArea.covid19 .covid19-item a img[src*="icon_pdf.gif"]{
  vertical-align: middle;
}
div.cautionsArea.unauthorized{
  width: auto;
}
/* add for modify 2020.04 end 
-----------------------------------------------------------*/


/* add for modify 2021.10 start
-----------------------------------------------------------*/
.wrap-btn-caution{
  margin: 20px auto;
  max-width: 956px;
}
.btn-caution{
  background-color: #c00;
  border: 1px solid #c00;
  border-radius: 8px;
  display: block;
  font-size: 117.647%;
  font-weight: bold;
  line-height: 1.25;
  padding: 15px 14px 13px;
  transition: opacity .2s ease;
}
.btn-caution:hover{
  opacity: .7;
}
.btn-caution-txt{
  color: #fff;
  display: inline-block;
}
.btn-caution-txt::before{
  background-image: url(/common/css/image/icn_arrow_06.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 15px;
  vertical-align: middle;
  transform: translateY(-1px);
  width: 20px;
}
.btn-caution-txt::after {
  background: url(/common/image/icn_exclamation.png) no-repeat center center transparent;
  background-size: 16px 14px;
  content: "";
  display: inline-block;
  height: 14px;
  margin-left: 11px;
  vertical-align: middle;
  transform: translateY(-1px);
  width: 16px;
}
/* add for modify 2021.10 end 
-----------------------------------------------------------*/