@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.クリアフィックス
------------------------*/
#toushinyumon .module-body:after,
#toushinyumon .txt ul:after,
#fxguide .module-body:after,
#fxguide .txt ul:after,
#sekatu .module-body:after,
#sekatu .txt ul:after,
.clearfix:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

#toushinyumon .module-body,
#toushinyumon .txt ul,
#fxguide .module-body,
#fxguide .txt ul,
#sekatu .module-body,
#sekatu .txt ul,
.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/study/study_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.FX投資入門
------------------------*/
#toushinyumon .module-body {
	padding: 0 10px 20px 10px;
}

#toushinyumon .img {
	float: left;
}

#toushinyumon .txt {
	margin-left: 197px;
}

#toushinyumon .txt h3 {
  margin-bottom:6px;
  padding:1px 0 1px 5px;
  border-left:5px solid #a0cf2e;
}

#toushinyumon .txt ul li {
	float: left;
	white-space: nowrap;
	margin: 6px 6px 0 0;
	/display: inline;
}

#toushinyumon .txt ul li a {
	background: url(http://i.yimg.jp/images/fx/common/point07.gif) 0 60% no-repeat;
	padding-left: 12px;
	padding-right:10px;
}

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

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

/*------------------------
2-3.今すぐわかるFX
------------------------*/
#fxguide .module-body {
	padding: 6px 10px 20px 10px;
}

#fxguide .img {
	float: left;
}

#fxguide .txt {
	margin-left: 154px;
}

#fxguide .txt ul li {
	float: left;
	white-space: nowrap;
	margin: 6px 6px 0 0;
	/display: inline;
}

#fxguide .txt ul li a {
	background: url(http://i.yimg.jp/images/fx/common/point07.gif) 0 60% no-repeat;
	padding-left: 12px;
	padding-right:10px;
}

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

#fxguide 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.世界の通貨を知ろう
------------------------*/
#sekatu .module-body {
	padding: 6px 10px 20px 10px;
}

#sekatu .img {
	float: left;
}

#sekatu .txt {
	margin-left: 154px;
}

#sekatu .txt ul li {
	float: left;
	white-space: nowrap;
	margin: 6px 6px 0 0;
	/display: inline;
}

#sekatu .txt ul li a {
	background: url(http://i.yimg.jp/images/fx/common/point07.gif) 0 60% no-repeat;
	padding-left: 12px;
	padding-right:10px;
}

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

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