@charset "utf-8";

/*** アイネットFX CSS Document *************************************

	ver.2009/06/18

	top.css

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

/**  top.css Menu ***********************************************

  ・トップパネル設定
    - パネルメインエリア
	- パネルボタンエリア

  ・情報表示エリア
    - コンテンツヘッドエリア
	- おすすめコンテンツ , 新着セミナーのご案内

  ・コンテンツ設定
    - コンテンツヘッドエリア
	- おすすめコンテンツ , 新着セミナーのご案内
	- アイネットFXからのお知らせ
	- アイネットFXブログ
	- バナー表示エリア

*******************************************************************


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

  トップパネル設定

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

/* パネルメインエリア */

div#homeimg{
background: #222734 url(../images/bg_homeimg.gif) repeat-x;
padding-top: 10px;
}

div#homeimg .copyarea{
background: url(../images/bg_homeimg02_top.gif) left top no-repeat;
width: 940px;
height: 225px;
position: relative;
margin: 0 auto;
}

div#homeimg .copyarea h2{
position: absolute;
top: 28px;
left: 30px;
}

div#homeimg .copyarea .copytxt{
position: absolute;
top: 112px;
left: 30px;
}

div#homeimg .copyarea .accountbtn{
position: absolute;
top: 170px;
left: 25px;
}

div#homeimg .copyarea .accountbtn li{
float: left;
display: inline;
margin-right: 10px;
}

div#homeimg .copyarea .request{
position: absolute;
top: 183px;
left: 450px;
}

div#homeimg .copyarea .accounttxt{
position: absolute;
top: 192px;
left: 40px;
}

div#homeimg .copyarea ul.accounttxt{
position: absolute;
top: 170px;
left: 450px;
}

div#homeimg .copyarea .accounttxt li{
padding-bottom: 3px;
}

div#homeimg .copyarea .pcimg{
position: absolute;
top: 25px;
left: 365px;
}

div#homeimg .copyarea .mobileimg{
position: absolute;
top: 15px;
right: 0px;
border-left: 1px solid #dddddd;
padding: 10px 30px;
}

div#homeimg .btnarea{
background: #ffffff url(../images/bg_homeimg_bottom.gif) left bottom no-repeat;
width: 929px;
height: 110px;
padding: 0 0 0 11px;
margin: 0 auto;
}

div#homeimg .btnarea li{
float: left;
display: inline;
margin-right: 4px;
}


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

  トップパネル設定 Backup

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


/* パネルメインエリア */

div#topheaderpanelmain{
background: url(../images/bg_topheaderpanelmain.gif) repeat-x;
padding-top: 10px;
}

div#topheaderpanelmain .contentsarea{
width: 936px;
margin-right: auto;
margin-left: auto;
background: #FFFFFF url(../images/bg_topheaderpanelmain02.gif) no-repeat;
height: 221px;
padding: 2px 2px 1px;
}

div#topheaderpanelmain .flasharea{
float: left;
width: 697px;
height: 221px;
}

div#topheaderpanelmain .btnarea{
height: 205px;
width: 238px;
float: right;
background: url(../images/bg_topheaderpanelmain03.gif) no-repeat;
padding-top: 16px;
}

div#topheaderpanelmain .btnarea ul{
width: 200px;
margin-right: auto;
margin-left: auto;
}

div#topheaderpanelmain .btnarea ul .btn01{
margin-bottom: 10px;
}

div#topheaderpanelmain .btnarea ul .btn02{
border-bottom: 1px solid #ffffff;
padding-bottom: 12px;
margin-bottom: 15px;
}

div#topheaderpanelmain .btnarea ul .btn03{
margin-bottom: 7px;
}

div#topheaderpanelmain .btnarea ul .btn04{
border-bottom: 1px solid #ffffff;
padding-bottom: 8px;
margin-bottom: 10px;
}

div#topheaderpanelmain .btnarea li{
line-height: 100%;
}

div#topheaderpanelmain .btnarea .cap{
width: 137px;
padding-left: 25px;
margin-bottom: 8px;
}

/* パネルボタンエリア */

div#topheaderpanelbtn{
background: url(../images/bg_topheaderpanelbtn.gif) repeat-x;
}

div#topheaderpanelbtn .contentsarea{
width: 940px;
margin-right: auto;
margin-left: auto;
}

div#topheaderpanelbtn .contentsarea li{
float: left;
line-height: 0%;
font-size: 0px;
}


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

  情報表示エリア

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


/* メンテナンス情報 */

div#maintenanceinfo{
width: 940px;
margin-right: auto;
margin-left: auto;
background: url(../images/bg_maintenanceinfo_head.gif) no-repeat top;
padding-top: 5px;
margin-bottom: 10px;
}

div#maintenanceinfo .contentbottom{
background: url(../images/bg_maintenanceinfo_bottom.gif) no-repeat bottom;
padding-bottom: 5px;
}

div#maintenanceinfo .contentbody{
background: url(../images/bg_maintenanceinfo_body.gif) repeat-y;
padding-left: 1px;
padding-top: 9px;
padding-bottom: 7px;
}

div#maintenanceinfo dl .date{
font-weight: bold;
color: #666666;
margin-right: 10px;
float: left;
}

div#maintenanceinfo dl .til{
font-weight: bold;
color: #ff3333;
margin-right: 20px;
float: left;
}

div#maintenanceinfo dl .txt{
color: #666666;
float: left;
}

div#maintenanceinfo dt{
float: left;
width: 90px;
margin-right: 10px;
font-size: 0px;
line-height: 0px;
}

div#maintenanceinfo dd{
float: left;
width: 827px;
}


/* 大切なお知らせ */

div#importantinfo{
width: 940px;
margin-right: auto;
margin-left: auto;
background: url(../images/bg_importantinfo_head.gif) no-repeat top;
padding-top: 5px;
margin-bottom: 10px;
}

div#importantinfo .contentbottom{
background: url(../images/bg_importantinfo_bottom.gif) no-repeat bottom;
padding-bottom: 5px;
}

div#importantinfo .contentbody{
background: url(../images/bg_importantinfo_body.gif) repeat-y;
padding-left: 1px;
padding-top: 9px;
padding-bottom: 7px;
}

div#importantinfo dl .date{
font-weight: bold;
color: #666666;
margin-right: 10px;
float: left;
}

div#importantinfo dl .til{
font-weight: bold;
color: #ff3333;
text-decoration: underline;
margin-right: 20px;
float: left;
}

div#importantinfo dl .txt{
float: left;
}

div#importantinfo dt{
float: left;
width: 85px;
margin-right: 10px;
font-size: 0px;
line-height: 0px;
}

div#importantinfo dd{
float: left;
width: 827px;
}


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

  コンテンツ設定

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


/* 為替レート */

div#homerate{
background: url(../images/bg_home_rate.gif) repeat-x;
margin: 15px 0 0 0;
}

div#homerate .flasharea{
background: url(../images/line_top01.gif) repeat-x bottom;
width: 940px;
padding-bottom: 5px;
margin: 0 auto 15px auto;
}

/* ユーザ別リンクボタン */

ul#homecontents{
background: url(../images/bg_home_contents.gif) repeat;
width: 933px;
font-size: 0;
line-height: 0;
padding: 7px 0 7px 7px;
margin: 0 auto 20px auto;
}

ul#homecontents li{
float: left;
display: inline;
margin-right: 7px;
}


/* コンテンツヘッドエリア */

div#topcontenthead{
background: url(../images/bg_topcontenthead.gif) repeat-x top;
}

div#topcontenthead .contentsarea{
width: 940px;
margin-right: auto;
margin-left: auto;
}

div#topcontenthead .btnarea{
background: url(../images/bg_topcontenthead02.gif) no-repeat top;
height: 68px;
width: 909px;
padding: 11px 16px 8px 15px;
margin-bottom: 15px;
}

div#topcontenthead .btnarea li{
float: left;
line-height: 0%;
margin-right: 12px;
font-size: 0px;
}

div#topcontenthead .btnarea .marginno{
margin-right: 0px;
}

div#topcontenthead .contentsarea .flasharea{
background: url(../images/line_top01.gif) repeat-x bottom;
margin-bottom: 25px;
padding-bottom: 5px;
}

/* おすすめコンテンツ , 新着セミナーのご案内 */

div#topcontent{
width: 940px;
margin-right: auto;
margin-left: auto;
}

div#topcontent .leftcontent{
float: left;
width: 623px;
}

div#topcontent .rightcontent{
float: right;
width: 306px;
}

div#topcontent .mainarea{
width: 623px;
margin-bottom: 12px;
}

div#topcontent .mainarea .contentbottom{
background: url(../images/bg_top_content_bottom.gif) no-repeat bottom;
padding-bottom: 5px;
}

div#topcontent .mainarea .contentbody{
background: url(../images/bg_top_content_body.gif) repeat-y;
padding-top: 15px;
padding-bottom: 11px;
}

div#topcontent .mainarealeftarea{
float: left;
width: 306px;
}

div#topcontent .mainarealeftarea .list{
width: 275px;
margin-right: auto;
margin-left: auto;
}

div#topcontent .mainarealeftarea .list li{
font-size: 0px;
line-height: 0px;
}

div#topcontent .mainarealeftarea .list .head{
margin-bottom: 15px;
}

div#topcontent .mainarearightarea{
float: right;
width: 306px;
}

div#topcontent .mainarearightarea .list{
width: 275px;
margin-right: auto;
margin-left: auto;
}

div#topcontent .mainarearightarea .list li{
font-size: 0px;
line-height: 0px;
}

div#topcontent .mainarearightarea .list .head{
margin-bottom: 12px;
}


/* アイネットFXからのお知らせ */

div#topcontent .infoarea{
width: 623px;
}

div#topcontent .infoarea .contentbottom{
background: url(../images/bg_top_content_bottom02.gif) no-repeat bottom;
padding-bottom: 5px;
}

div#topcontent .infoarea .contentbody{
background: url(../images/bg_top_content_body02.gif) repeat-y;
padding-right: 2px;
padding-left: 2px;
}

div#topcontent .infoarea .off{
width: 599px;
border-top: 1px solid #d5d5d5;
padding: 10px 10px 8px;
}

div#topcontent .infoarea .on{
width: 599px;
border-top: 1px solid #d5d5d5;
background: url(../images/bg_top_info_on.gif) repeat-x bottom;
padding: 10px 10px 8px;
}

div#topcontent .infoarea .date{
float: left;
width: 35px;
margin-right: 5px;
}

div#topcontent .infoarea .ico{
float: left;
width: 70px;
margin-right: 10px;
margin-top: 3px;
}

div#topcontent .infoarea .txt{
float: left;
width: 479px;
}


/* 注意事項 */

p.topfooternotes{
background: #303645;
width: 600px;
color: #ffffff;
border: 1px solid #5d667d;
padding: 10px;
margin: 25px auto 0 auto;
}


/* アイネットFXブログ */

div#topcontent .blogarea{
width: 306px;
margin-bottom: 12px;
}

div#topcontent .blogarea .contentbottom{
background: url(../images/bg_top_content_bottom.gif) no-repeat bottom;
padding-bottom: 5px;
}

div#topcontent .blogarea .contentbody{
background: url(../images/bg_top_content_body.gif) repeat-y;
padding-right: 2px;
padding-left: 2px;
}

div#topcontent .blogarea .on{
width: 282px;
border-top: 1px solid #d5d5d5;
background: url(../images/bg_top_blog_on.gif) repeat-x bottom;
padding: 10px 10px 8px;
clear: both;
}

div#topcontent .blogarea .off{
width: 282px;
border-top: 1px solid #d5d5d5;
padding: 10px 10px 8px;
clear: both;
}

div#topcontent .blogarea .img{
float: left;
margin-right: 10px;
}

div#topcontent .blogarea span{
font-size: 83.3%;
color: #666666;
display: block;
line-height: 100%;
}

div#topcontent .blogarea dl{
float: left;
width: 207px;
}

div#topcontent .blogarea dt{
font-size: 0px;
line-height: 0px;
margin-bottom: 8px;
}

div#topcontent .blogarea dd{
}



/* バナー表示エリア */

div#topcontent .topsidebanner{
background: #303645;
width: 306px;
padding-top: 10px;
margin: 15px 0;
}

div#topcontent .topsidebanner p{
font-size: 0;
line-height: 0;
text-align: center;
padding-bottom: 10px;
}

div#topcontent .topmainbanner{
padding-bottom: 15px;
}

/* 「アイネットFXからのお知らせ」「アイネットFXブログ」ロールオーバー用 */

#topContentInfoBody .on,
#topContentBlogBody .on{cursor:pointer;}
#topContentInfoBody .on a{text-decoration:underline;}



/* トップビジュアルCrossFade用 */

#top_visual_container{
	width:697px;
	height:221px;
	position:relative;
}
#top_visual_container a{
	position:absolute;
	top:0;
	left:0;
	border:0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#top_visual_container a.first{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}



/* 2011/05/ 追加CSS
------------------------------------- */

/* アイネットFXの特徴、こんな方におすすめ */
.module-list{
margin:15px 0 0 0;
}
.module-list h2{
background:url(../images/bg_top_list.gif) no-repeat -612px 0;
padding:20px 12px 17px;
line-height:1.21;
font-size:116.7%;
color:#fff;
}
.module-list ul{
border-top:1px solid #070b13;
border-bottom:1px solid #141821;
}
.module-list ul li{
background:#2f384e url(../images/bg_top_list.gif) no-repeat 0 100%;
padding:0 0 7px;
line-height:1.4;
}
.module-list ul li h3{
background:url(../images/bg_top_list.gif) no-repeat -306px 0;
padding:7px 20px 0 12px;
line-height:1.5;
font-weight:normal;
}
.module-list ul li h3 a{
display:inline-block;
background:url(../images/ico_top_list.gif) no-repeat 0 50%;
padding:0 0 0 17px;
color:#fff !important;
}
.module-list ul li p{
margin:3px 20px 0 29px;
font-size:83.3%;
color:#97a0b6;
}


/* アイネットFX モバイル取引 */
.module-mobile{
background:#fff url(../images/bg_top_mobile.gif) no-repeat 0 0;
margin:0 10px 10px;
padding:11px 12px 0 11px;
}
.module-mobile h2{
float:left;
margin:0 0 6px;
}
.module-mobile .qrcode{
float:right;
margin:0 0 0 13px;
}
.module-mobile p{
clear:left;
margin:0 0 10px;
padding:0 !important;
text-align:left !important;
line-height:1.6 !important;
font-size:83.3% !important;
}
.module-mobile p.mailto{
margin:0 -12px 0 -11px;
}


/* おすすめコンテンツ , 新着セミナーのご案内 */
div#topcontent .mainarea h2{
background:url(../images/bg_top_content_top.gif) no-repeat 0 0;
padding:4px 0 3px 10px;
min-height:19px;
color:#fff;
}
div#topcontent .mainarea p.more{
position:absolute;
margin:-25px 0 0 269px;
}
div#topcontent .mainarea .contentbottom{
background:url(../images/bg_top_content_body.gif) repeat-y;
padding:0;
}
div#topcontent .mainarea .contentbody{
background:url(../images/bg_top_content_bottom.gif) no-repeat 0 100%;
padding:14px 2px 16px;
}


/* アイネットFXからのお知らせ */
div#topcontent .infoarea{
margin-bottom:20px;
}
div#topcontent .infoarea h2{
background:url(../images/bg_top_content_top.gif) no-repeat -306px 0;
padding:4px 0 3px 10px;
min-height:19px;
color:#fff;
}
div#topcontent .infoarea p.more{
position:absolute;
margin:-25px 0 0 586px;
}
div#topcontent .infoarea .contentbottom{
background: url(../images/bg_top_content_body02.gif) repeat-y;
padding-bottom:0;
}
div#topcontent .infoarea .contentbody{
background: url(../images/bg_top_content_bottom02.gif) no-repeat bottom;
padding:0 2px 5px;
}


/* バナー表示エリア */
div#topcontent .topmainbanner{
padding:0;
margin-bottom:15px;
}





/**/