@charset "utf-8";

/*
	y-fx-study.css

	1. 共通レイアウト
		1-1.クリアフィックス
	2. FX会社を選ぶ（ハブ）
		2-1.h1
		2-2.FX投資入門
		2-3.今すぐわかるFX
		2-4.チャート詳細下アフェリエイト枠
*/

/*==============================================================
 1. 共通レイアウト
==============================================================*/
/*------------------------
1-1.クリアフィックス
------------------------*/
#mitoshi .module-body:after,
.clearfix:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

#mitoshi .module-body,
.clearfix
{
	zoom: 1;
}

/*==============================================================
 2. FXを学ぶ（ハブ）
==============================================================*/
/*------------------------
2-1.h1
------------------------*/
#main h1.hub {
	height: 71px;
	margin-bottom: 20px;
	padding-left: 77px;
	background: url(http://i.yimg.jp/images/fx/market/market_h1.gif) 0 0 no-repeat;
	font-size: 138%;
	font-weight: bold;
}

#main h1.hub p {
	display: table-cell;
	vertical-align: middle;
	/display: inline;	/* IE6用ハック */
	/zoom: 1;	/* IE6用ハック */
}

#main h1.hub p.space {
	height: 71px;
}

/*------------------------
2-2.外国為替レート、チャート
------------------------*/
#rate-chart .module-body {
	margin-bottom: 20px;
}

div#ratelist {
	margin:0 0 10px 6px;
	padding: 6px 0;
	width: 602px;
}

div#ratelist p.date {
	text-align: right;
	margin-bottom: 3px;
}

div#ratelist th,
div#ratelist td {
	width: 100px;
}

div#ratelist thead td {
	padding: 5px;
	background: #CFCFCF;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	text-align: center;
}

div#ratelist tbody th,
div#ratelist tbody td {
	padding: 3px;
	text-align: center;
}

div#ratelist tbody td.U {
	background: #F9E8E8 url(http://i.yimg.jp/images/fx/market/ratelist_arrow_u.png) 82px 50% no-repeat;
}

div#ratelist tbody td.D {
	background: #E0E7FA url(http://i.yimg.jp/images/fx/market/ratelist_arrow_d.png) 82px 50% no-repeat;
}

div#ratelist tr.EURJPY,
div#ratelist tr.GBPJPY,
div#ratelist tr.CADJPY,
div#ratelist tr.ZARJPY,
div#ratelist tr.GBPUSD {
	background: #F0F0F0;
}

#chartlist {
  magin:auto 0px;
  padding:6px 0;
  text-align:center;
  width:602px;
  margin-left:6px;
}

#chartlist .chart_main {
	width:198px;
	float:left;
	margin-bottom:15px;
}


#chartlist .chart_main_nobtm {
	width:198px;
	float:left;
}

#chartlist .chart_main h3 ,
#chartlist .chart_main_nobtm h3 {
	background-color:#edebdd;
	padding:3px;
	font-weight:bold;
}

#chartlist .chart_main img ,
#chartlist .chart_main_nobtm img {
	margin-top:5px;
}

#chartlist .mgnr4 {
	margin-right:4px;
}

.remarks-set {
	overflow:hidden;
	margin:0 36px 15px 36px;
	width:542px;
	
}

.remarks-set .offer {
  margin-top:3px;
  text-align:right;
  width:608px;
}

.remarks-set .offer02 {
	float:right;
	display:inline;
}

#chartlist .remarks {
	text-align:left;
	padding-left:10px;
	float:left;
}

.remarks-set .remarks02 {
	float:left;
	display:inline;
}

#chartlist .remarks .red,
.remarks-set .remarks02 .red {
	color:#FF0000;
}

#chartlist .remarks .blue,
.remarks-set .remarks02 .blue {
	color:#0000FF;
}

#rate-chart p.more {
  text-align: right;
}

#rate-chart p.more a {
	padding: 1px 0 1px 17px;
	background: url(http://i.yimg.jp/images/fx/common/point02.gif) 0 50% no-repeat;
}

#chartlist-main {
	text-align:center;
	margin-top:15px;
}

div#twitter {
	text-align:center;
	margin:0 auto;
	width:476px;
	margin-bottom:25px;
}

div#twitter .main {
	background:url(http://i.yimg.jp/images/fx/chart/twitter_bg.gif) repeat-y;
	padding:5px 17px 3px 17px;
	text-align:left;
}

div#twitter .main img.tubu_button {
margin-top:-0.3em;
vertical-align:middle;
}

/*------------------------
2-3.本日の見通し
------------------------*/
#mitoshi .module-body {
	padding: 6px 10px 20px 10px;
}

#mitoshi .img {
	float: left;
}

#mitoshi .txt {
	margin-left: 197px;
	min-height: 100px;
}

#mitoshi p.more {
  text-align: right;
	margin-top: 10px;
}

#mitoshi p.more a {
	padding: 1px 0 1px 17px;
	background: url(http://i.yimg.jp/images/fx/common/point02.gif) 0 50% no-repeat;
}


/*------------------------
2-4.チャート詳細下アフェリエイト枠
------------------------*/

#fxcompany-link {
	border:1px solid #089dcb;
	margin-bottom:16px;
	
}

#fxcompany-link .set2 {
	overflow:hidden;
	width:612px;
}

#fxcompany-link h2 {
	background: url("http://i.yimg.jp/images/fx/chart/fxcompany_title.png") no-repeat scroll ;
    text-indent: -9999px;
}


#fxcompany-link .fxcom-pickup01{
	float:left;
	position: relative;
	margin: 8px 0 0 11px;
	_margin: 8px 0 0 5px;
	border-right:1px dotted #7f7f7f;
	padding-right:10px;
	width:281px;
	_zoom: 1;	/* IE6用CSSハック */
}

#fxcompany-link .fxcom-pickup02{
	float:left;
	position: relative;
	margin: 8px 11px 0 11px;
	width:280px;
	_zoom: 1;	/* IE6用CSSハック */
}


#fxcompany-link .fxcom-pickup01 h3,#fxcompany-link .fxcom-pickup02 h3 {
padding-left: 45px;
font-weight:bold;
}

#fxcompany-link .fxcom-pickup01 h3 .title {
	background: url("http://i.yimg.jp/images/fx/chart/gold_icon.png") no-repeat scroll ;
	padding:3px 0 3px 27px;
	height:22px;
}

#fxcompany-link .fxcom-pickup02 h3 .title {
	background: url("http://i.yimg.jp/images/fx/chart/silver_icon.png") no-repeat scroll ;
	padding:3px 0 3px 24px;
	height:22px;
}

#fxcompany-link .fxcom-pickup01 p,#fxcompany-link .fxcom-pickup02 p {
padding-left: 47px;
font-weight:bold;
margin-bottom:5px;
}

#fxcompany-link .fxcom-pickup01 h3 img,#fxcompany-link .fxcom-pickup02 h3 img{
	left: 0px;
	position: absolute;
	top: 0px;
}

#fxcompany-link  p.more {
	text-align: right;
	margin: 6px 12px 8px 12px;
}

#fxcompany-link  p.more a {
	padding: 1px 0 1px 17px;
	background: url(http://i.yimg.jp/images/fx/common/point02.gif) 0 50% no-repeat;
}