@charset "utf-8";

#switchTab {
margin:0;
}
#loginContents {
border-top:solid 1px #cccccc;
margin-top:-1px;
padding-top:2em;
}

#login_jp_index #switchTab .selectors li#tabJp,
#login_fx_index #switchTab .selectors li#tabFx,
#login_mypage_index #switchTab .selectors li#tabMypage,
#login_fx_otc_index #switchTab .selectors li#tabFxotc,
#login_fop_index #switchTab .selectors li#tabFop,
#login_kabu365_index #switchTab .selectors li#tabKabu365,
#login_crypto_index #switchTab .selectors li#tabcrypto {
border-top:solid 1px #e2193a;
border-bottom:solid 1px #ffffff;
background:#ffffff url(/shared/images/tabBack.gif) 0 0 repeat-x;
}
	#login_jp_index #switchTab .selectors li#tabJp a,
	#login_fx_index #switchTab .selectors li#tabFx a,
	#login_mypage_index #switchTab .selectors li#tabMypage a,
	#login_fx_otc_index #switchTab .selectors li#tabFxotc a,
	#login_fop_index #switchTab .selectors li#tabFop a,
	#login_kabu365_index #switchTab .selectors li#tabKabu365 a,
	#login_crypto_index #switchTab .selectors li#tabcrypto a {
	color:#e11839;
	}
.loginBlock p:first-child,
.loginBlock .cvBtn02,
#productsNav {
display:none;
}
#maincolumn {
margin-top:-20px;
}



/* 初めての方ログインページ */
#login_start_index {
}
	#login_start_index #contents {
	width:1000px;
	padding:0;
	}


#kantanBox,
#web2Box {
margin-top:10px;
}
#kantanBox {
float:left;
}
#web2Box {
float:right;
}
#boxInner {
width:410px;
text-align:center;
padding:20px 15px;
background-color:#e5e5e5;
border-bottom:solid 5px #c1c1c1;
margin-bottom:15px;
}
	#boxInner h5 {
	height:61px;
	margin-bottom:15px;
	}
	#boxInner .txt {
	text-align:left;
	margin-bottom:1em;
	}
	#boxInner .img {
	height:175px;
	margin-bottom:20px;
	}
	#boxInner .button {
	margin-bottom:20px;
	}
		#boxInner .button img {
		margin-bottom:5px;
		}
	#boxInner .qrCode {
	padding:10px;
	background-color:#ffffff;
	}
		#boxInner .qrCode dt {
		float:left;
		margin-right:10px;
		}
		#boxInner .qrCode dd {
		width:310px;
		float:left;
		text-align:left;
		}

.manualList {
margin-bottom:2em;
}
	.manualList li {
	line-height:1em;
	margin-bottom:10px;
	}
		.manualList li img {
		margin-right:5px;
		}
-->

#noMobile {
background-color:#ffffff;
padding:22px 10px 22px 30px;
text-align:left;
position:relative;
font-weight:bold;
color:#ed3131;
}
	#noMobile span {
	position:absolute;
	top:22px;
	left:10px;
	}

#qrCodeImg {
}

#replaceInfo {
background-color:#fff0f0;
padding:15px;
border:solid 2px #ff0000;
margin-bottom:1.5em;
}
	#replaceInfo dd {
	font-weight:bold;
	color:#ff0000;
	}

/* ログインボタン色変更 */
.btnType02 a {
background-color:#e00025;
}
.btnType02 a:hover {
background-color:#ff2d41;
}
.btnType02 a:before {
background-image:url(/shared/images/arrow15.png);
}
.btnType02 a[target="_blank"] span:after {
background-image:url(/common/img/com_ic68.png);
background-size:12px auto;
}



@media screen and (max-width: 1024px){
#inputArea #jpLoginLeft {
    width: 240px;
    padding-right: 60px;
}
.pgh-arrow-05 a {
    font-size: 14px;
}
#inputArea {
    padding: 20px;
}
}
@media screen and (max-width: 768px){
#inputArea #jpLoginLeft {
    width: 260px;
    padding-right: 70px;
}
#maincolumn{
    margin-top: 0px;
}
}
@media screen and (max-width: 480px){
#maincolumn{
    margin-top: -20px;
}
#inputArea #jpLoginLeft {
    width: 100%;
    padding-right: 0px;
}
}