@charset "shift_jis";

/* 	sd_layout_smt.css
====================================== */
/*tablet smt ‹¤’Ê*/
body {
	background-color: #3e3e3e;
	padding: 0;
	position: relative;
}
#topicPath {
	display: none;
}

/* sideAreaCL
--------------------------------- */
#sideAreaCL{
	overflow-y:auto;
	position:static;
	z-index:0;
	background-color: #3e3e3e;
	width:280px;
	display:none;
}
#sideAreaCL dl {
	background-color: #5a5a5a;
}
#sideAreaCL dt {
	background-color: #333;
	border-top: solid 1px #646464;
	border-bottom: solid 1px #303030;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 25px;
	text-indent: 1.0em;
}
#sideAreaCL .ttl {
	background-color: #333;
	border-top: solid 1px #646464;
	border-bottom: solid 1px #303030;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 39px;
	text-indent: 1.0em;
}
#sideAreaCL .ttl a {
	color: #fff;
	display: block;
}
#sideAreaCL .hideTtl {
	height: 0;
	border-top: none;
}
#sideAreaCL dt a {
	color: #fff;
	display: block;
}
#sideAreaCL dd {
	background-color: #494848;
	border-bottom: solid 1px #303030;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 44px;
	margin-bottom: 1px;
	text-indent: 1.0em;
}
#sideAreaCL dl dd:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
#sideAreaCL dd a {
	color: #fff;
	display: block;
}
#sideAreaCL .toPC a {
	background: url(/common/images/com_bg011.png) right center no-repeat;
	background-size: 30px auto;
	padding-right: 45px;
}
#sideAreaCL .siteSearch {
	background-color: #3e3e3e;
	border-bottom: solid 1px #303030;
}
#sideAreaCL .siteSearch .searchBoxWrap input {
	background: #fff url(/common/images/com_ic025_2.png) 4px 50% no-repeat;
	background-size: 16px;
	border: none;
	border-radius: 3px;
	font-size:1.4em;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
}
#sideAreaCL .siteSearch .searchBtn {
	display: none;
}
#i_search_autocomplete{display:none!important;}/* not display suggest */

/* sideNavi */
.sideNavi .hideTtl {
	height: 0 !important;
}
.sideNavi dd.multi a {
	line-height: normal;
	padding: 10px;
	text-indent: 0;
}
.sideNavi dd a.ic_popupLink{
	background: none;
	padding: 0;
}
#sideAreaCL .sideNavi dd.bgBase {
	background-color: #3e3e3e;
}

.bnrBox01 {
	display: none;
}
.linkBox01 li {
	color: #fff;
	font-size: 1.4em;
	line-height: 45px;
	margin-bottom: 1px;
	text-indent: 1.0em;
}
.linkBox01 li a {
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 70px;
}
#btnBoxCustom {
	display: none;
}

/* business sideNavi */
#business .sideNavi .ttl.multi{
	line-height:1.2em;
	padding:10px;
}

/* --- for conversion tool*/
#sideAreaCL .categoryNavi {
	padding-bottom: 1px;
}
#sideAreaCL .categoryNavi dt.noSlide {
	background-color: #494848;
	border-top: none;
	border-bottom: solid 1px #303030;
	color: #fff;
	font-weight: normal;
	line-height: 44px;
	text-indent: 1.0em;
}
#sideAreaCL .categoryNavi dt.multi a {
	line-height: normal;
	padding: 10px;
	text-indent: 0;
}
#sideAreaCL .categoryNavi:last-of-type {
	padding-bottom: 0;
}
#sideAreaCL .categoryNavi:last-of-type dt{
	border-bottom: none;
}
#sideAreaCL .ttl a.linkPC,
#sideAreaCL .categoryNavi a.linkPC {
	background: url(/common/images/com_bg011.png) 200px center no-repeat;
	background-size: 30px auto;
}
#sideAreaCL .linkBox01_pkv li {
	color: #fff;
	font-size: 1.4em;
	line-height: 45px;
	margin-bottom: 1px;
	text-indent: 1.0em;
}
#sideAreaCL .linkBox01_pkv li a {
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 70px;
}
/*for conversion tool ---*/

/* #pageContainer
--------------------------------- */
#pageContainer {
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
	z-index: 999;
}

/* headContainer
--------------------------------- */
#headContainer {
	background-color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

/* #mainUnit */
#headBox {
	margin: 0 auto;
	width: 732px;
}
#identity {
	float: left;
}
#identity p.headLogo {
	float: left;
	padding: 15px 3px 0;
	display: block;
}
#identity p.headLogo img {
	height: 15px;
	width: 115px;
}
#identity p {
	display: none;
}
#identity #drawer {
	display: block;
	float: left;
}
#identity #drawer a {
	display: block;
	padding:10px 12px 0 5px;
}

/* #headerInfo */
#headerInfo {
	float: right;
	margin: 6px 0 7px;
}
#headerInfo .wrap1 {
	display: none;
}
#headerInfo .utilityBtn li.account {
display: block;
}
#headerInfo .utilityBtn li.accountBa {
	display: none;
}
/* #business #headerInfo */
#business #headerInfo .utilityBtn li.account {
	display: none;
}
#business #headerInfo .utilityBtn li.accountBa {
	display: block;
}
/* #globalNavi */
#globalNavi {
	display: none;
}

/* #subUnit */
#subUnit {
	background-color: #f0f0f0;
	border-bottom: solid 3px #dedede;
	width: 100%;
}
#subUnit div {
	margin:0 auto;
	min-height: 0;
	padding: 0;
	width: 732px;
}
#subUnit ul {
	float: left;
	margin-left: 197px;
	padding: 6px 0;
}
#subUnit li {
	background-color: #676767;
	border-radius: 3px;
	float: left;
	margin-left: 15px;
	margin-bottom: 0;
	width: 160px;
}
#subUnit li a {
	color: #fff;
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
}
#subUnit .att {
	float: left;
	margin: 0;
}
#subUnit .att li {
	background-color: #d23838;
	width: 170px;
}
#subUnit .pdf {
	text-align: center;
	font-size: 1.4em;
}
#subUnit .pdf a.ic_pdfLink {
	background: url(/common/images/com_ic015_2.png) 0 0 no-repeat;
	padding:0 0 0 1.6em;
	background-size: auto 15px;
}

/* guidance */
.guidance {
	display: block;
	color: #fff;
	height: 1px;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

/* #mainContainer
--------------------------------- */
#mainContainer {
	position: relative;
	margin: 0 auto;
	width: 732px;
}

/* #sideArea */
#mainContainer #sideArea {
	display: none;
}

/* #contents */
#mainContainer #contents{
	padding-top:70px;
	position:relative;
}

/* #toPageTop */
#toPageTop {
	border-radius: 24px;
	background: url(/common/images/com_ic008_3.png) 50% 50% no-repeat;
	background-size: 15px auto;
	background-color: rgba(0, 0, 0, 0.25);
	display: none;
	margin-left: -24px;
	position: fixed;
	left: 50%;
	top: 100px;
}
#toPageTop a {
	display: block;
}
#toPageTop img {
	border-radius: 20px;
	height: 50px;
	visibility: hidden;
	width: 50px;
}

/* footContainer
--------------------------------- */
#footContainer {
	background-color: #112d8d;
	clear: both;
	text-align:center;
	width: 100%;
}
#footContainer .siteInfo {
	color: #fff;
	margin: 0 10px;
	padding: 8px 0;
}
#footContainer .siteInfo ul {
	display: none;
}
#footContainer .siteInfo p {
	font-size: 1.2em;
	line-height: 1.5em;
}
#footContainer .siteInfo p.copyright {
	padding: 5px 0;
}

/* /service/payment/yucho_web/use01_yucho.html
----------------------------------------------------*/
/* section */
#service.thirdNavi17 .sec01{
	clear: both;
	margin: 0 0 20px !important;
}

/* loan
----------------------------------------------------*/
#loan #headContainer #subUnit{
	display:block;
}
#loan #subUnit ul {
	float: none;
	margin: 0 auto;
	width: 300px;
}
#loan #subUnit li {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}
#loan #subUnit li span {
	margin-right:1.0em;
	font-weight: normal;
}
#loan .sideNavi dt.multi a {
	line-height: normal;
	padding: 10px;
	text-indent: 0;
}
#loan #subUnit .naviNet,
#loan #subUnit .sim,
#loan #sideAreaCL .ttl.naviNet,
#loan #sideAreaCL dl.sim{
	display:block;
}
#loan #subUnit .naviFin,
#loan #subUnit .naviFree,
#loan #subUnit .estimate,
#loan #sideAreaCL .ttl.naviFin,
#loan #sideAreaCL .ttl.naviFree,
#loan #sideAreaCL dl.estimate,
#loan #sideAreaCL dl.naviFin,
#loan #sideAreaCL dl.naviFree{
	display:none;
}
#loan.finance #subUnit .naviFin,
#loan.finance #subUnit .estimate,
#loan.finance #sideAreaCL .ttl.naviFin,
#loan.finance #sideAreaCL dl.estimate,
#loan.finance #sideAreaCL dl.naviFin{
	display:block;
}
#loan.finance #subUnit .naviNet,
#loan.finance #subUnit .naviFree,
#loan.finance #subUnit .sim,
#loan.finance #sideAreaCL .ttl.naviNet,
#loan.finance #sideAreaCL .ttl.naviFree,
#loan.finance #sideAreaCL dl.sim,
#loan.finance #sideAreaCL dl.naviNet,
#loan.finance #sideAreaCL dl.naviFree{
	display:none;
}
#loan.free #subUnit .naviFree,
#loan.free #subUnit .estimate,
#loan.free #sideAreaCL .ttl.naviFree,
#loan.free #sideAreaCL dl.estimate,
#loan.free #sideAreaCL dl.naviFree{
	display:block;
}
#loan.free #subUnit .naviNet,
#loan.free #subUnit .naviFin,
#loan.free #subUnit .sim,
#loan.free #sideAreaCL .ttl.naviNet,
#loan.free #sideAreaCL .ttl.naviFin,
#loan.free #sideAreaCL dl.sim,
#loan.free #sideAreaCL dl.naviNet,
#loan.free #sideAreaCL dl.naviFin{
	display:none;
}

/* #drawer
--------------------------------- */
#format_b #identity #drawer,
#nonavi #identity #drawer,
#yahoo #identity #drawer,
#mailpr02 #identity #drawer,
#no_snavi #identity #drawer{
	display:none;
}

/* FAQ
--------------------------------- */
.autoImg{
	width: 100%;
	height: auto;
}

/* table
--------------------------------- */
#mainContainer #contents .table01 th,
#mainContainer #contents .table02 th,
#mainContainer #contents .table03 th,
#mainContainer #contents .tableColor01 th,
#mainContainer #contents .tableColor02 th,
#mainContainer #contents .table01 td,
#mainContainer #contents .table02 td,
#mainContainer #contents .table03 td,
#mainContainer #contents .tableColor01 td,
#mainContainer #contents .tableColor02 td{
	padding: 5px;
}
#mainContainer #contents .table02 .ttl,
#mainContainer #contents .tableColor02 .ttl{
	padding: 10px;
}

/* clearFix
--------------------------------- */
#headBox,
#identity,
#headerInfo,
#subUnit div,
#subUnit ul,
#subUnit li,
#mainInfo {
	/zoom: 1;
}
#headBox:after,
#identity:after,
#headerInfo:after,
#subUnit div:after,
#subUnit ul:after,
#subUnit li:after,
#mainInfo:after {
	content: '';
	display: block;
	clear: both;
}

/* tablet */
@media screen and (min-width: 768px) and (max-width:1023px){
	.forPCTB {
		display: block !important;
	}
	.forSP {
		display: none !important;
	}
	/* #sideAreaCL */
	#sideAreaCL .siteSearch {
		padding: 15px 12px 14px;
	}
	#sideAreaCL .siteSearch .searchBoxWrap input {
		width: 230px;
	}
	#sideAreaCL .toPC a {
		background-position: 240px;
	}

	/* #pageContainer */
	#no_snavi #pageContainer {
		top: 0;
	}
	
	/* #headContainer */
	#headerInfo .utilityBtn li {
		width: 140px;
		margin-left: 16px;
	}
	#headerInfo .utilityBtn li a {
		font-size: 1.6em;
		line-height: 32px;
		display: block;
	}


	/* #footContainer */	
	#footContainer .siteInfo br {
		display: none;
	}
	
	/* drawer open */
	.on #pageContainer{
		left:280px !important;
		position: fixed !important;
	}
	.on #headContainer {
		left:280px !important;
	}
	.on #sideAreaCL {
		display: block;
	}
	
	/* adjust anchor position */	
	.anchorTB {
		padding-top: 55px !important;
		margin-top: -55px !important;
		margin-bottom: 0;
	}
}

/* tablet */
@media screen and (min-width: 768px){
	/* faq 
	------------------------------------ */
	/* drawer open */
	#index.on #pageContainer{
		left:280px !important;
		position: fixed !important;
	}
	#index.on #headContainer {
		left:280px !important;
	}
	#index.on #sideAreaCL {
		display: block;
	}
}

/* tablet smt */
@media screen and (max-width:1023px){
	/* adjust anchor position */
	.anchorTBSP {
		padding-top: 100px !important;
		margin-top: -100px !important;
		margin-bottom: 0;
	}
	.anchorTBSP02 {
		padding-top: 55px !important;
		margin-top: -55px !important;
		margin-bottom: 0;
	}
}

/* smt */
@media screen and (max-width:767px){
	.forPCTB {
		display: none !important;
	}
	.forSP {
		display: block !important;
	}
	/* sideAreaCL */
	#sideAreaCL {
		width: 240px;
	}
	#sideAreaCL .siteSearch .searchBoxWrap input {
		width: 190px;
	}
	#sideAreaCL .toPC a {
		background-position: 200px;
	}
	
	#sideAreaCL .siteSearch {
		padding: 10px 12px 9px;
	}
	
	/* #pageContainer */
	#pageContainer {
		top: 90px;
	}
	#guide #pageContainer,
	#save #pageContainer,
	#service #pageContainer,
	#information #pageContainer,
	#sAccount #pageContainer,
	#amusement #pageContainer,
	#insurance #pageContainer,
	#first #pageContainer,
	#no_snavi #pageContainer,
	#security #pageContainer,
	#token #pageContainer,
	#help #pageContainer,
	#regulation #pageContainer,
	#recruit #pageContainer,
	#company #pageContainer,
	#procedure #pageContainer,
	#yahoo #pageContainer,
	#mailpr02 #pageContainer{
		top: 48px;
	}

	/* #headContainer */
	#headContainer {
		width: 100%;
	}

	/* mainUnit */
	#headBox {
		padding: 0;
		width: 100%;
	}
	#headerInfo {
		margin-top: 12px;
		margin-bottom: 10px;
	}
	#headerInfo ul.utilityBtn {
		margin-right: 10px;
	}
	#headerInfo ul.utilityBtn li {
		margin-left:5px;
		width:59px;
	}
	#headerInfo ul.utilityBtn li a{
		letter-spacing:normal;
		line-height: 23px;
		display: block;
	}

	/* subUnit */
	#subUnit div {
		background-image: none;
		padding: 0;
		margin: 0 auto;
		width: 100%;
	}
	#subUnit ul {
		float: left;
		margin: 0;
	}
	#subUnit li {
		background-color: #676767;
		border-radius: 3px;
		float: left;
		margin: 0 10px 0 0;
		width: 98px;
	}
	#subUnit li a {
		color: #fff;
		display: block;
		font-size:1.3em;
		font-weight: bold;
		line-height: 32px;
		text-align: center;
	}
	#subUnit .att {
		float: left;
		margin: 0;
	}
	#subUnit .att li {
		background-color: #d23838;
		margin: 0;
		width: 84px;
	}

	/* #mainContainer */
	#mainContainer{
		width:100%;
	}

	/* #contents */
	#mainContainer #contents {
		margin: 0 auto;
		padding: 10px 0;
		width: 100%;
	}
	#mainContainer #contents div {
		width: 100%;
	}
	#mainContainer #contents img {
		width: 100%;
		height: auto;
	}
	#mainContainer #contents .imgSize01 {
		width: auto;
	}
	#mainContainer #contents div.box01 {
		width: 94%;
		padding:0 3%;
		margin-bottom:0;
	}

	#contents .boxCol01,
	#contents .boxCol02,
	#contents .boxCol03 {
		float: none;
	}
	#mainContainer #contents .boxCol01b,
	#mainContainer #contents .boxCol02b,
	#mainContainer #contents .boxCol03b {
		border-left:none;
		border-right:none;
	}
	#mainContainer #contents .boxFrame01,
	#mainContainer #contents .boxFrame02,
	#mainContainer #contents .boxFrame03,
	#mainContainer #contents .boxFrame04{
		width:auto;
	}
	#mainContainer #contents .boxColor01{
		width:auto;
	}
	#contents #newsStyle {
		width: 100%;
		border-left: none;
		border-right: none;
	}
	#contents #newsStyle dl,
	#contents #newsStyle dt{
		width: 100%;
	}
	#contents #newsStyle dd{
		overflow: visible;
		height: auto;
	}
	#mainContainer #contents #attention dl,
	#mainContainer #contents .attention dl,
	#mainContainer #contents .attention02 dl,
	#mainContainer #contents .attention03 .innerBox {
		margin: 0 3%;
	}
	#mainContainer #contents .attention03 .innerBox {
		width: auto;
	}
	#mainContainer #contents #attention dt,
	#mainContainer #contents .attention dt,
	#mainContainer #contents .attention02 dt {
		font-size:1.1em;
		line-height:21px;
	}

	/* title */
	#contents .title01,
	#contents .title02,
	#contents .title04 {
		padding:0 3%;
		font-weight:bold;
	}
	/* h1 */
	#mainContainer #contents .title01 {
		font-size: 2.1em;
	}
	/* h2 */
	#mainContainer #contents .title02 {
		font-size: 1.6em;
	}
	/* h3 */
	#mainContainer #contents .title03 {
		font-size: 1.4em;
		margin:0 3% 15px;
		font-weight:bold;
	}
	#mainContainer #contents .boxCol01 .title03,
	#mainContainer #contents .boxCol02 .title03,
	#mainContainer #contents .boxCol02_2 .title03,
	#mainContainer #contents .boxCol03 .title03,
	#mainContainer #contents .boxCol01b .title03,
	#mainContainer #contents .boxCol02b .title03,
	#mainContainer #contents .boxCol03b .title03 {
		margin:0 0 15px;
	}
	/* h4 */
	#mainContainer #contents .title04 {
		font-size: 1.4em;
	}
	
	/* section */
	#mainContainer #contents .sec01{
		margin: 0 0 25px;
	}
	#mainContainer #contents .sec02{
		margin: 0 0 15px;
	}

	/* txtAttention */
	#mainContainer #contents .txtAttention{
		display:block;
		padding:0 3%;
		margin:0;
		width:9em;
		line-height:inherit;
	}
	#mainContainer #contents .tR .txtAttention{
		margin-top:9px;
	}

	/* btn */
	#mainContainer #contents .pdfBtn{
		width:93%;
	}
	
	/* btn boxLogin */
	#mainContainer #contents .boxLogin{
		width:auto;
		padding:20px 5%;
	}
	#mainContainer #contents .boxLogin .catch{
		font-size:1.8em;
	}
	#mainContainer #contents .boxLogin .normalBtn01,
	#mainContainer #contents .boxLogin .normalBtn02{
		width:auto;
	}
		
	/* panelNavi */
	#mainContainer #contents #panelNavi{
		width:54px;
		margin-bottom:0;
	}

	/* boxMenu */
	#mainContainer #contents .boxMenu li{
		line-height:2.5em;
		padding-right: 10px;
	}
	#mainContainer #contents .boxMenu02 li{
		line-height:1.5em;
		padding-right: 10px;
	}
	#mainContainer #contents .boxMenu li strong,
	#mainContainer #contents .boxMenu02 li strong{
		padding:0.5em 0.5em 0.5em 0.8em;
		font-weight:normal;
	}
	#mainContainer #contents .boxMenu li a,
	#mainContainer #contents .boxMenu02 li a{
		padding:0.5em 0.5em 0.5em 0.8em;
	}

	#contents .fL,
	#contents .fR {
		float: none !important;
	}

	/* videoFrame */
	#contents .videoFrame,
	#contents .videoFrameFx {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	#contents .videoFrame iframe,
	#contents .videoFrameFx iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	} 
	#contents .videoFrameFx {
		padding-top: 10px;
	}

	/* #footContainer */
	#footContainer .siteInfo p {
		font-size: 1.1em;
		line-height: 1.3em;
	}

	/* drawer open */
	.on #pageContainer{
		left:240px !important;
		position: fixed !important;
	}
	.on #headContainer {
		left:240px !important;
	}
	.on #sideAreaCL {
		display: block;
	}

	/* mainInfoB */
	#mainContainer #contents #mainInfoB .sec01{
		width:92%;
		margin:0 4% 30px 4%;
	}
	#mainContainer #contents #mainInfoB .title02,
	#mainContainer #contents #mainInfoB .title04{
		padding:0;
	}
}

@media screen and (min-width:480px) and (max-width:767px) {

	#mainImages #imgWrap {
		height: 230px;
	}
	#mainImages #imgBar{
		width: 300%;
	}
	#mainContainer #contents div#mainImages {
		margin:0 auto;
		width:480px;
		height:230px;
	}
	#mainContainer #contents div#mainImages #imgBar img {
		width:480px;
		height:230px;
	}
	#mainImages #toLeft img,
	#mainImages #toRight img{
		width:40px;
		height:40px;
	}
	#mainImages #panelNavi {
		bottom: 5px;
	}
}

@media screen and (max-width:479px){
	#mainImages #imgWrap {
		height: 153px;
	}
	#mainImages #imgBar{
		width: 300%;
	}
	#mainContainer #contents div#mainImages {
		margin:0 auto;
		width:320px;
		height:153px;
	}
	#mainContainer #contents div#mainImages #imgBar img {
		width:320px;
		height:153px;
	}
	#mainImages #toLeft img,
	#mainImages #toRight img{
		width:40px;
		height:40px;
	}
	#mainImages #panelNavi {
		bottom: 5px;
	}
	#mainContainer #contents .boxMenu li.multi{
		line-height:1.5em;
	}
}