@charset "utf-8";

/*--------------------------------------------------
  == OKASAN NET TRADER Common Style ==
--------------------------------------------------*/



/*--------------------------------------------------
総合トップ
--------------------------------------------------*/
#itemBox {
padding:0 20px;
margin-bottom:10px;
}
	#itemBox .boxLeft,
	#itemBox .boxCenter,
	#itemBox .boxRight {
	width:320px;
	height:335px;
	background-color:#ffffff;
	margin-bottom:20px;
	}
	#itemBox .boxLeft {
	margin-right:20px;
	float:left;
	}
	#itemBox .boxCenter {
	float:left;
	}
	#itemBox .boxRight {
	float:right;
	}
	#itemBox h2 {
	color:#ffffff;
	font-size:108%;
	font-weight: bold;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin-bottom:1em;
	border: none;
	padding:0;
	background:#000000 url(../new_images/common/h1_ico.gif) 0 50% no-repeat;
	}
		#itemBox h2 a {
		display:block;
		padding:10px 20px;
		}
	#itemBox h2.special{
	background:#000000 url(../new_images/common/h1_ico_2.gif) 0 50% no-repeat;
	}
		#itemBox h2.special a:hover,
		#itemBox h2.special a:focus,
		#itemBox h2.special a:active {
		color:#e68200;
		text-decoration:underline;
		}
	#itemBox p {
	padding:0 10px;
	margin-bottom:1em;
	}
	#itemBox p.boxImg {
	padding:0;
	margin-bottom:0;
	text-align:center;
	}

#itemBox h3.h3_01 {
font-size: 100%;
font-weight: bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
margin: 0 10px 7px;
padding-bottom: 2px;
background: url(../new_images/common/h3_line.png) 0 100% repeat-x;
}

#itemBox .caption {
font-size: 90%;}

#itemBox .btnMore {
font-size:8pt;
font-weight:bold;
color:#fff;
text-align:center;
display:block;
width:120px;
background-color:#4B87FF;
margin:0.5em 0 1.5em auto;
padding:0.3em;
border-radius: 2px;/* CSS3 角丸指定 */
-webkit-border-radius: 2px;/* Safari,Google Chrome用 */
-moz-border-radius: 2px;/* Firefox用 */
}
	#itemBox .btnMore:hover {
	text-decoration:none;
	background-color:#7DAEFF;
	}


.tableHead {
color:#ffffff;
margin-bottom:0.5em;
padding-left:20px;
background:url(../new_images/common/h1_ico.gif) 0 4px no-repeat;
font-size:146.5%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.toolTableNotice {
color:#ffffff;
font-size:85%;
}
	.toolTableNotice li {
	float:left;
	padding-right:20px;
	}
	.toolTableNotice li span {
	padding-right:7px;
	}
.toolTable {
color:#ffffff;
margin-bottom:0.7em;
font-size:93%;
}
	.toolTable th,
	.toolTable td {
	padding:10px 7px;
	text-align:center;
	border-color:#333333;
	}
	.toolTable thead {
	}
		.toolTable thead th {
		background:url(/ont/new_images/tableBg01.jpg) 0 100% repeat-x;
		font-weight:bold;
		}
	.toolTable tbody {
	}
		.toolTable tbody td {
		background:url(/ont/new_images/tableBg02.jpg) 0 100% repeat-x;
		}
			.toolTable tbody td a {
			display:block;
			color:#57ceff;
			font-weight:bold;
			}
			.toolTable tbody td a:hover {
			}
			.toolTable tbody td span {
			font-size:85%;
			}
		.toolTable tbody td.about {
		text-align:left;
		}
		.toolTable tbody td.tool {
		}









/*--------------------------------------------------
岡三ネットトレーダーシリーズ アンケート
--------------------------------------------------*/
h3.h3_enq {
font-size:123.1%;
font-weight:bold;
color:#4b87ff;
margin-bottom:1em;
}
.enqLeftColumn {
width:215px;
float:left;
padding-right:20px;
}
.enqRightColumn {
width:435px;
float:left;
}


/*--------------------------------------------------
2013年上期ツールNo1獲得！
「みんかぶ証券ランキング」プロデューサーが語る
岡三オンラインのツールがスゴいワケ
--------------------------------------------------*/
h3.h3_tool {
font-size:123.1%;
font-weight:bold;
color:#4b87ff;
margin-bottom:0.5em;
}
#ont_special_tool_no1 .dottline {
padding-bottom:1em;
}
.minkabu_profile {
border:solid 1px #686868;
padding:15px;
}
	.minkabu_profile img {
	float:left;
	border:solid 2px #cccccc;
	margin-right:20px;
	}
	.minkabu_profile h2 {
	font-size:108%;
	font-weight:bold;
	margin-bottom:0.5em;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	}
#iv-after{
margin-top:40px;
}
/*--------------------------------------------------
岡三ネットトレーダーシリーズ 基本的な使い方
--------------------------------------------------*/

/* 岡三ネットトレーダー紹介 */
.blogbottom {
width:556px;
margin:0 auto;
padding-bottom:6px;
background:url(/ont/use/stepup/img/idx_blog_footer.gif) 0 100% no-repeat;
}
.blogtop {
padding-top:34px;
background:url(/ont/use/stepup/img/idx_blog_ttl.gif) 0 0 no-repeat;
}
.blog{
background:#333333;
padding:20px 20px 10px 20px;
}
	.blog p{
	color:#fff;
	}
	.blog p.left{
	float:left;
	}
	.blog p.right{
	width:300px;
	float:right;
	}
	.blog p.button{
	text-align:center;
	}


/*--------------------------------------------------
岡三ネットトレーダーシリーズ トップページ FLASH 192x108　⇒　325(movieは324)x220
--------------------------------------------------*/
#indexMovie {
background: url(/ont/new_images/banner/movie_bg.png) no-repeat;
height: 208px;
width: 325px;
padding-top: 12px;
padding-left: 3px;
}
	#indexMovie p.txt {
	color: #ffffff;
	padding-left: 0.5em;
	min-height: 1em;
	font-size:88%;
	}

/*--------------------------------------------------
岡三ネットトレーダーシリーズ 統合トップ FLASH 320x180
--------------------------------------------------*/
#ont_index #topMainimg{
height:370px;
width:auto;
background-color:#000000;
text-align:center;
margin-bottom:30px;
}
#ont_index #topMovie{
background:url(/ont/new_images/mainimg/oricon_all_main_minkabu.jpg) right top no-repeat;
width:1000px;
height:370px;
margin:0 auto;
text-align:left;
padding:85px 0 0 0;
}
	#topMovie p.txt {
	color: #ffffff;
	padding: 0 0.5em 0.2em 0;
	min-height: 1em;
	font-size:88%;
	}


/*--------------------------------------------------
スマホアプリ 利用申込・インストール手順
--------------------------------------------------*/
.android_title,
.iphone_title {
color:#ffffff;
text-align:center;
font-weight:bold;
font-size:108%;
padding:3px 0;
}
.android_title {background-color:#a4c739;}
.iphone_title {background-color:#00aaaa;}

.smt_ico {
border:solid 5px #cccccc;
padding:5px;
float:right;
}
	.smt_ico .smt_ico_img {
	float:left;
	padding-right:10px;
	}
	.smt_ico dl {
	float:left;
	}
	.smt_ico dt {
	font-weight:bold;
	}
	.smt_ico dd {
	font-size:93%;
	}
.smt_qr {
float:left;
}
.smt_step {
}
	.smt_step li {
	float:left;
	padding-right:40px;
	}


/*--------------------------------------------------
岡三RSS　利用申込・インストール手順
--------------------------------------------------*/
.excelBtn {
}
	.excelBtn li {
	float:left;
	padding-right:20px;
	}


/*--------------------------------------------------
機能・サービス
--------------------------------------------------*/
#ont_function_index {
}
	#ont_function_index .tbl-data-01 {
	font-size:93%;
	}
		#ont_function_index .tbl-data-01 .toolTitle {
		font-size:85%;
		}
		#ont_function_index .tbl-data-01 th,
		#ont_function_index .tbl-data-01 td {
		padding: 0.4em 6px;
		}


/*--------------------------------------------------
岡三ネットトレーダースマホF for iPad　簡易マニュアル
--------------------------------------------------*/
.manualImg {
margin-bottom:0.2em;
}
	.manualImg li {
	width:210px;
	text-align:center;
	font-weight:bold;
	float:left;
	padding-right:12px;
	}
	.manualImg img {
	width:210px;
	}
.imgTxt {
margin-bottom:1em;
font-size:93%;
}
.itemlist {
margin-bottom:1em;
}
	.itemlist li {
	-webkit-text-size-adjust:auto !important;
	margin-bottom:0.3em;
	padding-left:10px !important;
	padding-right:12px !important;
	background:url(../new_images/common/listdott.png) no-repeat 0 50%;
	float:left;
	}


/*--------------------------------------------------
著名なトレーダーが語る 岡三ネットトレーダーはここがスゴイ！
--------------------------------------------------*/
/* dis-block01 */
.dis-block01{
margin:0 auto 30px;
padding:0;
width:548px;
border:4px solid #000;
}
.dis-block01 h1{
float:left;
margin:0;
padding:0;
}
.dis-block01 p{
float:right;
margin:0 !important;
padding:0 !important;
}
.dis-block01 ul{
clear:both;
margin:0;
padding:0;
width:550px;
list-style-type:none;
}
.dis-block01 ul li{
display:inline;
float:left;
margin:0;
padding:0 0 3px;
list-style-type:none;
}
.dis-block01 ul li ul{
display:list-item;
padding:0 3px 3px 7px;
width:99px;
}
.dis-block01 ul li ul li{
display:list-item;
float:none;
margin:0;
padding:0;
font-size:0.833em;
}
.dis-block01 p.link-para01{
float:none;
margin-left:7px !important;
width:102px;
font-size:0.833em;
}
.dis-block01 p.link-para01 a{
padding-left:7px;
background:url(/ont/img/link_icon02.gif) left 0.3em no-repeat;
}

/* trader-block01 */
div.trader-block01{
margin:0 auto 20px;
padding:0;
width:556px;
background:url(/ont/img/tb01_bg01.gif) left top no-repeat;
}
div.trader-block01 div.tb-cont{
margin:0;
padding:25px 13px 5px;
width:530px;
background:url(/ont/img/tb01_bg02.gif) left bottom no-repeat;
}
div.trader-block01 h2{
margin:0 0 12px 5px;
padding:0 7px;
width:auto;
border-left:2px solid #f00;
background:none;
color:#000;
font-weight:bold;
}
div.trader-block01 h2 span{
font-size:1.166em;
margin: 0 0 0 10px;
font-weight: normal;
}
div.trader-block01 dl dt{
margin:0 0 2px;
padding:0;
font-weight:bold;
}
div.trader-block01 dl dd{
margin:0 0 15px;
padding:0;
}
div.trader-block01 p.element-left{
margin-right:10px;
width:205px;
}

/* report-nav-block */
div.report-nav-block{
width:548px;
margin:0 auto 20px;
padding:4px;
background:#171521;
}
div.report-nav-block h1{
position:relative;
margin:-4px -4px 0;
padding:0;
}

/* page-nav01 */
ul.page-nav01{
margin:0 0 10px;
}
ul.page-nav01 li{
display:inline;
float:left;
margin:0;
padding:0;
}
ul.page-nav01 li img{
display:block;
}

/* page-nav02 */
ul.page-nav02{
margin:0;
padding:0 10px 5px;
}
ul.page-nav02 li{
position:relative;
display:inline;
float:left;
margin:0 -2px 5px 0;
padding:0 13px;
border-left:2px solid #fff;
border-right:2px solid #fff;
font-weight:bold;
line-height:1;
white-space:nowrap;
}
ul.page-nav02 li a:link{color:#fff !important;}
ul.page-nav02 li a:visited{color:#fff !important;}
ul.page-nav02 li a:hover{color:#fff !important;}
ul.page-nav02 li a:active{color:#fff !important;}

.talk-list01 {
zoom:1;
}
.talk-list01:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	.talk-list01 dt,
	.talk-list01 dd {
	}
	.talk-list01 dt {
	float:left;
	margin:0;
	padding:0;
	width:80px;
	}
	.talk-list01 dd {
	margin:0 0 20px 80px;
	}
		.talk-list01 dd .arrow2 a {
		display:block;
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 3px;
		background-image:url(../new_images/common/arrow01.gif);
		}

.element-right {
width:181px;
float:right;
display: inline;
margin: 0 0 15px 15px;
font-size:85%;
}
	.element-right img {
	padding-bottom:0.5em;
	}
.element-right2 {
display: inline;
float: right;
margin: 0 0 15px 15px;
width: 72px;
}

.element-left {
width:204px;
float:left;
padding-right:15px;
font-size:85%;
}

.report-list01 {
margin-bottom:2em;
}
	.report-list01 li {
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../new_images/common/dott_grey.png) 0 100% repeat-x;
	zoom:1;
	}
	.report-list01 li:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	font-size:0;
	}
		.report-list01 li .icon {
		float:left;
		padding-right:15px;
		}
.block-column2 {
zoom:1;
}
.block-column2:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	.block-column2 .cont {
	width:268px;
	float:left;
	padding-right:30px;
	}
.switch-block {
margin-bottom:2em;
}

.switch-list {
}
	.switch-list li {
	margin-bottom:0.5em;
	}
		.switch-list li a {
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 0;
		background-image:url(../new_images/common/arrow01.gif);
		}
.trader-block01 {
margin-bottom:2em;
}
.tb-cont {
zoom:1;
}
.tb-cont:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
.text-type01 {
padding-top:5px;
font-size:85%;
}

/*--------------------------------------------------
お知らせ一覧
--------------------------------------------------*/
.infolist {
}
	.infolist dl {
	}
	.infolist dt,
	.infolist dd {
	float:left;
	padding-bottom:7px;
	}
	.infolist dt.date {
	width:110px;
	}
	.infolist dt.icon {
	padding:1px 10px 0 0;
	}
	.infolist dd {
	width:490px;
	}


/*--------------------------------------------------
サンプルファイル
--------------------------------------------------*/
.imgTxtLayoutC01 {
}
	.imgTxtLayoutC01 .item {
	width:180px;
	float:left;
	margin-right:20px;
	}
.imgTxtLayoutA07 {
margin-bottom:1.5em;
padding-bottom:1em;
background:url(/ont/new_images/common/dott_grey.png) 0 100% repeat-x;
}
.imgTxtLayoutA07:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	.imgTxtLayoutA07 .txtArea {
	width:500px;
	float:left;
	}
	.imgTxtLayoutA07 .imgArea {
	width:150px;
	float:right;
	}


/*--------------------------------------------------
岡三ネットトレーダーWEB体験レポート
--------------------------------------------------*/
.kubota {
margin:0 auto 30px !important;
width:526px;
}
.imgTxtLayoutA01 {
}
	.imgTxtLayoutA01 .imgArea {
	width:180px;
	float:left;
	}
	.imgTxtLayoutA01 .txtArea {
	width:475px;
	float:right;
	}


/*--------------------------------------------------
岡三RSS活用術
--------------------------------------------------*/
.topicLayout {
margin-bottom:1em;
background:url(/ont/new_images/common/dott_grey.png) 0 100% repeat-x;
}
.topicLayout:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	.topicLayout .imgArea {
	width:99px;
	float:left;
	}
	.topicLayout .txtArea {
	width:560px;
	float:right;
	}
.movieBtn {
text-align:right;
}
.rssmovielist01 {
}
	.rssmovielist01 dt {
	font-weight:bold;
	font-size:116%;
	}
	.rssmovielist01 dd {
	margin-bottom:1em;
	padding-bottom:0.3em;
	background:url(/ont/new_images/common/dott_grey.png) 0 100% repeat-x;
	}
.listmenu_left,
.listmenu_right {
width:325px;
}
.listmenu_left {
float:left;
}
.listmenu_right {
float:right;
}
	.listmenu_left .arrow2,
	.listmenu_right .arrow2 {
	margin-bottom:2em;
	}
		.listmenu_left .arrow2 li,
		.listmenu_right .arrow2 li {
		margin-bottom:0.3em;
		}
		.listmenu_left .arrow2 a,
		.listmenu_right .arrow2 a {
		display:block;
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 3px;
		background-image:url(../new_images/common/arrow01.gif);
		}
#mve_flv {
text-align:center;
margin-bottom:3em;
}
.arrow3 {
}
	.arrow3 a {
	height:13px;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0 50%;
	background-image:url(../new_images/common/arrow01.gif);
	white-space: nowrap;
	}
.sheet {
margin-top:0.5em;
}
	.sheet span {
	padding:4px;
	background-color:#eee;
	}
.definition-01 {
margin-bottom:1em;
padding-bottom:1em;
background:url(/ont/new_images/common/dott_grey.png) 0 100% repeat-x;
}
.definition-01:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	.definition-01 dt {
	font-weight:bold;
	font-size:116%;
	}
	.definition-01 .text {
	width:500px;
	float:left;
	}
	.definition-01 .btn {
	float:right;
	}
.em-blue,
.em-green,
.em-pink {
font-size: 123.1%;
font-weight: bold;
font-style: normal;
}
.em-blue {
color: #0000ff;
}
.em-green{
color:#009900;
}
.em-pink{
color:#ff00ff;
}


/* 岡三RSS活用編動画 */
#mve_flv {
width:676px;
padding:10px 0;
text-align:center;
background-color:#000000;
}
.fixed {
position: fixed;
top: 0;
left:50%;
margin-left:-468px;
z-index: 10000;
}
#lectureTxt {
}
.flow {
padding-top:440px;
}

#lectureTxt {
font-size:16px;
}
	#lectureTxt h4.h4_01 {
	padding-left:10px;
	}
	#lectureTxt .point {
	padding:10px;
	border:solid 2px #cccccc;
	background-color:#efefef;
	}
	#lectureTxt dt {
	font-weight:bold;
	}
	#lectureTxt dd {
	margin-bottom:0.5em;
	}
	#lectureTxt li {
	margin-bottom:0.5em;
	background: url(/shared/images/blt_dot_02.gif) no-repeat 0 0.5em;
	padding-left:13px;
	}
		#lectureTxt .point h4 {
		font-weight:bold;
		font-size:108%;
		margin-bottom:0.5em;
		}
		#lectureTxt .point dt {
		}
		#lectureTxt .point dd {
		}



.box-important {
background-color: #ffe1e1;
padding: 1em 15px;
}