@charset "utf-8";

/*-----------------------------------------------------
Kari
-------------------------------------------------------*/
p.test{/* font-size:9px;  */color: blue; text-align: center;  display: none; }
p.zu{ display:block; background-color: #ccc; text-align:center; padding-top:20px; padding-bottom:20px;
border: 1px solid #ccc;}
span.check{color: #999; line-height:0.3; float: right;}

#contentArea .section_3box {width:220px; float:left; margin-right:10px; }
#contentArea .section_3box h3.midashi{width:204px;}

#contentArea .section_2box {width:340px; float:left; margin-right:10px; }
#contentArea .section_2box h3.midashi{width:324px;}

/*-----------------------------------------------------
Content
-------------------------------------------------------*/




#header #h_submenu{
	border-bottom: 0!important;
	height: auto!important;
}
#h_submenu #box_alert,
#h_submenu .content{display: none;}

#titleArea { width: 715px; height: 120px; margin-bottom: 20px; padding-left: 15px; }
#titleArea p#pankuzu { padding-top: 10px; padding-bottom: 15px; font-size: 0.857em;}
#titleArea h1#h1_title { margin-bottom: 10px; }
#titleArea p#lead { margin-bottom: 15px; }

#panArea { width: 715px; padding-left: 15px; }
#panArea p#pankuzu { margin-top: 10px; margin-bottom: 10px; font-size: 0.857em;}

#contentMain { background-color: #fff; width: 730px; float: right; margin-top: 4px; margin-right: 3px; margin-bottom: 20px;
/* 	overflow: hidden;  */
}

#contentMain:after {
  content: "";
  clear: both;
  display: block;
}

#contentArea ul#bn3p {
	width: 110%;
	overflow: auto;
	margin-bottom: 20px;
}

#contentArea ul#bn3p li{
	float: left;
	margin-right: 11px;
	_margin-right: 5px;
	margin-bottom: 20px;
}

#contentArea ul#bn4p {
	max-width:730px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#contentArea ul#bn4p li{
	width:49%;
	max-width:360px;
	margin-bottom: 20px;
}
#contentArea ul#bn4p li a img{
	max-width:100%;
	width:100%;
}


#contentArea .subject{
	background: url(/kojin/common/images/pattern1.gif);
	font-size: 1.15em;
	padding: 10px;
	line-height: 1.6em;
	overflow: auto;
}

#contentArea .alertbox{
	border: 2px solid #ffcc00;
	background-color: #ffffc1;
	padding: 5px;
	width: auto;
}

#contentArea .alert_netizen{
	width: 686px;
	margin-top: 0;
	overflow: auto;
}

#contentArea .alert_netizen div.inner1{
	float:left;
}

#contentArea .alert_netizen div.inner1 table{
	background-color: #fff;
}

#contentArea .alert_netizen div.inner2{
	float:right;
	width:430px;
}

#contentArea .whitebox{
	border: 1px solid #ff8aa8;
	background-color: #fff;
	padding: 5px;
}

#contentArea { overflow: hidden; margin-left: 15px; /*add*/ margin-right: 15px; margin-bottom: 15px;
    }
#contentArea h1#normal,
#contentArea h1#normal_sp,
#contentArea h2#normal,
#contentArea h2#normal_sp
{ margin-bottom: 15px; }

#contentArea h1#normal_sp span,
#contentArea h2#normal_sp span
{ display: none; }

#contentArea h2 { width: 700px; clear: both; margin-bottom: 15px; }
#contentArea p { margin-bottom: 15px; }

#contentArea .right { float: right; margin-right: 15px; margin-bottom: 15px; }

#contentArea table.table01 { width: 100%; clear: both; border: solid 2px #b9b9b9; border-spacing:0;
border-collapse: collapse; }
#contentArea table.table01 th,
#contentArea table.table01 td { vertical-align: middle; padding: 3px; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; background-color: #ffffff; }
#contentArea table.table01 th { font-weight: bold; background-color: #fbe3e9; text-align: center; } /*#fbe3e9 #f3d2df*/
#contentArea table.table01 th.th_02 { font-weight: bold; text-align: left; padding-left: 30px; }
#contentArea table.table01 th.th_03 { font-weight: bold; background-color: #e5e3e1; text-align: left; }
#contentArea table.table01 th.th_04 { font-weight: bold; background-color: #e5e3e1; text-align: center; }
#contentArea table.table01 th.th_05 { background-color: #e5e3e1; text-align: center; }
#contentArea table.table01 td.td_01 { font-weight: bold; text-align: center; }
#contentArea table.table01 td.td_02 { text-align: center; }
#contentArea table.table01 td.td_03 { background-color: #f1f1f1; }

#contentArea table.table01 th.bdbn,
#contentArea table.table01 td.bdbn{border-bottom: 0;}
#contentArea table.table01 th.bdt,
#contentArea table.table01 td.bdt{border-top: 1px solid #B9B9B9; }

#contentArea table.table_bd th.bdbn,
#contentArea table.table_bd td.bdbn{border-bottom: 0;}
#contentArea table.table_bd th.bdt,
#contentArea table.table_bd td.bdt{border-top: 1px solid #B9B9B9; }
#contentArea table.table_bd th.bdtn,
#contentArea table.table_bd td.bdtn{border-top: 0;}

#contentArea table.table_bd { clear: both; border-collapse: collapse; }
#contentArea table.table_bd th,
#contentArea table.table_bd td { vertical-align: middle; padding: 3px; border: 1px solid #b9b9b9; background-color: #fff;}
#contentArea table.table_bd th { font-weight: bold; background-color: #cbe6c4; text-align: center; }

#contentArea table.table_nbd  { width: 100%; clear: both; margin-bottom: 20px; border: none;
	border-collapse: collapse; margin-bottom: 0px;}
#contentArea table.table_nbd th { font-weight: bold; background-color: #fbe3e9; text-align: center; padding: 0;}
#contentArea table.table_nbd td { border: none; padding: 0;}

#b_kojin_kariru_jyutaku_syohin_reform #contentArea table.table_nbd td{text-align: middle;}
td.yaji{color: #ff8f9d }

/*#contentArea table.table_nmg  { margin-bottom: 0px;}*/

#contentArea table.vatop th,
#contentArea table.vatop td,
#contentArea tr.vatop th,
#contentArea tr.vatop td,
#contentArea th.vatop,
#contentArea td.vatop {vertical-align: top;}

#contentArea table.vatop_td td{vertical-align: top;}

#contentArea h2.oomidashi {
    border: 1px solid #B2B2B2;
    clear: both;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 14px;
    padding-top: 10px;
    position:relative;
    width:calc(100% - 17px);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+100&0.65+0,0+100 */
background: -moz-linear-gradient(top, rgba(234,234,234,0.65) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,234,234,0.65) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,234,234,0.65) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#contentArea h2.oomidashi:after{
  content: "";
  border-left: solid 4px #5880ac;
  position: absolute;
  top: 2px;
  left: 2px;
  max-width:690px;
  height: calc(100% - 4px);
  width:calc(100% - 17px);
}
#contentArea h3.midashi {
    border-bottom: 1px solid #B2B2B2;
    border-left: 4px solid #696969;
    clear: both;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 15px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top: 5px;
}

#contentArea h3.midashi2 {
font-size: 1.5em; width: 700px; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #d9d9d9; }

#contentArea h3.midashi3 {
    border: 1px solid #B2B2B2;
    border-left: 4px solid #696969;
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #FFE100;
}




#contentArea h4.midashi {
    border-left: 4px solid #696969;
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-left: 7px;
}

#contentArea ul.pagenation { overflow: hidden; margin-bottom: 20px; }
#contentArea ul.pagenation li { float: left; }
#contentArea ul.pagenation li a { background-image: url(/kojin/common/images/kojin_link_icon.png); background-repeat: no-repeat; padding: 5px 5px 5px 20px; }


/*注意事項*/

#contentArea div.attention2 p{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}

/***/

#contentArea div.attention{
	clear: both;
	border: 1px solid #D20D53;
	padding: 15px 10px 5px;
	margin-top: 30px;
	margin-bottom: 15px;
	position: relative;
	background: url(../images/attention_bk.jpg);
	background-repeat: repeat-x;
	background-position:left top;
	background-color: #fef9fb;
}

#contentArea div.attention h4{
	border: 1px solid #D20D53;
	padding: 0 15px;
	position: absolute;
	background-color: #fff;
	top:-15px;
	left:20px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px 0;
}
#contentArea div.attention p{
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

/***/

#contentArea div.attention3{
	border: 1px solid #D9D9D9;
	padding: 15px 10px 5px;
	margin-top: 20px;
	margin-bottom: 15px;
	position: relative;
	background: none;
	background-repeat: repeat-x;
	background-position:left top;
	background-color: #fff;
}

#contentArea div.attention3 h4{
	border: 0;
	padding: 0 15px;
	position: absolute;
	background-color: #fff;
	top:-15px;
	left:20px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px 0;
}

#contentArea div.attention3 p{
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contentArea div.attention .aten{
	border: 1px solid #D20D53;
	padding: 0 15px;
	position: absolute;
	background-color: #fff;
	top:-40px;
	left:20px;
	right: 20px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px 0;
}
#contentArea div.attention4{
	clear: both;
	border: 1px solid #D20D53;
	padding: 15px 10px 5px;
	margin-top: 50px;
	margin-bottom: 30px;
	position: relative;
	background: url(../images/attention_bk.jpg);
	background-repeat: repeat-x;
	background-position:left top;
	background-color: #fef9fb;
}
#contentArea div.attention4 h4{
	border: 1px solid #D20D53;
	padding: 0 15px;
	position: absolute;
	background-color: #fff;
	top:-40px;
	left:20px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px 0;
}
/***/

/*リスト*/
ul.decimal{
	list-style-type: decimal;
	margin-left: 10px;
}
ul.decimal li{
	list-style-type: decimal;
	margin: 5px 0 5px 10px;
}

/*リスト*/
ol.decimal{
	list-style-type: decimal;
	margin-left: 10px;
}
ol.decimal li{
	list-style-type: decimal;
	margin: 5px 0 5px 10px;
}


/*米印*/
#contentArea .notice{
	margin-top: 10px;
	margin-bottom: 15px;
}

span.dotspace{
	margin-left: 3px;
	margin-right: 2px;
}

#contentArea .notice p,
#contentArea p.notice,
#contentArea li.notice,
#contentArea h4.notice{
  padding-left: 1em;
  text-indent: -1em;
  margin-top:2px;
  margin-bottom:2px;
}

.nm3{padding-left: 3em;
  text-indent: -3em;}

#contentArea table .notice{
  margin-top:0;
  margin-bottom:0;
}


/*米印 dtdd版　※1、※2 など長いもの*/
#contentArea div.notice_dtdd{
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: auto;
}
#contentArea div.notice_dtdd dt {
  position: relative;
}

#contentArea div.notice_dtdd dt span {
  position: absolute;
}

#contentArea div.notice_dtdd dd {
  padding-left: 2.5em;
  margin-top:4px;
  margin-bottom:4px;
}

#contentArea div.notice_dtdd dd.p3 {
  padding-left: 3em;
}

#contentArea div.notice_dtdd dd.p4 {
  padding-left: 4em;
}



#contentArea div.notice_dtdd_nmg{
	overflow: auto;
}
#contentArea div.notice_dtdd_nmg dt {
  position: relative;
}

#contentArea div.notice_dtdd_nmg dt span {
  position: absolute;
}

#contentArea div.notice_dtdd_nmg dd {
  padding-left: 2.5em;
}


/*リンクグループ*/
#contentArea div.groups {
	width:730px;
	overflow: hidden;
}

/*
#contentArea div.groups div.group {
	margin-right: 12px;
}
*/

#contentArea div.groups div.group:nth-child(odd) {
	margin-right: 12px;
}


#contentArea div.group {
	width: 342px;
	float:left;
/*	height:148px;
 	background: url(../images/group_back.gif); */
	background-repeat: repeat-x;
	background-position-y: 30px;
	background-color: #fff;
	border: solid 1px #d9d9d9;
	margin-bottom: 15px;
}

#contentArea div.group_empty {
	background:none;
	border: 0;
}


#contentArea div.group h2 {
	width: 100%;
	margin-bottom: 10px;
}

#contentArea div.group p.bun {
	margin-left: 10px;
	.margin-left: 5px;
	float: left;
	width:215px;
	line-height: 1.4em;
}

#contentArea div.group p.photo {
	margin-left: 13px;
	.margin-left: 6px;
	float: left;
	width:90px;
	border: 1px solid #d9d9d9;
}
#contentArea div.group p.photo img{
	max-width:100%;
}

#contentArea div.kakomi{  padding: 15px;  background-repeat: no-repeat;  border-style: solid;  border-color: #339933;  border-width: 2px; background-image: url(/common/images/kakomi_back2.gif); overflow: hidden; }
#contentArea div.kakomi h3 { border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; margin-right: auto; margin-left: auto; margin-bottom: 10px;    color: #339933;    font-size: 1.2em;    text-align: center;    }
#contentArea div.kakomi h4 { color: navy; font-size: 1.1em; margin-bottom: 10px; }
#contentArea div.kakomi h4.midashi2 { margin-bottom: 0; margin-top: 15px; }

#contentArea div.kakomi2 {  background-repeat: no-repeat;  margin-right: auto;  margin-left: auto;  padding: 10px;  border-style: solid;  border-color: #b2b2b2;  border-width: 1px; background-image: url(/common/images/kakomi_back.gif); overflow: hidden;}
#contentArea div.kakomi2 h3 { border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; margin-right: auto; margin-left: auto; margin-bottom: 5px;    color: navy;    font-size: 1.1em;    text-align: center;    }

#contentArea div.kakomi2 p.kakominone { margin-top:2px; margin-bottom:2px; }
#contentArea div.kakomi2 p.kakomintwo { margin-top:2px; margin-bottom:2px; text-align: center;}

#contentArea div.kakomi3{  padding: 15px;  background-repeat: no-repeat;  border-style: solid;  border-color: #339933;  border-width: 2px; background-color: #e0fbc6;}
#contentArea div.scrollable{
	padding: 10px;
	height: 500px;
	overflow-y: scroll;

	border: 2px solid #B9B9B9;
	_width: 660px;
}

/*#contentArea div.scrollable table.table01{
	border: 0;
}

#contentArea div.scrollable table.table01 table.table01{
	border: 1px solid #B9B9B9;
}*/

#contentArea div.scrollable h5{
	margin-top: 20px;
	margin-bottom: 5px;
}

#contentArea div.scrollable table.table_bd{
	width:100%;
}

/*リスト*/
#contentArea div.scrollable ol{
	list-style-type: decimal;
	margin-left: 10px;
}
#contentArea div.scrollable ol li{
	list-style-type: decimal;
	margin: 5px 0 5px 10px;
}


h5.midashibar { margin-bottom: 15px; text-align: center; color: #004080; padding-left: 3px; padding-bottom: 3px; padding-right: 3px; padding-top: 5px; background-color: #cbd5ec; font-size: 1.2em; clear: both; }
h4.minimidashi { margin-top: 10px; color: #3e6698; padding: 5px 5px 2px; font-size: 1.2em; background-color: #cddff4; clear: both; margin-bottom: 10px; clear: both; }
h4.minimidashi2{ margin-top: 15px; color: #5880ac; font-size: 1.2em; margin-bottom: 15px; padding-bottom: 3px; border-bottom: 1px solid #d9d9d9; clear: both; }
h4.minimidashi3{ margin-top: 10px; color: #008040; border-bottom-color: #d9d9d9; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 3px; font-size: 1.2em; margin-bottom: 10px; clear: right; }

h3.newsmidashi{ margin-top: 15px; color: #d20d53; font-size: 1.3em; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #d9d9d9; clear: both; }

#contentArea img.bdr_p3b1 { padding: 3px; border: solid 1px #b2b2b2; }


ul.faq_link { width: 700px; margin-bottom: 30px; overflow: hidden;}
ul.faq_link li { width: 325px; float: left; margin-right: 20px; border-bottom: 1px dotted #d9d9d9; }
ul.faq_link li a { background-image: url(/other/common/images/other_link_icon.png); background-repeat: no-repeat; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; display: block; }

ul.faq_list { width: 100%; margin-bottom: 20px; }
ul.faq_list li { width: 100%; margin-right: 20px; border-bottom: 1px dotted #d9d9d9; }
ul.faq_list li a { background-image: url(/other/common/images/other_link_icon.png); background-repeat: no-repeat; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; display: block; }

ul.alert_list { width: 100%; margin-bottom: 20px; }
ul.alert_list li { width: 100%; border-bottom: 1px dotted #d9d9d9; }
ul.alert_list li.alertbox { font-weight: bold; width: auto;}
ul.alert_list li a { background-image: url(/other/common/images/other_link_icon.png); background-repeat: no-repeat; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; display: block; }

div#infobox { position: relative; width: 694px; overflow: hidden; border: solid 3px #eaeaea; margin-top: 30px;
/*min-height: 200px;
height: auto !important;
height: 200px;*/
}

div#infobox p { margin: 0; }
div#infobox p#women { position: absolute; top: 5px; right: 3px; }
div#infobox ul { margin-top: 7px; margin-left: auto; margin-right: auto; margin-bottom: 12px; overflow: hidden; }
div#infobox ul li { float: left; margin-right: 8px; }
div#infobox ul li.none { margin-right: 0px; }

/*.infobox 2017年より 外枠仕様*/
.infobox_wrap{
  margin-top: 30px; 
}

.infobox{
  border: solid 3px #eaeaea;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}

.infobox + .infobox{
  border-top:none;
}

.infobox .kouginsan{
  position: absolute;
  bottom: 2px;
  right: 10px;
}

.infobox .large { font-size: calc( 1em + 4px );}
.infobox .larger { font-size: calc( 1em + 10px );}
.infobox .largest { font-size: calc( 1em + 18px );}
.infobox .small { font-size: calc( 1em - 2px );}
.infobox .smaller { font-size: calc( 1em - 3px );}
.infobox .smallest { font-size: calc( 1em - 4px );}
.infobox .ml{margin-left: 30px;}
.infobox .bold { font-weight: bold;}
.infobox img{max-width: 100%;}
#contentArea .infobox p{margin-bottom: 0;}

.infobox > h3{
  border-top: 5px solid #666;
  background: #DE2A64;
  padding: 3px 10px 1px 40px;
  font-size: 18px;
  color: #fff;
  position: relative;
}

.infobox section + section{
  margin-top: 20px; 
}

.infobox h3::before{
  content: url(/infobox/images/ic_tel.png);
  position: absolute;
  top:-6px;
  left:0;
}

.infobox .lead{
  font-weight: bold;
  font-size: 12px;
  background: #666;
  color: #fff;
  padding: 2px 5px 0; 
}


.infobox h4{
/*   display: inline-block; */
  border-left: 5px solid #666;
  background: #e3e3e3;
  padding: 2px 5px 0; 
  margin-bottom: 5px;
}

.infobox h6{
  display: inline-block;
  background: #2e9c2b;;
  color: #fff;

  margin-right: 5px;
  padding: 2px 5px 0; 
}

.infobox h6.inb{
  margin-right: 5px;
  }

.infobox h6 + span{
  vertical-align: top;
  }

.infobox > div{
  padding: 20px;
  position: relative;
}

.infobox .linear{
  vertical-align: middle;
  margin-top: 7px;
}

.infobox .linear * {
  display: inline-block;
  vertical-align: middle;
}

.infobox rt{
  font-size: .4em;
  font-weight: normal;
  margin: 0;
  margin-top: 5px;
}

.infobox_fax h3::before{
  content: url(/infobox/images/ic_fax.png);
}

.infobox_internet h3::before{
  content: url(/infobox/images/ic_pc.png);
}

.infobox_search > div {
    padding: 20px 0;
}

.infobox_search h3::before{
  content: url(/infobox/images/ic_search.png);
}

.infobox_search ul{
  text-align: center;
}

.infobox_search ul li{
  display: inline-block;
  margin: 10px 0;
}

@media screen and (max-width: 670px) {
  .infobox .kouginsan{
    display: none;
  }
  
  .infobox > div{
    padding: 15px 5px;
/*     padding-top: 15px; */
  }
  .infobox .ml{margin-left: 0;}
  
  .center.notice{text-align: left!important;}
}

/******/

ul.page_link { width: 700px; margin-bottom: 20px; }
ul.page_link li { width: 700px; margin-right: 20px; border-bottom: 1px dotted #d9d9d9; }
ul.page_link li a { background-repeat: no-repeat; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; display: block; }
ul.page_link li a:hover {  }

/*Form*/
#contentArea input { border: 1px solid #999999; margin-right: 5px;background-color: #fff;}
#contentArea input[type=checkbox] { border: 0;}
#contentArea input[type=radio] { border: 0;}

/*Webbook Icon*/
ul.wb_bt{
	margin-left: 10%;
	width: 80%;
	overflow: auto;
	margin-bottom: 10px;
}

ul.wb_bt li{
	float: left;
	text-align: center;
	width: 50%;
}

/*ATM LIST*/

ul.atm_list{
	margin-left: 20px;
	font-size: 1.14em;
	line-height: 2em;
}

/*Table cell-color*/
#contentArea table.table01 .weekday{background-color: #CBEEE1;}
#contentArea table.table01 .saturday{background-color: #C8DEF5;}
#contentArea table.table01 .holiday{background-color: #EECBD6;}
#contentArea table.table01 .otherday{background-color: #e5e0a5;}

/*iBank wn*/
#wn {
	margin-top: 0px;
	height: 200px;
	overflow: auto;
	margin-bottom: 20px
}

#wn ul li{
	width: 97%;
	border-bottom: 1px solid #e4e4e4;
	clear: left;
	overflow: auto;
	padding: 5px 0;
}

#wn span {
	display: block;
	float: left;
	overflow: auto;
	margin: 0;
}

#wn span.date {
	width: 85px;
	font-family: "Georgia";
}

#wn span.nwmk {
	font-family: "Georgia";
	font-weight: bold;
	font-size: 0.8em;
	width: 40px;
	color: #de2a64;
	height: 2em;
}

#wn span.cont {
	width: 530px;
}

/*-----------------------------------------------------
Left
-------------------------------------------------------*/
#contentLeft { width: 250px; float: left; }

#contentLeft a{ text-decoration: none!important; }

/* #sublink, #sublink2 { background-color: #fff; background-image: url(../images/link_back.gif); background-repeat: repeat-y; width: 196px; margin-top: 3px; margin-bottom: 10px; margin-left: 3px; border: solid 1px #d9d9d9; overflow: auto; } */

#sublink, #sublink2 {
	border: 2px solid #535353;
	width: 246px; 
	background-color: #fff;
	margin-bottom: 10px;
	
	
/*
	background-color: #fff; background-image: url(../images/link_back.gif); background-repeat: repeat-y; 
	margin-top: 3px; margin-bottom: 10px; margin-left: 3px; border: solid 1px #d9d9d9; overflow: auto; 
*/
	}

#sublink2 {margin-bottom: 20px;}

#contentLeft div.none, #contentLeft div.none{ margin: 0; padding: 0; }

#contentLeft li.new,
#contentLeft li.rec { 
/* 	background: url(../images/ic_mn_new.png) no-repeat 98% top; */
position: relative;
}

#contentLeft li.new:after{ 
	content: url(../images/ic_mn_new.png);
	position: absolute;
	top:0;
	right: 2px;
}

#contentLeft li.rec:after{ 
	content: url(../images/ic_mn_rec.png);
	position: absolute;
	top:0;
	right: 2px;
}

/*
#contentLeft li.rec{ 
	background: url(../images/ic_mn_rec.png) no-repeat 98% top;
}


#contentLeft li.new.activelink>div{ 
	background: #fff8c6 url(../images/ic_mn_new.png) no-repeat 98% top;
}

#contentLeft li.rec.activelink>div{ 
	background: #fff8c6 url(../images/ic_mn_rec.png) no-repeat 98% top;
}
*/

#contentLeft li.new a,
#contentLeft li.rec a { 
	padding-right: 40px!important;
}



#sublink h2,
#sublink2 h2 {
	padding: 5px;
	padding-top: 7px;
	margin-bottom: 0px; 
	background-color: #de2a64;
/* 	font-size: 1.286em; */
}

#sublink .imgmenu,
#sublink2 .imgmenu{
	background-color: #fff;
	border-top: 1px solid #ccc;
	padding: 3px;
}

#sublink .imgmenu.activelink,
#sublink2 .imgmenu.activelink{
	background-color: #fff8c6;
}

#sublink .imgmenu a,
#sublink2 .imgmenu a{
	text-indent: -9999px;
	height: 50px;
	padding: 0;
}

#sublink h2,
#sublink2 h2,
#sublink h2 a,
#sublink2 h2 a{ 
	display: block;
	color: #fff;
}

#sublink h2 a:hover,
#sublink2 h2 a:hover{ 
	color: #fff;
}

#sublink a:hover,
#sublink2 a:hover{ 
	color: #de2a64;
	font-weight: bold;
}

#sublink ul li ,
#sublink2 ul li {
	border-top:1px solid #ccc;
}

#sublink ul li.emphasize>div, #sublink2 ul li.emphasize>div {
	font-weight: bold;
/*     background-color: #ceff81; */
}

#sublink ul li a,
#sublink2 ul li a{
	display: block;
	padding: 6px 5px;
	line-height: 1.4;
}

#sublink>ul>li>._inner,
#sublink2>ul>li>._inner{
	padding: 2px;
}

/*
#sublink>ul>li.emphasize>._inner,
#sublink2>ul>li.emphasize>._inner{
	padding: 0;
}
*/

#sublink>ul>li>._inner>a,
#sublink2>ul>li>._inner>a,
#sublink>ul>li>.activelink>a,
#sublink2>ul>li>.activelink>a{
	border-left: 3px solid #de2a64;
}

#sublink>ul>li.emphasize>._inner>a,
#sublink2>ul>li.emphasize>._inner>a,
#sublink>ul>li.emphasize>.activelink>a,
#sublink2>ul>li.emphasize>.activelink>a{
	border: none;
	color:#fff;
	background: #4e960f;
background: -moz-linear-gradient(top,  #4e960f 0%, #5fb211 90%, #4e960f 90%, #4e960f 100%);
background: -webkit-linear-gradient(top,  #4e960f 0%,#5fb211 90%,#4e960f 90%,#4e960f 100%);
background: linear-gradient(to bottom,  #4e960f 0%,#5fb211 90%,#4e960f 90%,#4e960f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e960f', endColorstr='#4e960f',GradientType=0 );
/*
	border: 1px solid #b7df2d;
	background: #f8ffe8;
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
*/

}

#sublink>ul>li>.imgmenu._inner,
#sublink2>ul>li.imgmenu>._inner{
	padding: 0;
}

#sublink>ul>li.imgmenu>._inner>a,
#sublink2>ul>li.imgmenu>._inner>a,
#sublink>ul>li.imgmenu>.activelink>a,
#sublink2>ul>li.imgmenu>.activelink>a{
	border-left: none;
}


#contentLeft .activelink>div{
/* 	background: #FFFCE5 url(../images/ic_active.png) no-repeat 1px center; */
    background-color: #fff8c6;
    
}

/* #contentLeft li a { text-decoration: none; padding: 3px 3px 3px 20px; border-bottom: 1px dotted #d9d9d9; display: block; } */

#contentLeft ul.subul { /* background-color: #F2F2F2; */ /*color: red;*/ display: none;}

html > body #contentLeft ul.subul{background-image: none;}

#contentLeft ul.subul li a { 
	background:url(/common/images/ic_ya_ko.png) no-repeat 7px center;
	padding-left: 20px;
	padding-right: 0;
}

#bn_osusume { margin: 40px 0 20px; overflow: hidden;}



/*#left_other { background-image: url(../images/back_other_link02.png); background-repeat: no-repeat;
width: 206px; height: 455px; overflow: hidden; margin-bottom: 20px; padding-top: 8px; }*/

#left_other{ /*
background-color: #fff;
width: 196px; margin-top: 3px; margin-bottom: 10px; margin-left: 3px;
border: solid 1px #d9d9d9;  overflow: hidden; padding: 2px 0;
*/}

/* #netbank1 { background-image: url(../images/netbank_kojin.gif); width: 190px; height: 65px; margin-bottom: 5px; margin-left: 7px; }

#netbank1 h2,
#netbank2 h2 {
	background-image: url(/common/images/netbank_kojin_h2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 169px; height: 12px; text-indent: -9999px;
	padding: 5px;
	line-height: 1em;
}

#netbank2 h2 {
	background-image: url(/common/images/netbank_houjin_h2.gif);
}

#netbank1 p { margin-left: 4px; }
#netbank1 p a { background-image: url(../images/netbank_kojin_link.png); text-indent: -9999px; width: 182px; height: 38px; overflow: hidden; margin: 0; padding: 0; display: block; }
#netbank1 p a:hover { background-position: 0 -38px; }
#netbank2 { background-image: url(../images/netbank_hojin.gif); width: 190px; height: 65px; margin-bottom: 5px; margin-left: 7px; }

#netbank2 p { margin-left: 4px; }
#netbank2 p a { background-image: url(../images/netbank_hojin_link.png); text-indent: -9999px; width: 182px; height: 38px; overflow: hidden; margin: 0; padding: 0; display: block; }
#netbank2 p a:hover { background-position: 0 -38px; } */


#otherlink ul { background-color: #fff; background-repeat: repeat-y; width: 196px; overflow: auto; }


ul#otherlink_ord{ margin-left: 1px;}

ul#otherlink_ord li a{ padding:0; display:block; border-bottom: none;
background-image: url(/common/images/other_link2.gif); text-indent: -9999px; background-repeat: no-repeat; }
ul#otherlink_ord li#s_other_ten a{ background-image: url(/common/images/other_link1.gif); height: 56px; }
ul#otherlink_ord li#s_other_faq a{ background-image: url(/common/images/other_link2.gif); height: 27px; }
ul#otherlink_ord li#s_other_con a{ background-image: url(/common/images/other_link3.gif); height: 41px; }
ul#otherlink_ord li#s_other_fee a{ background-image: url(/common/images/other_link4.gif); height: 27px; }
ul#otherlink_ord li#s_other_kin a{ background-image: url(/common/images/other_link5.gif); height: 27px; }
ul#otherlink_ord li#s_other_gai a{ background-image: url(/common/images/other_link6.gif); height: 27px; }
ul#otherlink_ord li#s_other_toi a{ background-image: url(/common/images/other_link7.gif); height: 41px; }

/*tab*/
div#tab_3block  { overflow: hidden; margin-bottom: 20px; }
div#tab_3block ul {}
div#tab_3block ul li { float: left; }
div#tab_3block ul li a { background-image: url(/kojin/kariru/jyutaku/common/images_syo/ganhosyo_menu.gif); text-indent: -9999px; width: 234px; height: 29px; display: block; }
div#tab_3block ul li.tab_1 a {  }
div#tab_3block ul li.tab_2 a { background-position: -234px 0; }
div#tab_3block ul li.tab_3 a { background-position: -468px 0; width: 232px;}
div#tab_3block ul li.tab_1 a:hover { background-position: 0 -29px; }
div#tab_3block ul li.tab_2 a:hover { background-position: -234px -29px; }
div#tab_3block ul li.tab_3 a:hover { background-position: -468px -29px; width: 232px;}
div#tab_3block ul li.tab_1on a { background-position: 0 -29px; }
div#tab_3block ul li.tab_2on a { background-position: -234px -29px; }
div#tab_3block ul li.tab_3on a { background-position: -468px -29px; width: 232px;}

.b_kojin_kariru_jyutaku_syohin_partnaid div#tab_3block ul li a { background-image: url(/kojin/kariru/jyutaku/common/images_syo/partnaid_menu.gif);}

/*tab_new デフォルトは3個*/
ul#tab_menu {
	margin-bottom: 10px;
	padding-top: 10px;
/* 	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); */
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; /*liに対し*/
	padding: 0 2%;
	border-bottom: 1px solid #ccc;
	}

ul#tab_menu li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; /*aに対し*/
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center; /*横中央*/
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center; /*縦中央*/
	background: #f1f2db;
	border: 1px solid #ccc;
 border-radius: 10px 10px 0 0;
    margin: 10px 1% 0;
    padding: 10px;
    position: relative;
    bottom:-1px;
	}

ul#tab_menu li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; /*中身に対し*/
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap; /*多すぎたら折り返す*/
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center; /*縦中央*/
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center; /*横中央*/
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #007337;
/* 	background: yellow; */
}

ul#tab_menu li.tab_on { 
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

#contentArea .bt_bn{
	text-align: center;
}

#contentArea .bt_bn img{
	max-width: 100%;
	border: 2px solid #666;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


/*contentLeftBanner*/
#contentLeft div.imgbt li a{
	background-image: none;
	border-bottom: none;
}

#contentLeft ul div.imgbt li a{
	background-image: none;
	text-indent: -9999px;
	height: 39px;
	padding: 0 !important;
}

#contentLeft div.imgbt li#s_other_syohin_gaiyo a {
	display:block; background-image: url(/common/images/bt_gaiyo_index.gif);
	height: 40px;
}

#contentLeft div.imgbt li#s_other_alert_index a{
	background-image: url(/common/images/bt_alert_index.gif);
	height: 40px;
}

#contentLeft div.imgbt #s_kojin_ibank a{
	background-image: url(/common/images/bt_ibank_kojin.gif);
	height: 60px;
}

#contentLeft div.imgbt #s_houjin_ibank a{
	background-image: url(/common/images/bt_ibank_houjin.gif);
	height: 60px;
}

/*#otherlink ul .imgbt li a{ width: auto; height: auto; }*/

/*-----------------------------------------------------
ie7,ie6 hack
-------------------------------------------------------*/
* html #netbank1 h2, * html #netbank2 h2 { padding-bottom:0; margin-bottom:0; }
* html #netbank1  p, * html #netbank2 p { *padding-top:0; _margin-top:2px; }