@charset "utf-8";

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

	ver.2009/06/18

	top.css

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

/**  top.css Menu ***********************************************
  
  ・トップパネル設定
    - パネルメインエリア
	- パネルボタンエリア
	
  ・情報表示エリア
    - コンテンツヘッドエリア
	- おすすめコンテンツ , 新着セミナーのご案内
	
  ・コンテンツ設定
    - コンテンツヘッドエリア
	- おすすめコンテンツ , 新着セミナーのご案内
	- アイネットFXからのお知らせ
	- アイネットFXブログ
	- バナー表示エリア
	
*******************************************************************


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

  トップパネル設定

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


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

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#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-bottom: 10px;
}

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



/* 「アイネット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;
}
















/**/