@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;
}

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

.offer02 {
  margin:3px 32px 20px 0;
  text-align:right;
  
}

#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;
}

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

#main-contents .remarks02 {
	text-align:right;
	margin-bottom:10px;
	margin-right:32px;
}

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

#chartlist .remarks .blue,
#main-contents .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;
}

/*------------------------
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;
}