@charset "UTF-8";

/* トップコンテンツ 
---------------------------------------------------- */
div#TopContent {
	float: right;
	width: 670px;
	margin: 0 0 10px;
}

/* ショートカットリンク
---------------------------------------------------- */
ul#TopLinksNavi { zoom: 1; overflow: hidden; }
ul#TopLinksNavi li { margin: 0; list-style: none; }

ul#TopLinksNavi li.Links1 { float: left; width:210px; margin-right: 10px; }
ul#TopLinksNavi li.Links2 { float: left; width:210px; }
ul#TopLinksNavi li.Links3 { float: right; width:210px; }

ul#TopLinksNavi li div.Line1 { padding: 4px; }
ul#TopLinksNavi li.Links1 div.Line1 { background: url('../images/_top/toplink_bg_first.gif') left top repeat; }
ul#TopLinksNavi li.Links2 div.Line1 { background: url('../images/_top/toplink_bg_entry.gif') left top repeat; }
ul#TopLinksNavi li.Links3 div.Line1 { background: url('../images/_top/toplink_bg_market.gif') left top repeat; }
ul#TopLinksNavi li div.Line2 { padding: 1px; background-color: #fff; }
ul#TopLinksNavi li.Links1 div.Line2 { background-color: #f4f9ff; }
ul#TopLinksNavi li.Links2 div.Line2 { background-color: #fff7f7; }
ul#TopLinksNavi li.Links3 div.Line2 { background-color: #f7fced; }

ul#TopLinksNavi li h2.Head {
	margin: 0;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

ul#TopLinksNavi li ul {
	height: 170px;
	margin: 0;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
ul#TopLinksNavi li ul li { overflow: hidden; height: 22px; padding: 1px 0 1px 3px; font-size: 13px; }
ul#TopLinksNavi li ul li a { display: inline-block; height: 22px; line-height: 22px; padding: 0 0 0 26px; /zoom: 1; }
* html ul #TopLinksNavi li ul li a { display: inline; }

ul#TopLinksNavi li.Links1 ul li.Link1 a { background: url('../images/_top/toplink_icon_first.png') 0 0 no-repeat; }
ul#TopLinksNavi li.Links1 ul li.Link2 a { background: url('../images/_top/toplink_icon_first.png') 0 -44px no-repeat; }
ul#TopLinksNavi li.Links1 ul li.Link3 a { background: url('../images/_top/toplink_icon_first.png') 0 -88px no-repeat; }
ul#TopLinksNavi li.Links1 ul li.Link4 a { background: url('../images/_top/toplink_icon_first.png') 0 -132px no-repeat; }
ul#TopLinksNavi li.Links1 ul li.Link5 a { background: url('../images/_top/toplink_icon_first.png') 0 -176px no-repeat; }

ul#TopLinksNavi li.Links2 ul li.Link1 a { background: url('../images/_top/toplink_icon_entry.png') 0 0 no-repeat; }
ul#TopLinksNavi li.Links2 ul li.Link2 a { background: url('../images/_top/toplink_icon_entry.png') 0 -44px no-repeat; }
ul#TopLinksNavi li.Links2 ul li.Link3 a { background: url('../images/_top/toplink_icon_entry.png') 0 -88px no-repeat; }
ul#TopLinksNavi li.Links2 ul li.Link4 a { background: url('../images/_top/toplink_icon_entry.png') 0 -132px no-repeat; }
ul#TopLinksNavi li.Links2 ul li.Link5 a { background: url('../images/_top/toplink_icon_entry.png') 0 -176px no-repeat; }
ul#TopLinksNavi li.Links2 ul li.Link6 a { background: url('../images/_top/toplink_icon_entry.png') 0 -220px no-repeat; }

ul#TopLinksNavi li.Links3 ul li.Link1 a { background: url('../images/_top/toplink_icon_market.png') 0 0 no-repeat; }
ul#TopLinksNavi li.Links3 ul li.Link2 a { background: url('../images/_top/toplink_icon_market.png') 0 -44px no-repeat; }
ul#TopLinksNavi li.Links3 ul li.Link3 a { background: url('../images/_top/toplink_icon_market.png') 0 -88px no-repeat; }
ul#TopLinksNavi li.Links3 ul li.Link4 a { background: url('../images/_top/toplink_icon_market.png') 0 -132px no-repeat; }
ul#TopLinksNavi li.Links3 ul li.Link5 a { background: url('../images/_top/toplink_icon_market.png') 0 -176px no-repeat; }
ul#TopLinksNavi li.Links3 ul li.Link6 a { background: url('../images/_top/toplink_icon_market.png') 0 -220px no-repeat; }
ul#TopLinksNavi li.Links3 ul li.Link7 a { background: url('../images/_top/toplink_icon_market.png') 0 -264px no-repeat; }

ul#TopLinksNavi p.Extra {
	margin: 5px 2px 0;
	text-align: right;
	vertical-align: top;
}

/* リアルタイム為替情報
---------------------------------------------------- */
ul#TopRateInfo {
	overflow: hidden;
	margin: 0;
	list-style: none;
}
ul#TopRateInfo li { margin: 0 0 15px 0; }
ul#TopRateInfo li.Frame1 { float: left; margin-right: 10px; }
ul#TopRateInfo li.Frame2 { float: left; }
ul#TopRateInfo li.Frame3 { float: right; }

ul#TopRateInfo li p {
	text-align: right;
	line-height: 18px;
}

/*　お知らせ 
---------------------------------------------------- */
ul.TopListStyle {
	clear: both;
	margin: 0 10px 15px;
	padding: 0;
	list-style: none;
}
ul.TopListStyle li { padding: 2px 3px 2px 15px; }
ul.TopListStyle li a,
ul.TopListStyle li a:link,
ul.TopListStyle li a:visited,
ul.TopListStyle li a:active {
	color: #0080FF;
	text-decoration: underline;
}
ul.TopListStyle li a:hover { text-decoration: none; }
ul.TopListStyle li img { vertical-align: middle; }

ul#ListNews li { background: url(../images/icon_list_02.gif) 0px 3px no-repeat; }
ul#ListMarket li { background: url(../images/icon_list_04.gif) 0px 3px no-repeat; }
ul#ListReport li { background: url(../images/icon_list_03.gif) 0px 3px no-repeat; }

/* Ajaxログイン窓
---------------------------------------------------- */
div#login-ajax {
	padding: 0;
	margin: 0;
	width: 210px;
	margin-top: 5px;
}

/* ログイン窓
---------------------------------------------------- */
div#login-window {
	padding: 0;
	margin: 0;
	width: 210px;
	margin-top: 5px;
}

/*　右小バナー
---------------------------------------------------- */
div.banner-right {
	padding: 0;
	margin: 0;
	width: 210px;
	margin-top: 5px;
}

/*　レート　スワップポイント
---------------------------------------------------- */
#minirate,#todayswap{
	margin-top: 10px;
}
#minirate p{
	font-size: 10px;
	background: url(../images/arrow_orange.gif) 125px 5px no-repeat;
	text-align: right;
}
#todayswap p{
	font-size: 10px;
	background: url(../images/arrow_orange.gif) 60px 5px no-repeat;
	text-align: right;
}


/*　システムレポート
---------------------------------------------------- */
div#system-report{
	margin-top: 10px;
	width: 210px;

}
p#system-report-title{
	background: url(../images/system_report_title.gif) no-repeat;
	width: 210px;
	height: 23px;
}
p#system-report-title a{
	display: block;
	width: 210px;
	height: 23px;
}
p#system-report-content{
	background: url(../images/system_report_content.gif) no-repeat;
	width: 210px;
	height: 26px;
	padding: 4px;
	margin-bottom: 10px;
}

/*　経済指標
---------------------------------------------------- */
div#indicators {
	margin: 8px 0 0 5px;
	clear: both;
}

/*　リスク
---------------------------------------------------- */
p#link-risk a {
	color: #0080ff;
	text-decoration: underline;
}


/*　トップバナー切換え [10.02.05]
---------------------------------------------------- */
ul#TopBnr {
	float: left;
	position: relative;
	width: 428px;
	height: 210px;
	margin: 0;
}
ul#TopBnr li {
	position: absolute;
	width: 428px;
	height: 210px;
	list-style: none;
	background: #fff;
	z-index: 10;
}
ul#TopBnr li a {
	display: block;
}
ul#TopBnr li a:hover {
	filter: alpha(opacity=90);
	opacity:0.9;
}
ul#TopBnrBtn { margin:0; }
ul#TopBnrBtn li {
  	position:relative;
    width:194px;
    height:40px;
	margin: 0 0 5px;
	list-style: none;
	border: solid 1px #ccc;
}
ul#TopBnrBtn li div.BnrBlock img {
	position:absolute;
	right:0;
	top:0;
}
ul#TopBnrBtn li div.BnrBlock {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	width:194px;
	height:40px;
}
ul#TopBnrBtn li a.current { z-index:10; }
ul#TopBnrBtn li a {
	position:absolute;
	display: block;
	top:0;
	left:0;
}
ul#TopBnrBtn li a.current:hover { cursor: default; }
div.flexcroll {
	width:212px;
	height: 210px;
	margin: 0 0 0 435px;
}
/* Top Bnr Scroll Bar */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width: 15px;background-color: white;}
.vscrollerbar {width: 15px;background-color: black;}
.hscrollerbase {height: 15px;background-color: white;}
.hscrollerbar {height: 15px;background-color: black;}
.hscrollerbar {background: #99CBCB url(scrollbar.png) 0px -30px repeat-x;}
.vscrollerbar {background: #99CBCB url(../images/_topbnr/scrollbar.png) -15px 0px repeat-y;}
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}
.vscrollerbarbeg {background: url(../images/_topbnr/scrollbar.png) -45px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbarend {background: url(../images/_topbnr/scrollbar.png) -45px 0px no-repeat;width: 15px;height: 15px;}
.hscrollerbarbeg {background: url(../images/_topbnr/scrollbar.png) -60px -15px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbarend {background: url(../images/_topbnr/scrollbar.png) -30px -15px no-repeat;height: 15px;width: 15px;}
.scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;background: #4E727C url(scrollbar.png) 0px 0px;}
.vscrollerbase {background: #D7EBDF url(../images/_topbnr/scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {background: url(../images/_topbnr/scrollbar.png) -30px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbaseend {background: url(../images/_topbnr/scrollbar.png) -60px -30px no-repeat;height: 15px;width: 15px;}
.hscrollerbase {background: #D7EBDF url(scrollbar.png) 0px -15px repeat-x;}
.hscrollerbasebeg {background: url(../images/_topbnr/scrollbar.png) -60px 0px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbaseend {height: 15px;width: 15px;background: url(../images/_topbnr/scrollbar.png) -30px 0px no-repeat;}
.scrollerjogbox:hover {background: #5E828C url(../images/_topbnr/scrollbar.png) -45px -15px;}

/* Top Bnr テキスト挿入用 */
/*(６通貨ペア原則スプレッド固定宣言！用)*/
ul#TopBnr p.TopBnrTxt {
	height: 25px;
	line-height: 1.2;
	padding: 2px 5px 0;
	font-size:10px;
	border: solid 1px #bbb;
	border-top: none;
}
ul#TopBnr p.TopBnrTxt a {
	display: inline;
	color: #0080ff;
}