﻿@charset "utf-8";

/* 株式トップページ */
.reason-box,
.reason-box tr{
border:none !important;
}
.reason-box td{
padding:0 !important;
}

.reason-box .ttl {
border-top:solid 2px #bb729b;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
margin-bottom:1em;
padding:0 !important;
}
.reason-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;
}
.reason-box td.space{
padding:0 !important;
border-top:none;
border-bottom:none;
}
.reason-box td{
vertical-align:top;
}
	.reason-box td p.pgh-center-01 {
	padding-top:5px;
	}
.reason-box .txt{
padding:0 10px 10px 10px;
}
.marketpoint_scroll {
border:solid 1px #ccc;
height:500px;
overflow:auto;
padding:10px;
margin-bottom:0.5em;
}
.s_icst {
padding-bottom:0.5em;
margin-bottom:0.5em;
background:url(../images/dottline01.png) 0 100% repeat-x;
}
	.s_icst dt {
	font-weight:bold;
	}
		.s_icst dd img {
		margin-right:3px;
		}
#jptop_tool {
border:solid 1px #cccccc;
margin-bottom:1em;
padding:15px 0;
}
	#jptop_tool ul {
	padding-left:11px;
	}
	#jptop_tool li {
	border-right:dotted 1px #cccccc;
	float:left;
	padding-right:10px;
	margin-right:10px;
	}
	#jptop_tool li.last {
	border:none;
	padding-right:0;
	margin-right:0;
	}



/* チーフストラテジスト伊藤嘉洋のマーケットポイント */
#marketpoint {
/*
border:solid 1px #cccccc;
height:150px;
overflow: auto;
*/
}
#icst_contents {
background-color:#ffffff;
/*
padding:8px 15px;
*/
}
	#icst_contents .s_icst {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../images/dottline01.png) 0 100% repeat-x;
	}
		#icst_contents .s_icst dt {
		font-weight:bold;
		}
		#icst_contents .s_icst dd {
		}

/*___ box-accordion_jp ___*/
.rating_contents{
margin:0 0 10px 0;
}

.box-accordion_jp{
width:650px;
margin:5px 0 5px 10px;
padding:0;
}

.box-title_jp{
margin:0;
padding:0;
background:url(/jp/images/rtg_bg.jpg) 0 0 no-repeat;
height:29px;
}

.box-title_jp ul{
margin:0;
padding:0;
}

.box-title_jp li{
float:left;
}

#icst{
margin:0 0 10px 0;
padding:0;
}

#icst h2.jp_t_ttl-h2{
margin:0 0 5px 0;
padding:7px 10px 7px 38px;
background:url(/jp/images/jpcts_ttl.gif) 0 0 no-repeat;
font-size:120%;
display:block;
font-weight:bold;
}

#icst iframe{
border:1px solid #999999;
}

/*レーティング*/
.rating_contents h2.jp_t_ttl-h2{
margin:0 0 5px 0;
padding:7px 10px 7px 38px;
background:url(/shared/images/jp_rtg_ttl.gif) 0 0 no-repeat;
font-size:120%;
display:block;
font-weight:bold;
}

.box-contents_jp{
clear:both;
width:680px;
margin:0 0 10px;
padding:10px 10px 0 10px;
}

.box-contents_jp ul.list-arrow-acco_jp{
margin:0;
padding:0 0 10px;
list-style:none;
}

.box-title_jp li.r_item_day{
margin:0;
padding:6px 0 0 7px;
width:120px;
font-weight:bold;
}

.box-title_jp li.r_item_code{
margin:0;
padding:6px 0 0 0;
width:50px;
font-weight:bold;
}

.box-title_jp li.r_item_name{
margin:0;
padding:6px 0 0 0;
width:400px;
font-weight:bold;
}

.box-title_jp li.r_item_bfo{
margin:0;
padding:5px 0 0 0;
width:45px;
}

.box-title_jp li.r_item_arw{
margin:0;
padding:5px 0 0 0;
width:25px;
}

.box-title_jp li.r_item_aft{
margin:0;
padding:5px 0 0 0;
width:50px;
}

.box-title_jp li.r_item_point{
margin:0;
padding:5px 0 0 0;
width:74px;
}

/*レーティング一覧*/
.rating_contents_lst{
margin:0;
padding:0;
}

.rating_contents_lst .box-title_jp_lst ul{
margin:0;
padding:0;
}

.rating_contents_lst .box-title_jp_lst li{
float:left;
}

.rating_contents_lst h2.jp_t_ttl-h2{
margin:5px 0;
padding:7px 5px 7px 38px;
background:url(/shared/images/jp_rtg_ttl.gif) 0 0 no-repeat;
font-size:120%;
display:block;
font-weight:bold;
}

.rating_contents_lst .box-title_jp li.r_item_name{
margin:0;
padding:6px 0 0 0;
width:400px;
font-weight:bold;
}

.rating_contents_lst .box-title_jp li.r_item_bfo{
margin:0;
padding:5px 0 0 0;
width:45px;
}

.rating_contents_lst .box-title_jp li.r_item_arw{
margin:0;
padding:5px 0 0 0;
width:25px;
}

.rating_contents_lst .box-title_jp li.r_item_aft{
margin:0;
padding:5px 0 0 0;
width:50px;
}

.rating_contents_lst .box-title_jp li.r_item_point{
margin:0;
padding:5px 0 0 0;
width:74px;
}

/*月次情報一覧*/
.monthly_contents_lst{
margin:0;
padding:0;
}

.box-title_jp li.g_item_day{
margin:0;
padding:6px 0 0 7px;
width:120px;
font-weight:bold;
}

.box-title_jp li.g_item_name{
margin:0;
padding:6px 0 0 0;
width:570px;
font-weight:bold;
}

.box-title_jp li.g_item_point{
margin:0;
padding:6px 0 0 0;
width:85px;
background:url(/jp/images/rtg_arw.gif) right 9px no-repeat;
}


/* プレミアゼロ */
.tbl-zero td{
padding:5px;
font-size:95%;
}
.zero-txt-01{
color:#ed3130;
font-size:90%;
}
.zero-txt-02{
color:#1253fa;
font-size:90%;
}


/*--------------------------------------------------
日本株の魅力
--------------------------------------------------*/
/* 切り替えタブ */
#jp_attractive .switchTab .contents .content,
#jp_attractive_deliberately .switchTab .contents .content,
#jp_attractive_margin .switchTab .contents .content,
#jp_attractive_margin2 .switchTab .contents .content {
border:solid #cccccc;
border-width:1px 0 0;
padding:1.5em 0 0;
margin-top:-1px;
display: block;
}

/* アクティブに投資する方へ */
.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;
	}
#simulator {
background:url(/jp/images/attractive_active02.jpg) 0 0 no-repeat;
width:700px;
height:366px;
margin-bottom:1.5em;
}
	#simulator #simulatorInner {
	width:305px;
	padding:107px 0 0 373px;
	}
#speed {
background:url(/jp/images/attractive_active04.jpg) 0 0 no-repeat;
width:394px;
height:259px;
padding:105px 20px 0 286px;
margin-bottom:1.5em;
}
#speedMovie {
text-align:center;
margin-bottom:1.5em;
}
	#speedMovie iframe {
	border: 1px solid #cccccc;
	}

/* 信用注意文言追加（2013/01/21） */
.margin-notice-01{
background-color:#ffffff;
border:solid #cccccc;
border-width:0 1px 1px;
padding:10px 19px 0;
}

/* 新規公開株式（IPO）（2013/10/08） */
.ipoFlowLink {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
	.ipoFlowLink li {
	width:140px;
	float:left;
	text-align:center;
	padding-right:7px;
	}
	.ipoFlowLink li.step4 {
	/*padding-right:0;*/
	}
	.ipoFlowLink li.step5 {
	/*float:right;*/
	padding-right:0;
	}
	.ipoFlowLink a {
	padding-left:20px;
	background-image:url(/shared/images/arrow_btm.png);
	background-position:0 7px;
	background-repeat:no-repeat;
	}
	.ipoFlowLink a:hover {
	background-image:url(/shared/images/arrow_btm_active.png);
	}
.ipoTitle,
.poTitle {
text-align:left;
}
	.ipoTitle div,
	.poTitle div {
		display:inline;
	}
	.ipoTitle:before,
	.poTitle:before {
		font-weight:normal;
		font-size:1.4rem;
		margin-right:10px;
		padding:2px 12px;
	}
	.ipoTitle:before {
		content:"IPO";
		background-color:#7c8fd3;
	}
	.poTitle:before {
		content:"PO";
		background-color:#f0827f;
	}
	.ipoTitle span,
	.poTitle span {
	padding-left:15px;
	font-weight:normal;
	}

a[class*="ipoProspectus"] {
	display:none;
}
a.ipoProspectus1 {
	display:block;
}


	.ipopast thead .ipoTitle,
	.popast thead .poTitle {
		cursor:pointer;
		position:relative;
	}
	.ipopast tbody,
	.popast tbody {
		display:none;
	}
	.ipopast thead .ipoTitle div::before,
	.popast thead .poTitle div::before {
		content: "";
		display: block;
		width: 1.2rem;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: calc(50% - 0.1rem);
		right: 15px;
		transform: rotateZ(0deg);
		transition: transform .2s ease;
	}
	.ipopast thead .ipoTitle div::after,
	.popast thead .poTitle div::after {
		content: "";
		display: block;
		width: 1.2rem;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: calc(50% - 0.1rem);
		right: 15px;
		transform: rotateZ(90deg);
		transition: transform .2s ease;
	}
	.ipopast thead.open .ipoTitle div::before,
	.popast thead.open .poTitle div::before {
		transform: rotateZ(180deg);
	}
	.ipopast thead.open .ipoTitle div::after,
	.popast thead.open .poTitle div::after {
		transform: rotateZ(0deg);
	}


/* IPOカレンダー */
#select-pagejump #blogcategory_list {
	border: 1px solid #ccc;
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom:1em;
}

/* IPO取扱銘柄 募集情報の詳細 */
#ipoSwitchBtnArea {
	margin-bottom:20px;
}
	#ipoSwitchBtnArea ul {
		display:flex;
		flex-wrap:wrap;
	}
	#ipoSwitchBtnArea li {
		margin:0 8px 8px 0;
		line-height:1;
	}
		#ipoSwitchBtnArea li button {
			cursor:pointer;
			background-color:#f4f4f4;
			border:solid 1px #ddd;
			border-radius:3px;
			padding:10px 16px;
			font-family:inherit;
		}
		#ipoSwitchBtnArea li button:hover {
			border-color:#333;
		}
		#ipoSwitchBtnArea li button.activeBtn {
			background-color:#B01E23;
			color:#fff;
		}
	#ipoSwitchBtnArea #displayAllBtn {
		display:none;
		text-align:center;
		margin:10px 0 8px;
	}
		#ipoSwitchBtnArea #displayAllBtn button {
			cursor:pointer;
			background-color:#B01E23;
			color:#fff;
			border:solid 1px #ddd;
			border-radius:3px;
			padding:10px 16px;
			font-family:inherit;
		}
		#ipoSwitchBtnArea #displayAllBtn button:hover {
			border-color:#333;
		}

/* 岡三オンライン証券の株取引ツールの魅力 */
.attractive_ont_navi {
margin-bottom:1em;
margin-left: auto;
margin-right: auto;
}
	.attractive_ont_navi li {
	float:left;
	padding-right:10px;
	}
	.attractive_ont_navi li.last {
	padding-right:0;
	}
.toolBox {
margin-bottom:1em;
}
.toolBoxTxt {
width:440px;
padding-left:15px;
float:left;
}
	.toolBoxTxt h4 {
	margin-bottom:1em;
	font-size:123.1%;
	font-weight:bold;
	color:#b04d84;
	}
.toolBoxImg {
width:220px;
float:right;
padding-right:15px;
margin-bottom:1em;
}
.toolBoxBtn {
padding-right:15px;
}
	.toolBoxBtn li {
	float:right;
	padding:0 0 0.5em 10px;
	}
.movieBoxL,
.movieBoxR {
width:340px;
}
	.movieBoxL p,
	.movieBoxR p {
	text-align:center;
	margin-bottom:0.5em;
	}
.movieBoxL {
float:left;
}
.movieBoxR {
float:right;
}


.toolBox,
.movieBoxL,
.movieBoxR {
border:solid #cccccc;
border-width:0 1px 1px;
}
.toolBoxTtl,
.movieBoxTtl {
border-top:solid 2px #bb729b;
border-bottom:solid 1px #cccccc;
margin-bottom:1em;
background:url(../images/gradation_bg.jpg) 0 100% no-repeat;
}
	.toolBoxTtl span,
	.movieBoxTtl span {
	display:block;
	border-bottom:solid 1px #ffffff;
	font-weight:bold;
	padding:5px 10px 5px;
	}
#popMovie {
padding-left:50px;
}


/* ETFの魅力と活用法 */
#etfAttractive {
}
	#etfAttractive dl {
	margin-bottom:15px;
	}
	#etfAttractive dl:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	font-size:0;
	}
	#etfAttractive dt {
	width:216px;
	float:left;
	margin-right:20px;
	}
	#etfAttractive dd {
	font-size:116%;
	padding-top:7px;
	width:454px;
	float:left;
	}
	#etfAttractive dd.line1 {
	padding-top:17px;
	}
		#etfAttractive dd span {
		color:#ed3131;
		font-weight:bold;
		}
.etfIndex {
background:url(/jp/investment/images/etfImg04.jpg) 100% 0 no-repeat;
}
.etfComo {
height:125px;
padding-top:15px;
padding-right:170px;
background:url(/jp/investment/images/etfImg06.jpg) 100% 0 no-repeat;
}
.etfWorld {
padding-right:150px;
background:url(/jp/investment/images/etfImg05.jpg) 100% 100% no-repeat;
}




/* ETF・ETN（2016/05） */
#etfetnContents {
}

	#etfetnContents #etfetnMain {
	width:933px;
	padding-left:47px;
	height:440px;
	margin-top:40px;
	margin-left: auto;
	margin-right: auto;
	color:#141960;
	background:url(/jp/etf_etn/images/main.jpg) 0 0 no-repeat;
	}
		#etfetnContents #etfetnMain h1 {
		margin-bottom:30px;
		}
		#etfetnContents #etfetnMain p#mainTxt {
		padding-top:80px;
		font-size:28px;
		margin-bottom:15px;
		color:#434780;
		}
		#etfetnContents #etfetnMain p {
		width:390px;
		font-size:20px;
		}

	#etfetnContents #etfetnNav {
	margin-bottom:1em;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	}
		#etfetnContents #etfetnNav a,
		#etfetnContents #etfetnNav div {
		width:230px;
		height:160px;
		padding-top:185px;
		background-color:#e5e5e5;
		background-repeat:no-repeat;
		background-position:0 0;
		text-decoration:none;
		color:#000000;
		}
		#etfetnContents #etfetnNav div#nav01 {
		float:left;
		margin-right:20px;
		background-image:url(/jp/etf_etn/images/nav1.jpg);
		}
		#etfetnContents #etfetnNav div#nav02 {
		float:left;
		margin-right:20px;
		background-image:url(/jp/etf_etn/images/nav3.jpg);
		}
		#etfetnContents #etfetnNav div#nav03 {
		float:left;
		background-image:url(/jp/etf_etn/images/nav2.jpg);
		}
		#etfetnContents #etfetnNav div#nav04 {
		float:right;
		background-image:url(/jp/etf_etn/images/nav4.jpg);
		background-color:#ffdede;
		}
			#etfetnContents #etfetnNav a dt,
			#etfetnContents #etfetnNav div dt {
			color:#b51515;
			font-size:20px;
			font-weight:bold;
			margin:0 20px 5px;
			}
			#etfetnContents #etfetnNav a dd,
			#etfetnContents #etfetnNav div dd {
			margin:0 20px;
			font-size:12px;
			}

	#etfetnContents .head {
	width:925px;
	height:370px;
	padding-left:55px;
	margin-left: auto;
	margin-right: auto;
	background-repeat:no-repeat;
	background-position:0 0;
	color:#ffffff;
	}
		#etfetnContents .head h2 {
		line-height:1.2;
		font-size:38px;
		margin-bottom:10px;
		}
			#etfetnContents .head h2 span {
			font-size:30px;
			}
		#etfetnContents .head p {
		width:560px;
		}
	#etfetnContents #contents1,
	#etfetnContents #contents2,
	#etfetnContents #contents3,
	#etfetnContents #contents4 {
	background-color:#f0f0f0;
	padding-bottom:50px;
	margin-bottom:50px;
	}
	#etfetnContents #contents1 {
	}
	#etfetnContents #contents2 {
	}
	#etfetnContents #contents3 {
	}
	#etfetnContents #contents4 {
	}
		#etfetnContents #contents1 .head {
		background-image:url(/jp/etf_etn/images/head1.jpg);
		}
			#etfetnContents #contents1 .head h2 {
			padding-top:75px;
			}
		#etfetnContents #contents2 .head {
		background-image:url(/jp/etf_etn/images/head2.jpg);
		}
			#etfetnContents #contents2 .head h2 {
			padding-top:100px;
			}
		#etfetnContents #contents3 .head {
		background-image:url(/jp/etf_etn/images/head3.jpg);
		color:#000000;
		}
			#etfetnContents #contents3 .head h2 {
			padding-top:75px;
			}
		#etfetnContents #contents4 .head {
		background-image:url(/jp/etf_etn/images/head4.jpg);
		}
			#etfetnContents #contents4 .head h2 {
			padding-top:55px;
			}

	#etfetnContents .tbl-data-01,
	#etfetnContents .accordion_contents {
	width:880px;
	margin:0 auto;
	font-size:14px;
	}
	#etfetnContents .accordion_contents {
		display: none;
	}
		#etfetnContents .tbl-data-01 thead th {
		background-color:#85898e;
		}
		#etfetnContents .tbl-data-01 thead th.index {
		width:15%;
		}
		#etfetnContents .tbl-data-01 thead th.code {
		width:9%;
		}
		#etfetnContents .tbl-data-01 thead th.title {
		width:35%;
		}
		#etfetnContents .tbl-data-01 thead th.policy {
		}
		#etfetnContents .tbl-data-01 thead th.document {
		width:7%;
		}
		#etfetnContents .tbl-data-01 tbody td {
		font-size:85%;
		}









		#etfetnContents .tbl-data-01 th,
		#etfetnContents .tbl-data-01 td {
		border-color:#999999;
		}
		#etfetnContents .tbl-data-01 td {
		background-color:#ffffff;
		}
		#etfetnContents .tbl-data-01 td.pdfBtn {
		text-align:center;
		}

	#etfetnContents h3 {
	font-size:20px;
	font-weight:bold;
	background-color:#4c5866;
	color:#ffffff;
	text-align:center;
	padding:10px 0;
	margin-bottom:30px;
	}
	#etfetnContents h3.accordion_title {
	width:880px;
	margin:0 auto;
	}
		#etfetnContents h3.accordion_title span {
		padding-right:25px;
		background-repeat:no-repeat;
		background-position:100% 50%;
		background-image:url(/jp/etf_etn/images/arrow.png);
		}

#etfetnContents #etfetnContentsBox {
	width:933px;
	margin-top:40px;
	margin-left: auto;
	margin-right: auto;
	color:#141960;
}


/* 株式ログインページ */
#inputArea {
padding:35px 40px 50px;
background:url(/login/jp/images/formBack.jpg) 0 0 no-repeat;
color:#333333;
}
	#inputArea h1 {
	color:#262626;
	font-size:30px;
	margin-bottom:30px;
	}
	#inputArea h2 {
	color:#262626;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	}
	#inputArea #jpLoginLeft {
	width:370px;
	float:left;
	background:url(/login/jp/images/arrow.png) 100% 86px no-repeat;
	padding-right:125px;
	}
	#inputArea #jpLoginRight {
	width:341px;
	float:right;
	}
		#inputArea #jpLoginRight li {
		margin-bottom:10px;
		}
		#inputArea #jpLoginRight input#kantanSubmit,
		#inputArea #jpLoginRight input#web2Submit,
		#inputArea #jpLoginRight input#ontwebSubmit,
		#inputArea #jpLoginRight input#sougouSubmit,
		#inputArea #jpLoginRight button#sougouSubmitLarge {
		width:341px;
		height:77px;
		padding:0;
		margin:0;
		border:0;
		font-size:0;
		line-height:0;
		outline:none;
		background-color:transparent;
		background-repeat:no-repeat;
		background-position:0 0;
		cursor:pointer;
		}
		#inputArea #jpLoginRight button#sougouSubmitLarge {
		height:193px;
		}
		#inputArea #jpLoginRight input#loginId,
		#inputArea #jpLoginRight input#loginPass {
		display:none;
		}
		#inputArea #jpLoginRight input#kantanSubmit:hover,
		#inputArea #jpLoginRight input#web2Submit:hover,
		#inputArea #jpLoginRight input#ontwebSubmit:hover,
		#inputArea #jpLoginRight input#sougouSubmit:hover {
		background-position:0 -77px;
		}
		#inputArea #jpLoginRight button#sougouSubmitLarge:hover {
		background-position:0 -193px;
		}
			#inputArea #jpLoginRight input#kantanSubmit {
			background-image:url(/login/jp/images/btn_simple.png);
			}
			#inputArea #jpLoginRight input#web2Submit {
			background-image:url(/login/jp/images/btn_web2.png);
			}
			#inputArea #jpLoginRight input#ontwebSubmit {
			background-image:url(/login/jp/images/btn_web.png);
			}
			#inputArea #jpLoginRight input#sougouSubmit {
			background-image:url(/login/jp/images/btn_sougou.png);
			}
			#inputArea #jpLoginRight button#sougouSubmitLarge {
			background-image:url(/login/start/images/btn_sougou_large.png);
			}
	#inputArea #inputform {
	margin-bottom:40px;
	}
		#inputArea #inputform dl {
		margin-bottom:20px;
		}
		#inputArea #inputform dt {
		color:#141960;
		font-size:18px;
		}
		#inputArea #inputform dd {
		width:100%;
		}
			#inputArea #inputform dd input {
			width:96%;
			padding:2%;
			background-color:#ffffff;
			border-color:#666666;
			}
	#inputArea #inputtxt {
	font-size:14px;
	margin-bottom:1.5em;
	}
		#inputArea #inputtxt p {
		margin-bottom:5px;
		}


.loginBtn {
width:480px;
}
	.loginBtn dl {
	background-color:#e5e5e5;
	padding:40px 0;
	text-align:center;
	margin-bottom:10px;
	border-bottom:solid 5px #c1c1c1;
	}
	.loginBtn dt {
	height:76px;
	}
	.loginBtn dd {
	height:175px;
	}
	.loginBtn dd.txt {
	height:60px;
	text-align:left;
	font-size:85%;
	padding:0 110px;
	}
	.loginBtn .list-arrow-01 {
	font-size:77%;
	margin-bottom:0;
	}
		.loginBtn .list-arrow-01 a {
		background-size:12px auto;
		background-position: 0 1px;
		padding-left:19px;
		}
#loginSimple {
float:left;
}
#loginWeb2 {
float:right;
}

.specialsite {
margin-left:235px;
}
	.specialsite li {
	width:240px;
	}
		.specialsite li span {
		font-size:11px;
		padding-left:10px;
		background:url(/tradetools/images/underArrow.gif) 0 6px no-repeat;
		}
	.specialsite li.bnr1 {
	float:left;
	margin-right:20px;
	}
	.specialsite li.bnr2 {
	float:left;
	}


/* 信用取引TOP */
#marginTopMerit {
margin-bottom:1.5em;
background-color:#d9d9d9;
padding:5px;
width: 730px;
margin-left: auto;
margin-right: auto;
}
	#marginTopMerit li {
	width:240px;
	height:220px;
	padding-top:8px;
	text-align:center;
	background-color:#ffffff;
	}
	#marginTopMerit li.merit1 {
	float:left;
	margin-right:5px;
	}
	#marginTopMerit li.merit2 {
	float:left;
	}
	#marginTopMerit li.merit3 {
	float:right;
	}

#marginTopLink {
}
	#marginTopLink li {
	width:350px;
	float:left;
	margin-bottom:10px;
	}
		#marginTopLink li a {
		display: block;
		padding-left: 22px;
		background-repeat: no-repeat;
		background-image: url(/shared/images/mark_normal.png);
		background-position: 0 3px;
		}
		#marginTopLink li a:hover {
		background-image:url(/shared/images/mark_active.png);
		}

.costBtn {
width:400px;
margin:0 auto 1em;
}

#marginTopService {
margin-bottom:2em;
width: 740px;
margin-left: auto;
margin-right: auto;
}
	#marginTopService div {
	width:237px;
	border:solid 1px #cccccc;
	box-shadow:0 0 3px #cccccc;
	-moz-box-shadow:0 0 3px #cccccc;
	-webkit-box-shadow:0 0 3px #cccccc;
	background:url(/jp/margin/images/marginTopService_back.jpg) 0 100% repeat-x;
	}
	#marginTopService #service1 {
	float:left;
	margin-right:11px;
	}
	#marginTopService #service2 {
	float:left;
	}
	#marginTopService #service3 {
	float:right;
	}
		#marginTopService #service1 dl {
		background-image:url(/jp/margin/images/top_service1.jpg);
		}
		#marginTopService #service2 dl {
		background-image:url(/jp/margin/images/top_service2.jpg);
		}
		#marginTopService #service3 dl {
		background-image:url(/jp/margin/images/top_service3.jpg);
		}
	#marginTopService dl {
	border:solid 1px #ffffff;
	padding:5px;
	background-repeat:no-repeat;
	background-position:50% 105px;
	}
	#marginTopService dt {
	width:224px;
	height:44px;
	background:url(/jp/margin/images/marginTopService_title.jpg) 0 0 no-repeat;
	margin:0 auto 5px;
	text-align:center;
	font-weight:bold;
	font-size:108%;
	}
		#marginTopService dt span {
		display:block;
		padding-top:10px;
		}
	#marginTopService dd {
	font-size:95%;
	margin-bottom:130px;
	}
	#marginTopService dd.detail {
	text-align:right;
	margin-bottom:0;
	}

/* button追加 */
#firstBox{
	}
	#firstBox ul li{ float:left
	}
	#firstBox li{ margin:0 0 0 22px
	}
	#firstBox li.first{ margin-left:0
	}
	#firstBox li img {
  display: block;
} 


/* 株式TOP */
#jp_index {
}
/* marketArea */
#jp_index #marketArea {
width: 100%;
background-color:#f5f3f3;
margin-bottom:27px;
padding:27px 0 20px;
}
	#jp_index #marketInner {
	width:870px;
	margin:0 auto;
	zoom:1;
	}
	#jp_index #marketInner:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	font-size:0;
	}
		#jp_index #marketInner .ttl-h2-01 {
		margin-top:0;
		text-align:center;
		}

#jp_index #marketArea .marketBlock,
#jp_index #marketArea .rankingBlock,
#jp_index #marketArea .snsBlock {
width:425px;
}
#jp_index #marketArea .headingBox {
background-color:#363e48;
padding:10px;
}
	#jp_index #marketArea .headingBox a,
	#jp_index #marketArea .headingBox em {
		position: relative;
		display: inline-block;
		padding-left: 1.2em;
		font-weight: bold;
		font-size: 1.8rem;
		color: #fff;
	}
	#jp_index #marketArea .headingBox span {
	font-size:1.2rem;
	color: #dbdcde;
	margin-left:10px;
	}

#jp_index #marketArea .marketBlock {
float:left;
margin-right:15px;
}
	#jp_index #marketArea .marketBlock .indexNikkei {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
			-ms-flex-align: center;
	align-items: center;
	padding: 15px;
	background-color: #fff;
	border:solid #cccccc;
	border-width:0 1px;
	}
	#jp_index #marketArea .marketBlock .pgh-notice-02 {
	margin-top:1em;
	}
	#jp_index #marketArea .indexNikkei > .marketInfoBox p {
	float:left;
	}
	#jp_index #marketArea .indexNikkei > .marketInfoBox p:first-child {
	margin-top:15px;
	}
	#jp_index #marketArea .indexNikkei > .marketInfoBox > .average {
	font-weight: bold;
	font-size: 30px;
	font-size: 3rem;
	color: #555;
	margin-left:10px;
	}
	#jp_index #marketArea .value {
	display: inline-block;
	margin-left: 10px;
	font-weight: normal !important;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	}
	#jp_index #marketArea .marketBlock .otherMarket {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	border:solid #cccccc;
	border-width:0 1px 1px;
	}

#jp_index #marketArea .rankingBlock {
float:right;
}
	#jp_index #marketArea .rankingBlock .iconLink {
	margin-top: 1em;
	font-size: 87.5%;
	padding-left:22px;
	background:url(/img/arrow_top.png) 0 2px no-repeat;
	}
	#jp_index #marketArea .rankingBlock .iconLink > a {
	}
	#jp_index #marketArea .rankingBlock .tabWrap01 {
	margin-top:0;
	}
	#jp_index .rankingBlock .tabDetail {
	margin-top:0;
	}

#jp_index #marketArea .value.plus {
	color: #db5353 !important;
}
#jp_index #marketArea .value.minus {
	color: #668ddc !important;
}
#jp_index #marketArea .indexNikkei > .chartBox {
	width: 172px;
}
#jp_index #marketArea .headingBox > .heading > a:before,
#jp_index #marketArea .headingBox > .heading > em:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-top: 2px solid #e00025;
	border-right: 2px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#jp_index #marketArea .headingBox .pullDown {
	position: absolute;
	top: 0;
	right: 60px;
	width: 150px;
	height: 36px;
	padding: 0 0 0 10px;	
	background: #76889b;
	border: none;
	color: #fff;
}
#jp_index #marketArea .marketBlock .otherMarket > .marketInfoBox {
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
			-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
			-ms-flex-pack: space-between;
	justify-content: space-between;
	width: 50%;
	min-height: 60px;
	background-color: #dddddd;
}
#jp_index #marketArea .marketBlock .otherMarket > .marketInfoBox:nth-child(1),
#jp_index #marketArea .marketBlock .otherMarket > .marketInfoBox:nth-child(4n),
#jp_index #marketArea .marketBlock .otherMarket > .marketInfoBox:nth-child(4n+1) {
	background-color: #f3f3f3;
}
#jp_index #marketArea .marketBlock .otherMarket > .marketInfoBox > .name {
	width: 50px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	margin-left:7px;
}
#jp_index #marketArea .marketBlock .otherMarket > .marketInfoBox > .average {
	width: 65px;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1;
}
#jp_index #marketArea .marketBlock .otherMarket > .marketInfoBox > .value {
	width: 60px;
	font-size: 12px !important;
	font-size: 1.2rem !important;
	margin-left: 0;
	margin-right:7px;
	line-height: 1;
	text-align: right;
}
#jp_index .tabWrap01 .tabNav {
	display: -webkit-flex;
		display:-ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	border:solid #cccccc;
	border-width:0 1px;
}
#jp_index .tabWrap01 > .tabNav > li {
	width: 50%;
}
#jp_index .tabWrap01 > .tabNav > li:before {
	display: none;
}
#jp_index .tabWrap01 > .tabNav > li > a {
	position: relative;
	display: block;
	padding: 15px 30px;
	background-color: #e5e7eb;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	text-align: center;
	line-height: 1.4;
}
#jp_index #marketArea .tabWrap01 > .tabNav > li > a {
	padding: 15px;
	background-color: #00a6bc;
	font-size:1.5rem;
	font-weight: bold;
	color: #fff;
}
#jp_index .tabWrap01 > .tabNav > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#jp_index #marketArea .tabWrap01 > .tabNav > li > a:before {
	border-top-color: #fff;
	border-right-color: #fff;
}
#jp_index .tabWrap01 > .tabNav > li.active > a {
	background-color: transparent;
}
#jp_index #marketArea .tabWrap01 > .tabNav > li.active > a {
	background-color: #c2f5fc;
	color:#000000;
}
#jp_index .tabWrap01 > .tabNav > li.active > a:before {
	display: none;
}
#jp_index .tabWrap01 > .tabNav > .active > a:after {
	display: none;
}
#jp_index .tabWrap01 > .tabNav > li > a > span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
#jp_index #marketArea .tabWrap01 > .tabNav > li > a > span {
	padding-left: 0;
	background: none;
}
#jp_index .tabWrap01 > .tabNav > li:first-child > a {
	border-left: none;
}
#jp_index .tabDetail {
	margin-top: 30px;
}
#jp_index .rankingBlock .tabDetail table {
	width: 100%;
	border: none;
	border:solid #cccccc;
	border-width:0 1px 1px;
}
#jp_index .rankingBlock .tabDetail table th,
#jp_index .rankingBlock .tabDetail table td {
	border: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #000000;
	box-sizing: border-box;
}
#jp_index .rankingBlock .tabDetail table th {
	padding: 7px;
}
#jp_index .rankingBlock .tabDetail table td {
	padding: 12px 5px;
}
#jp_index .rankingBlock .tabDetail table tr {
	background-color: #f3f3f3;
}
#jp_index .rankingBlock .tabDetail table tr:first-child {
	background-color: #dddddd;
}
#jp_index .rankingBlock .tabDetail table tr:nth-child(2n) {
	background-color: #ffffff;
}
#jp_index .rankingBlock .tabDetail table tr:first-child th {
	color: #000000;
	text-align:center;
}
#jp_index .rankingBlock .tabDetail table .rank {
}
#jp_index .rankingBlock .tabDetail table .code {
	text-align: center;
}
#jp_index .rankingBlock .tabDetail table .name {
}
#jp_index .rankingBlock .tabDetail table .rate {
}
#jp_index .rankingBlock .tabDetail table .recent {
}
#jp_index .rankingBlock .tabDetail table .change {
}
#jp_index .rankingBlock .tabDetail table .rank1,
#jp_index .rankingBlock .tabDetail table .rank2,
#jp_index .rankingBlock .tabDetail table .rank3 {
	padding: 5px;
	font-size: 30px;
	font-size: 3rem;
	text-align: center;
	line-height: 1.2;
}
#jp_index .rankingBlock .tabDetail table .rank1 {
	color: #b8951c;
}
#jp_index .rankingBlock .tabDetail table .rank2 {
	color: #9a9aab;
}
#jp_index .rankingBlock .tabDetail table .rank3 {
	color: #d66f6f;
}
#jp_index .rankingBlock .tabDetail table .rate {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: right;
}
#jp_index .rankingBlock .tabDetail table th.rate {
}
#jp_index .rankingBlock .tabDetail table .rate > span {
	font-weight: bold;
	font-size: 21px;
	font-size: 2.1rem;
}
#jp_index .rankingBlock .tabDetail table .rate.plus {
	color: #db5353 !important;
}
#jp_index .rankingBlock .tabDetail table .rate.minus {
	color: #668ddc !important;
}
#jp_index .rankingBlock .tabDetail table td.recent {
}

#jp_index .boder_ddd {
	border: 1px solid #dddddd;
	padding: 20px 0 0;
}
#jp_index .boder_top_ddd {
	border-top: 1px solid #dddddd;
	padding: 10px 0 0 20px;
}

/* newsArea */
#jp_index #newsArea {
	width: 100%;
	margin: 0 auto 30px;
	zoom: 1;
	background-color:#f5f3f3;
	padding:27px 0 20px;
}
#jp_index #newsArea .ttl-h2-01 {
	text-align:center;
	margin-top:0;
}
#jp_index #newsArea:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
}
#jp_index #newsArea div {
	float: left;
}
#jp_index #newsArea div:nth-child(2) {
	width: 375px;
	margin-right: 20px;
	margin-left:28px;
}
#jp_index #newsArea div:nth-child(n+3) {
	width: 140px;
	height: 157px;
	margin-right: 15px;
}
#jp_index #newsArea div:nth-child(3n+5) {
	margin-right: 0
}
#jp_index #newsArea div img {
	width: 100%;
	-webkit-transition: opacity .1s linear;
	transition: opacity .1s linear;
	margin-bottom:5px;
}
#jp_index #newsArea div a {
	color: #000000;
	display: block;
	position: relative;
	text-decoration: none;
}
#jp_index #newsArea div dl {
	line-height: 1.6;
}
#jp_index #newsArea div:nth-child(2) dt {
	font-size: 1.2rem;
}
#jp_index #newsArea div:nth-child(n+3) a {
	line-height: 1.2;
}
#jp_index #newsArea div:nth-child(n+3) dl {
	line-height: 1.4;
}
#jp_index #newsArea div:nth-child(n+3) dt {
	font-size: 1.0rem;
}
#jp_index #newsArea div:nth-child(n+3) dd {
	font-size: 1.2rem;
}
#jp_index #newsArea ul {
	margin-left:100px;
	clear: both;
}
#jp_index #newsArea li {
	float:left;
	margin-top:35px;
	margin-right:35px;
}


/* お客さま限定 */
#jp_index #newsArea div.membersonly_true:nth-child(2) a:after {
	content: "お客さま限定";
	position: absolute;
	top: 10px;
	left: 10px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.5);
	border: solid 2px #ffffff;
	text-align: center;
	padding: 5px 15px;
}
#jp_index #newsArea div.membersonly_true:nth-child(n+3) a:after {
	content: "お客さま限定";
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	background-color: rgba(0,0,0,0.5);
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	padding: 3px 0;
}


/* お手続きの流れ */
.procedureFlow {
	display:flex;
	flex-wrap:wrap;
}
	.procedureFlow > div {
		width:17%;
		position: relative;
		margin:0 3% 1em 0;
	}
	.procedureFlow > div::after {
		content: '';
		width: 14px;
		height: 14px;
		border-top: solid 2px #ee3030;
		border-right: solid 2px #ee3030;
		position: absolute;
		right:-11%;
		top: 52px;
		transform: rotate(45deg);
	}
	.procedureFlow > div:last-child {
		margin-right:0;
	}
	.procedureFlow > div:last-child::after {
		content: none;
		border: none;
	}

		.procedureFlow > div dl {
			margin-bottom:0.5em;
			text-align:center;
			border:solid 1px #ff8f8e;
			padding:20px 0 30px;
		}
		.procedureFlow > div:nth-child(1) dl {background-color:#ffffff;}
		.procedureFlow > div:nth-child(2) dl {background-color:#fff0f1;}
		.procedureFlow > div:nth-child(3) dl {background-color:#ffe1e1;}
		.procedureFlow > div:nth-child(4) dl {background-color:#ffcfcf;}
		.procedureFlow > div:nth-child(5) dl {background-color:#fababa;}

			.procedureFlow > div dl dt {
				color:#ee3030;
				font-weight:bold;
				margin-bottom:1em;
			}
			.procedureFlow > div dl dd {
				color:#333;
				font-weight:bold;
			}

		.procedureFlow > div a {
			display:block;
			position:relative;
			color:transparent;
		}
		.procedureFlow > div a::after {
			content: '';
			position:absolute;
			bottom:10px;
			left:44%;
			width: 0;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #ee3030;
			transition: all .3s;
		}

		.procedureFlow > div a:hover {
			text-decoration:none;
		}
		.procedureFlow > div a:hover::after {
			bottom:3px;
		}
		.procedureFlow > div a:hover dl dd {
			text-decoration:underline;
		}



