@charset "utf-8";
/***************************************
 * BASE
 **************************************/

html {
	font-size: 12px;
	background: #fff;
	margin: 0;
	padding: 0;
}
body {
	color: #000;
	font-size: 1em;
	margin: 0;
	padding: 0;
	background: transparent;
}

#SET_Contents {
	font-size:13px;
	font-family: "roboto","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"游ゴシック",'Noto Sans Japanese', sans-serif;
	/* font-family: YuGothic,"游ゴシック",'Noto Sans Japanese', sans-serif; */
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	/* font-family: sans-serif; */
}
/* Main Reset
   ========================================================================== */
#SET_Contents {
    width: auto !important;
    margin-left: 0 !important;
    float: none !important;
}

.medium_font #wrap { font-size: 1.167em;}
.large_font #wrap { font-size: 1.334em;}

.medium_font #btmshr { font-size: 1.4em;}
.large_font #btmshr { font-size: 1.8em ;}



section:last-child {
	margin-bottom: 0 !important;
}



/* default for link
   ========================================================================== */

a {
	color: #3366cc;
	text-decoration: none;
	outline: none;
}
a:link { color: #3366cc; }
a:visited { color: #6666cc; }
a:hover { color: #3366cc; text-decoration: underline; }
a:focus { outline: 0; }

/* Shere
   ========================================================================== */

.textbox {
	font-size: 1.0em;
	color: #111;
	text-align: left;
	line-height: 1.7em;
}


/* font
   ========================================================================== */

.fz10{ font-size:83.3% !important;} .fz11{ font-size:91.7% !important;} .fz13{ font-size:108.3% !important;} .fz14{ font-size:116.7% !important;}
.fz15{ font-size:125% !important;} .fz16{ font-size:133.3% !important;} .fw-n{ font-weight:normal !important;} .fw-b{ font-weight:bold !important;}


/* margin
   ========================================================================== */

.mt02 { margin-top: 2px !important; } .mr02 { margin-right: 2px !important; } .mb02 { margin-bottom: 2px !important; } .ml02 { margin-left: 2px !important; }
.mt05 { margin-top: 5px !important; } .mr05 { margin-right: 5px !important; } .mb05 { margin-bottom: 5px !important; } .ml05 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; }
.mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; }
.mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; }
.mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; }
.mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; }
.mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; }
.mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; }
.mt90 { margin-top: 90px !important; } .mr90 { margin-right: 90px !important; } .mb90 { margin-bottom: 90px !important; } .ml90 { margin-left: 90px !important; }
.mt100 { margin-top: 100px !important; } .mr100 { margin-right: 100px !important; } .mb100 { margin-bottom: 100px !important; } .ml100 { margin-left: 100px !important; }
.mgauto{margin:0 auto;}


/* padding
   ========================================================================== */

.p0{padding:0 !important;}
.pt0{ padding-top:0 !important;}	.pr0{ padding-right:0 !important;}	.pb0{ padding-bottom:0 !important;}	.pl0{ padding-left:0 !important;}
.pt5{ padding-top:5px !important;}	.pr5{ padding-right:5px !important;}	.pb5{ padding-bottom:5px !important;}	.pl5{ padding-left:5px !important;}
.pt10{ padding-top:10px !important;}	.pr10{ padding-right:10px !important;}	.pb10{ padding-bottom:10px !important;}	.pl10{ padding-left:10px !important;}
.pt15{ padding-top:15px !important;}	.pr15{ padding-right:15px !important;}	.pb15{ padding-bottom:15px !important;}	.pl15{ padding-left:15px !important;}
.pt20{ padding-top:20px !important;}	.pr20{ padding-right:20px !important;}	.pb20{ padding-bottom:20px !important;}	.pl20{ padding-left:20px !important;}
.pt25{ padding-top:25px !important;}	.pr25{ padding-right:25px !important;}	.pb25{ padding-bottom:25px !important;}	.pl25{ padding-left:25px !important;}
.pt30{ padding-top:30px !important;}	.pr30{ padding-right:30px !important;}	.pb30{ padding-bottom:30px !important;}	.pl30{ padding-left:30px !important;}
.pt35{ padding-top:35px !important;}	.pr35{ padding-right:35px !important;}	.pb35{ padding-bottom:35px !important;}	.pl35{ padding-left:35px !important;}
.pt40{ padding-top:40px !important;}	.pr40{ padding-right:40px !important;}	.pb40{ padding-bottom:40px !important;}	.pl40{ padding-left:40px !important;}
.pt45{ padding-top:45px !important;}	.pr45{ padding-right:45px !important;}	.pb45{ padding-bottom:45px !important;}	.pl45{ padding-left:45px !important;}
.pt50{ padding-top:50px !important;}	.pr50{ padding-right:50px !important;}	.pb50{ padding-bottom:50px !important;}	.pl50{ padding-left:50px !important;}


/* float
   ========================================================================== */

.fl-r{ float:right !important;}
.fl-l{ float:left !important;}
.fl-n{ float:none !important;}

.flimg	 { float:left; padding: 0 10px 10px 0; }
.frimg	 { float:right; padding: 0 0 10px 10px; }

/* background
   ========================================================================== */

.bg-n{ background:none !important;}

/* display
   ========================================================================== */

.d-n{ display:none !important;}
.d-b{ display:block !important;}
.d-ib{display:inline-block !important;}
.d-i{ display:inline !important;}

/* text-align
   ========================================================================== */

.ta-r{ text-align:right !important;}
.ta-l{ text-align:left !important;}
.ta-c{ text-align:center !important;}


/* clearfix
   ========================================================================== */

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

/* Hides from IE-mac \*/
* html.clearfix { height: 1%;}
.clearfix {	display: block;}
/* End hide from IE-mac */


.clear{
	clear: both;
	display: none;
}


/* Contents幅指定
   ========================================================================== */

.contents_width {
	width:950px;
	margin:auto;
}

/* Form関連
   ========================================================================== */

input, textarea, select {
	outline: none;
}


input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}


/* Header
   ========================================================================== */

header {
	border-bottom: 3px solid #e73420;
	padding-bottom:15px;
}
header #h_contents {
	position:relative;
	clear: left after;
}
header #h_contents:after {
	content: "";
	clear: both;
	display: block;
}

/* Header Logo
   ========================================================================== */

header #h_logo {
	width: 200px;
	height: 40px;
	background: url('https://www.tomatobank.co.jp/images/tomato-main_new.png') no-repeat -76px -13px;
	margin-top: 45px;
	float: left;
	text-indent:-100%;
	white-space: nowrap;
	overflow:hidden;
}

/* Utility Nav
   ========================================================================== */

header #h_utility {
	position:absolute;
	right:0;
	top:0;

}
header #h_utility ul {
	display: table;
	height: 30px;
}
header #h_utility li {
	display: block;
	float:left;
}
header #h_utility {
}
header #h_utility .bank_code span{
	display: block;
	height: 100%;
	background: url('https://www.tomatobank.co.jp/images/tomato-titles_new.png') no-repeat -17px -487px;
	width: 98px;
	height: 22px;
	margin: 15px 12px 0 0;
	text-indent: -99999px;
}
header #h_utility .sitemap a {
	display: block;
	height: 10px;
	margin: 15px 4px 0 0;
	background: url('https://www.tomatobank.co.jp/images/tomato-titles_new.png') no-repeat -37px -1699px;
	padding: 12px 0px 0px 0px;
	font-size: 0.8em;
	text-indent: -99999px;
	width: 72px;

}
header #h_utility .english a {
	display: block;
	height: 10px;
	margin: 15px 0px 0px 6px;
	background: transparent url("https://www.tomatobank.co.jp/images/tomato-titles_english.gif") no-repeat scroll 0px 1px;
	padding: 12px 0px 0px;
	font-size: 0.8em;
	text-indent: -99999px;
	width: 54px;
}
header .search a, header .search .search_box {
	display: inline-block;
}
header .search a {
	margin: 16px 0px 0px 24px;
	float:left;
}
header .search .search_box {
	margin: 8px 0 0 10px;
	height: 30px;
	width: 186px;
	background: url('https://www.tomatobank.co.jp/images/tomato-main_new.png') no-repeat -839px -6px;
	float: right;
}
header .search .search_box input[type="text"] {
    background: transparent;
    width: 150px;
    padding: 4px;
    margin-top: 0px;
    border: 0;
}
header .search .search_box input[type="submit"] {
    width: 27px;
    background: transparent;
    border: 0;
    height: 20px;
    cursor: pointer;
}
header .search .with_placeholder { position: relative;}
header .search .with_placeholder label.placeholder { position: absolute; top: 7px; left: 11px; z-index: 50;}

header .font_size {
	width: 120px;
	height: 25px;
	margin: 11px 0px 0 8px;
}
header .font_size label, header .font_size .font_buttons {
	display: block;
	float:right;
}
header .font_size label {
	display: block;
	width: 57px;
	height: 18px;
	text-indent: -99999px;
	overflow:hidden;
	white-space: nowrap;
	background: url('https://www.tomatobank.co.jp/images/tomato-titles_new.png') no-repeat -21px -548px;
}
header .font_size .font_buttons {

}
header .font_size .font_buttons a {
	text-indent: -99999px;
	width: 19px;
	height: 20px;
	background: url('https://www.tomatobank.co.jp/images/tomato-main_new.png') no-repeat -538px -589px;
	display: inline-block;
}
header .font_size .font_buttons a.small {
    background-position: -640px -6px;
}
header .font_size .font_buttons a.small.active {
    background-position: -718px -6px;
}
header .font_size .font_buttons a.medium {
    background-position: -659px -6px;
    width:20px;
}
header .font_size .font_buttons a.medium.active {
    background-position: -737px -6px;
}
header .font_size .font_buttons a.large {
    background-position: -679px -6px;
}
header .font_size .font_buttons a.large.active {
    background-position: -757px -6px;
}

/* Header Nav
   ========================================================================== */

header #h_gnav {
	margin: 9px 0 0 0px;
	height: 40px;
	width: 729px;
	position:absolute;
	right:0;
	bottom:-2px;
}
header #h_gnav li {
	float:left;
	list-style:none;
}
header #h_gnav li a {
	display: block;
	text-indent: -99999px;
	height: 36px;
	width: 145px;
	background: url('https://www.tomatobank.co.jp/images/tomato-main_new.png') no-repeat;
	float: left;
}
header #h_gnav li.individual a {
	background-position: -80px -1797px;
}
header #h_gnav li.individual.active a {
	background-position: -80px -1877px;
}
header #h_gnav li.corporate a {
	background-position: -225px -1797px;
}
header #h_gnav li.corporate.active a {
	background-position: -225px -1877px;
}
header #h_gnav li.for_tomato a {
	background-position: -370px -1797px;
}
header #h_gnav li.for_tomato.active a {
	background-position: -370px -1877px;
}
header #h_gnav li.for_investors a {
	background-position: -515px -1797px;
	width: 149px;
}
header #h_gnav li.for_investors.active a {
	background-position: -515px -1877px;
}
header #h_gnav li.careers a {
	background-position: -664px -1797px;
}
header #h_gnav li.careers.active a {
	background-position: -664px -1877px;
}

#breadcrumbs #b_contents {
	width:950px;
	margin:auto;
	padding: 14px 0 14px 4px;
	box-sizing: border-box;
}
#breadcrumbs ul {
	letter-spacing: -0.4em;
}
#breadcrumbs li {
	list-style:none;
	letter-spacing: normal;
	display: inline-block;
}

/* Footer
   ========================================================================== */

footer {
	background-color:#F0EADB;
	border-top:1px solid #DEDBD3;
	border-bottom:5px solid #E73420;
}
footer #f_contents {
	position:relative;
	clear: left after;
	height: 106px;
}
footer #f_contents:after {
	content: "";
	clear: both;
	display: block;
}
footer .footer_area_menu {
    float: left;
    margin-top: 21px;
    height: 71px;
    overflow: hidden;
    letter-spacing: -0.4m;
}
footer .footer_area_menu ul {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
footer .footer_area_menu ul.menu_a {
	width: 243px;
}
footer .footer_area_menu ul.menu_b {
	width: 212px;
}
footer .footer_area_menu ul.menu_c {
	width: 220px;
}
footer .footer_area_menu li {
	background: url('https://www.tomatobank.co.jp/images/tomato-icons.png') no-repeat -12px -65px;
	padding: 0 0 10px 16px;
	list-style:none;
}
footer #copyright {
	width: 270px;
	float: right;
	margin-top: 23px;
	line-height: 1.45em;
	text-align: right;
	font-size: 0.85em;
}
footer #copyright p {
	margin-top: 11px;
}
footer #copyright p:first-child {
	margin-top:0;
}

/* PageTop
   ========================================================================== */

/* Scroll top Element */
#scroll_top { padding:20px 0 15px;}
#scroll_top > .position_fix { width: 950px; margin: 0 auto;}
#scroll_top a { float: right; background: url('https://www.tomatobank.co.jp/images/tomato-titles_new.png') no-repeat -14px -590px; color: black; margin-right: 5px; display: block; text-indent: -99999px; width: 133px; height: 17px;}
#scroll_top a:hover { background-position: -14px -623px;}


.shrbtnbox #scroll_top {
	background:#fff;
	margin-top:26px;
	margin-bottom:0;
}


/* Contents
   ========================================================================== */

#wrap {
	width: 950px;
	margin: 0 auto;

	/*font-size:14px;*/
	/*
	font-size: 1.0em;
	font-family: "roboto","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"游ゴシック",'Noto Sans Japanese', sans-serif;
    */
	/* font-family: 'MS Gothic', 'Arial'; */
}
#in_box {
	margin-bottom: 29px;
}
/*
.small_font #in_box { font-size: 1em;}
.medium_font #in_box { font-size: 1.167em;}
.large_font #in_box { font-size: 1.334em;}
*/