@charset "utf-8";

/* コールセンター */
.pushnumber {
background-color:#f4f3ea;
padding-bottom:10px;
width: 740px;
margin-left: auto;
margin-right: auto;
}
	.pushnumber h3 {
	text-align:center;
	font-weight:bold;
	font-size:116%;
	color:#ffffff;
	padding:5px 0;
	margin-bottom:20px;
	background: url(../images/diagonal_bg.gif) 0 0 repeat;
	}
	.pushnumber .call_flow {
	padding-left:35px;
	}
		.pushnumber .call_flow li {
		float:left;
		padding-right:10px;
		}

.access {
margin-top: 0.8em;
}
.mobile-logo {
vertical-align: middle;
}
.mobile-logo p.txt {
float: left;
padding: 1em 0;
font-weight: bold;
}
.mobile-logo p.img {
float: right;
margin-left: 3px;
}



/*___ 「box-02」の追加設定　20120821 岩下追加 ___*/
.box-02 .ttl{/* タイトル */
margin-bottom:0.4em;
padding-left:6px;
border-left:4px solid #999;
font-weight:bold;
font-size:108%;
}


/*___ はじめての方へ ___*/
.box-beginner-01 .wrap{
margin-bottom:20px;
display:block;
}
.box-beginner-01 .col-1{
float:left;
width:420px;
}
.box-beginner-01 .col-2{
float:left;
width:420px;
margin-left:20px;
}
.box-beginner-01 .img{
float:left;
width:165px;
margin-left:10px;
}
.box-beginner-01 .txt{
float:left;
width:240px;
}
.box-beginner-01 .txt span{
display:block;
font-size:95%;
}
.box-beginner-01 .ttl{
font-weight:bold;
margin-bottom:5px;
}
.box-beginner-01 .ps{
font-size:90%;
margin-top:10px;
}
.cambanner {
border: 1px solid #cccccc;
width: 660px;
margin: 0 auto 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.cambanner img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*___ 岡三オンライン証券 サービスガイド ___*/
/*#support_starterbook_index .list-num-01 li{
line-height:1.5em !important;
}*/
#support_starterbook_index #maincolumn .btn{
width: 500px;
margin: 0 auto 1em;
}
#support_starterbook_index #maincolumn .btn a{
padding: 15px;
}

/* お客さまからのご意見・ご要望 */
.voiceTbl {
}
	.voiceTbl th {
	}
	.voiceTbl td {
	}
		.voiceTbl td dl {
		}
		.voiceTbl td dt {
		font-weight:bold;
		padding-left:70px;
		margin-bottom:0.7em;
		background-repeat:no-repeat;
		background-position:0 50%;
		}
			.voiceTbl td dt.jp {
			background-image:url(/shared/images/icn_jp_01.gif);
			}
			.voiceTbl td dt.fund {
			background-image:url(/shared/images/icn_fund_01.gif);
			}
			.voiceTbl td dt.fop {
			background-image:url(/shared/images/icn_fop_01.gif);
			}
			.voiceTbl td dt.bond {
			background-image:url(/shared/images/icn_bond_01.gif);
			}
			.voiceTbl td dt.fx {
			background-image:url(/shared/images/icn_fx_01.gif);
			}
			.voiceTbl td dt.fx_otc {
			background-image:url(/shared/images/icn_fx_otc_01.gif);
			}
			.voiceTbl td dt.kabu365 {
			background-image:url(/shared/images/icn_kabu365_01.gif);
			}
			.voiceTbl td dt.other {
			background-image:url(/shared/images/icn_other_01.gif);
			}
			.voiceTbl td dt.tool {
			background-image:url(/shared/images/icn_tool_01.gif);
			}

		.voiceTbl td dd {
		min-height:47px;
		border-top:dotted 1px #999999;
		padding:10px 0 0 70px;
		background-repeat:no-repeat;
		background-position:0 12px;
		background-image:url(/support/voice/images/oos_ico.jpg);
		}

#support_voice_ongoing #switchTabContents,
#support_voice_completion #switchTabContents {
padding: 20px 0 0;
border: solid #cccccc;
border-width: 1px 0 0;
}
#support_voice_ongoing .switchTab .contents .content,
#support_voice_completion .switchTab .contents .content {
padding: 0;
margin-bottom: 15px;
border: none;
}



/* 口座開設ページでは口座開設ボタン非表示 */
#procedure_account_index #account_box,
#procedure_account_corp_index #account_box,
#procedure_account_index #commonMainButton,
#procedure_account_corp_index #commonMainButton{
display:none;
}

#tab-account {
border-bottom:solid 1px #cccccc;
}
	#tab-account li {
	float:left;
	border:solid #cccccc;
	border-width:1px 1px 0;
	margin-right:10px;
	}
		#tab-account li a {
		width:180px;
		text-align:center;
		display:block;
		text-decoration:none;
		padding:10px 0;
		background:url(/shared/images/gradation_bg.jpg) 0 100% repeat-x;
		}
		#tab-account li.active a,
		#tab-account li a:hover {
		background:url(/shared/images/gradation_active_bg.jpg) 0 100% repeat-x;
		}
			#tab-account li a span {
			padding-left:16px;
			background:url(/shared/images/mark_normal.png) 0 1px no-repeat;
			}
			#tab-account li.active a span {
			font-weight:bold;
			}
			#tab-account li.active a span,
			#tab-account li a:hover span {
			background:url(/shared/images/mark_active.png) 0 1px no-repeat;
			}

#ac_btn_m {
margin-bottom:30px;
padding: 0;
text-align: center;
}

#kojin {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 20px;
}

.ac_cam{
color:#ed3130;
font-size:110%;
font-weight:bold;

}

/*--------------------------------------------------
日本版ISA
--------------------------------------------------*/
/* 切り替えタブ */
.isaTab {
z-index:10;
padding-left:8px;
font-weight:bold;
}
	.isaTab li {
	float:left;
	border:solid 1px #cccccc;
	margin-right:5px;
	background-color:#ffffff;
	font-size:108%;
	background:url(../../images/indextab_bg.jpg) 0 0 repeat-x;
	}
		.isaTab li span {
		background:url(../images/arrow_next.png) 15px 13px no-repeat;
		text-decoration:none;
		display:block;
		padding:8px 40px 7px 28px;
		cursor:pointer;
		cursor:hand;
		}
.switchTab .selectors li:hover,
.switchTab .selectors .active {
}
	.switchTab .selectors li:hover span,
	.switchTab .selectors .active span {
	}
.switchTabContents {
border-top:solid 1px #cccccc;
margin-top:-1px;
padding-top:1.5em;
}
	/* coming soon */
	.switchTab .comingsoon {
	color:#a2a2a2;
	}
	.switchTab .comingsoon em {
	padding:2px 95px 5px 0;
	background:url(/procedure/isa/images/comingsoon.gif) 100% 0 no-repeat;
	}
	.switchTab .comingsoon:hover span {
	background-image:url(../images/arrow_next.png) !important;
	}

.switchTab .selectors li:hover {
}
.switchTab .selectors .active {
}
.switchTab .contents .content {
border-top:solid 1px #cccccc;
padding-top:1.5em;
margin-top:-1px;
}

#procedure_isa_index .box-02 {
border-width:3px;
}

.li_nisa_flow{
text-align:center;
}
.li_nisa_flow li{
background:url(/procedure/isa/images/isa_flow_arrow.gif) center bottom no-repeat;
padding-bottom:33px;
}
.li_nisa_flow li.last{
backgroung:none;
padding-bottom:0px;
}

#isaQa {
}
	#isaQa dl {
	padding-bottom:1em;
	margin-bottom:1em;
	background:url(/shared/images/dott_grey.png) 0 100% repeat-x;
	}
	#isaQa dt,
	#isaQa dd {
	padding-left:25px;
	}
	#isaQa dt {
	font-weight:bold;
	padding-bottom:5px;
	background:url(/shared/images/blt_q_01.gif) 0 0 no-repeat;
	}
	#isaQa dd {
	background:url(/shared/images/blt_a_01.gif) 0 0 no-repeat;
	}

/*-----------------------------------
 岡三オンライン証券ではじめるNISA 
-------------------------------------*/
/* 岡三オンライン証券ではじめるNISA */
.merit-box,
.merit-box tr{
border:none !important;
}
.merit-box td{
padding:0 !important;
}

.merit-box .ttl {
border-top:solid 2px #ed3131;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
margin-bottom:1em;
padding:0 !important;
text-align:center;
}
.merit-box .ttl p{
padding:5px 10px 5px;
border-bottom:solid 1px #ffffff;
background:url(../images/gradation_bg.jpg) 0 100% no-repeat;
font-weight:bold;
}
.merit-box td.space{
padding:0 !important;
border-top:none;
border-bottom:none;
}
.merit-box .txt{
padding:0 10px 10px 10px;
}
.merit-box .img{
padding:10px 0 10px;
text-align:center;
}

.lay-nisa-01{
margin-bottom:10px;
}
.lay-nisa-01 h3{
float:left;
width:92px;
}
.lay-nisa-01 .right{
float:left;
width:608px;
}

/* 投資信託モデルポートフォリオ */
.lay-nisa-02{
}
.lay-nisa-02 .left{
float:left;
width:160px;
}
.lay-nisa-02 .right{
float:left;
width:540px;
}
.tbl-fmp th,
.tbl-fmp td{
text-align:center;
}
.tbl-fmp .cell-a{
background:#ffe1e9;
}
.tbl-fmp .cell-b{
background:#fff9bf;
}
.tbl-fmp .cell-c{
background:#ddffd4;
}
.tbl-fmp .cell-d{
background:#cae8ff;
}

/*NISA口座の開設方法*/
.entry-nisa-01 {
text-align:center;
background-color:#f4f3ea;
padding:20px;
margin-bottom:2em;
}
	.entry-nisa-01 .head {
	font-size:123.1%;
	font-weight:bold;
	padding:5px 0;
	margin-bottom:1em;
	color:#ffffff;
	background:url(../images/diagonal_bg.gif) 0 0 repeat;
	}
		.entry-nisa-01 .btn_arrow {
		background:url(../images/arrow_right.png) right 50% no-repeat;
		padding-right:20px;
		}
		.entry-nisa-01 .btn_plus {
		background:url(../images/plus_ico.png) right 50% no-repeat;
		padding-right:22px;
		}
			.entry-nisa-01 .text p,
			.entry-nisa-01 .text p {
			border:solid 1px #cccccc;
			background:url(../images/gradation_bg.jpg) 0 100% no-repeat;
			}
				.entry-nisa-01 .text p span,
				.entry-nisa-01 .text p span {
				padding:10px;
				display:block;
				border:solid 1px #ffffff;
				}
		.entry-nisa-01 .btn,
		.entry-nisa-01 .btn {
		line-height:2;
		padding:10px;
		border:solid 1px #cccccc;
		background-color:#ffffff;
		}
		.entry-nisa-01 .btn_01 {
		float:left;
		width:313px;
		margin-right:10px;
		}
		.entry-nisa-01 .btn_02 {
		float:left;
		width:313px;
		}

/* 口座開設ボタンチェックボックス切り替え */
.selectArea01,
.selectArea02 {
border:solid 1px;
padding:10px 20px;
margin-bottom:1em;
}
.selectArea01 {
border-color:#ff9cb5;
background-color:#ffe9ef;
}
.selectArea02 {
border-color:#84bde7;
background-color:#e2f4ff;
}
.accountSelect {
}
	.accountSelect li {
	float:left;
	margin-right:20px;
	}
		.accountSelect li input {
		margin-right:5px;
		}
		.accountSelect li label {
		cursor:pointer;
		}


#qaBtnList {
}
	#qaBtnList li {
	float:left;
	margin-right:15px;
	}
		#qaBtnList li a {
		font-size:14px;
		padding:10px 40px 10px 25px;
		}

/* 口座開設ページのマイナンバー画像 */
#myNumber {
zoom:1;
background-color:#fff8e5;
border:solid 1px #c90021;
margin-bottom:20px;
padding:20px 10px 20px 20px;
}
	#myNumber .img {
	width:306px;
	float:left;
	}
	#myNumber .txt {
	width:350px;
	float:right;
	}
		#myNumber .txt dl {
		margin-bottom:15px;
		}
		#myNumber .txt dt {
		font-weight:bold;
		font-size:116%;
		background:url(/shared/images/icn_notice_01.png) no-repeat 0 6px;
		padding-left:26px;
		margin-bottom:5px;
		}
		#myNumber .txt dd {
		font-size:85%;
		}
			#myNumber .txt dd span {
			color:#ed3131;
			font-weight:bold;
			}
		#myNumber .txt p {
		font-size:85%;
		}
			#myNumber .txt p a {
			display:block;
			background:url(/shared/images/mark_normal.png) 0 2px no-repeat;
			padding-left:20px;
			}

#myNumber:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}


.unit.last {
	margin-top: 20px;
}

/* 岡三オンライン証券ではじめて取引されるお客さまへ */
#firstIcon {
}
	#firstIcon dl {
	width:298px;
	text-align:center;
	float:left;
	margin-bottom:60px;
	}
	#firstIcon dt {
	margin-bottom:10px;
	}
	#firstIcon dd {
	}

/* 各種ご依頼フォーム */
.formBtnList {
	border-top:dotted 2px #ddd;
	padding-top:1.5em;
}
	.formBtnList dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items:center;
		padding-bottom:0.5em;
		margin-bottom:1.5em;
		border-bottom:dotted 2px #ddd;
	}
	.formBtnList dt {
		width:420px;
	}
	.formBtnList dt ul {
		margin-bottom:1em;
	}
	.formBtnList dt .btnBlack li {
		width:100%;
		max-width:100%;
		height:auto;
	}
		.formBtnList dt a {
		}
	.formBtnList dd {
		width:550px;
	}

@media screen and (max-width: 768px) {
	.formBtnList dt,
	.formBtnList dt {
		width:100%;
	}
	.formBtnList dt .btnBlack li {
	}
}