@import url(http://www.okayasu-shoji.co.jp/n_css/bs_common.css);
@import url(bs_gnav2012_click.css);
@import url(bs_click_header.css);

@import url(http://www.okayasu-shoji.co.jp/n_css/bs_footer.css);

@import url(bs_click_lnavi.css);
/*@import url(bs_click_subnavi.css);*/
@import url(click_disclaimer.css);



/*-bs_main.css---------------------*/

#MAIN	{width:800px;
	display:box;
	margin:0 auto;
	position:relative;
}
#MAIN .square	{float:left;
}

/*　実際の表示部分は幅610px　*/
#main_left	{width:610px;
	float:left;
}
#main_right	{width:180px;
	float:right;
	padding-left:10px;
	margin-bottom:20px;
}
.tree	{width:610px;
	margin-left:10px;
	padding:0 0 6px 0;
	font-size:12px;
}

.info_cpn	{display:block;
	width:500px;
	height:26px;
	padding:0 0 0 110px;
	margin:0 0 5px 0;
	line-height:2.2em;
	background:url("../n_images/info_cpn.gif");
}

/*　商品先物ページのディスクレーマー　*/
.kisei	{clear:both;
	margin:40px 0 0 0;
	padding:20px 0 10px 0;
	border-top:3px double #808080;
	line-height:1.5em;
}
.kisei_date	{text-align:right;
}

/*---------------------------------*/

/*　　トップサブカテゴリのナビゲーション　　*/
.spgb	{width:610px;
	height:32px;
	margin:0 0 1px 0;
	background:url("../n_images/renew1010/bt/bt_subnavi.jpg") no-repeat;
}
.spgb ul	{width:610px;
	height:32px;
	margin:0px;
	padding:0px;
	font-size:12px;
}
.spgb ul li	{width:122px;
	list-style-type:none;
	float:left;
}
.spgb ul li a	{display:block;
	width:122px;
	height:32px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family :'ＭＳ ゴシック','HGP創英角ｺﾞｼｯｸUB','ＭＳ Ｐ明朝';
	color:#ffffff;
	text-shadow:#696969 1px 1px 3px;
	line-height:2.2em;
}
.spgb ul li a:hover {height:32px;
	color:#ffff00;
}
.sp_A	{position:relative;
	top:0px;
	left:14px;
}
.sp_B	{position:relative;
	top:0px;
	left:14px;
}
.sp_C	{position:relative;
	top:0px;
	left:14px;
	letter-spacing:0.7em;
}
.sp_D	{position:relative;
	top:0px;
	left:14px;
}

/*-------------------------------*/


/*　セミナー　*/
.cl_sem	{margin:2px 0 0 0;
}

/*　YouTube　*/
.tab_AR1	{overflow:hidden;
}
#tab_AR2	{float:right;
	width:180px;
//	height:213px;
	height:150px;
	padding:0px;
	margin:0px;
	background:#febd01;
	float:right;
}

/*　　インフォメーション　　*/
.cl_info	{
	height:110px;
	margin:5px 0 20px 0;
}
.cl_info table	{float:;
	width:610px; // ここを400にしたりする
	height:100px;
	line-height:1.8em;
}
.cl_info table .hizuke	{width:45px;
	height:20px;
	text-align:left;
	vertical-align:top;
}
.inst_1	{height:130px;
	padding:30px 0 0 20px;
}
.inst_1 a	{display:block;
	margin-bottom:10px;
}
.midashiW610	{clear:both;
	width:570px;
	height:24px;
	padding:5px 0 0 40px;
	margin:0;
	font-size:16px;
	font-family :'HGP創英角ｺﾞｼｯｸUB','ＭＰ明朝';
	color:#003399;
	text-shadow:#696969 1px 1px 3px;
	background:url("http://www.okayasu-shoji.co.jp/n_images/renew1010/midashiBG_w610.jpg") no-repeat;
}

.midashiW400	{clear:both;
	width:360px;
	height:24px;
	padding:5px 0 0 40px;
	margin:0;
	font-size:16px;
	font-family :'HGP創英角ｺﾞｼｯｸUB','ＭＰ明朝';
	color:#003399;
	text-shadow:#696969 1px 1px 3px;
	background:url("http://www.okayasu-shoji.co.jp/n_images/renew1010/midashiBG_w610.jpg") no-repeat;
}

.midashiW420	{clear:both;
	width:380px;
	height:24px;
	padding:5px 0 0 40px;
	margin:0;
	font-size:16px;
	font-family :'HGP創英角ｺﾞｼｯｸUB','ＭＰ明朝';
	color:#003399;
	text-shadow:#696969 1px 1px 3px;
	background:url("http://www.okayasu-shoji.co.jp/n_images/renew1010/midashiBG_w610.jpg") no-repeat;
}

.shousai a	{display:block;
	position:relative;
	top:-20px;
	text-align:right;
}



/*　　セミナー情報　　*/
.semfx	{
	display:box;
	width:420px;
	height:185px;
	margin:0 auto;
}
.semfx ul	{width:420px;
	height:165px;
	padding:0px;
	margin:0px;
}
.semfx ul li	{display:inline;
}
.semfx ul li a	{display:block;
	width:420px;
	height:50px;
	margin:0 0 5px 0;
	font-size:18px;
	font-weight:bold;
	font-family :'HGP創英角ｺﾞｼｯｸUB','ＭＳ Ｐ明朝';
	text-decoration:none;
	color:#bb5548;
	text-align:center;
	text-shadow:#696969 1px 1px 3px;
	background:url("../n_images/renew1010/bt/bt_sem_BG_W420.jpg") no-repeat;
}
.semfx_c	{margin-right:10px;
}
.semfx_c:hover	{position:relative;
	top:1px;
	left:1px;
}
.semfx_d:hover	{position:relative;
	top:1px;
	left:1px;
}
.semfx ul li a .sem_in	{position:relative;
	top:15px;
}
.semfx  ul li a .sem_out	{position:relative;
	top:15px;
}


/*.okasemfx	{display:box;
	width:610px;
	height:50px;
	margin:0 0 20px 0;
}
.okasemfx ul	{width:610px;
	height:50px;
	padding:0px;
	margin:0px;
}
.okasemfx ul li	{float:left;
	display:inline;
}
.okasemfx ul li a	{display:block;
	width:196px;
	height:50px;
	font-size:18px;
	font-weight:bold;
	font-family :'HGP創英角ｺﾞｼｯｸUB','ＭＳ Ｐ明朝';
	text-decoration:none;
	color:#bb5548;
	text-align:center;
	text-shadow:#696969 1px 1px 3px;
	background:url("../n_images/renew1010/bt/bt_sem_BG_W196.jpg") no-repeat;
}
.pos_c	{margin-right:10px;
}
.pos_c:hover	{position:relative;
	top:1px;
	left:1px;
}
.pos_d:hover	{position:relative;
	top:1px;
	left:1px;
}
.okasemfx ul li a .sem_in	{position:relative;
	top:15px;
}
.okasemfx  ul li a .sem_out	{position:relative;
	top:15px;
}
*/



/*　岡安チャンネル・セミナー情報共通　*/
.midashiW300	{clear:both;
	width:260px;
	height:24px;
	padding:5px 0 0 40px;
	margin:0px;
	font-size:16px;
	font-family :'HGP創英角ｺﾞｼｯｸUB','ＭＰ明朝';
	color:#003399;
	text-shadow:#696969 1px 1px 3px;
	background:url("../n_images/renew1010/midashiBG_w300.jpg") no-repeat;
}

/*　　ブログ・メルマガ　　*/
.blomag	{float:left;
	width:406px;
	height:180px;
	margin:3px 0 15px 0;
	padding:7px;
	background:url("http://www.okayasu-shoji.co.jp/n_images/renew1010/bg_w610_blog.gif") no-repeat;
}
.block_1	{height:40px;
	margin:0 0 6px 0;
}
.block_2	{height:40px;
}

/*　　マーケット分析ツール　　*/
.martool	{width:610px;
	height:40px;
	margin:3px 0 5px 0;
	padding:7px 0;
	background:url("http://www.okayasu-shoji.co.jp/n_images/renew1010/bg_w610_tool.gif") no-repeat;
}
.martool ul	{width:610px;
	height:40px;
	margin:0;
	padding:0;
	list-style-type:none;
}
.martool ul li	{float:left;
	display:inline;
}
.martool ul li a	{display:block;
	width:194px;
	height:40px;
	margin:0 0 0 7px;
}
.martool ul li a:hover	{position:relative;
	top:1px;
	left:1px;
}

/*　　スワップポイント情報　　*/
.swap	{width:180px;
	background:#E6EBF1;
}
.swap table	{width:180px;
	font-size:12px;
	text-align:center;
	margin:3px 0 0 0;
	background:url("../n_images/bg_swap.gif") no-repeat;
}
.swap table tr td	{vertical-align:middle;
}
.swap_1	{font-size:10px;
	text-align:right;
	margin:5px 0 0 0;
}
.swap_2	{padding-right:3px;
	text-align:right;
}
.swap_3	{margin:5px 5px 5px 5px;
	font-size:10px;
}
.swap_4	{margin:0 0 0 106px;
}
.swap_5	{background:url("../images/dotline_365.gif") repeat-x;
}
.w_flag,.w_swap	{font-size:14px;
}


.otodoke	{width:180px;
	height:24px;
	margin:5px 0 20px 0;
	font-size:11px;
	text-indent:-1000em;
	background:url("http://www.soubalife.com/n_images/bg_otodoke.gif") no-repeat;
}

/*　　取引ログイン　　*/
.click_login a	{display:block;
	width:180px;
	height:180px;
	margin:0 0 10px 0;
}
.click_login a:hover	{position:relative;
	top:1px;
	left:1px;
}

/*　　会員専用情報　　*/
.kaiin a	{display:block;
	width:180px;
	height:40px;
	margin:0 0 10px 0;
}
.kaiin a:hover	{position:relative;
	top:1px;
	left:1px;
}

/*　　外国為替情報　　*/
.stv a	{display:block;
	width:180px;
	height:40px;
	margin:0 0 10px 0;
}
.stv a:hover	{position:relative;
	top:1px;
	left:1px;
}

/*　　Twitter　　*/
.twit	{width:180px;
	height:230px;
	margin:10px 0;
}

/*　　口座をお持ちでない方　　*/
.kouza	{width:170px;
	height:73px;
	padding:5px;
	margin:0 0 10px 0;
	background:#e6ebf1;
}
.kouza ul	{display:box;
	padding:0;
	margin:0 0 0 5px;
	list-style-type:none;
}
.kouza ul li a	{display:block;
	width:160px;
	height:64px;
	margin:0 0 2px 0;
}
.kouza ul li a:hover	{position:relative;
	top:1px;
	left:1px;
}

/*　　問合せ　　*/
.toi	{width:170px;
	height:390px;
	padding:5px;
	margin:0 0 10px 0;
	background:#e6ebf1;
}
.toi ul	{display:box;
	padding:0;
	margin:0 0 0 5px;
	list-style-type:none;
}
.toi ul li	{height:60px;
	margin:0 0 5px 0;
}

/*　　ブログ（右サイド）　　*/
.blo	{width:170px;
	height:184px;
	padding:5px;
	margin:0 0 10px 0;
	background:#e6ebf1;
}
.blo ul	{display:box;
	padding:0;
	margin:0 0 0 5px;
	list-style-type:none;
}
.blo ul li	{height:40px;
	margin:0 0 5px 0;
}

/*　　モバイルページ　　*/
.mobpage	{width:170px;
	height:115px;
	padding:0 5px;
	margin:0 0 10px 0;
	background:#e6ebf1;
}
.mobpage img	{float:left;
	margin:0 5px 10px 0;
}
.mob_1	{margin:0 0 0 10px;
	padding:0px;
	line-height:1.4em;
}
.mob_2	{clear:both;
	margin:10px 0 0 0;
	padding:0 0 0 17px;
	background:url("http://www.okayasu-shoji.co.jp/n_images/icon/icon_3.gif") no-repeat left 1px;
}


/*　　ご確認下さい　　*/
.counsel	{width:170px;
	height:80px;
	padding:5px;
	margin:0 0 10px 0;
	background:#e6ebf1;
}
.counsel ul	{display:box;
	padding:0;
	margin:0 0 0 5px;
	list-style-type:none;
}
.counsel ul li a	{display:block;
	margin:0 0 3px 0;
}
.counsel ul li a:hover	{position:relative;
	top:1px;
	left:1px;
}

/*　　取引所リンク　　*/
.exchange	{width:170px;
	height:42px;
	padding:5px;
	margin:0 0 10px 0;
	background:#e6ebf1;
}
.exchange ul	{display:box;
	padding:0px;
	margin:0 0 0 5px;
	list-style-type:none;
}
.exchange ul li	{font-size:12px;
	margin-bottom:3px;
}
.exchange ul li a	{display:block;
	width:150px;
	height:17px;
	padding-left:15px;
	background:url("http://www.okayasu-shoji.co.jp/n_images/icon/icon_4.gif") no-repeat left 10%;
}

/*　　コンテンツ　　*/
.navi_1	{margin:0px;
	padding:0px;
	margin:0 0 10px 0;
	position:relative;
}
.navi_1 li	{width:180px;
	height:24px;
	font-size:12px;
	list-style-type:none;
	margin-bottom:1px;
	background:url("../n_images/bt/bt_lnavi_fx.gif") no-repeat;
}
.navi_1 li a	{display:block;
	width:158px;
	height:20px;
	padding:4px 0 0 22px;
}
.navi_1 li .self	{display:block;
	width:158px;
	height:20px;
	font-weight:bold;
	padding:4px 0 0 22px;
}

.navi_1 .nav_sub	{width:170px;
	padding:5px 0 5px 10px;
	background:url("../n_image/spacer.gif") no-repeat left #ffff99;
}
.navi_1 .nav_sub a	{display:inline;
	padding:0 0 0 12px;
	line-height:1.5em;
	font-size:12px;
	background:url("../n_images/icon/icon_10.gif") no-repeat left 7%;
}
.navi_1 .nav_sub a.selflink	{font-weight:bold;
	color:#191970;
	text-decoration:none;
}
.navi_1 .nav_sub a.selflink:hover	{cursor:default;
	color:#191970;
	text-decoration:none;
}


/*　　PR情報　　*/
.prinfo	{width:170px;
	height:48px;
	padding:5px;
	margin:0 0 10px 0;
	background:#e6ebf1;
}
.prinfo ul	{display:box;
	padding:0;
	margin:0 0 0 5px;
	list-style-type:none;
}
.prinfo ul li a	{margin-bottom:3px;
}