/* ===================================================================
--bankinTosou.css--
=================================================================== */
@charset "utf-8";


/* =========================PC=========================================== */
@media screen and (min-width: 768px) {


.sp {
	display: none;
}






.bankinTosouOp{
	width:790px;
	height:352px;
	display: block;
	clear: both;
}

.bankinTosouOpText{
	width:408px;
	height:342px;
	display: block;
	float: left;
	margin-right:39px;
}

.bankinTosouOpImg{
	width:343px;
	height:342px;
	display: block;
	float: left;
}

/* ----------------------- #processFlow */
div#processFlow{
	width:790px;
	min-height:1250px;
	height:auto!important;
	height:1250px;
	margin:10px auto;
}

table{
	border-collapse: collapse;
	border:none;
	width:790px;
}

.numTd{
	width:88px;
}

.processText{
	padding-right:30px;
	width:438px;
	vertical-align: middle;
	color:#5f3b13;
}

.processingTitle{
	width:250px;
	height:30px;
	display: block;
}

.flowDownText{
	color:#5f3b13;
	font-weight:bold;
	text-align: center;
}

ul#caseChangeBox{
	width:790px;
	height:49px;
	display: block;
	border-bottom:4px solid #97bb38;
	margin:15px auto 30px;
	clear: both;
}

.select{
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#97bb38', endColorstr = '#748f2d')!important;
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#97bb38', endColorstr = '#748f2d')"!important;
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #97bb38, #748f2d)!important;
	background-image: -ms-linear-gradient(top, #97bb38, #748f2d)!important;
	background-image: -o-linear-gradient(top, #97bb38, #748f2d)!important;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#97bb38), to(#748f2d))!important;
	background-image: -webkit-linear-gradient(top, #97bb38, #748f2d)!important;
	background-image: linear-gradient(top, #97bb38, #748f2d)!important;
	-moz-background-clip: padding!important;
	-webkit-background-clip: padding-box!important;
	background-clip: padding-box!important;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.disnon {
  display: none;
}


.changeBtnArea{
	width:392px;
	height:33px;
	display: block;
	float: left;
	color: #fff;
	font-size:18px;
	text-align: center;
	padding-top:17px;
	border:none 9px #000000;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright:9px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	list-style-type:none;
	background: rgb(191,191,191); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(191,191,191,1) 0%, rgba(220,220,220,1) 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,191,191,1)), color-stop(85%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(220,220,220,1) 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(220,220,220,1) 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(220,220,220,1) 85%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(191,191,191,1) 0%,rgba(220,220,220,1) 85%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-8 */

}

.changeFloat{
	margin-right:6px;
}

.flowEndBtnArea{
	width:790px;
	height:170px;
	text-align: center;
	padding-top:25px;
	margin-bottom: 25px;
	color:#5f3b13;
	font-weight:bold;
	border-bottom: 1px dotted #5f3b13;
}




}


/* =========================ƒXƒ}ƒz=========================================== */
@media screen and (max-width: 767px) {


.pc {
	display: none;
}
.otoi{
	margin:  10px;
}
.shaken{
	margin: 10px;
}
.bankin_img {
	text-align: center;
	margin: 20px 0;
}

.bankin_img img {
	margin:10px;
}
.bankin_img h2{
	text-align: left;
}


.bankinTosouOp{

}

.bankinTosouOpText{
padding:10px;
}

.bankinTosouOpImg{
	text-align: center;
	margin: 20px;
}

/* ----------------------- #processFlow */
div#processFlow{

}

table{
	border-collapse: collapse;
	border:none;

}

.numTd{
	display:block;
}

.processText{
	color:#5f3b13;
}

.processingTitle{
}

.flowDownText{
	color:#5f3b13;
	font-weight:bold;
	text-align: center;
}

ul#caseChangeBox{
	display: block;
	border-bottom:4px solid #97bb38;
	margin:15px auto 30px;

}

.flowEndBtnArea{
	text-align: center;
	padding-top:25px;
	margin-bottom: 15px;
	color:#5f3b13;
	font-weight:bold;
	border-bottom: 1px dotted #5f3b13;
}



}