@charset "utf-8";
/* CSS Document */


h2{background:url(images/title.jpg) no-repeat;}

/*-----------------------------------ナビ　オン設定*/
nav #navHome a { background-position: 0px -74px; width:157px; }



/*----------------------------------ローン申込み一覧*/
.ichiran{margin-bottom:30px; position:relative; width:355px;}
.ichiranA{background:url(images/waku_top.png) no-repeat; width:355px; height:55px; color:#53b1e5; line-height:57px; text-indent:20px; font-weight:bold; font-size:16px;}
.ichiranB{background:url(images/waku_bottom.png) repeat-y bottom; width:355px; min-height:140px;}
.ichiranB .logo{ text-align:center; padding-top:15px;}
.ichiranB p{padding:5px 15px 15px 20px;}
.ichiranB .shosai{position:absolute; right:20px; bottom:10px;}

/*----------------------------------詳細ページ　上部イラスト挿入用table*/
.shouhin{width:100%;}
.shouhin td{vertical-align:top;}
.shouhin th{vertical-align:top; padding-left:20px; text-align:right;}


/*----------------------------------備える　アイコン設定*/
.sonaeruBN th{width:150px; text-align:left; vertical-align:middle; background:#fff; border:none; padding:0}
.sonaeruBN td{vertical-align:middle; background:#fff; border:none; padding:0; font-size:100%;}


/*----------------------------------投資信託メニュー設定*/
.toushinM{width:98%; margin-left:auto; margin-right:auto;}
.toushinM td{width:50%; padding:10px; background:url(images/mark.png) no-repeat left 12px; text-indent:20px; font-weight:bold; font-size:110%;}
.toushinM td.last{background:none;}

.touT{width:100%; margin-bottom:10px;}
.touT td{padding:0px 7px 3px 7px; width:25%;}

.topToushin{width:90%; margin-left:auto; margin-right:auto;}
.topToushin td{padding:5px 0px; text-align:center;}

#juyo dl{border-bottom:1px solid #ddd; margin-bottom:10px;}
#juyo dt{width:140px; display:block; float:left; line-height:24px; text-indent:22px; font-weight:bold;}
#juyo dd{display:block; padding-bottom:10px; margin-left:140px; }
#juyo dd a{text-decoration:underline; color:#404040;}
#juyo dd a:hover{text-decoration:underline;}


/*-----------------------------------nisa質問*/
.qa{width:100%; margin:0 auto 20px auto;}
.qa .mark{width:50px; text-align:center; padding:10px; border-bottom:1px solid #ccc;}
.qa .qtxt{padding:10px; vertical-align:middle; font-size:14px; font-weight:bold; color:#FD6049; border-bottom:1px solid #ccc;}
.qa .atxt{padding:10px; vertical-align:middle; border-bottom:1px solid #ccc;}


/*-----------------------------------バンキング flow設定*/
.bankingF th{vertical-align:top; padding:5px;}
.bankingF td{vertical-align:middle; padding:5px; border-bottom:1px dotted #F1A121;}

/*-----------------------------------バンキング　button設定*/
.button {
	display: inline-block;
	width: 270px;
	text-align: center;
	text-decoration: none;
	outline: none;
	border-radius:3px;
	padding-top:10px; padding-bottom:10px;
	margin-right:10px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.button {
	background-color: #F1A121;
	border: 2px solid #F1A121;
	color: #fff;
	line-height: 40px;
}
.button a{color:#fff; font-weight:bold; display:block; line-height:22px;}
.button a:hover{color:#F1A121; text-decoration:none;}
.button:hover {
	background-color: #fff;
	border-color: #F1A121;
	color: #F1A121;
	text-decoration:none;
}


/*-----------------------------------バンキング flow設定*/

.bankM{width:98%; margin-left:auto; margin-right:auto;}
.bankM td{padding:6px 6px 6px 30px; background:url(images/mark.png) no-repeat left 8px; font-weight:bold; font-size:110%; border-bottom:1px dotted #ccc;}


/*-----------------------------------退職金運用設定*/
.yutori{width:100%;}
.yutori th{border:10px solid #fff; background:#E57EA2; padding:5px 5px; text-align:center; vertical-align:middle; color:#fff;}
.yutori td{border:10px solid #fff; background:#fff; padding:0px 5px; text-align:center; vertical-align:middle;}


/*-----------------------------------投信インターネット　約款設定*/
.pr th{padding:10px; width:60px; vertical-align:middle;}
.pr td{padding:10px; vertical-align:middle;}


/*-----------------------------------投信インターネット　ページ下部投信ログインボタン　submitを画像に*/
#submit_btn_under {
    border: 0px;
    width: 400px;
    height:50px;
	background:url(images/bn_toushin_web_login.png) left top no-repeat;
}
#submit_btn_under:hover{
	border: 0px;
	cursor: pointer;
	background:url(images/bn_toushin_web_login_o.png) left top no-repeat;
}


#Tinfo{border:none;width:100%;padding: 0;overflow: auto;}

#Tinfo dl{border-bottom:1px solid #ddd; margin-bottom:10px;}
#Tinfo dt{width:140px; display:block; float:left; line-height:24px; text-indent:22px; font-weight:bold;}
#Tinfo dd{display:block; padding-bottom:10px; margin-left:140px; }
#Tinfo dd a{text-decoration:underline; color:#404040;}
#Tinfo dd a:hover{text-decoration:underline;}


/*-----------------------------------NEWカーライフプラン*/
#carbase{font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
#taisyou{width:100%; margin:0 auto; padding:30px 0;}
#taisyou strong{display:inline-block; background:#0095b5; color:#fff; margin-bottom:10px; padding:5px 20px; border-radius:5px;}
#taisyou ul{line-height:1.8em;}
#taisyou li{list-style: none;}

#ouen{position: relative;}
#ouen #ouen1{position: absolute; width: 100%; color: #fff; font-weight: bold; text-align: center; top: 170px; font-size: 20px;}
#ouen #ouen2{position: absolute; left: 75px; top: 220px;}

#ouenB{position: relative;}
#ouenB #ouenB1{position: absolute; width: 100%; color: #fff; font-weight: bold; text-align: center; top: 40px; font-size: 20px;}
#ouenB #ouenB2{position: absolute; left: 75px; top: 90px;}

.car1{text-align: center; font-weight: bold; margin-top: 40px; font-size: 30px;}
.car2{text-align: center; font-weight: bold; font-size: 30px;}
.car2 span{color: #FF7B51; font-size: 45px;}

#benri{width: 100%; margin-top: 30px;}
#benri td{width: 25%; text-align: center;}
#benri td img{width: 90%;}
#benri td p{margin-bottom: 30px; line-height: 18px;}

p.copy{
	border:#0095b5 solid 2px;
	border-radius: 10px;
	padding: 30px 50px 20px 50px;
	font-size: 26px;
	font-weight:bold;
	display: inline-block;
	text-align: center;
	background: #fff;
	line-height: 1em;
	position:relative;
    margin-left: 80px;
}
 p.copy strong{
	font-weight:bold;
	font-size:36px;
	color:#ff7b51;
    font-style: normal;
}
p.copy span{
	font-size:initial;
}
p.copy::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #0095b5;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: -30px;
}

.riyuu{text-align: center; font-weight: bold; font-size: 30px;}
.riyuu1{color:#FF7B51;}
.riyuu2{color:#0095B5;}

#cartbl{width: 100%; margin-bottom: 40px;}
#cartbl th{text-align: center; font-weight: bold; background:#9ADBE9; border: 1px solid #bbb; vertical-align: middle; padding: 30px 0px;}
#cartbl td{text-align: left; border: 1px solid #bbb; vertical-align: middle; padding: 30px 10px; width: 42%;}
.cartbl1{background: #CBEEF6;}
.cartbl2{background: #EAEAEA;}
.cartbl3{background: #E9F9FC;}
.cartbl4{background: #fff;}

#carinfo{background: #FFECEC; color: #F90409; font-weight: bold; padding: 20px; margin-bottom: 30px; text-align: center;}



/*-----------------------------------NEWきゃっする*/
#tabnav{border-bottom: 3px solid #D5D5D5; margin-bottom: 15px; height: 50px; text-align: center;}
#tabnav li{list-style: none; margin-left: 10px; margin-right: 10px;}
#tabnav li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
#tab01{text-align:center; margin-bottom: 40px;}
#tab02{text-align:center; margin-bottom: 40px;}


/*----------------------------------住宅ローンTOP*/
.loan{width:100%;}
.loan td{vertical-align:top;}
.loan th{vertical-align:top; padding-left:20px; text-align:right;}

.topca{font-size: 120%; color: #f00; font-weight: bold;}
.topcb{font-size: 120%; font-weight: bold;}

.dot-text {
    padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.3em .3em;
    background-image: radial-gradient(.15em .15em at center center,red,red 100%,transparent);
}

.border2 {
    text-decoration:underline double red;
    font-size: 120%; color: #f00; font-weight: bold;
}

.marker-border{
    background:linear-gradient(transparent 50%, #ffff66 0%);
    font-size: 120%; color: #f00; font-weight: bold;
}

.border-bottom{
    border-bottom: dotted 2px red;
    font-size: 120%; color: #f00; font-weight: bold;
}

.housearea{
	margin:10px auto 50px auto;
	padding:20px 20px 0 20px;
    border-radius: 5px;
    border: 2px solid #79C1E9;
    background: #fff;
}

.houselist{margin-left:25px;}
.houselist li{list-style:decimal; list-style-position:outside; font-size: 120%; margin-bottom: 20px;}

.houselist1{color: #FF0000; font-weight: bold;}
.houselist2{color: #ffbf7f; font-weight: bold;}
.houselist3{color: #00B050; font-weight: bold;}
.houselist4{color: #00B0F0; font-weight: bold;}
.houselist5{color: #0070C0; font-weight: bold;}

.flowarea{
	margin:10px auto 50px auto;
	padding:20px 20px 0 20px;
    border-radius: 5px;
    border: 2px solid #79C1E9;
    background: #fff;
    position: relative;
}
#img02{position: absolute; top: 10px; right: 10px;}

.qa{width:100%; margin:0 auto 20px auto;}
.qa .mark{width:50px; text-align:center; padding:10px; border-bottom:1px solid #ccc;}
.qa .qtxt{padding:10px; vertical-align:middle; font-size:14px; font-weight:bold; color:#FD6049; border-bottom:1px solid #ccc;}
.qa .atxt{padding:10px; vertical-align:middle; border-bottom:1px solid #ccc;}


/*----------------------------------SDGsローンTOP*/
.sdgst{width:100%;}
.sdgst td{padding:5px 10px; text-align:center; vertical-align:top;}