@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++
Charset: utf-8
Return code: CRLF
++++++++++++++++++++++++++++++++++++++++
*/

/* Setup HTML
++++++++++++++++++++++++++++++++++++++++ */
html, body { height: 100%;  }
* { margin: 0; padding: 0; }
a { text-decoration: underline; }
a:link { text-decoration: underline; }
a:hover { text-decoration: underline; color: #ff3300; }

/* Default setup: Windows IE 6.0
++++++++++++++++++++++++++++++++++++++++ */

/*
標準指定の場合: smaller + 1.4emか、19pxで組み合わせる
input日本語フォントをWindows IEでにフォントを割り当てるとパスワード丸点が大きくなりすぎる
input[type="(NAME)"] = NG
select vertical-alignを指定しない IE6はoptionがきかない
padding: （1,2,3,4指定とも）効かない;
*/

body,
input,
select,
textarea { font-family: "ＭＳ Ｐゴシック", sans-serif; font-size: 0.8em; line-height: 1.5em; }

body { /* background: url(../images/bg_body.png); */  }

form label { vertical-align: middle; cursor: pointer; }
input { margin: 0 2px; padding: 3px 2px; vertical-align: middle; font-size: 1em; line-height: 1.1; }


select { margin: 0 2px 0 2px; vertical-align: middle; font-size: 1em; line-height: 1em; }
select option { /* Windows IE6: padding: NG */ }
textarea { padding: 4px 2px 4px 2px; border: 1px inset #999; font-size: 1em; line-height: 1em; }
button { margin: 0 4px 0 4px; padding: 0 2px 0 2px; border: none; background: none; vertical-align: middle; cursor: pointer; }

/* end Default setup
++++++++++++++++++++++++++++++++++++++++ */


/* Windows IE6専用
++++++++++++++++++++++++++++++++++++++++ */
.win.ie6 .password { font-family: verdana; font-size: 0.9em; }

/* Windows IE7専用
++++++++++++++++++++++++++++++++++++++++ */
.win.ie7 input[type="password"] { font-family: verdana; font-size: 0.9em; }
.win.ie7 input[type="submit"] { overflow: visible; padding-left: 0.6em; padding-right: 0.6em; }
.win.ie7 input[type="button"] { overflow: visible; padding-left: 0.6em; padding-right: 0.6em; }

/* Mozilla, Firefox, Camino (All OS)
++++++++++++++++++++++++++++++++++++++++ */
/* outline: 0; で指定しない。outline実装状況: Win&Mac FireFox 1.5.x, FireFox2.x, Win&Mac safari3.x */
.gecko a { overflow: hidden; }

/* Windows Gecko (Mozilla, Firefox, Camino)
++++++++++++++++++++++++++++++++++++++++ */
.win.gecko body { font-size: 0.8em; line-height: 1.49em; }
.win.gecko input { margin: 0; padding: 0; vertical-align: middle; /* line-height:NG */ }
.win.gecko input[type="text"] { margin: 1px 2px 1px 2px; padding: 3px 2px 3px 2px; height: 1.10em; }
.win.gecko input[type="password"] { margin: 1px 2px 1px 2px; padding: 3px 2px 3px 2px; height: 1.10em; }
.win.gecko input[type="file"] { margin: 1px 2px 1px 2px; padding: 3px 2px 3px 2px; height: 1.10em; }
.win.gecko input[type="button"] { margin: 0 2px 0 2px; padding: 2px 3px 2px 3px; }
.win.gecko input[type="submit"] { margin: 0 2px 0 2px; padding: 2px 3px 2px 3px; }
.win.gecko input[type="checkbox"] { margin: 4px 5px 3px 5px; }
.win.gecko input[type="radio"] { margin: 4px 5px 3px 5px; }
.win.gecko select { font-size: 1em/* selectボックスのボーダーが消えるので、暫定対応 */; }
.win.gecko select option { padding: 0 2px; }
.win.gecko textarea { margin: 2px; padding: 2px; }
.win.gecko button { margin: 0 4px 0 4px; padding: 1px 2px 3px 2px; vertical-align: middle; }

/* Windows Opera (All versions)
++++++++++++++++++++++++++++++++++++++++ */
.win.opera body { font-size: 0.8em; line-height: 1.45em; }
.win.opera input { margin: 0; padding: 0; }
.win.opera input[type="text"] { margin: 2px 2px 1px 2px; padding: 2px 2px 2px 2px; }
.win.opera input[type="password"] { margin: 2px 2px 1px 2px; padding: 2px 2px 2px 2px; }
.win.opera input[type="file"] { margin: 1px 2px 0 2px; padding: 2px 2px 2px 2px; }
.win.opera input[type="button"] { margin: 1px 2px 1px 2px; padding: 3px 4px 3px 4px; }
.win.opera input[type="submit"] { margin: 1px 2px 1px 2px; padding: 3px 4px 3px 4px; }
.win.opera input[type="checkbox"] { margin: 1px 2px 2px 4px; }
.win.opera input[type="radio"] { margin: 1px 2px 2px 4px; }
.win.opera select { padding: 3px 4px 2px 4px; }
.win.opera select option { padding: 3px 4px 2px 4px; }
.win.opera textarea { margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; }
.win.opera button { margin: 0 4px; padding: 1px 6px 2px 6px; vertical-align: middle; }


/* Mac Gecko (Mozilla, Firefox, Camino)
++++++++++++++++++++++++++++++++++++++++ */

/*
font-familyが英数字がHelveticaに置き換わるsafariのような仕様なし
font-family: "Hiragino Kaku Gothic Pro W3", sans-serif; "ヒラギノ角ゴ Pro W3"
Helveticaでの指定は、ヒラギノ+Helveticaに強制的に設定する
*/

.mac.gecko body,
.mac.gecko input,
.mac.gecko select,
.mac.gecko textarea { font-family: Arial, "Hiragino Kaku Gothic Pro W3", sans-serif; font-size: 13px; line-height: 19px; } /* firefox 2=13.5*/
.mac.gecko input { margin: 0; padding: 0; vertical-align: middle; }
.mac.gecko input[type="text"] { margin: 2px 2px 4px 3px; padding: 3px 3px; border: 1px inset #999; }
.mac.gecko input[type="password"] { margin: 2px 2px 4px 3px; padding: 3px 3px; border: 1px inset #999; }
.mac.gecko input[type="file"] { margin: 2px 2px 4px 3px; padding: 3px 3px; /* border: NG */ }
.mac.gecko input[type="button"] { margin: 1px 2px 0 4px; padding: 3px 3px; border: 1px outset #999; }
.mac.gecko input[type="submit"] { margin: 1px 2px 0 4px; padding: 2px 3px; border: 1px outset #999; }
/* checkbox, radio: border: NG, background: NG, padding: NG */
.mac.gecko input[type="checkbox"] { margin: 3px 6px 4px 6px; }
.mac.gecko input[type="radio"] { margin: 3px 6px 4px 6px; }
/* padding-left, padding-rightの指定はselect optionに指定する */
.mac.gecko select { margin: 0 0 1px 5px; padding: 1px 0 0 0; border: 1px inset #999; vertical-align: middle; }
.mac.gecko select option { padding: 0 4px 0 4px; }
.mac.gecko textarea { padding: 2px 2px 2px 2px; border: 1px inset #999; }
.mac.gecko button { margin: 0 4px 0 4px; padding: 2px 3px 2px 3px; font-size: 100%; }

/* Mac Opera (All versions)
++++++++++++++++++++++++++++++++++++++++ */
/* すべての要素に日本語フォントが適用される */
.mac.opera body,
.mac.opera input,
.mac.opera select,
.mac.opera textarea {
/* font-family: "Hiragino Kaku Gothic Pro W3", sans-serif; */
/* クロスブラウザ対応 Arial+ Hiragino */
    font-family: Arial, sans-serif; font-size: 13px; line-height: 19px;
}

.mac.opera input { margin: 0; padding: 0; vertical-align: middle; }
.mac.opera input[type="text"] { margin: 2px 2px 2px 2px; padding: 3px 2px 3px 2px; }
.mac.opera input[type="password"] { margin: 2px 2px; padding: 2px 2px; font-family: Arial; /* 位置合わせ用 */ }
.mac.opera input[type="file"] { margin: 2px 2px; padding: 2px 2px; }
.mac.opera input[type="button"] { margin: 0 0 2px 0; padding: 2px 7px 0 7px; }
/* input[type="submit"] ボーダーを設定するとブラウザ依存のUIに変化する 1em指定しないと文字サイズが小さくなってしまう */
.mac.opera input[type="submit"] { margin: 0 0 2px 0; padding: 2px 7px 0 7px; }
.mac.opera input[type="checkbox"] { margin: 0 3px 3px 3px; }
.mac.opera input[type="radio"] { margin: 1px 3px 2px 3px; }
/* selectにボーダーを設定するとブラウザ依存のUIに変化する padding: 効かない 1em指定しないと文字サイズが小さくなってしまう */
.mac.opera select { margin: -3px 0 0 0; padding: 2px 0 2px 4px; vertical-align: middle; font-size: 1em; }
.mac.opera select option { /* line-height: NG, height: NG, font-size: NG */ }
/* フォント指定しないとOSデフォルトになる */
.mac.opera textarea { margin: 0 0 0 4px; padding: 2px 2px 2px 2px; }
.mac.opera button { margin: 0 4px 0 4px; padding: 1px 5px 2px 5px; font-size: 100%; }

/* Mac Webkit (Safari, NetNewsWire, OmniWeb, Shiira)
++++++++++++++++++++++++++++++++++++++++ */

/*
Hiragino Kaku Gothic Pro W3で指定すると英数フォントが変わってしまう仕様（"ヒラギノ角ゴ Pro W3"でも同じ）
英数、日本語すべてを同じ書体で表示するには、"Hiragino Kaku Gothic Pro"と表記すること
バグ：verdanaしない場合、"Hiragino Kaku Gothic Pro"を指定するとフォームの文字高さが変わる（シングルクォーテーションでも同じ）
*/

.mac.webkit body,
.mac.webkit input,
.mac.webkit select,
.mac.webkit textarea {
    font-family: Arial, "Hiragino Kaku Gothic Pro W3", sans-serif; font-size: 13px; line-height: 19px; }

.mac.webkit input { margin: 0; padding: 0; vertical-align: middle; }
.mac.webkit input[type="text"] { margin: 2px 2px; padding: 2px 2px; line-height: 1; border: 1px solid #0099ff; }
.mac.webkit input[type="password"] { margin: 2px 2px; padding: 2px 2px; line-height: 1; }
.mac.webkit input[type="file"] { margin: 2px 2px; padding: 2px 2px; line-height: 1; }

.mac.webkit input[type="button"] {
    margin: 4px 4px;
/*
button, submit
padding: NG
line-height: NG
font-size: NG ver 2.x, ver. 3.x
ボタン内文字サイズが親要素より小さいが、あわせられない
*/
}

.mac.webkit input[type="submit"] { margin: 4px 4px; }
.mac.webkit input[type="checkbox"] { margin: 3px 3px; }
.mac.webkit input[type="radio"] { margin: 3px 5px 3px 5px; }
/* select-option の文字サイズを変更する場合 select のみ反映される */
.mac.webkit select { margin: 1px 2px 1px 2px; }
.mac.webkit select option { padding: 0 2px 0 2px; }
.mac.webkit textarea {
/* line-height: 1em以下は効かない border: 効かない */
    margin: 0 0 0 5px; padding: 2px 2px 2px 2px; }
.mac.webkit button { margin: 1px 4px 0 4px; padding: 2px 5px 2px 5px; font-size: 100%; }

/* ヘッダとフッター
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#HEADER { width: 100%; height: 52px; background: url(../images/header_bg.png?ver=20111029) repeat-x; min-width: 980px; /*font-size:1px; line-height:100%;*/ }
#HEADER .box { position: relative; margin: 0 auto; width: 980px; }
#LOGO { position: absolute; top: 0px; left: 0px; }
#LOGO a { display: block; text-indent: -9999px; width: 192px; height: 48px; background: url(../images/header_logo.png?ver=20111029) no-repeat; }
#STATUS { position: absolute; top: 0px; left: 190px; width: 784px; padding-top:4px; }
#STATUS li { float: left; list-style-type: none; color:#005cab; overflow:hidden; }
#STATUS .nameplate { width: 600px; text-align:right; font-size: 10px; line-height:1em; }
#STATUS .timeLabel { width: 184px; text-align:right; font-family:Verdana, Geneva, sans-serif; font-size: 10px; line-height:1em; }
/* TAB
++++++++++++++++++++++++++++++++++++++++ */
ul#TAB    { position: absolute; top: 18px; left: 196px; width: 784x; background: url(../images/tab_combo.png?ver=20111029) no-repeat; }
ul#TAB li { list-style-type: none; text-indent: -9999px; float:left; width:68px; }
ul#TAB li a { display: block; height: 34px; background: url(../images/tab_combo.png?ver=20111029) no-repeat; }
/* ホーム */
#TAB li.home a       { background-position: 0px 0px; }
#TAB li.home a:hover { background-position: 0px -34px; }
#TAB li.home_on a    { background-position: 0px -68px; }
#TAB li.home a.hover { background-position: 0px -34px; }
/* 株式 */
#TAB li.timeline a       { background-position: -68px 0px; }
#TAB li.timeline a:hover { background-position: -68px -34px; }
#TAB li.timeline_on a    { background-position: -68px -68px; }
#TAB li.timeline a.hover { background-position: -68px -34px; }
/* 先物・OP */
#TAB li.fuop a       { background-position: -136px 0px; }
#TAB li.fuop a:hover { background-position: -136px -34px; }
#TAB li.fuop_on a    { background-position: -136px -68px; }
#TAB li.fuop a.hover { background-position: -136vpx -34px; }
/* FXneo */
#TAB li.fxneo a       { background-position: -204px 0px; }
#TAB li.fxneo a:hover { background-position: -204px -34px; }
#TAB li.fxneo_on a    { background-position: -204px -68px; }
#TAB li.fxneo a.hover { background-position: -204px -34px; }
/* 外為OP */
#TAB li.fxop a       { background-position: -272px 0px; }
#TAB li.fxop a:hover { background-position: -272px -34px; }
#TAB li.fxop_on a    { background-position: -272px -68px; }
#TAB li.fxop a.hover { background-position: -272px -34px; }
/* 365FX */
#TAB li.c365 a       { background-position: -340px 0px; }
#TAB li.c365 a:hover { background-position: -340px -34px; }
#TAB li.c365_on a    { background-position: -340px -68px; }
#TAB li.c365 a.hover { background-position: -340px -34px; }
/* CFD */
#TAB li.cfd a       { background-position: -408px 0px; }
#TAB li.cfd a:hover { background-position: -408px -34px; }
#TAB li.cfd_on a    { background-position: -408px -68px; }
#TAB li.cfd a.hover { background-position: -408px -34px; }
/* eワラント */
#TAB li.warrant a       { background-position: -476px 0px; }
#TAB li.warrant a:hover { background-position: -476px -34px; }
#TAB li.warrant_on a    { background-position: -476px -68px; }
#TAB li.warrant a.hover { background-position: -476px -34px; }
/* 債券 */
#TAB li.fbond a       { background-position: -544px 0px; }
#TAB li.fbond a:hover { background-position: -544px -34px; }
#TAB li.fbond_on a    { background-position: -544px -68px; }
#TAB li.fbond a.hover { background-position: -544px -34px; }
/* マイページ */
#TAB li.mypage a       { background-position: -612px 0px; }
#TAB li.mypage a:hover { background-position: -612px -34px; }
#TAB li.mypage_on a    { background-position: -612px -68px; }
#TAB li.mypage a.hover { background-position: -612px -34px; }
/* ログイン・ログアウトボタン
++++++++++++++++++++++++++++++++++++++++ */
#LOGIN, #LOGOUT { position:absolute; top:20px; right:0; }
#LOGIN a, #LOGOUT a { display: block; width: 92px; height: 26px; text-indent: -9999px; background: url(../images/btn_login.png?ver=20111029) no-repeat; }
#LOGIN a       { background-position: 0px 0px; }
#LOGIN a:hover { background-position: 0px -26px; }
#LOGOUT a       { background-position: -92px 0px; }
#LOGOUT a:hover { background-position: -92px -26px; }
/* NAVI
++++++++++++++++++++++++++++++++++++++++ */
/*IE6では個別スプライトCLASS="ClassName SpriteName"のSpriteNameがユニークにならない*/
#NAVI { background: url(../images/header_bg.png?ver=20111029) left bottom repeat-x;  height: 36px; width:100%; min-width: 980px; /*font-size:1px; line-height:100%;*/ }
#NAVI ul { width: 980px; margin: 0 auto; }
#NAVI ul li { float: left; list-style-type: none; text-indent: -9999px; }
#NAVI ul li a { display: block; height: 36px; }
/* NAVI:お取引開始はこちら
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul li.btn_start_timeline,
#NAVI ul li.btn_start_fuop,
#NAVI ul li.btn_start_fx,
#NAVI ul li.btn_start_fxop,
#NAVI ul li.btn_start_c365,
#NAVI ul li.btn_start_cfd,
#NAVI ul li.btn_start_fbond {
    float: right !important;
    background: none !important;
}
#NAVI ul li.btn_start_timeline a,
#NAVI ul li.btn_start_fuop a,
#NAVI ul li.btn_start_fx a,
#NAVI ul li.btn_start_fxop a,
#NAVI ul li.btn_start_c365 a,
#NAVI ul li.btn_start_cfd a,
#NAVI ul li.btn_start_fbond a {
    width: 200px;
    height: 24px !important;
    margin-top: 5px;
    background: url(../images/btn_start_combo.png?ver=20111029) no-repeat !important;
}
/* 株式などの */
#NAVI ul li.btn_start_timeline a { background-position: 0 0 !important; }
#NAVI ul li.btn_start_timeline a:hover { background-position: 0 -24px !important; }
/* 先物・OPの */
#NAVI ul li.btn_start_fuop a { background-position: -220px 0 !important; }
#NAVI ul li.btn_start_fuop a:hover { background-position: -220px -24px !important; }
/* FXの */
#NAVI ul li.btn_start_fx a { background-position: -440px 0 !important; }
#NAVI ul li.btn_start_fx a:hover { background-position: -440px -24px !important; }
/* 外為OPの */
#NAVI ul li.btn_start_fxop a { background-position: -1320px 0 !important; }
#NAVI ul li.btn_start_fxop a:hover { background-position: -1320px -24px !important; }
/* くりっく365の */
#NAVI ul li.btn_start_c365 a { background-position: -660px 0 !important; }
#NAVI ul li.btn_start_c365 a:hover { background-position: -660px -24px !important; }
/* CFDの */
#NAVI ul li.btn_start_cfd a { background-position: -880px 0 !important; }
#NAVI ul li.btn_start_cfd a:hover { background-position: -880px -24px !important; }
/* 外国債券の */
#NAVI ul li.btn_start_fbond a { background-position: -1100px 0 !important;; }
#NAVI ul li.btn_start_fbond a:hover { background-position: -1100px -24px !important; }
/* NAVI:ホーム
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.home li,
#NAVI ul.home li a:hover { background: url(../images/navi_home_combo.png?ver=20111029) no-repeat; }
/* GMOクリック証券の強み */
#NAVI ul.home li.navi01 { width: 164px; background-position: 0px 0px; }
#NAVI ul.home li.navi01 a:hover,
#NAVI ul.home li.navi01_on,
#NAVI ul.home li.navi01_on a:hover { width: 164px; background-position: 0px -36px;}
/* サービスガイド */
#NAVI ul.home li.navi02 { width: 112px; background-position: -164px 0px; }
#NAVI ul.home li.navi02 a:hover,
#NAVI ul.home li.navi02_on,
#NAVI ul.home li.navi02_on a:hover { width: 112px; background-position: -164px -36px; }
/* 取引ツール */
#NAVI ul.home li.navi03 { width: 88px; background-position: -276px 0px; }
#NAVI ul.home li.navi03 a:hover,
#NAVI ul.home li.navi03_on,
#NAVI ul.home li.navi03_on a:hover { width: 88px; background-position: -276px -36px; }
/* ニュース */
#NAVI ul.home li.navi04 { width: 80px; background-position: -364px 0px; }
#NAVI ul.home li.navi04 a:hover,
#NAVI ul.home li.navi04_on,
#NAVI ul.home li.navi04_on a:hover { width: 80px; background-position: -364px -36px; }
/* 会社案内 */
#NAVI ul.home li.navi05 { width: 84px; background-position: -444px 0px; }
#NAVI ul.home li.navi05 a:hover,
#NAVI ul.home li.navi05_on,
#NAVI ul.home li.navi05_on a:hover { width: 84px; background-position: -444px -36px; }
/* お客様サポート */
#NAVI ul.home li.navi06 { width: 112px; background-position: -528px 0px; }
#NAVI ul.home li.navi06 a:hover,
#NAVI ul.home li.navi06_on,
#NAVI ul.home li.navi06_on a:hover { width: 112px; background-position: -528px -36px; }
/* よくあるご質問 */
#NAVI ul.home li.navi07 { width: 112px; background-position: -640px 0px; } /* 最後は+4px */
#NAVI ul.home li.navi07 a:hover,
#NAVI ul.home li.navi07_on,
#NAVI ul.home li.navi07_on a:hover { width: 112px; background-position: -640px -36px; } /* 最後は+4px */
/* NAVI:株式
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.timeline li,
#NAVI ul.timeline li a:hover { background: url(../images/navi_timeline_combo.png?ver=20111029) no-repeat; }
/* トップページ */
#NAVI ul.timeline li.navi01 { width: 96px; background-position: 0px 0px; }
#NAVI ul.timeline li.navi01 a:hover,
#NAVI ul.timeline li.navi01_on,
#NAVI ul.timeline li.navi01_on a:hover { width: 96px; background-position: 0px -36px; }
/* 注文（銘柄検索） */
#NAVI ul.timeline li.navi02 { width: 116px; background-position: -96px 0px; }
#NAVI ul.timeline li.navi02 a:hover,
#NAVI ul.timeline li.navi02_on,
#NAVI ul.timeline li.navi02_on a:hover { width: 116px; background-position: -96px -36px; }
/* 注文履歴（取消・変更） */
#NAVI ul.timeline li.navi03 { width: 156px; background-position: -212px 0px; }
#NAVI ul.timeline li.navi03 a:hover,
#NAVI ul.timeline li.navi03_on,
#NAVI ul.timeline li.navi03_on a:hover { width: 156px; background-position: -212px -36px; }
/* 保有株一覧 */
#NAVI ul.timeline li.navi04 { width: 92px; background-position: -368px 0px; }
#NAVI ul.timeline li.navi04 a:hover,
#NAVI ul.timeline li.navi04_on,
#NAVI ul.timeline li.navi04_on a:hover { width: 92px; background-position: -368px -36px; }
/* 信用建玉一覧 */
#NAVI ul.timeline li.navi05 { width: 104px; background-position: -460px 0px; }
#NAVI ul.timeline li.navi05 a:hover,
#NAVI ul.timeline li.navi05_on,
#NAVI ul.timeline li.navi05_on a:hover { width: 104px; background-position: -460px -36px; }
/* 約定履歴 */
#NAVI ul.timeline li.navi06 { width: 84px; background-position: -564px 0px; }
#NAVI ul.timeline li.navi06 a:hover,
#NAVI ul.timeline li.navi06_on,
#NAVI ul.timeline li.navi06_on a:hover { width: 84px; background-position: -564px -36px; }
/* 余力確認 */
#NAVI ul.timeline li.navi07 { width: 84px; background-position: -648px 0px; }
#NAVI ul.timeline li.navi07 a:hover,
#NAVI ul.timeline li.navi07_on,
#NAVI ul.timeline li.navi07_on a:hover { width: 84px; background-position: -648px -36px; }
/* ポートフォリオ */
#NAVI ul.timeline li.navi08 { width: 108px; background-position: -732px 0px; }
#NAVI ul.timeline li.navi08 a:hover,
#NAVI ul.timeline li.navi08_on,
#NAVI ul.timeline li.navi08_on a:hover { width: 108px; background-position: -732px -36px; }
/* IPO */
#NAVI ul.timeline li.navi09 { width: 72px; background-position: -840px 0px; } /* 最後は+4px */
#NAVI ul.timeline li.navi09 a:hover,
#NAVI ul.timeline li.navi09_on,
#NAVI ul.timeline li.navi09_on a:hover { width: 72px; background-position: -840px -36px; } /* 最後は+4px */
/* ツール（ボタン） */
#NAVI ul.timeline li.btn_tool { width: 68px; background-position: -912px 0px; }
#NAVI ul.timeline li.btn_tool a:hover { width: 68px; background-position: -912px -36px; }
/* NAVI:先物・OP
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.fuop li,
#NAVI ul.fuop li a:hover { background: url(../images/navi_fuop_combo.png?ver=20111029) no-repeat; }
/* 先物注文 */
#NAVI ul.fuop li.navi01 { width: 84px; background-position: 0px 0px; }
#NAVI ul.fuop li.navi01 a:hover,
#NAVI ul.fuop li.navi01_on,
#NAVI ul.fuop li.navi01_on a:hover { width: 84px; background-position: 0px -36px; }
/* オプション注文 */
#NAVI ul.fuop li.navi02 { width: 112px; background-position: -84px 0px; }
#NAVI ul.fuop li.navi02 a:hover,
#NAVI ul.fuop li.navi02_on,
#NAVI ul.fuop li.navi02_on a:hover { width: 112px; background-position: -84px -36px; }
/* 注文・約定一覧（取消・変更） */
#NAVI ul.fuop li.navi03 { width: 184px; background-position: -196px 0px; }
#NAVI ul.fuop li.navi03 a:hover,
#NAVI ul.fuop li.navi03_on,
#NAVI ul.fuop li.navi03_on a:hover { width: 184px; background-position: -196px -36px; }
/* 建玉一覧 */
#NAVI ul.fuop li.navi04 { width: 84px; background-position: -380px 0px; }
#NAVI ul.fuop li.navi04 a:hover,
#NAVI ul.fuop li.navi04_on,
#NAVI ul.fuop li.navi04_on a:hover { width: 84px; background-position: -380px -36px; }
/* 余力確認 */
#NAVI ul.fuop li.navi05 { width: 84px; background-position: -464px 0px; }
#NAVI ul.fuop li.navi05 a:hover,
#NAVI ul.fuop li.navi05_on,
#NAVI ul.fuop li.navi05_on a:hover { width: 84px; background-position: -464px -36px; }
/* ツール（ボタン） */
#NAVI ul.fuop li.btn_tool { width: 104px; background-position: -548px 0px; }
#NAVI ul.fuop li.btn_tool a:hover { width: 104px; background-position: -548px -36px; }
/* NAVI:FXneo
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.fxneo li,
#NAVI ul.fxneo li a:hover { background: url(../images/navi_fxneo_combo.png?ver=20111029) no-repeat; }
/* トップページ */
#NAVI ul.fxneo li.navi01 { width: 96px; background-position: 0px 0px; }
#NAVI ul.fxneo li.navi01 a:hover,
#NAVI ul.fxneo li.navi01_on,
#NAVI ul.fxneo li.navi01_on a:hover { width: 96px; background-position: 0px -36px; }
/* 新規注文 */
#NAVI ul.fxneo li.navi02 { width: 84px; background-position: -96px 0px; }
#NAVI ul.fxneo li.navi02 a:hover,
#NAVI ul.fxneo li.navi02_on,
#NAVI ul.fxneo li.navi02_on a:hover { width: 84px; background-position: -96px -36px; }
/* 決済注文 */
#NAVI ul.fxneo li.navi03 { width: 84px; background-position: -180px 0px; }
#NAVI ul.fxneo li.navi03 a:hover,
#NAVI ul.fxneo li.navi03_on,
#NAVI ul.fxneo li.navi03_on a:hover { width: 84px; background-position: -180px -36px; }
/* 注文履歴 */
#NAVI ul.fxneo li.navi04 { width: 84px; background-position: -264px 0px; }
#NAVI ul.fxneo li.navi04 a:hover,
#NAVI ul.fxneo li.navi04_on,
#NAVI ul.fxneo li.navi04_on a:hover { width: 84px; background-position: -264px -36px; }
/* 建玉一覧 */
#NAVI ul.fxneo li.navi05 { width: 84px; background-position: -348px 0px; }
#NAVI ul.fxneo li.navi05 a:hover,
#NAVI ul.fxneo li.navi05_on,
#NAVI ul.fxneo li.navi05_on a:hover { width: 84px; background-position: -348px -36px; }
/* 約定履歴 */
#NAVI ul.fxneo li.navi06 { width: 84px; background-position: -432px 0px; }
#NAVI ul.fxneo li.navi06 a:hover,
#NAVI ul.fxneo li.navi06_on,
#NAVI ul.fxneo li.navi06_on a:hover { width: 84px; background-position: -432px -36px; }
/* 余力確認 */
#NAVI ul.fxneo li.navi07 { width: 84px; background-position: -516px 0px; }
#NAVI ul.fxneo li.navi07 a:hover,
#NAVI ul.fxneo li.navi07_on,
#NAVI ul.fxneo li.navi07_on a:hover { width: 84px; background-position: -516px -36px; }
/* 精算表 */
#NAVI ul.fxneo li.navi08 { width: 72px; background-position: -600px 0px; }
#NAVI ul.fxneo li.navi08 a:hover,
#NAVI ul.fxneo li.navi08_on,
#NAVI ul.fxneo li.navi08_on a:hover { width: 72px; background-position: -600px -36px; }
/* メール設定 */
#NAVI ul.fxneo li.navi09 { width: 88px; background-position: -672px 0px; }
#NAVI ul.fxneo li.navi09 a:hover,
#NAVI ul.fxneo li.navi09_on,
#NAVI ul.fxneo li.navi09_on a:hover { width: 88px; background-position: -672px -36px; }
/* FX電子書類閲覧 */
#NAVI ul.fxneo li.navi10 { width: 124px; background-position: -760px 0px; } /* 最後は+4px */
#NAVI ul.fxneo li.navi10 a:hover,
#NAVI ul.fxneo li.navi10_on,
#NAVI ul.fxneo li.navi10_on a:hover { width: 124px; background-position: -760px -36px; } /* 最後は+4px */
/* NAVI:FXOP（外為オプション）
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.fxop { /* メニュー個別削除があるため全体BG禁止 */ }
#NAVI ul.fxop li,
#NAVI ul.fxop li a:hover { background: url(../images/navi_fxop_demo_combo.png?ver=20111029); }
/* 購入 */
#NAVI ul.fxop li.navi01 { width: 96px; background-position: 0px 0px; }
#NAVI ul.fxop li.navi01 a:hover,
#NAVI ul.fxop li.navi01_on,
#NAVI ul.fxop li.navi01_on a:hover { width: 96px; background-position: 0px -36px; }
/* 購入履歴・結果 */
#NAVI ul.fxop li.navi02 { width: 112px; background-position: -96px 0px; }
#NAVI ul.fxop li.navi02 a:hover,
#NAVI ul.fxop li.navi02_on,
#NAVI ul.fxop li.navi02_on a:hover { width: 112px; background-position: -96px -36px; }
/* 確定一覧 */
#NAVI ul.fxop li.navi03 { width: 84px; background-position: -208px 0px;  }
#NAVI ul.fxop li.navi03 a:hover,
#NAVI ul.fxop li.navi03_on,
#NAVI ul.fxop li.navi03_on a:hover { width: 84px; background-position: -208px -36px; }
/* 精算表 */
#NAVI ul.fxop li.navi04 { width: 72px; background-position: -292px 0px;  }
#NAVI ul.fxop li.navi04 a:hover,
#NAVI ul.fxop li.navi04_on,
#NAVI ul.fxop li.navi04_on a:hover { width: 72px; background-position: -292px -36px; }
/* 電子書類閲覧 */
#NAVI ul.fxop li.navi05 { width: 104px; background-position: -364px 0px;  }
#NAVI ul.fxop li.navi05 a:hover,
#NAVI ul.fxop li.navi05_on,
#NAVI ul.fxop li.navi05_on a:hover { width: 104px; background-position: -364px -36px; }
/* 資金振替 */
#NAVI ul.fxop li.navi06 { width: 88px; background-position: -468px 0px; } /* 最後は+4px */
#NAVI ul.fxop li.navi06 a:hover,
#NAVI ul.fxop li.navi06_on,
#NAVI ul.fxop li.navi06_on a:hover { width: 88px; background-position: -468px -36px; }
/* プラチナチャートボタン */
#NAVI ul.fxop li.btn_platinumchart { background:none; padding-top:5px; padding-left:10px; }
#NAVI ul.fxop li.btn_platinumchart a,
#NAVI ul.fxop li.btn_platinumchart a:hover { display:block; cursor:pointer; width: 145px; height:24px; background:url(../images/btn_platinumchart.png) no-repeat; }
/* NAVI:365FX(c365)
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.c365 li,
#NAVI ul.c365 li a:hover { background: url(../images/navi_c365_combo.png?ver=20111029) no-repeat; }
/* トレード */
#NAVI ul.c365 li.navi01 { width: 96px; background-position: 0px 0px; }
#NAVI ul.c365 li.navi01 a:hover,
#NAVI ul.c365 li.navi01_on,
#NAVI ul.c365 li.navi01_on a:hover { width: 96px; background-position: 0px -36px; }
/* 注文・約定一覧（注文取消） */
#NAVI ul.c365 li.navi02 { width: 184px; background-position: -96px 0px; }
#NAVI ul.c365 li.navi02 a:hover,
#NAVI ul.c365 li.navi02_on,
#NAVI ul.c365 li.navi02_on a:hover { width: 184px; background-position: -96px -36px; }
/* 建玉一覧 */
#NAVI ul.c365 li.navi03 { width: 84px; background-position: -280px 0px; }
#NAVI ul.c365 li.navi03 a:hover,
#NAVI ul.c365 li.navi03_on,
#NAVI ul.c365 li.navi03_on a:hover { width: 84px; background-position: -280px -36px; }
/* 余力確認 */
#NAVI ul.c365 li.navi04 { width: 84px; background-position: -364px 0px; }
#NAVI ul.c365 li.navi04 a:hover,
#NAVI ul.c365 li.navi04_on,
#NAVI ul.c365 li.navi04_on a:hover { width: 84px; background-position: -364px -36px; }
/* ツール（ボタン） */
#NAVI ul.c365 li.btn_tool { width: 104px; background-position: -448px 0px; }
#NAVI ul.c365 li.btn_tool a:hover { width: 104px; background-position: -448px -36px; }
/* NAVI:CFD
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.cfd li,
#NAVI ul.cfd li a:hover { background: url(../images/navi_cfd_combo.png?ver=20111029) no-repeat; }
/* トップページ */
#NAVI ul.cfd li.navi01 { width: 96px; background-position: 0px 0px; }
#NAVI ul.cfd li.navi01 a:hover,
#NAVI ul.cfd li.navi01_on,
#NAVI ul.cfd li.navi01_on a:hover { width: 96px; background-position: 0px -36px; }
/* 銘柄検索 */
#NAVI ul.cfd li.navi02 { width: 84px; background-position: -96px 0px; }
#NAVI ul.cfd li.navi02 a:hover,
#NAVI ul.cfd li.navi02_on,
#NAVI ul.cfd li.navi02_on a:hover { width: 84px; background-position: -96px -36px; }
/* トレード */
#NAVI ul.cfd li.navi03 { width: 84px; background-position: -180px 0px; }
#NAVI ul.cfd li.navi03 a:hover,
#NAVI ul.cfd li.navi03_on,
#NAVI ul.cfd li.navi03_on a:hover { width: 84px; background-position: -180px -36px; }
/* 注文・約定一覧（取消・変更） */
#NAVI ul.cfd li.navi04 { width: 164px; background-position: -264px 0px; }
#NAVI ul.cfd li.navi04 a:hover,
#NAVI ul.cfd li.navi04_on,
#NAVI ul.cfd li.navi04_on a:hover { width: 164px; background-position: -264px -36px; }
/* 建玉一覧 */
#NAVI ul.cfd li.navi05 { width: 84px; background-position: -428px 0px; }
#NAVI ul.cfd li.navi05 a:hover,
#NAVI ul.cfd li.navi05_on,
#NAVI ul.cfd li.navi05_on a:hover { width: 84px; background-position: -428px -36px; }
/* 余力確認 */
#NAVI ul.cfd li.navi06 { width: 84px; background-position: -512px 0px; }
#NAVI ul.cfd li.navi06 a:hover,
#NAVI ul.cfd li.navi06_on,
#NAVI ul.cfd li.navi06_on a:hover { width: 84px; background-position: -512px -36px; }
/* インフォメーション */
#NAVI ul.cfd li.navi07 { width: 116px; background-position: -596px 0px; } /* 最後は+4px */
#NAVI ul.cfd li.navi07 a:hover,
#NAVI ul.cfd li.navi07_on,
#NAVI ul.cfd li.navi07_on a:hover { width: 116px; background-position: -596px -36px; } /* 最後は+4px */
/* NAVI:eワラント
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.warrant li,
#NAVI ul.warrant li a:hover { background: url(../images/navi_warrant_combo.png?ver=20111029) no-repeat; }
/* 銘柄選択 */
#NAVI ul.warrant li.navi01 { width: 84px; background-position: 0px 0px; }
#NAVI ul.warrant li.navi01 a:hover,
#NAVI ul.warrant li.navi01_on,
#NAVI ul.warrant li.navi01_on a:hover { width: 84px; background-position: 0px -36px; }
/* 新規注文 */
#NAVI ul.warrant li.navi02 { width: 84px; background-position: -84px 0px; }
#NAVI ul.warrant li.navi02 a:hover,
#NAVI ul.warrant li.navi02_on,
#NAVI ul.warrant li.navi02_on a:hover { width: 84px; background-position: -84px -36px; }
/* 注文・約定一覧（取消） */
#NAVI ul.warrant li.navi03 { width: 152px; background-position: -168px 0px; }
#NAVI ul.warrant li.navi03 a:hover,
#NAVI ul.warrant li.navi03_on,
#NAVI ul.warrant li.navi03_on a:hover { width: 152px; background-position: -168px -36px; }
/* 保有ワラント一覧 */
#NAVI ul.warrant li.navi04 { width: 128px; background-position: -320px 0px; } /* 最後は+4px */
#NAVI ul.warrant li.navi04 a:hover,
#NAVI ul.warrant li.navi04_on,
#NAVI ul.warrant li.navi04_on a:hover { width: 128px; background-position: -320px -36px; } /* 最後は+4px */
/* NAVI:債券
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.fbond li,
#NAVI ul.fbond li a:hover { background: url(../images/navi_fbond_combo.png?ver=20111029) no-repeat; }
/* トップページ */
#NAVI ul.fbond li.navi01 { width: 96px; background-position: 0px 0px; }
#NAVI ul.fbond li.navi01 a:hover,
#NAVI ul.fbond li.navi01_on,
#NAVI ul.fbond li.navi01_on a:hover { width: 96px; background-position: 0px -36px; }
/* 保有・申込中一覧 */
#NAVI ul.fbond li.navi02 { width: 132px; background-position: -96px 0px; }  /* 最後は+4px */
#NAVI ul.fbond li.navi02 a:hover,
#NAVI ul.fbond li.navi02_on,
#NAVI ul.fbond li.navi02_on a:hover { width: 132px; background-position: -96px -36px; }  /* 最後は+4px */
/* NAVI:マイページ
++++++++++++++++++++++++++++++++++++++++ */
#NAVI ul.mypage li,
#NAVI ul.mypage li a:hover { background: url(../images/navi_mypage_combo.png?ver=20111029) no-repeat; }
/* トップページ */
#NAVI ul.mypage li.navi01 { width: 96px; background-position: 0px 0px; }
#NAVI ul.mypage li.navi01 a:hover,
#NAVI ul.mypage li.navi01_on,
#NAVI ul.mypage li.navi01_on a:hover { width: 96px; background-position: 0px -36px; }
/* 入出金・振替 */
#NAVI ul.mypage li.navi02 { width: 100px; background-position: -96px 0px; }
#NAVI ul.mypage li.navi02 a:hover,
#NAVI ul.mypage li.navi02_on,
#NAVI ul.mypage li.navi02_on a:hover { width: 100px; background-position: -96px -36px; }
/* 精算表 */
#NAVI ul.mypage li.navi03 { width: 72px; background-position: -196px 0px; }
#NAVI ul.mypage li.navi03 a:hover,
#NAVI ul.mypage li.navi03_on,
#NAVI ul.mypage li.navi03_on a:hover { width: 72px; background-position: -196px -36px; }
/* 電子書類閲覧 */
#NAVI ul.mypage li.navi04 { width: 104px; background-position: -268px 0px; }
#NAVI ul.mypage li.navi04 a:hover,
#NAVI ul.mypage li.navi04_on,
#NAVI ul.mypage li.navi04_on a:hover { width: 104px; background-position: -268px -36px; }
/* NAVI:マイページ:ツール */
#NAVI ul.mypage li.navi05 { width: 72px; background-position: -372px 0px; }
#NAVI ul.mypage li.navi05 a:hover,
#NAVI ul.mypage li.navi05_on,
#NAVI ul.mypage li.navi05_on a:hover { width: 72px; background-position: -372px -36px; }
/* 登録情報・申請 */
#NAVI ul.mypage li.navi06 { width: 112px; background-position: -444px 0px; }
#NAVI ul.mypage li.navi06 a:hover,
#NAVI ul.mypage li.navi06_on,
#NAVI ul.mypage li.navi06_on a:hover { width: 112px; background-position: -444px -36px; }
/* お問い合わせ */
#NAVI ul.mypage li.navi07 { width: 104px; background-position: -556px 0px; } /* 最後は+4px */
#NAVI ul.mypage li.navi07 a:hover,
#NAVI ul.mypage li.navi07_on,
#NAVI ul.mypage li.navi07_on a:hover { width: 104px; background-position: -556px -36px; } /* 最後は+4px */
/* NAVI: リンク無し
++++++++++++++++++++++++++++++++++++++++ */
#NAVI .no_link { filter: alpha(opacity=40); -moz-opacity:0.40; opacity:0.40; }
#NAVI .no_link span { display:block; height:32px; /*width:96%; border:2px groove #e3e3e3;*/ }
/* SUB_MENU
++++++++++++++++++++++++++++++++++++++++ */
.sub_menu { position: relative; top:-1px; left:0; width:980px; margin:0 auto; z-index: 10000; }
.sub_menu .bd0 a { border: 0; }
.sub_menu ul { position: absolute; width:248px; padding-top:0; }
.sub_menu ul li { list-style: none; letter-spacing: 1px; padding:0; zoom:1; }
.sub_menu ul li.top { height:8px; line-height:8px; overflow:hidden; font-size:1px; }
.sub_menu ul li.bottom { height:12px; line-height:12px; overflow:hidden; font-size:1px; }
.sub_menu ul li a { display: block; margin:0 12px; padding:6px 4px 6px 18px; line-height:1em; zoom:1;  text-decoration: none; color: #388bd5; color:#005bb0; background:url(../images/arrow_image_blue01.png) no-repeat 8px center; font-size:12px; border-bottom: 1px solid #d8e4f0; }
.sub_menu ul li a:hover { background-color: #e6f2fd; text-decoration: none; color: #0088ff; }
.sub_menu ul.timeline { left: 248px; }
.sub_menu ul.timeline li { background:url(../images/menu_timeline_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.timeline li.top { background: url(../images/menu_timeline_top.png?ver=20111029) no-repeat left top; }
.sub_menu ul.timeline li.bottom { background:url(../images/menu_timeline_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.fuop { left:316px; }
.sub_menu ul.fuop li { background:url(../images/menu_fuop_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.fuop li.top { background: url(../images/menu_fuop_top.png?ver=20111029) no-repeat left top; }
.sub_menu ul.fuop li.bottom { background:url(../images/menu_fuop_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.fxneo { left: 384px; }
.sub_menu ul.fxneo li { background:url(../images/menu_fxneo_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.fxneo li.top { background: url(../images/menu_fxneo_top.png?ver=20111029) no-repeat left top;  }
.sub_menu ul.fxneo li.bottom { background:url(../images/menu_fxneo_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.fxop { left: 452px; }
.sub_menu ul.fxop li { background:url(../images/menu_fxop_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.fxop li.top { background: url(../images/menu_fxop_top.png?ver=20111029) no-repeat left top;  }
.sub_menu ul.fxop li.bottom { background:url(../images/menu_fxop_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.c365 { left: 520px; }
.sub_menu ul.c365 li { background:url(../images/menu_c365_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.c365 li.top { background: url(../images/menu_c365_top.png?ver=20111029) no-repeat left top; }
.sub_menu ul.c365 li.bottom { background:url(../images/menu_c365_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.cfd { left: 588px; }
.sub_menu ul.cfd li { background:url(../images/menu_cfd_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.cfd li.top { background: url(../images/menu_cfd_top.png?ver=20111029) no-repeat left top; }
.sub_menu ul.cfd li.bottom { background:url(../images/menu_cfd_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.warrant { left: 656px; }
.sub_menu ul.warrant li { background:url(../images/menu_warrant_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.warrant li.top { background: url(../images/menu_warrant_top.png?ver=20111029) no-repeat left top; }
.sub_menu ul.warrant li.bottom { background:url(../images/menu_warrant_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.fbond { left: 724px; }
.sub_menu ul.fbond li { background:url(../images/menu_fbond_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.fbond li.top { background: url(../images/menu_fbond_top.png?ver=20111029) no-repeat left top; }
.sub_menu ul.fbond li.bottom { background:url(../images/menu_fbond_bottom.png?ver=20111029) repeat-y left bottom; }
.sub_menu ul.mypage { left: 732px; }
.sub_menu ul.mypage li { background:url(../images/menu_mypage_middle.png?ver=20111029) repeat-y left; }
.sub_menu ul.mypage li.top { background: url(../images/menu_mypage_top.png?ver=20111029) no-repeat left top; }
.sub_menu ul.mypage li.bottom { background:url(../images/menu_mypage_bottom.png?ver=20111029) repeat-y left bottom; }
/* FOOTER
++++++++++++++++++++++++++++++++++++++++ */
#FOOTER { clear: both; height: 100px; border-top: 1px solid #c2c2c2; text-indent: -9999px; font-size: 1px; line-height: 0; }
#FOOTER .box { position: relative; width: 980px; margin: 0 auto; }
#FOOTER ul { position: absolute; top: 12px; right: 0; width: 920px; height: 20px; background: url(../images/footer_combo.png?ver=20111029) no-repeat; }
#FOOTER ul li { float: left; height: 20px; list-style-type: none; }
#FOOTER ul li a { display: block; height: 100%; }
#FOOTER .footer01 { width: 88px; }
#FOOTER .footer02 { width: 80px; }
#FOOTER .footer03 { width: 128px; }
#FOOTER .footer04 { width: 144px; }
#FOOTER .footer05 { width: 116px; }
#FOOTER .footer06 { width: 92px; }
#FOOTER .footer07 { width: 92px; }
#FOOTER .footer08 { width: 104px; }
#FOOTER .footer09 { width: 76px; }
#FOOTTEXT { position: absolute; text-indent: 0; line-height: 18px; top: 46px; right: 0px; font-size: 10px; }
#FOOTTEXT02 { position: absolute; text-indent: 0; line-height: 18px; top: 70px; right: 0px; font-size: 10px; }
/* end ヘッダとフッター
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*  バナーエリア
********************************************/
.banner_area {
#border-top:1px solid #c7ccd6;
padding-bottom:8px;
margin-top:16px;
text-align:top;
}

.banner_Billing_deposit {
margin-left: 120px;
width: 90%;
border: none;
background: #ffffff;
font-size: 1em;
text-align:left;
}


/* グローバル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* クリアフィックス (CSS Hack)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* ホワイトスペース */
.wsp_nw { white-space: nowrap; }
.wsp_pre { white-space: pre; }
.wsp_conv { max-width:70px;
         overflow:auto;
         word-wrap:break-word;
         white-space:normal;}

/* テキストアライン（ブロック要素内テキストの横位置）
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txa_l { text-align: left; }
.txa_c { text-align: center; }
.txa_r { text-align: right; }

/* バーチカルアライン（テーブル要素の場合：タテ位置）
++++++++++++++++++++++++++++++++++++++++++++++++ */
.vertical_top    { vertical-align: top; }
.vertical_middle { vertical-align: middle; }
.vertical_bottom { vertical-align: bottom; }

/* ヨコ位置（ボックス要素または、インライン要素をdisplay:blockした場合のみ有効, clearfixせよ）
++++++++++++++++++++++++++++++++++++++++++++++++ */
.box_left  { float: left; }
.box_right { float: right; }

/* カーソル形状
++++++++++++++++++++++++++++++++++++++++++++++++ */
.pointer { cursor: pointer !important; }


/* 微調整 margin 四隅均等 */
.mg0  { margin:  0px !important; }
.mg2  { margin:  2px !important; }
.mg5  { margin:  5px !important; }
.mg10 { margin: 10px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }

/* 微調整 margin top */
.mgt0  { margin-top:  0px !important; }
.mgt1  { margin-top:  1px !important; }
.mgt2  { margin-top:  2px !important; }
.mgt5  { margin-top:  5px !important; }
.mgt6  { margin-top:  6px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt60 { margin-top: 60px !important; }

/* 微調整 margin right */
.mgr0  { margin-right:  0px !important; }
.mgr5  { margin-right:  5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }

/* 微調整 margin bottom */
.mgb0  { margin-bottom:  0px !important; }
.mgb2  { margin-bottom:  2px !important; }
.mgb5  { margin-bottom:  5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }

/* 微調整 margin left */
.mgl0  { margin-left:  0px !important; }
.mgl5  { margin-left:  5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl40 { margin-left: 40px !important; }

/* 微調整 padding 四隅均等 */
.pd0  { padding:  0px !important; }
.pd2  { padding:  2px !important; }
.pd5  { padding:  5px !important; }
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }

/* 微調整 padding top */
.pdt0  { padding-top:  0px !important; }
.pdt5  { padding-top:  5px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }

/* 微調整 padding right */
.pdr0  { padding-right:  0px !important; }
.pdr2  { padding-right:  2px !important; }
.pdr5  { padding-right:  5px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr20 { padding-right: 20px !important; }

/* 微調整 padding bottom */
.pdb0  { padding-bottom:  0px !important; }
.pdb2  { padding-bottom:  2px !important; }
.pdb5  { padding-bottom:  5px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb30 { padding-bottom: 30px !important; }

/* 微調整 padding left */
.pdl0  { padding-left:  0px !important; }
.pdl2  { padding-left:  2px !important; }
.pdl5  { padding-left:  5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl20 { padding-left: 20px !important; }

/* 微調整クラス レイヤーの重なり順序 (注意: タブに適用する場合は !important は指定しないこと) */
.zi1 { z-index: -1; }
.zi2 { z-index: -2; }
.zi3 { z-index: -3; }
.zi4 { z-index: -4; }
.zi5 { z-index: -5; }
.zi6 { z-index: -6; }
.zi7 { z-index: -7; }
.zi8 { z-index: -8; }
.zi9 { z-index: -9; }

/* 微調整クラス ヨコの幅 */
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w55 { width: 55px !important; }
.w60 { width: 60px !important; }
.w62 { width: 62px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }

/* 微調整クラス タテの高さ */
.h5 { height: 5px !important; }
.h10 { height: 10px !important; }
.h70 { height: 70px !important; }

/*selectboxの下線切れ回避のため*/
.h2em { height: 1.9em; }



/* テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* テキストボールド
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bold { font-weight: bold; }

/* テキストサイズ (デフォルト = CLASS指定しない)
++++++++++++++++++++++++++++++++++++++++++++++++ */
h1 { font-size: 1.20em; }
h2, h3, h4, h5, h6 { font-size: 1.10em; }
.tx140 { font-size: 1.40em; }
.tx135 { font-size: 1.35em; }
.tx130 { font-size: 1.30em; }
.tx125 { font-size: 1.25em; }
.tx120 { font-size: 1.20em; }
.tx115 { font-size: 1.15em; }
/* default */
.tx110 { font-size: 1.10em; }
.tx095 { font-size: 0.95em; }
.tx090 { font-size: 0.90em; }
.tx085 { font-size: 0.85em; }
.tx080 { font-size: 0.80em; }

/* テキスト行間  (デフォルト = CLASS指定しない)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txh200 { line-height: 2.00em; }
.txh180 { line-height: 1.80em; }
.txh140 { line-height: 1.40em; }
.txh120 { line-height: 1.20em; }
.txh100 { line-height: 1.00em; }

/* 予約テキストカラー: ホーム
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_home { color: #ff3333; }
.txc_home_mid { color: #ff9999; }
.txc_home_light { color: #ffcccc; }
.txc_home_dark { color: #801a1a; }

/* 予約テキストカラー: 株式取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_timeline { color: #3399ff; }
.txc_timeline_mid { color: #99ccff; }
.txc_timeline_light { color: #cce5ff; }
.txc_timeline_dark { color: #1a4d80; }

/* 予約テキストカラー: 先物・OP取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_fuop { color: #ff80aa; }
.txc_fuop_mid { color: #ffbfd4; }
.txc_fuop_light { color: #ffdfea; }
.txc_fuop_dark { color: #804055; }

/* 予約テキストカラー: FX取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_fx { color: #ffbb33; }
.txc_fx_mid { color: #ffdd99; }
.txc_fx_light { color: #ffeecc; }
.txc_fx_dark { color: #805e1a; }

/* 予約テキストカラー: eワラント取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_cw { color: #ff7733; }
.txc_cw_mid { color: #ffbb99; }
.txc_cw_light { color: #ffddcc; }
.txc_cw_dark { color: #803c1a; }

/* 予約テキストカラー: 口座管理
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_koza { color: #5fcc29; }
.txc_koza_mid { color: #afe594; }
.txc_koza_light { color: #d7f2c9; }
.txc_koza_dark { color: #306615; }

/* 予約テキストカラー: 各種サービス
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_service { color: #6680ff; }
.txc_service_mid { color: #b2bfff; }
.txc_service_light { color: #d9dfff; }
.txc_service_dark { color: #334080; }

/* テキストカラー: レッド
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_red { color: #ff3333; }
.txc_red_mid { color: #ff9999; }
.txc_red_light { color: #ffcccc; }
.txc_red_dark { color: #801a1a; }

/* テキストカラー: オレンジ
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_orange { color: #ff9933; }
.txc_orange_mid { color: #ffcc99; }
.txc_orange_light { color: #ffe5cc; }
.txc_orange_dark { color: #804d1a; }

/* テキストカラー: イエロー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_yellow { color: #ffff33; }
.txc_yellow_mid { color: #ffff99; }
.txc_yellow_light { color: #ffffcc; }
.txc_yellow_dark { color: #80801a; }

/* テキストカラー: イエローグリーン
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_yellowgreen { color: #99ff33; }
.txc_yellowgreen_mid { color: #ccff99; }
.txc_yellowgreen_light { color: #e5ffcc; }
.txc_yellowgreen_dark { color: #4d801a; }

/* テキストカラー: グリーン
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_green { color: #33ff33; }
.txc_green_mid { color: #99ff99; }
.txc_green_light { color: #ccffcc; }
.txc_green_dark { color: #1a801a; }

/* テキストカラー: ライムグリーン
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_limegreen { color: #33ff99; }
.txc_limegreen_mid { color: #99ffcc; }
.txc_limegreen_light { color: #ccffe5; }
.txc_limegreen_dark { color: #1a804d; }

/* テキストカラー: アクアブルー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_aquablue { color: #33ffff; }
.txc_aquablue_mid { color: #99ffff; }
.txc_aquablue_light { color: #ccffff; }
.txc_aquablue_dark { color: #1a8080; }

/* テキストカラー: ブルー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_blue { color: #3399ff; }
.txc_blue_mid { color: #99ccff; }
.txc_blue_light { color: #cce5ff; }
.txc_blue_dark { color: #1a4d80; }

/* テキストカラー: ステートブルー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_slateblue { color: #3333ff; }
.txc_slateblue_mid { color: #9999ff; }
.txc_slateblue_light { color: #ccccff; }
.txc_slateblue_dark { color: #1a1a80; }

/* テキストカラー: バイオレット
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_violet { color: #9933ff; }
.txc_violet_mid { color: #cc99ff; }
.txc_violet_light { color: #e5ccff; }
.txc_violet_dark { color: #4d1a80; }

/* テキストカラー: マゼンダ
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_magenta { color: #ff33ff; }
.txc_magenta_mid { color: #ff99ff; }
.txc_magenta_light { color: #ffccff; }
.txc_magenta_dark { color: #801a80; }

/* テキストカラー: ピンク
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_pink { color: #ff3399; }
.txc_pink_mid { color: #ff99cc; }
.txc_pink_light { color: #ffcce5; }
.txc_pink_dark { color: #801a4d; }

/* テキストカラー: グレイ
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_gray { color: #999 !important; }
.txc_gray_mid { color: #ccc; }
.txc_gray_light { color: #eee; }
.txc_gray_dark { color: #666; }

/* テキストカラー: ブラック
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_black { color: #000; }

/* テキストカラー: ホワイト
++++++++++++++++++++++++++++++++++++++++++++++++ */
.txc_white { color: #fff !important; }

/* 予約バックグラウンドカラー: ホーム
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_home { background: #ff3333; }
.bg_home_mid { background: #ff9999; }
.bg_home_light { background: #ffcccc; }
.bg_home_dark { background: #801a1a; }

/* 予約バックグラウンドカラー: 株式取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_timeline { background: #3399ff; }
.bg_timeline_mid { background: #99ccff; }
.bg_timeline_light { background: #cce5ff; }
.bg_timeline_dark { background: #1a4d80; }

/* 予約バックグラウンドカラー: 先物・OP取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_fuop { background: #ff80aa; }
.bg_fuop_mid { background: #ffbfd4; }
.bg_fuop_light { background: #ffdfea; }
.bg_fuop_dark { background: #804055; }

/* 予約バックグラウンドカラー: FX取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_fx { background: #ffbb33; }
.bg_fx_mid { background: #ffdd99; }
.bg_fx_light { background: #ffeecc; }
.bg_fx_dark { background: #805e1a; }

/* 予約バックグラウンドカラー: eワラント取引
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_cw { background: #ff7733; }
.bg_cw_mid { background: #ffbb99; }
.bg_cw_light { background: #ffddcc; }
.bg_cw_dark { background: #803c1a; }

/* 予約バックグラウンドカラー: 口座管理
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_koza { background: #5fcc29; }
.bg_koza_mid { background: #afe594; }
.bg_koza_light { background: #d7f2c9; }
.bg_koza_dark { background: #306615; }

/* 予約バックグラウンドカラー: 各種サービス
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_service { background: #6680ff; }
.bg_service_mid { background: #b2bfff; }
.bg_service_light { background: #d9dfff; }
.bg_service_dark { background: #334080; }

/* バックグラウンドカラー: レッド
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_red { background: #ff3333; }
.bg_red_mid { background: #ff9999; } /* 50% */
.bg_red_light { background: #ffcccc; } /* 25% */
.bg_red_dark { background: #801a1a; } /* 25% */

/* バックグラウンドカラー: オレンジ
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_orange { background: #ff9933; }
.bg_orange_mid { background: #ffcc99; }
.bg_orange_light { background: #ffe5cc; }
.bg_orange_dark { background: #804d1a; }

/* バックグラウンドカラー: イエロー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_yellow { background: #ffff33; }
.bg_yellow_mid { background: #ffff99; }
.bg_yellow_light { background: #ffffcc; }
.bg_yellow_dark { background: #80801a; }

.bg_yellow_splight { background: #fffff5 !important; }

/* バックグラウンドカラー: イエローグリーン
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_yellowgreen { background: #99ff33; }
.bg_yellowgreen_mid { background: #ccff99; }
.bg_yellowgreen_light { background: #e5ffcc; }
.bg_yellowgreen_dark { background: #4d801a; }

/* バックグラウンドカラー: グリーン
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_green { background: #33ff33; }
.bg_green_mid { background: #99ff99; }
.bg_green_light { background: #ccffcc; }
.bg_green_dark { background: #1a801a; }

/* バックグラウンドカラー: ライムグリーン
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_limegreen { background: #33ff99; }
.bg_limegreen_mid { background: #99ffcc; }
.bg_limegreen_light { background: #ccffe5; }
.bg_limegreen_dark { background: #1a804d; }

/* バックグラウンドカラー: アクアブルー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_aquablue { background: #33ffff; }
.bg_aquablue_mid { background: #99ffff; }
.bg_aquablue_light { background: #ccffff; }
.bg_aquablue_dark { background: #1a8080; }

/* バックグラウンドカラー: ブルー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_blue { background: #3399ff; }
.bg_blue_mid { background: #99ccff !important; }
.bg_blue_light { background: #cce5ff !important; }
.bg_blue_dark { background: #1a4d80; }

/* バックグラウンドカラー: ステートブルー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_slateblue { background: #3333ff; }
.bg_slateblue_mid { background: #9999ff; }
.bg_slateblue_light { background: #ccccff; }
.bg_slateblue_dark { background: #1a1a80; }

/* バックグラウンドカラー: バイオレット
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_violet { background: #9933ff; }
.bg_violet_mid { background: #cc99ff; }
.bg_violet_light { background: #e5ccff; }
.bg_violet_dark { background: #4d1a80; }

/* バックグラウンドカラー: マゼンダ
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_magenta { background: #ff33ff; }
.bg_magenta_mid { background: #ff99ff; }
.bg_magenta_light { background: #ffccff; }
.bg_magenta_dark { background: #801a80; }

/* バックグラウンドカラー: ピンク
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_pink { background: #ff3399; }
.bg_pink_mid { background: #ff99cc; }
.bg_pink_light { background: #ffcce5 !important; }
.bg_pink_dark { background: #801a4d; }
.bg_pink_darklight { background: #ff9999 !important; }

/* バックグラウンドカラー: グレイ
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_gray { background: #999; }
.bg_gray_mid { background: #ccc; }
.bg_gray_light { background: #eee; }
.bg_gray_dark { background: #666; }

/* バックグラウンドカラー: ブラック
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_black { background: #000; }

/* バックグラウンドカラー: ホワイト
++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg_white { background: #fff !important; }





/* セット 汎用ボックス
++++++++++++++++++++++++++++++++++++++++++++++++ */
.box_normal { padding: 4px; background: #f5faff;/*#f9f9ff;*/ border: 1px solid #a8a8b2; /*#525266; */ }




/* ボーダー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.bd_yellow_mid { border: 1px solid #ffff99 !important; }

/* ボーダー打ち消し削除 */
.bd_t_none { border-top: none !important; }
.bd_r_none { border-right: none !important; }
.bd_b_none { border-bottom: none !important; }
.bd_l_none { border-left: none !important; }

/* 追加標準ボーダー */
.bd_t { border-top: 1px solid #525266 !important; }
.bd_r { border-right: 1px solid #525266 !important; }
.bd_b { border-bottom: 1px solid #525266 !important; }
.bd_l { border-left: 1px solid #525266 !important; }


/* テーブル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table { width: 100%; border-collapse: collapse; }
table span { vertical-align: baseline; }
table thead td { padding: 4px 6px; }
table td { padding: 6px; line-height: 1.2; }

/* 特別設定 */
.mac.gecko thead td { padding: 4px 6px 2px 6px; }
.mac.gecko tbody td { padding: 6px 6px 4px 6px; }
.win.gecko tbody td { padding: 6px 6px 5px 6px; }

/* TDパディング */
table.td_pd0 td { padding: 0px !important; }
table.td_pd1 td { padding: 1px !important; }
table.td_pd2 td { padding: 2px !important; }
table.td_pd3 td { padding: 3px !important; }
table.td_pd4 td { padding: 4px !important; }

/* ソート可能なテーブル
++++++++++++++++++++++++++++++++++++++++++++++++ */
thead tr.sort td { background-image: url(../images/bg_header_alpha.gif); border-bottom: 1px solid #525266; }
thead tr.sort td { border-right: 1px inset #ccc; color: #000; }

.sort_col,
.sort_asc,
.sort_desc { display: block; cursor: pointer; color: #000; }

.sort_col:hover,
.sort_asc:hover,
.sort_desc:hover { color: #FF0000; }

.sort_asc  { background: url(../images/sort_asc_alpha.gif) right center no-repeat; }
.sort_desc { background: url(../images/sort_desc_alpha.gif) right center no-repeat; }


/*
色相順 HUE
コーポレート罫線色： #525266
insetでボーダーの矛盾を回避
罫線: MASTER = 30%
ヘッダ色: MASTER = 10%
EVEN COLOR: MASTER = 5%
HOVER :MASTER = 15%
ヘッダ文字色 : MASTER 30% + BLACK 100%
*/

/* テーブル: レッド (HUE = 0, MASTER = #ff3333)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_red { border: 1px solid #525266; }
.table_red tr { background-color: #ffeaea; }
.table_red td { border-right: 1px inset #ffc1c1; }
.table_red thead td { border-bottom: 1px inset #ffc1c1; color: #4d0f0f; }
.table_red .odd { background: #fffbfb; }
.table_red .even { background: #fff5f5; }
.table_red.hover tbody tr:hover { background: #ffe1e1; }

/* テーブル: オレンジ (HUE = 30, MASTER = #ff9933)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_orange { background: #fff; border: 1px solid #525266; }
.table_orange td { border: 1px inset #ffe0c1; border-left: none; }
.table_orange thead td,
.table_orange .head td { background: #fff5ea; border-bottom: 1px solid #525266; color: #4d2e0f; }
.table_orange.overalls { border: 1px solid #ffe0c1; }
.table_orange.overalls .head td { border: 1px solid #ffe0c1; }
.table_orange.zebra .odd td,
.table_orange.zebra .even td { border-bottom: none; border-top: none; }
.table_orange.zebra .even td { background: #fffaf5; }
.table_orange .label { background: #fffaf5; color: #4d2e0f; }

/*.table_orange.hover tr:hover { background: #fff0e1; }*/


/* テーブル: イエロー (HUE = 60, MASTER = #ffff33)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_yellow { border: 1px solid #525266; }
.table_yellow tr { background-color: #ffffea; }
.table_yellow td { border-right: 1px inset #ffffc1; }
.table_yellow thead td { border-bottom: 1px inset #ffffc1; color: #4d4d0f; }
.table_yellow .odd { background: #fff; }
.table_yellow .even { background: #fffff5; }
.table_yellow.hover tbody tr:hover { background: #ffffe1; }

/* テーブル: イエローグリーン (HUE = 90, MASTER = #99ff33)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_yellowgreen { border: 1px solid #525266; }
.table_yellowgreen tr { background-color: #f5ffea; }
.table_yellowgreen td { border-right: 1px inset #e0ffc1; }
.table_yellowgreen thead td { border-bottom: 1px inset #e0ffc1; color: #2e4d0f; }
.table_yellowgreen .odd { background: #fff; }
.table_yellowgreen .even { background: #fafff5; }
.table_yellowgreen.hover tbody tr:hover { background: #f0ffe1; }

/* テーブル: グリーン (HUE = 120, MASTER = #33ff33)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_green { border: 1px solid #525266; }
.table_green tr { background-color: #eaffea; }
.table_green td { border-right: 1px inset #c1ffc1; }
.table_green thead td { border-bottom: 1px inset #c1ffc1; color: #2e4d0f; }
.table_green .odd { background: #fff; }
.table_green .even { background: #f5fff5; }
.table_green.hover tbody tr:hover { background: #e1ffe1; }

/* テーブル: ライムグリーン (HUE = 150, MASTER = #33ff99)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_limegreen { border: 1px solid #525266; }
.table_limegreen tr { background-color: #eafff5; }
.table_limegreen td { border-right: 1px inset #c1ffe0; }
.table_limegreen thead td { border-bottom: 1px inset #c1ffe0; color: #0f4d2e; }
.table_limegreen .odd { background: #fff; }
.table_limegreen .even { background: #f5fffa; }
.table_limegreen.hover tbody tr:hover { background: #e1fff0; }

/* テーブル: アクアブルー (HUE = 180, MASTER = #33ffff)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_aquablue { border: 1px solid #525266; }
.table_aquablue tr { background-color: #eaffff; }
.table_aquablue td { border-right: 1px inset #c1ffff; }
.table_aquablue thead td { border-bottom: 1px inset #c1ffff; color: #0f4d4d; }
.table_aquablue .odd { background: #fff; }
.table_aquablue .even { background: #f5ffff; }
.table_aquablue.hover tbody tr:hover { background: #e1ffff; }

/* テーブル: ブルー (HUE = 210, MASTER = #3399ff)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_blue { background: #fff; border: 1px solid #525266; }
.table_blue td { border: 1px inset #c1e0ff; border-left: none; }
.table_blue thead td,
.table_blue .head td { background: #eaf5ff; border-bottom: 1px solid #525266; color: #1a4d80; } /* WIN IE6対応 TRにborder-bottomが反映されない */
.table_blue.overalls { border: 1px solid #c1e0ff; }
.table_blue.overalls .head td { border: 1px solid #c1e0ff; } /* overallsの場合は、ヘッダのボトムボーダーなし */
.table_blue.zebra .odd td,
.table_blue.zebra .even td { border-bottom: none; border-top: none; }
.table_blue.zebra .even td { background: #f5faff; }
.table_blue .label { background: #f5faff; color: #1a4d80; }

/* FIX IE8 */
.ie8 .table_blue td { border: 1px outset #c1e0ff; }
.ie8 .table_blue thead td,
.ie8 .table_blue .head td { border-bottom: 1px outset #525266; }

/*
.table_blue.hover tr:hover { background: #e1f0ff; }
*/

/* テーブル: ステートブルー (HUE = 240, MASTER = #3333ff)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_slateblue { border: 1px solid #525266; }
.table_slateblue tr { background-color: #eaeaff; }
.table_slateblue td { border-right: 1px inset #c1c1ff; }
.table_slateblue thead td { border-bottom: 1px inset #c1c1ff; color: #0f0f4d; }
.table_slateblue .odd { background: #fff; }
.table_slateblue .even { background: #f5f5ff; }
.table_slateblue.hover tbody tr:hover { background: #e1e1ff; }

/* テーブル: バイオレット (HUE = 270, MASTER = #9933ff)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_violet { border: 1px solid #525266; }
.table_violet tr { background-color: #f5eaff; }
.table_violet td { border-right: 1px inset #e0c1ff; }
.table_violet thead td { border-bottom: 1px inset #e0c1ff; color: #2e0f4d; }
.table_violet .odd { background: #fff; }
.table_violet .even { background: #faf5ff; }
.table_violet.hover tbody tr:hover { background: #f0e1ff; }

/* テーブル: マゼンダ (HUE = 300, MASTER = #ff33ff)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_magenta { border: 1px solid #525266; }
.table_magenta tr { background-color: #ffeaff; }
.table_magenta td { border-right: 1px inset #ffc1ff; }
.table_magenta thead td { border-bottom: 1px inset #ffc1ff; color: #4d0f4d; }
.table_magenta .odd { background: #fff; }
.table_magenta .even { background: #fff5ff; }
.table_magenta.hover tbody tr:hover { background: #ffe1ff; }

/* テーブル: ピンク (HUE = 330, MASTER = #ff3399)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_pink { background: #fff; border: 1px solid #525266; }
.table_pink td { border: 1px inset #ffc1e0; border-left: none; }
.table_pink thead td,
.table_pink .head td { background: #fff5ff; border-bottom: 1px solid #525266; color: #4d0f2e; }
.table_pink.overalls { border: 1px solid #ffc1e0; }
.table_pink.overalls .head td { border: 1px solid #ffc1e0; } /* overallsの場合は、ヘッダのボトムボーダーなし */
.table_pink.zebra .odd td,
.table_pink.zebra .even td { border-bottom: none; border-top: none; }
.table_pink.zebra .even td { background: #fff5ff; }
.table_pink .label { background: #fff5ff; color: #4d0f2e; }
.table_pink.hover tr:hover { background: #ffe1f0; }

/* テーブル: グレイ (BRIGHTNESS =20, MASTER = #333333)
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_gray { border: 1px solid #525266; }
.table_gray tr { background-color: #e5e5e5; }
.table_gray td { border-right: 1px inset #c1c1c1; }
.table_gray thead td { border-bottom: 1px inset #c1c1c1; color: #000; }
.table_gray .odd { background: #fff; }
.table_gray .even { background: #f5f5f5; }
.table_gray.hover tbody tr:hover { background: #e1e1e1; }

/* テーブル: プラチナ
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_platinum { border: 1px solid #525266; }
.table_platinum tr { background-color: #dddded; }
.table_platinum td { border-right: 1px inset #9999cc; }
.table_platinum thead td { border-bottom: 1px inset #9999cc; color: #14141e; }
.table_platinum .odd { background: #fdfdff; }
.table_platinum .even { background: #f2f2f5; }
.table_platinum.hover tbody tr:hover { background: #e6e6ed; }

/* テーブル: ホワイト
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_white { border: 1px solid #525266; }
.table_white tr { background-color: #fafafc; }
.table_white td { border-right: 1px inset #c1c1c3; }
.table_white thead td { border-bottom: 1px inset #c1c1c3; color: #3399ff; }
.table_white .odd { background: #fff; }
.table_white .even { background: #fff; }
.table_white.hover tbody tr:hover { background: #e5f5ff; }

/* テーブル: レイアウト用
++++++++++++++++++++++++++++++++++++++++++++++++ */
.table_trans { /*  */ }
.table_trans td { background: none; border: none !important; }

/* end テーブル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* 予約タイトル
++++++++++++++++++++++++++++++++++++++++++++++++ */
.title_home,
.title_timeline,
.title_fuop,
.title_fx,
.title_cw,
.title_koza,
.title_service,
.title_home_dark,
.title_timeline_dark,
.title_fuop_dark,
.title_fx_dark,
.title_cw_dark,
.title_koza_dark,
.title_service_dark { position: relative; margin: 10px 0 5px 0; padding: 1px 5px 1px 5px; font-size: 1.20em; line-height: 1.1; font-weight: bold; }
.title_bond,
.title_bond_new,
.title_bond_existing { position: relative; margin: 10px 0 5px 0; padding: 1px 5px 1px 5px; font-size: 1.20em; line-height: 1.1; font-weight: bold; }

.title_home { border-left: 10px solid #ff9999; color: #ff3333; }
.title_timeline { border-left: 10px solid #388bd5; color: #388bd5; text-align: left; }
.title_search_list, .title_watch_list { border-left: 10px solid #388bd5; color: #388bd5; text-align: left; }
.title_watch_list { border-left: 10px solid #388bd5; color: #388bd5; text-align: left; }
.title_fuop { border-left: 10px solid #ffbfd4; color: #ff80aa; }
.title_fx { border-left: 10px solid #ffdd99; color: #ffbb33; }
.title_cw { border-left: 10px solid #ffbb99; color: #ff7733; }
.title_koza { border-left: 10px solid #afe594; color: #5fcc29; }
.title_service { border-left: 10px solid #b2bfff; color: #6680ff; }
.title_home_dark { border-left: 10px solid #ff9999; color: #801a1a; }
.title_timeline_dark { border-left: 10px solid #99ccff; color: #1a4d80; }
.title_fuop_dark { border-left: 10px solid #ffbfd4; color: #804055; }
.title_fx_dark { border-left: 10px solid #ffdd99; color: #805e1a; }
.title_cw_dark { border-left: 10px solid #ffbb99; color: #803c1a; }
.title_koza_dark { border-left: 10px solid #afe594; color: #306615; }
.title_service_dark { border-left: 10px solid #b2bfff; color: #334080; }
.title_bond { border-left: 10px solid #bddae9; color: #66aacc; }
.title_bond_new { border-left: 10px solid #ffbfd4; color: #66aacc; }
.title_bond_existing { border-left: 10px solid #afe594; color: #66aacc; }

/* 予約タイトル オプション
++++++++++++++++++++++++++++++++++++++++++++++++ */
.title_option { position: absolute; top: 0; right: 0; font-size: 12px; font-weight: normal; line-height: 2em; }



/* 注意書き枠
++++++++++++++++++++++++++++++++++++++++++++++++ */
.notes_high { padding: 5px; border: 2px solid #ff9999; background: #fff5f5; color: #801a1a; }
.notes_medium { padding: 5px; border: 2px solid #99ccff; background: #f5faff; color: #1a4d80; }
.notes_low { padding: 5px; border: 1px solid #999; }

/* 注意書き枠の箇条書き */
.notes_high ul,
.notes_medium ul,
.notes_low ul { padding-left: 20px; }

.notes_high li,
.notes_medium li,
.notes_low li { padding-left: 0px; list-style: outside; }

/* 備考
++++++++++++++++++++++++++++++++++++++++++++++++ */
.tx_notes { font-size: 0.85em; line-height: 1.20em; }


/* 専用テキストカラー
++++++++++++++++++++++++++++++++++++++++++++++++ */

/* トレード専用カラー プラスの場合 = 赤 */
.plus_red { color: #ff3333 !important; }

/* トレード専用カラー マイナスの場合 = 青 */
.minus_blue { color: #0055ff !important; }

.zero_black { color: #666666 !important; }
/* 会計専用カラープラスの場合 = 青 */
.plus_blue { color: #0055ff !important; }

/* 会計専用カラー マイナスの場合 = 赤 */
.minus_red { color: #ff3333 !important; }

/* 高値の場合のBG */
.high_red_bg { background: #ffcccc; }

/* 安値の場合のBG */
.high_blue_bg { background: #cce5ff; }


/* ステータス
++++++++++++++++++++++++++++++++++++++++++++++++ */
.new { margin-right: 5px; padding: 1px 4px; background: #fff; border: 1px solid #999; }

/* 市場 東証、大証、ジャスダック、夜間 */
.market_tse { padding: 2px; background: #fff; border: 1px solid #595858; color: #595858; /* white-space: pre; */ display:inline-block; }
.market_ose { padding: 2px; background: #fff; border: 1px solid #595858; color: #595858; /* white-space: pre; */ display:inline-block; }
.market_jq  { padding: 2px; background: #fff; border: 1px solid #595858; color: #595858; /* white-space: pre; */ display:inline-block; }
.market_pts { padding: 2px; background: #000000; border: 1px solid #000000; color: #ffff33; /* white-space: pre; */ display:inline-block; }

/* CFD取扱銘柄 */
a .cfd_enable{ padding: 2px; background: #46469c; border: 1px solid #39397f; color: #ffffff; /* white-space: pre; */ display:inline-block; cursor: pointer;}
a:hover .cfd_enable{ padding: 2px; background: #6363d7; border: 1px solid #39397f; color: #ffffff; /* white-space: pre; */ display:inline-block; text-decoration: underline; }

/* 注意銘柄 */
.caution_status { padding: 2px; background: #fff5f5; border: 1px solid #ff3333; color: #ff3333; /* white-space: pre; */ display:inline-block; }

/* 業種 */
.industry_type { padding: 2px; background: #fff; border: 1px solid #595858; color: #595858; /* white-space: nowrap; */ display:inline-block; }

/* 株主優待 */
.stock_holder { padding: 2px; background: #fffaf5; border: 1px solid #d1824d; color: #d1824d; /* white-space: nowrap; */ display:inline-block; }

/* マーケットメイク銘柄 */
.market_make { padding: 2px; background: #fff; border: 1px solid #5fcc29; color: #5fcc29; /* white-space: nowrap; */ display:inline-block; }

/* 信用区分 制度、無期限 */
.shinyou_kbn_seido   { padding: 2px; background: #e9f7ff; border: 1px solid #0086ff; color: #0086ff; /* white-space: pre; */ display:inline-block; }
.shinyou_kbn_mukigen { padding: 2px; background: #fafff4; border: 1px solid #5faf01; color: #5faf01; /* white-space: pre; */ display:inline-block; }

/* 売買区部 売買、売建、買、買建 */
.baibai_kbn_uri { padding: 2px; background: #0099FF; border: 1px solid #99ccff; color: #fff; /* white-space: pre; */ display:inline-block; }
.baibai_kbn_kai { padding: 2px; background: #ff3333; border: 1px solid #ff9999; color: #fff; /* white-space: pre; */ display:inline-block; }

/* 状態 */
.condition_red { display: block; padding: 2px; background: #fff5f5; border: 1px solid #ff3333; color: #ff3333; text-align: center; /* white-space: nowrap; */ display:inline-block; }
.condition_green { display: block; padding: 2px; background: #fafff4; border: 1px solid #5fcc29; color: #5fcc29; text-align: center; /* white-space: nowrap; */ display:inline-block; }




/* 取引系ボタン 変更、取消、売注文、返済
++++++++++++++++++++++++++++++++++++++++++++++++ */
.btn_shinki,
.btn_modify,
.btn_cancel,
.btn_uri,
.btn_hensai { display: block; margin: 0 auto; margin-top: 1px; padding: 0; width: auto; border: 1px solid #868694; vertical-align: middle; background: url(../images/bg_normal.gif) left bottom; }
/*  */
.btn_shinki a,
.btn_cancel a,
.btn_modify a,
.btn_uri a,
.btn_hensai a { display: block; font-size: 12px; padding: 3px; white-space: nowrap; }
/*  */
.btn_shinki a,
.btn_modify a,
.btn_cancel a,
.btn_uri a,
.btn_hensai a,
.btn_shinki a:link,
.btn_modify a:link,
.btn_cancel a:link,
.btn_uri a:link,
.btn_hensai a:link { text-decoration: none; }
/*  */
.btn_shinki a:hover,
.btn_modify a:hover,
.btn_cancel a:hover,
.btn_uri a:hover,
.btn_hensai a:hover { text-decoration: underline; }
/* 新規 */
.btn_shinki { width: 3.2em; }
.btn_shinki a,
.btn_shinki a:link { color: #e83d7d; }
.btn_shinki a:hover { /*  */ }
/* 変更 */
.btn_modify { width: 3.2em; }
.btn_modify a,
.btn_modify a:link { color: #525266; }
.btn_modify a:hover { /*  */ }
/* 取消 */
.btn_cancel { width: 3.2em; }
.btn_cancel a,
.btn_cancel a:link { color: #525266; }
.btn_cancel a:hover { /*  */ }
/* 売注文 */
.btn_uri { width: 4em; }
.btn_uri a,
.btn_uri a:link { color: #3399ff; }
.btn_uri a:hover { /*  */ }
/* 返済 */
.btn_hensai { width: 3.2em; }
.btn_hensai a,
.btn_hensai a:link { color: #5fcc29; }
.btn_hensai a:hover { /*  */ }





/* サーチボックス
++++++++++++++++++++++++++++++++++++++++++++++++ */
.search_box { /*  */ }
.search_box fieldset { display: inline; border: none; border-left: 1px solid #c1e0ff; padding: 0 10px; }
.search_box label { color: #1a4d80; vertical-align: middle; }











/* セット */

/* 検索結果ナビ */
.result_navi { position: relative; margin: 5px 0; height: 1.60em; }
.result_navi span { vertical-align: baseline; }
.result_navi .info { /*  */ }
.result_navi .info .sect01 { padding: 2px; color: #3399ff; }
.result_navi .info .sect02 { padding-left: 5px; color: #ff3333; font-size: 1.15em; font-weight: bold; }
.result_navi .info .sect03 { padding-left: 10px; }

/* 凡例 */
.result_navi .example { /*  */ }

/* シンプルページャー
++++++++++++++++++++++++++++++++++++++++++++++++ */
.result_navi .simple_pager { position: absolute; right: 0; top: 0; text-align: right; color: #3399ff; }
.result_navi .simple_page a { text-decoration: none; color: #3399ff }
.result_navi .simple_page .prev,
.result_navi .simple_page .next { padding: 1px 2px; border: 1px solid #3399ff; line-height: 1em; }
.result_navi .simple_page .sect01 { /*  */ }
.result_navi .simple_page .sect02 { /*  */ }
.result_navi .simple_page .sect03 { /*  */ }
.result_navi .simple_page .sect04 { /*  */ }


/* ページ */
.page_navi { /* スキップ可能ページャー */ }


/* ページャー(CSSHackあり eワラントと先物OPをライブラリ化中)
++++++++++++++++++++++++++++++++++++++++ */
.result_navi .pager { position: absolute; top: 0; right: 0; /*float: right; font-size: 13px; */}
.result_navi .pager:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html .result_navi .pager {
    /*\*/height:1%;/*for WinIE*/
    display:inline-table;/*for MacIE*/
}

.result_navi .pager li {
    display: block;
    float: left;
    margin-left: 3px;
    /* border: 1px solid #0077cc; */
    border: 1px solid #cecece;
    background: #9f9e9e;
    text-align: center;
    list-style: none;
    color: #fff;
    font-weight: bold;
    /* line-height: 1.30em; */
    line-height: 18px; }
.result_navi .pager li a { display: block; background: #fff; /*#f2f3f7;*/ }
/* サイズ */
.result_navi .pager li,
.result_navi .pager li a { width: 22px; height: 18px; }
/*width: 1.60em; height: 1.30em;*/
.result_navi .pager .jump_end a,
.result_navi .pager .jump_prev a { /*  */ }
.result_navi .pager li a { text-decoration: none; color: #696969; font-weight: normal; }
.result_navi .pager li a:link { text-decoration: none; color: #696969; font-weight: normal; }
.result_navi .pager li a:hover { background: #388bd5; color: #fff; text-decoration: none; font-weight: bold; }

.result_navi .pager li a:link { text-decoration: none; color: #696969; font-weight: normal; }
.result_navi .pager .disable a:hover { background: #fff; text-decoration: none; color: #696969; cursor: default; font-weight: normal;}



/* 以下作業中 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.bbb {
    background: url(../images/arrow01.gif) 3px center no-repeat;
}



/* 以下ユーザーインターフェイス */

/* UIタブ (デフォルトはバックタブ) */
/* Firefox 2.x はULのz-index必須です */
.stab_box { position: relative; height: 26px; z-index: 1; /* このz-index = win ie6,7必須 */ }
.stab_box ul { position: absolute; margin-left: 4px; top: 2px; height: 25px; list-style: none; z-index: 100; /* このz-index = safari2必須 */ }
.stab_box li { float: left; position: relative; border: 1px solid #94b7d8; border-bottom: none; width: 60px; height: 23px; text-align:center;
    background: #d7d7d7; font-size: 12px; overflow: hidden; margin-right:2px;}
.stab_box li a { display: block; padding-top: 6px; width: 100%; height: 25px; line-height: 1em; text-decoration: none; color: #6591bb;  margin-left: 0px;}
.stab_box li a:hover { color: #3c6a95; text-decoration: none; }
.stab_box li.front { height: 24px; background: #f5f6f8; z-index: 1000; }
.stab_box li.front a { color: #1b486f; }
/* 株主優待非活性時スタイル 2009/11/14リリース用*/
.stab_box li.disable { background: #ffffff; border: 1px solid #c0ddf8; border-bottom: 1px solid #94b7d8;}
.stab_box li.disable a { color: #dedede; cursor: not-allowed; }

/* UIタブ (注文パネル用) 2009/09/11リリース用新規追加スタイル*/
/* Firefox 2.x はULのz-index必須です */
.stab_box_panel { position: relative; height: 26px; z-index: 1; /* このz-index = win ie6,7必須 */ }
.stab_box_panel ul { position: absolute; margin-left: 5px; top: 2px; height: 25px; list-style: none; z-index: 100; /* このz-index = safari2必須 */ }
.stab_box_panel li { float: left; position: relative; border: 1px solid #94b7d8; border-bottom: none; width: 75px; height: 23px; text-align:center;
    font-size: 12px; overflow: hidden; text-indent: 20px; margin-right:2px;}
/* 注文パネルタブ用、色・アイコン設定 */
.stab_box_panel li.day { background: url(../images/sun.png) 2px 4px no-repeat #d7d7d7;}
.stab_box_panel li.night { background: url(../images/moon.png) 2px 4px no-repeat #d7d7d7;}
.stab_box_panel li.ewarrant { background: url(../images/warrant_icon.png) 2px 4px no-repeat #d7d7d7;}
.stab_box_panel li.cfd { background: url(../images/cfd.png) 2px 4px no-repeat #d7d7d7;}
.stab_box_panel li a { display: block; padding-top: 6px; width: 100%; height: 25px; line-height: 1em; text-decoration: none; color: #6591bb;  margin-left: 0px;}
.stab_box_panel li a:hover { color: #3c6a95; text-decoration: none; }
.stab_box_panel li.front { height: 24px; z-index: 1000; }
.stab_box_panel li.front.day { background: url(../images/sun.png) 2px 4px no-repeat #f5f6f8; }
.stab_box_panel li.front.night { background: url(../images/moon.png) 2px 4px no-repeat #f5f6f8; }
.stab_box_panel li.front.timeline { background: url(../images/timeline_icon.png) 2px 4px no-repeat #f5f6f8; }
.stab_box_panel li.front a { color: #1b486f; }

/* UIタブ ノーマルリンク(タブ打ち消し) */
.stab_box .normal { text-indent: 0; padding: 0; width: auto; background: none; border: none; }
.stab_box .normal a { padding: 0; padding-top: 4px; color: #000; }
.stab_box .normal a:hover { /*  */ }

/* UIタブ eワラントへのリンク */
.stab_box .ewarrant { background: none; border: 0; text-indent: -9999px; }
.stab_box .ewarrant a {
    position: absolute;
    right: -20px;
    top:0;
    display: block;
    margin: 0;
    padding: 0;
    width: 100px;
    background: url(../images/lib_beta.png) -390px -150px;
    }

/*  UIタブ Yahoo掲示板へのリンク */
.stab_box .yahoo { margin: 0 8px; padding: 0; width: 55px; height: 23px; border: none; background: url(../images/lib_beta.png) -290px -150px ; text-indent: -9999px; }

/* タブのボディ @@@@@@@修正中@@@@@@@ */
.stab_box_body { padding: 10px; border: 1px solid #94b7d8; background: #f5f6f8; }

/*  UIタブ blue */
.stab_box_blue { position: relative; height: 26px; z-index: 1; /* このz-index = win ie6,7必須 */ }
.stab_box_blue a { text-decoration: none; color: #388bd5; }
.stab_box_blue a:hover { text-decoration: none; color: #1b486f; }
.stab_box_blue ul { position: absolute; margin-left: 4px; top: 2px; height: 25px; list-style: none; z-index: 100; /* このz-index = safari2必須 */ }
.stab_box_blue li { float: left; position: relative; border: 1px solid #94b7d8; border-bottom: none; width: 60px; height: 23px; text-align:center; background: #d7d7d7; font-size: 12px; overflow: hidden; margin-right:2px;}
.stab_box_blue li a { display: block; padding-top: 6px; width: 100%; height: 25px; line-height: 1em; text-decoration: none; background: url(../images/skin_beta.png) -40px -205px;  margin-left: 0px;}
.stab_box_blue li a:hover { color: #3c6a95; text-decoration: none; background-position: -40px -280px; }
.stab_box_blue li.front { height: 24px; background: #f5f6f8; z-index: 1000; }
.stab_box_blue li.front a { background-position: -40px -280px; border-bottom: 1px solid #fff;color: #1b486f; }
.stab_box_blue li.disable { background: #ffffff; border: 1px solid #c0ddf8; border-bottom: 1px solid #94b7d8;}
.stab_box_blue li.disable a { color: #dedede; cursor: not-allowed; }

/* UIタブ アイコン */
.stab_box_blue li.plus_icon a span { width: 16px; height: 16px; display: block; margin: 0 8px; background: url(../images/skin_alpha.png) -40px -2112px no-repeat; text-indent: -9999px; cursor: pointer; }

/* スキン:ボタン:更新 */
.btn_reload { position: absolute; right: 0; top: 2px; width: 44px; height: 18px;background: url(../images/skin_alpha.png) -40px -1490px no-repeat; text-indent: -9999px; }

/* スキン:ボタン:絞り込み/ソート検索 IE6対応 */
.btn_reload02 { width: 50px; height: 22px; background: url(../images/lib_beta.png) -180px -70px; border: none; cursor: pointer; }
.btn_reload02 span { display: block; text-indent: -9999px; }







/* トグルボタン (Default = off) */

.toggle_button_box { font-size: 12px; -apple-text-size-adjust: none; }
.toggle_button_box ul { list-style: none; }
.toggle_button_box li { float: left; margin-right: -1px; border: 1px solid #525266; background: url(../images/skin_beta.png) -20px -372px; height: 22px; }
.toggle_button_box li a { padding: 0 20px 0 20px; text-align: center; text-decoration: none; color: #000; line-height: 22px; }
.ie6 .toggle_button_box li a { line-height: 20px; }/* IE6位置微調整 */
.toggle_button_box li a:hover { color: #388bd5; text-decoration: none; }
.toggle_button_box .on { background: url(../images/skin_beta.png) -20px -408px; }
.toggle_button_box .on a { color: #000; }
.ie6 .toggle_button_box .on a { width:2em; height:20px; }/* IE6で幅、高さ指定をしないとboxが伸びるので指定 */
.toggle_button_box .on a:hover { color: #388bd5; }
.toggle_button_box .off { /*  */ }






.posi_abs { position: absolute; }
.posi_rel { position: relative; }

.toggle_button_body { position: relative; padding: 10px; padding-top: 20px; border: 1px solid #b3c3d4; }



.toggle_button_body .tab_left,
.toggle_button_body .tab_right { width: 290px; }

.toggle_button_body .abs { position: absolute; top: -13px; }




/* リンクアイコンパターン（修正中）
++++++++++++++++++++++++++++++++++++++++++++++++ */
.arrow_link {
    background:url(../images/arrow_link.gif) no-repeat 0 center;
    padding-left: 15px;
}

.arrow_pdf {
    padding-left: 20px;
}

.arrow_other {
    padding-left: 20px;
}





/* buttonタグ 緑系（修正中）
++++++++++++++++++++++++++++++++++++++++++++++++ */
.button_green_light {
    padding: 2px 10px;
    border: 1px solid #666;
    color: #000;
    background: url(../images/btnbg_green_light.gif) bottom;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.button_green_dark {
    padding: 2px 10px;
    border: 1px solid #666;
    color: #fff;
    letter-spacing: 0.1em;
    cursor: pointer;
}


/* buttonタグ 青系（修正中）
++++++++++++++++++++++++++++++++++++++++++++++++ */
.button_blue_light {
    padding: 2px 10px;
    border: 1px solid #666;
    color: #000;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.button_blue_dark {
    padding: 2px 10px;
    border: 1px solid #666;
    color: #fff;
    letter-spacing: 0.1em;
    cursor: pointer;
}


/* buttonタグ 赤系（修正中）
++++++++++++++++++++++++++++++++++++++++++++++++ */
.button_red_light {
    padding: 2px 10px;
    border: 1px solid #666;
    color: #000;
    background: url(../images/btnbg_red_light.gif) bottom;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.button_red_dark {
    padding: 2px 10px;
    border: 1px solid #666;
    color: #fff;
    letter-spacing: 0.1em;
    cursor: pointer;
}


/* 小見出し
++++++++++++++++++++++++++++++++++++++++++++++++ */
.subheading { clear: both; padding-top: 10px; }


/* メニュー
++++++++++++++++++++++++++++++++++++++++++++++++ */
#MENU { width: 180px; background: url(https://dev-sec.click-sec.com/common/images/menu_bg.gif) repeat-y; }
#MENU li { list-style: none; }
#MENU li a{ display: block; width: 100%; height: 25px; padding-top: 5px; text-indent: 24px; text-decoration: none; color: #000; }
#MENU a:hover { }
#MENU .bottom { height: 10px; background: url(https://dev-sec.click-sec.com/common/images/menu_bottom.gif) no-repeat; font-size: 0em; line-height: 0em; }
#MENU .guide a { height: 35px; text-indent: -9999px; }
#MENU .guide a:hover { height: 35px; }

/* メッセージ
++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 赤: エラーや警告系 */
.messege_box_red {
    margin: 20px auto; padding: 20px; width: 60%; border: 2px solid #ff9999; color: #ff3333; }






/* 旧default.cssからのコピー
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.emphasis02 { color: #ff3333; }

.common_line01 {
    margin: 5px;
    width: 100%;
    height: 1px;
    background: #a8a8b2;
}

.informationMessageList_descriptionArea {
    border: 0px solid #cccccc;
    padding-left: 10px;
}

.informationMessageList_arrow_link span a {
    padding-left: 0.5em;
    font-size: 1.15em;
}

.listPage_noDataFound {
    margin: 20px auto;
    padding: 20px;
    width: 60%;
    background: #fff;
    border: 2px solid #99ccff;
    color: #3399ff;
    text-align: center;
    font-weight: bold;
    font-size: 1.15em;
}

.listPage_noDataFound a { color: #ff3300; text-decoration: underline; }
.listPage_noDataFound a:link { color: #ff3300; text-decoration: underline; }
.listPage_noDataFound a:hover { color: blue; text-decoration: underline; }


/*** 銘柄情報/注文画面(meigaraInfo.jsp) ***/
/* 注文画面の上に出るエラーメッセージ */
.meigaraInfo_errMsg { text-align: left; margin-bottom: 10px; width: 700px; margin: 0 auto; }

/* メッセージ完了系 ブルー */
.messagePage_mainMessage { margin: 20px auto; padding: 20px; width: 60%; border: 2px solid #99ccff;	color: #3399ff; }

/* 新規注文・キャンセル・変更　完了メッセージ ブルー 2009/09/11リリース用新規追加スタイル*/
.messagePage_mainMessage_order { margin: 20px auto; width: 75%; border: 1px solid #94b7d8; background: #fff; font-size: 1em; }
.messagePage_mainMessage_order h2{ height: 28px; margin-bottom:10px; background: url(../images/skin_beta.png) -20px -20px; border-bottom: 1px solid #94b7d8; color: #4a5864;}
.messagePage_mainMessage_order h2 span { overflow: hidden; display: inline-block; padding-left: 30px; height: 28px;
 background: url(../images/skin_alpha.png) no-repeat; font-size: 12px; line-height: 28px; font-weight: bold; }
.messagePage_mainMessage_order h2.title_45 span { background-position: -34px -1260px; padding-left: 36px; }
.messagePage_mainMessage_order p { padding:5px 20px; text-align:center;}

/* IPO */
.ipo_genre_title { font-size: 90%; font-weight: bold; }
.ipo_product_block { clear: both; padding: 10px 10px 30px 10px; border: 1px solid #ccc; background: #eee; width: 75%; }
.ipo_block_center { margin: 0 auto 0 auto; }
.ipo_product_header { width: 100%; }
.ipo_product_name { font-weight: bold; padding: 0px 0px 0px 0px; }
.ipo_mokuromisyo { color: #00248f; }
.ipo_product_detail { color: #00248f; text-align: right; width: 20%; }
.ipo_product_tab_area { clear: both; }
.ipo_product_tab { border-collapse: collapse; border: 1px solid #ccc; }
.ipo_input_tab { width: 50%; border-collapse: collapse; border: 1px solid #ccc; }
.ipo_input_label { padding: 2px; border: 1px solid #ccc; background: #eef5ff; width: 35%; }
.ipo_input_item { padding: 2px; border: 1px solid #ccc; background: #fff; width: 75%; }
.ipo_input_button_block { text-align: center; }
.ipo_text,
.ipo_head { border-left: solid 1px #cccccc; height:30px; padding-left: 0.3em; padding-right: 0.3em; }
.ipo_head { border-bottom: 1px solid #cccccc; text-align: center; }
.ipo_product_label { padding: 3px; border: 1px solid #cccccc; background: #eef5ff; }
.ipo_product_apply_label { padding: 3px; border: 1px solid #cccccc; background: #F2FAFF; }
.ipo_product_apply_col_a { width: 200px; }
.ipo_product_apply_col_b { width: 135px; }
.ipo_product_apply_col_c { width: 120px; }
.ipo_product_apply_col_d { width: 130px; }
.ipo_product_apply_col_e { width: 40%; }
.ipo_product_item { padding: 3px; border: 1px solid #cccccc; background: #ffffff; }
.ipo_product_comment { padding: 3px; border: 1px solid #cccccc; background: #FFFCE6; }
.ipo_status_label { color: #ffffff; text-align: center; padding: 2px 10px 2px 10px; border: 1px #ffffff solid; background: #FF8000; }
.ipo_none_display { display: none; }
.ipo_mokuromisyo_item { padding: 3px; border: 1px solid #cccccc; background: #ffffff; }
.ipo_submit_button { text-align: right; }
.ipo_mokuromisyo_col_a { width: 400px; }
.ipo_mokuromisyo_col_b { width: 100px; }
.ipo_mokuromisyo_col_c { width: 85px; }
.ipo_password { width:80px; margin-left:5px; background:#FFFFCC; font-family: verdana,sans-serif; /*letter-spacing: -0.1em;*/ }
/* type="password"の際、IE6だと●が大きくなる対応 */

.ipo_errormessage { text-align: center; }
.ipo_disp_mokuromisyo_book { width: 100%; text-align: center; vertical-align: middle; }
.ipo_poweramount_tab { clear: both; padding: 10px 10px 30px 10px; width: 35%; }
.ipo_poweramount_col_a { width: 200px; }
.ipo_poweramount_item { padding: 3px; border: 1px solid #cccccc; background: #ffffff; }


/* ココマデ 旧default.cssからのコピー
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.container { margin: 0 auto; margin-bottom: 3em; width: 980px; }


/* エリア
++++++++++++++++++++++++++++++++++++++++++++++++ */
#BODY { /*  */ } /* @@未使用かどうか調査@@ */
#BODY .wrapper { float: left; width: 640px; }






/* 新しいスタイル とりあえずstyle.cssへ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* レイアウト */
.menu { float: left; width: 260px; }
.main { float: left; width: 630px; color: #4A5864; margin-left: 12px; }
.main.full { float: none; width: 700px; margin: 0 auto; } /* ！！！！！！！！.mianのフロートを継承しちゃう */


/* ブロック !!!!!!!!!!!!!!!!!!!ブロコックなどタイプミスの予感、FRAMEのほうがよさげ？!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.block { margin-bottom: 10px; border: 1px solid #94b7d8; background: #fff; font-size: 1em; } /* default=blue */
.block.blue   { border-color: #94b7d8; }
.block.orange { background: #ffece4; border-color: #c78367; border-width: 1px 2px 1px 2px; }
.block.report { border-width: 1px 1px 0px 1px; margin-bottom:0px; }

/* メニュー用BG */
.block.menu_bg { background: #fafaf8; }

.report_block { margin-bottom: 100px; border: 1px solid #94b7d8; background: #fff; font-size: 1em; }

/* バックグラウンド */
.block h2 { height: 28px; background: url(../images/skin_beta.png) -20px -20px; border-bottom: 1px solid #94b7d8; color: #4a5864; } /* default=blue */
.block.blue h2 { background-position: -20px -20px; border-color: #94b7d8; color: #4a5864; }
.block.orange h2 { background-position: -20px -68px; border-color: #c78367; color: #dd3922; }

/* アイコン */
.block h2 span {  display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    overflow: hidden;
    display: inline-block; padding-left: 30px; height: 28px; background: url(../images/skin_alpha.png) no-repeat; font-size: 12px; line-height: 28px; font-weight: bold; }
.block h2.title_01 span { background-position: -34px -28px; }
.block h2.title_02 span { background-position: -34px -56px; }
.block h2.title_03 span { background-position: -34px -84px; }
.block h2.title_04 span { background-position: -34px -112px; }
.block h2.title_05 span { background-position: -34px -140px; }
.block h2.title_06 span { background-position: -34px -168px; }
.block h2.title_07 span { background-position: -34px -196px; }
.block h2.title_60 span { background-position: -34px -1680px; }

/* タイトル: メイン */
.block h2.title_33 span { background-position: -34px -924px; padding-left: 36px; }
.block h2.title_34 span { background-position: -34px -952px; padding-left: 36px; }
.block h2.title_35 span { background-position: -34px -980px; padding-left: 36px; }
.block h2.title_36 span { background-position: -34px -1008px; padding-left: 36px; }
.block h2.title_37 span { background-position: -34px -1036px; padding-left: 36px; }
.block h2.title_38 span { background-position: -34px -1064px; padding-left: 36px; }
.block h2.title_39 span { background-position: -34px -1092px; padding-left: 36px; }
.block h2.title_40 span { background-position: -34px -1120px; padding-left: 36px; }
.block h2.title_41 span { background-position: -34px -1148px; padding-left: 36px; }
.block h2.title_42 span { background-position: -34px -1176px; padding-left: 36px; }
.block h2.title_43 span { background-position: -34px -1204px; padding-left: 36px; }
.block h2.title_44 span { background-position: -34px -1232px; padding-left: 36px; }
.block h2.title_45 span { background-position: -34px -1260px; padding-left: 36px; }
.block h2.title_46 span { background-position: -34px -1288px; padding-left: 36px; }
.block h2.title_47 span { background-position: -34px -1316px; padding-left: 36px; }
.block h2.title_48 span { background-position: -34px -1344px; padding-left: 36px; }
.block h2.title_49 span { background-position: -34px -1372px; padding-left: 36px; }
.block h2.title_50 span { background-position: -34px -1400px; padding-left: 36px; }
.block h2.title_51 span { background-position: -34px -1428px; padding-left: 36px; }
.block h2.title_61 span { background-position: -34px -1708px; padding-left: 36px; }
.block h2.title_63 span { background-position: -34px -1764px; padding-left: 36px; }

/* タイトル: マイページツール */
.block h2.title_fxneo span { background-position: -34px -2271px; padding-left: 36px; }
.block h2.title_365 span { background-position: -34px -2303px; padding-left: 36px; }
.block h2.title_fxop span { background-position: -34px -2331px; padding-left: 36px; }

/* 上右配置のボックス */
.block .top_right { position: absolute; top: 6px; right: 4px; line-height: 1px; } /* !!!!!!!!!!!!!Clearfix必要か？？？？ */
.block .top_right li { float: left; list-style: none; }



/* クイック */
.quick { margin: 10px auto 0 auto; /* width: 238px; */ list-style: none; }
.box_bd_blue { border: 1px solid #6591bb !important; color: #4b5763; font-size: 12px; padding: 5px; }
.quick .top { margin-top: 10px; border-top: 1px dotted #94b7d8; padding-top:10px; }
.quick li { margin-bottom: 10px; border-bottom: 1px dotted #94b7d8; }
.quick li a { margin: 0 auto; display: block; /* h=inline-block or virtical=block*/ width: 238px; height: 32px; background: url(../images/skin_beta.png) -20px -328px no-repeat; font-size: 12px; text-decoration: none; font-weight: bold; color:#388bd5; }
.quick li a:hover { text-decoration: underline; color: #2f6fa8; }
.quick li a span { display: block; padding-left: 40px; line-height: 32px; background: url(../images/skin_alpha.png) no-repeat; }
.quick li p { margin: 0 auto; padding: 10px 0 10px 0; width: 238px; color: #4b5763; font-size: 12px; line-height: 1.2em; }
.quick li span.disable { margin: 0 auto; display: block; width: 238px; height: 32px; background: url(../images/skin_beta.png) no-repeat -20px -328px; font-size: 12px; font-weight: bold; color:#388bd5; filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;  }
.quick li span.disable span { display: block; padding-left: 40px; line-height: 32px; background: url(../images/skin_alpha.png) no-repeat; }
.quick .btn_12 a span, .quick .btn_12 span.disable span { background-position: -34px -336px; }
.quick .btn_13 a span, .quick .btn_13 span.disable span { background-position: -34px -364px; }
.quick .btn_14 a span, .quick .btn_14 span.disable span { background-position: -34px -392px; }
.quick .btn_15 a span, .quick .btn_15 span.disable span { background-position: -34px -420px; }
.quick .btn_16 a span, .quick .btn_16 span.disable span { background-position: -34px -448px; }
.quick .btn_17 a span, .quick .btn_17 span.disable span { background-position: -34px -476px; }
.quick .btn_18 a span, .quick .btn_18 span.disable span { background-position: -34px -504px; }
.quick .btn_19 a span, .quick .btn_19 span.disable span { background-position: -34px -532px; }
.quick .btn_20 a span, .quick .btn_20 span.disable span { background-position: -34px -560px; }
.quick .btn_21 a span, .quick .btn_21 span.disable span { background-position: -34px -588px; }
.quick .btn_22 a span, .quick .btn_22 span.disable span { background-position: -34px -616px; }
.quick .btn_23 a span, .quick .btn_23 span.disable span { background-position: -34px -644px; }
.quick .btn_24 a span, .quick .btn_24 span.disable span { background-position: -34px -672px; }
.quick .btn_25 a span, .quick .btn_25 span.disable span { background-position: -34px -700px; }
.quick .btn_26 a span, .quick .btn_26 span.disable span { background-position: -34px -728px; }
.quick .btn_27 a span, .quick .btn_27 span.disable span { background-position: -34px -756px; }
.quick .btn_28 a span, .quick .btn_28 span.disable span { background-position: -34px -784px; }
.quick .btn_29 a span, .quick .btn_29 span.disable span { background-position: -34px -812px; }
.quick .btn_30 a span, .quick .btn_30 span.disable span { background-position: -34px -840px; }
.quick .btn_31 a span, .quick .btn_31 span.disable span { background-position: -34px -868px; }
.quick .btn_32 a span, .quick .btn_32 span.disable span { background-position: -34px -896px; }

.quick .btn_33 a { height: 58px; cursor: pointer; }
.quick .btn_33 a span, .quick .btn_33 span.disable span { height: 58px; background: url(../images/skin_beta.png) -20px -580px no-repeat; text-indent: -9999px; }


/* タブ */
.tabnavi { position: absolute; top: 6px; left: 136px; font-size: 12px;  /*border-left: 1px solid #94b7d8;*/ }
.tabnavi a { text-decoration: none; color: #388bd5; }
.tabnavi a:hover { text-decoration: none; color: #1b486f; }
.ie6 .tabnavi { top: 7px; }
.tabnavi li { float: left; height: 21px; list-style: none; margin-left: 2px; }
.tabnavi li a {  display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    display: inline-block; height: 21px; padding-left: 16px; padding-right: 16px; border: 1px solid #94b7d8; border-bottom: none; background: url(../images/skin_beta.png) -40px -240px; line-height: 20px; } /* 240pxで画像を修正 */
.mac .tabnavi li a { padding-left: 12px; padding-right: 12px; } /* Mac対応 */
.tabnavi li a:hover { background-position: -40px -280px; }
.tabnavi li.front a {  background-position: -40px -280px; border-bottom: 1px solid #fff;color: #1b486f; }

.tabnavi.flexible li a {
    padding: 0 8px 0 8px !important;
    width: 80px !important;
    overflow: hidden;
}
.ff2 .tabnavi.flexible li a { overflow: -moz-hidden-unscrollable; /* Fix Firefox 2 Mozilla CSS Extensions */ }




/* リンク: Aタグのアクセント */
.link_09,
.link_10,
.link_11,
.link_62 { padding-left: 20px; padding-right: 2px; background: url(../images/skin_alpha.png) no-repeat; }

.link_09 { display: -moz-inline-block;  /* Fix Firefox 2 Mozilla CSS Extensions */
    display: inline-block; background-position: -38px -260px; } /* -252px */
.link_10 { background-position: -38px -288px; } /* -280px */
.link_11 { background-position: -38px -314px; } /* -308px */


.link_09 { padding-left: 20px; padding-right: 0; background: url(../images/skin_gamma.png) no-repeat; background-position: -20px -360px; }
.link_62 { padding-left: 20px; padding-right: 2px; background: url(../images/skin_gamma.png) no-repeat; background-position: -20px -16px; display: inline-block; }


/* 重要かつ未読の場合 */
.link_09.imp { font-weight: bold; color: #eb3d39; text-decoration: underline; }
.link_09.imp:link { text-decoration: underline; }
.link_09.imp:hover { color: #cc3431; }

/* リンク: ボタン */
.link_08,
.link_52,
.link_53,
.link_54,
.link_55,
.link_56,
.link_57,
.link_58,
.link_68,
.link_69,
.link_70,
.link_76,
.link_77,
.link_78
 { display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    display: inline-block; background: url(../images/skin_alpha.png) no-repeat; vertical-align: middle; }
.link_08 span,
.link_52 span,
.link_53 span,
.link_54 span,
.link_55 span,
.link_56 span,
.link_57 span,
.link_58 span,
.link_68 span,
.link_69 span,
.link_70 span { display: none; }
.link_58 span { display: none; }
.link_08 { margin-left: 4px; width: 18px; height: 18px; background-position: -40px -230px; } /* ヘルプ */
.link_52 { margin-left: 4px; width: 44px; height: 18px; background-position: -40px -1462px; } /* 詳細 */
.link_53 { margin-left: 4px; width: 44px; height: 18px; background-position: -40px -1490px; } /* 更新 */
.link_54 { margin-left: 4px; width: 80px; height: 18px; background-position: -40px -1518px; } /* 入金・振替 */
.link_55 { margin-left: 4px; width: 48px; height: 18px; background-position: -40px -1546px; } /* 出金 */
.link_56 { margin-left: 4px; width: 84px; height: 18px; background-position: -40px -1574px; } /* 入出金履歴 */

.link_57 { width: 16px; height: 18px; background-position: -40px -1602px; } /* 前のタブボタン */
/* a.link_57:hover { background-position: -40px -1630px; }*/
.link_58 { width: 16px; height: 18px; background-position: -56px -1602px; } /* 次のタブボタン */
/* a.link_58:hover { background-position: -56px -1630px; } */

.link_57.disable { background-position: -40px -1630px; cursor: default; } /* 暫定：Disableイメージに変更 */
.link_58.disable { background-position: -56px -1630px; cursor: default; } /* 暫定：Disableイメージに変更 */

.link_68 { margin-left: 5px; width: 36px; height: 22px; background-position: -40px -1906px; text-indent:-9999px; } /* ポートフォリオ新規作成 */
.link_69 { margin-left: 4px; width: 128px; height: 22px; background-position: -40px -1938px; } /* ポートフォリオの編集 */
.link_70 { margin-left: 4px; width: 76px; height: 18px; background-position: -40px -1965px; } /* ポートフォリオの表示の更新 */

.link_76 { width: 100px; height: 22px; background-position: -40px -2136px; text-indent: -9999px; text-align: left!important;} /* ポートフォリオ編集を保存 */
.link_77 { width: 128px; height: 22px; background-position: -40px -2168px; text-indent: -9999px; text-align: left!important;} /* ポートフォリオ削除 */
.link_78 { width: 68px; height: 22px; background-position: -40px -2196px; text-indent: -9999px; text-align: left!important;} /* ポートフォリオ編集をキャンセル */

/* 2009/11/14リリース用に新規作成 */
/* display: inline-blockをいれないとIE6,7,IE8互換モードで背景画像が消えるので注意 */
.link_71,
.link_72
{ padding-left: 20px; padding-right: 2px; background: url(../images/skin_gamma.png) no-repeat; display: inline-block; }
.link_71 { background-position: -20px -700px; }
a:hover.link_71 { background-position: -20px -912px; }
.link_72 { background-position: -20px -1124px; }
a:hover.link_72 { background-position: -20px -1336px; }


/* 暫定 一覧表示 */
.link_59 {
    display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    display: inline-block;
    background: url(../images/skin_beta.png) no-repeat;
    vertical-align: middle;
}


/* 暫定 */
.link_59 { width: 84px /* 84px */; height: 23px; background-position: -20px -205px; /*-36px -1654px;*/ border-left: 1px solid #94b7d8; color: #388bd5; line-height: 24px; }
.link_59 span { background: url(../images/skin_alpha.png) -34px -1660px no-repeat; padding-left: 24px; }
.link_59:hover { text-decoration: none; }

/*
.ff2 .link_59 { display: inline; }
.ff2 .link_59 span { display: -moz-inline-block; width: 60px;}
*/


/* table class="blue"
++++++++++++++++++++++++++++++++++++++++++++++++ */
table.blue { width: 100%; border-collapse: collapse; border: 1px solid #b3c3d4; }
table.blue td { padding: inherit 4px; border: #b3c3d4 solid; border-width: 1px 1px 1px 1px; color: #4b5763; font-size: 12px; /* フォントサイズ暫定 */ }
table.blue th,
table.blue thead td,
table.blue .head { background: url(../../img/skin_beta.png) -20px -108px; border: #b3c3d4 solid; border-width: 0 0 1px 1px; color: #4b5763; font-size: 12px; /* フォントサイズ暫定 */ }
table.blue .odd { background: #fff; }
table.blue .even { background: #fafaf8; }
table.blue .label { background: #fafaf8; /* font-weight: bold; */ }

/* table class="blue_line"
++++++++++++++++++++++++++++++++++++++++++++++++ */
table.blue_line { width: 100%; border-collapse: collapse; }
table.blue_line td { padding: inherit 4px; color: #4b5763; border-bottom: 1px dotted #94b7d8; font-size: 12px; /* フォントサイズ暫定 */ }
table.blue_line th,
table.blue_line thead td,
table.blue_line .label { border-bottom: 1px solid #94b7d8; font-size: 12px; /* フォントサイズ暫定 */ }

/* table class="blue_menu"
++++++++++++++++++++++++++++++++++++++++++++++++ */
table.blue_menu { font-size: 12px; /* フォントサイズ暫定 */ }
table.blue_menu { width: 100%; border-collapse: collapse; }
table.blue_menu td { padding: inherit 4px; border: #94b7d8 solid; border-width: 0 0 1px 0; color: #4a5864; }
table.blue_menu .odd { background: #fff; }
table.blue_menu .even { background: #f1f6fb; }
table.blue_menu .v_bd_r { border-right: 1px solid #94b7d8; }

/* table class="blue_rate"
++++++++++++++++++++++++++++++++++++++++++++++++ */
table.blue_rate { width: 100%; border-collapse: collapse; border: 1px solid #b3c3d4;}
table.blue_rate td { padding: inherit 4px; color: #4b5763; border-bottom: 1px dotted #94b7d8; border-left:1px solid #94b7d8; border-right:1px solid #94b7d8; font-size: 12px; /* フォントサイズ暫定 */ }
table.blue_rate th,
table.blue_rate thead td,
table.blue_rate .head { background: url(../images/skin_beta.png) -20px -108px; border: #b3c3d4 solid; border-width: 0 0 1px 1px; color: #4b5763; font-size: 12px; /* フォントサイズ暫定 */ }
table.blue_rate .odd { background: #fff; }
table.blue_rate .even { background: #fafaf8; }
table.blue_rate .label { background:#FFE073; border: 1px solid #b3c3d4;}

/* table class="orange_menu"
++++++++++++++++++++++++++++++++++++++++++++++++ */
table.orange_menu { font-size: 12px; /* フォントサイズ暫定 */ }
table.orange_menu { width: 100%; border-collapse: collapse; }
table.orange_menu td { padding: inherit 4px; border: #c78367 solid; border-width: 0 0 1px 0; color: #4a5864; }
table.orange_menu .odd { background: #fff; }
table.orange_menu .even { background: #f1f6fb; }





/* ボーダー打ち消し削除へ移動 */
table td.bd_none { border: none; }

/* テーブル内約定一覧のhoverにて使用 */
table .yakujo_td_hover_color { background-color: #D2E9FF; }
table .yakujo_td_hover_color td { text-decoration: underline; }


/* 口座開設ボタン */
.btn_account,
.btn_account_blue,
.btn_account_disable,
.btn_account_alpha {
    display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    /* margin-right: 0; margin-left: auto;*/
    display: inline-block;
    width: 96px;
    height: 24px;
    background: url(../images/skin_beta.png) no-repeat;
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
    text-align: left;
    margin: 0 auto;
}

/*  */
.btn_account { background-position: -20px -440px; color: #fff; }
.btn_account_blue { background-position: -136px -480px; color: #fff; }
.btn_account:hover,
.btn_account_blue:hover,
.btn_account_long:hover { text-decoration: none; color: #fff; }
.btn_account_disable { background-position: -20px -480px; text-decoration: none; }
.btn_account_alpha { background-position: -20px -440px; filter: alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; text-decoration: none; color: #fff; }
.btn_account span,
.btn_account_blue span,
.btn_account_disable span,
.btn_account_alpha span,
.btn_account_long span { padding-left: 25px; }

.btn_account_long {
    display: inline-block;
    width: 200px;
    height: 32px;
    background: url(../images/skin_beta.png) -136px -440px no-repeat;
    font-size: 14px;
    line-height: 32px;
    vertical-align: middle;
    text-align: left;
    margin: 0 auto;
    color: #fff;
}
/* ブロック右寄せ */
.btn_account.right,
.btn_account_disable.right,
.btn_account_alpha.right { margin: 0 0 0 auto; }




/* ツールボタン */
.btn_tool_mypage {
    display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    display: inline-block;
    width: 144px;
    height: 26px;
    background: url(../images/skin_beta.png) -20px -680px no-repeat;
    font-size: 12px;
    /* line-height: 24px; */
    vertical-align: middle;
    text-align: left;
}
.btn_tool_mypage span { display: block; padding-left: 8px; line-height: 26px; }

/* ツールボタン Disable FXroid365,iClick365が出るまでの暫定スタイル */
.btn_tool_mypage_disable {
    display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    display: inline-block;
    width: 144px;
    height: 26px;
    background: url(../images/skin_beta.png) -360px -680px no-repeat;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
}
.btn_tool_mypage_disable span { display: block; padding-left: 8px; line-height: 26px; color: #b0b0b0; }


.btn_tool_mypage_small {
    display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */
    display: inline-block;
    width: 115px;
    height: 26px;
    background: url(../images/skin_beta.png) -20px -644px no-repeat;
    font-size: 12px;
    /* line-height: 24px; */
    vertical-align: middle;
    text-align: center;
}
.btn_tool_mypage_small span { display: block; line-height: 26px; }


/* ニュースの日時（オーダースタイルをかぶるので後に統合） */

.date { padding-left: 4px; font-size: 10px; color: #7f7f7f; }


/* トグル */
.btn_toggle { display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */ display: inline-block; padding: 5px 2px 5px 2px; width: 120px; text-align: center; font-size: 12px; }
.btn_toggle input { position: absolute; left: -9999px; }
.btn_toggle { background: url(../images/skin_beta.png) -20px -369px; border: 1px solid #b3c3d4; color: #4a5864; cursor: pointer; }
.btn_toggle.on { background: url(../images/skin_beta.png) -20px -408px; border: 1px solid #0099FF; color: #000; }
.btn_toggle.disable { cursor: default; filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; }


/* お知らせサブウインドウ: 会員の皆様へ、個人宛
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.btn_info_delete,
.btn_info_prev,
.btn_info_next,
.btn_info_close { display: -moz-inline-block; /* Fix Firefox 2 Mozilla CSS Extensions */ display: inline-block; height: 20px; background: url(../images/skin_alpha.png) no-repeat; }
.btn_info_delete { width: 50px; background-position: -40px -1796px; }
.btn_info_prev { width: 49px; background-position: -40px -1824px; }
.btn_info_next { width: 49px; background-position: -40px -1852px; }
.btn_info_close { width: 70px; background-position: -40px -1880px; }
.btn_info_delete span,
.btn_info_prev span,
.btn_info_next span,
.btn_info_close span { display: none; }

.btn_info_delete.disable,
.btn_info_prev.disable,
.btn_info_next.disable,
.btn_info_close.disable { cursor: default; filter: alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; text-decoration: none; color: #fff; }

/*
++++++++++++++++++++++++++++++++++++++++++++++++ */
table.blue_info { width: 100%; border-collapse: collapse; border: none; }
table.blue_info tr { cursor: pointer; }
table.blue_info td { padding: 0 8px 0 8px !important; height: 27px; border: #b3c3d4 solid; border-width: 0 1px 0 0; color: #4b5763; font-size: 12px; /* フォントサイズ暫定 */ }
table.blue_info th,
table.blue_info thead td,
table.blue_info .head { cursor: default; background: url(../images/skin_beta.png) -20px -120px; border-width: 0 1px 0 0; border-bottom: 1px solid #b3c3d4; color: #4b5763; font-size: 12px; /* フォントサイズ暫定 */ }
table.blue_info .odd { background: #fff; }
table.blue_info .even { background: #eef2f6; }
/* HOVER */
table.blue_info .odd.hover,
table.blue_info .even.hover { background: #a3d0ff; }
/* 選択時 */
table.blue_info .odd.on td,
table.blue_info .even.on td { background: #6c89a5; color: #fff !important; }

/*
++++++++++++++++++++++++++++++++++++++++++++++++ */
.info_list { overflow-y: scroll; overflow-x: hidden; height: 180px; border: solid #94b7d8; border-width: 0 0 1px 0; background: #fff; }
.info_body { overflow-y: scroll; overflow-x: hidden; height: 340px; margin-top: 5px; border-top: 1px solid #94b7d8; background: #fff; }
.info_body .title { background: #f4f6f9; border-bottom: 1px solid #94b7d8; padding: 4px 8px 4px 8px; font-weight: bold; color: #4a5864; font-size: 12px; }
.info_body .title p span { padding-right: 10px; }
.info_footer { height: 20px; background: url(../images/skin_beta.png) 0 -730px; border: solid #576c80; border-width: 1px 0 1px 0; position: relative; }
.info_footer ul { position: absolute; top: 0; right: 0; }
.ff2 .info_footer ul { top: -14px;}

.info_footer ul li { float: left; height: 20px; list-style: none; }


.chart_block { border-collapse: collapse; border: 1px solid #b3c3d4; background: #f7f9fb; }

/* ツールチップ
++++++++++++++++++++++++++++++++++++++++ */
#tooltip{ width:150px; position: absolute; display: none; }
#tooltip .tooltip_top { background: url(../images/tooltip_top.gif) no-repeat; height: 43px; }
#tooltip .tooltip_middle { background: url(../images/tooltip_mid.gif) repeat-y; padding-left:5px; padding-bottom: 3px; }
#tooltip .tooltip_middle span { position: relative; top: -3px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:10px; }
#tooltip .tooltip_bottom { background: url(../images/tooltip_bottom.gif) no-repeat; height:8px; position: relative; top: -3px; }
#tooltipContent a { cursor: pointer; }

#tooltip_large{ width:320px; position: absolute; display: none; }
#tooltip_large .tooltip_top { background: url(../images/tooltip_large_top.gif) no-repeat; height: 40px; }
#tooltip_large .tooltip_middle { background: url(../images/tooltip_large_mid.gif) repeat-y; padding-left:10px; padding-bottom: 3px; }
#tooltip_large .tooltip_middle span { position: relative; top: -3px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:10px; }
#tooltip_large .tooltip_bottom { background: url(../images/tooltip_large_bottom.gif) no-repeat; height:40px; position: relative; top: -3px; }
#tooltipContent_large a { cursor: pointer; padding-left: 16px; }

/* end 新しいスタイル とりあえずstyle.cssへ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* start お問い合わせのスタイルを移す from default.css++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*** 問い合わせ一覧(qaList.jsp) ***/
.qaList_qaCategory {
    padding-left: 20px;
    font-weight: bold;
    height: 26px;
}

.qaList_sentence {
    text-align: left;
    font-weight: bold;
}

.qaList_QaThreadTbl {
    border-collapse: collapse;
    border: 0px;
    margin: 0px;
    padding: 0px;
}





/* 「＋」「?」のアイコンのエリア */
.qaList_operateBtn {
    padding: 0px 0px 10px 0px;
    vertical-align: top;
    margin: 0px;
}

/* 顔のアイコンのエリア */
.qaList_faceIcon {
    padding: 0px 10px 10px 0px;
    vertical-align: top;
    margin: 0px;
    width: 60px;
}

/* 省略されていないお問い合わせメッセージのエリア */
.qaList_QaTblMessage {
    width: 600px;
    max-width: 600px;
    padding: 0px 15px 10px 0px;
    margin: 0px;
    vertical-align: top;
    word-wrap: break-word;
    white-space:pre-wrap;
    word-break: break-all;
}

/* 入れ子のテーブルのエリア */
.qaList_miscData {
    vertical-align: top;
    margin: 0px;
    /*width: 185px;*/
    float: right;
    width:200px;
}

.qaList_newQuestion {
    text-align: left;
}

.qaList_datetime_label {
    font-size: 85%;
    float: left;
    width: 50%;
}

.qaList_datetime_value {
    font-size: 85%;
    float: left;
    width: 50%;
}

.qaList_addNewTitleMessage {
    width: 100%;
    text-align: center;
}

/*** 新規お問い合わせ入力(qaNewTitleInput.jsp) ***/
.qaNewTitleInput_sentence {
    text-align: center;
}

.qaNewTitleInput_categoryListTbl {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}


.qaNewTitleInput_category {
    padding: 3px;
    width: 260px;
    vertical-align: top;
}

.qaNewTitleInput_validationMessage {
    width: 440px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}



/* end お問い合わせのスタイルを移す from default.css++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*** start 取引注意銘柄情報一覧で使用 ********************************/
.meigara_info_body {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.row_space_a {
  padding-top:10px;
  padding-bottom:10px;
}

.section_read_b {
  padding-bottom:5px;
  padding-top:20px;
  font-size:medium;
  font-weight:bold;
}

.kisei_reg_section {
  padding-top:20px;
  padding-bottom:0px;
  font-weight:bold;
}

.kisei_lastupdate {
  text-align: right;
  padding-top: 0px;
}

.kisei_sentence_list {
  list-style-type: disc;
  padding-left: 20px;
}

.pagetop {
  text-align:right;
  padding-bottom:20px;
  padding-top:5px;
}

.anchorTbl {
  width: 700px;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  margin: 10px 10px 10px 10px;
}

.anchorTbl_col01 {
    text-align: left;
  padding: 6px 1px 6px 20px;
  width: 50%;
  vertical-align: middle;
}

.anchorTbl_col02 {
    text-align: left;
  padding: 6px 20px 6px 1px;
  width: 50%;
  vertical-align: middle;
}

#toricyu_header {
  height: 50px;
  width: 100%;
  margin-bottom: 15px;
  background: url(../images/header_toricyu_bg.gif) 0 bottom repeat-x;
}

#title_toricyu {
  height: 50px;
  width: 900px;
  text-indent: -9999px;
  margin: 0 auto;
  background: url(../images/title_toricyu02.gif) no-repeat;
}

/*** end 取引注意銘柄情報一覧で使用 ********************************/



/*** ポートフォリオ一覧で使用 ********************************/

.portofolio_list a {
  display: block;
  height: 22px;
  padding:3px 5px;
  background: #fafaf8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccccce;
}

.portofolio_list.on a{
  display: block;
  height: 22px;
  padding:3px 5px;
  background: #e3f2ff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccccce;
}

.portofolio_del_btn { width: 20px; height: 20px; display: block; background: url(../images/skin_alpha.png) -40px -2052px no-repeat; text-indent: -9999px; }
.portofolio_del_btn_small { width: 20px; height: 20px; display: inline-block; background: url(../images/skin_alpha.png) -40px -2052px no-repeat; text-indent: -9999px; }
.portofolio_add_btn { width: 20px; height: 20px; display: block; background: url(../images/skin_alpha.png) -40px -2079px no-repeat; text-indent: -9999px; }
.portofolio_add_btn_small { width: 13px; height: 16px; display: inline-block; background: url(../images/skin_alpha.png) -40px -2224px no-repeat; }
.portofolio_add_tab_small { width: 16px; height: 16px; display: inline-block; background: url(../images/skin_alpha.png) -40px -2245px no-repeat; padding: 5px 5px 0 5px;}

.portfolio_checkbox,
.portfolio_checkbox_checked,
.portfolio_checkbox_partial { width: 20px; height: 20px; display: block; cursor: pointer; background: url(../images/lib_beta.png?ver=20101218) -444px -72px no-repeat; }
.portfolio_checkbox_checked { background-position: -492px -72px; }
.portfolio_checkbox_partial { background-position: -468px -72px; }

.portfolio_arrow_checkbox,
.portfolio_arrow_checkbox_checked { width: 20px; height: 48px; display: block; cursor: pointer; background: url(../images/lib_beta.png?ver=20101218) -444px -58px no-repeat; } /* background-position: -516px -72px */
.portfolio_arrow_checkbox_checked { background-position: -540px -72px; }

.portfolio_checkbox,
.portfolio_arrow_checkbox { text-indent: -9999px; }
.portfolio_arrow_checkbox_small { width: 20px; height: 20px; display: inline-block; background: url(../images/lib_beta.png?ver=20101218) -444px -72px no-repeat; }

#portfolioListTable tr.hover td { background-color: #e0f0ff; }
#portfolioListTable tr.selected td { background-color: #aae0ff; }
#portfolioListTable tr.ui-sortable-placeholder td.ui-sortable-placeholder { background-color: #e0e0e0; }

#portfolioTabBar .ui-sortable-placeholder { position: relative; overflow: visible; border-color: #e0e0e0; background-color: #f5f6f8; }
#portfolioTabBar .ui-sortable-placeholder .tab_move_cursor { position: absolute; top: -2px; left: -3px; width: 5px; height: 27px; display: block; background: url(../images/lib_beta.png) -432px -72px no-repeat; }
#portfolioTabBar .ui-sortable-helper a { cursor: move; }

/* 株式銘柄設定を表示 */
#searchSettings {top: 25px; left: 70px; width: 400px; cursor: default;}
#searchSettings .searchSettingsWindow {height: 185px; color:#4B5763; background: #F5FAFF; border: solid 5px #B3C3D4;}
#searchSettings .searchSettingsWindow a {color: #1a4d80; text-indent: 0; display: inline;}
#searchSettings .searchSettingsWindow .searchWay {position: absolute; top: 9px; left: 9px; height: 153px; width: 357px; border: solid 2px #B3C3D4; padding: 5px 10px 15px;}
#searchSettings .searchSettingsWindow .searchWay .title li{text-indent: 7px;}
#searchSettings .searchSettingsWindow .searchWay .title .text { display: block; background: #F5FAFF; padding-left: 0; margin:3px 0 0 15px; width: 250px; cursor: default; line-height: 1em;}
#searchSettings .searchSettingsWindow .searchWay .contents {float: left; width: 352px; text-indent: 0; display: block; margin-top: 3px;}
#searchSettings .searchSettingsWindow .searchWay li a { display: block; height: 23px; text-indent: -9999px; }
#searchSettings .searchSettingsWindow .searchWay .buttons {float:right;}

#searchSettings .checkbox_checked { width: 24px;height: 24px; display: inline; cursor: pointer; background: url(../images/lib_beta.png?ver=20110402) -444px -58px no-repeat; float: left; }
#searchSettings .checkbox_checked { background-position: -490px -72px; }
#searchSettings .arrow_checkbox_checked { width: 24px;height: 24px; display: inline; cursor: pointer; background: url(../images/lib_beta.png?ver=20110402) -441px -71px no-repeat; float: left; }

/* 株取引 銘柄検索設定ボタン */
#COMMAND .config_button { display: block; float: left; margin-right: 0; padding: 0; width: 22px; height: 22px; background: url(../images/lib_beta.png) -292px -110px; text-indent: -9999px; cursor: pointer;}
#COMMAND .config_disable_button { display: block; float: left; margin-right: 0; padding: 0; width: 22px; height: 22px; background: url(../images/lib_beta.png) -324px -110px; text-indent: -9999px; cursor: default;}
span.back_config_button a { display: block; padding: 2px 10px; border: 1px solid #666; background: url(../images/bg_normal.gif) bottom; text-decoration: none; color: #1a4d80; letter-spacing: 0.1em; }

/*** 株式トップ、マイページトップのニュース詳細アコーディオンで使用(2009/11/14リリース) ********************************/
.news_accordion { width: 570px; max-height: 150px; padding: 5px 15px 5px 10px; overflow: auto; border-style: dotted; border-color: #d1d3d4; border-width: 0 0 1px; }
.win.ie6 .news_accordion { height: 150px; }/* IE6ではmax-heightが使用できないため高さ固定 */
.news_accordion pre { overflow: auto; white-space: pre-wrap; word-wrap: break-word; font-size: 12px; }
.win.ie .news_accordion pre { font-size: 0.9em; }/* IEでpreタグ内のフォントサイズが自動で小さくなるための対応 */

.portfolio_btn_area { height: 22px; margin-top: 10px; float: right; }
.portfolio_btn_area ul { list-style: none; }
.portfolio_btn_area ul li { float: left; }


/* 追加 */
/* 銀行リンク用 */
.link_bank a {
border: 1px solid rgb(212, 221, 231);
overflow: hidden;
font-size: 10px;
cursor: pointer;
float: left;
width: 194px;
height: 60px;
margin-right: 5px;
margin-bottom: 5px;
color: rgb(38, 107, 169);
}

.link_bank a:hover {
text-decoration:none !important;
border: 1px solid #0f3d99;
}

.link_bank img {
vertical-align: middle;
border:0;
}



/* 銀行リンク用（test_bank.html） */
.link_bank a {
border: 1px solid rgb(212, 221, 231);
overflow: hidden;
font-size: 10px;
cursor: pointer;
float: left;
width: 194px;
height: 60px;
margin-right: 5px;
margin-bottom: 5px;
color: rgb(38, 107, 169);
}

.link_bank a:hover {
text-decoration:none !important;
border: 1px solid #0f3d99;
}

.link_bank img {
vertical-align: middle;
border:0;
}

/* 即時入金用（msg_complete.html） */
.messagePage_Billing_deposit {
margin: 20px auto;
width: 75%;
border: 1px solid #94b7d8;
background: #fff;
font-size: 1em;
}

.messagePage_Billing_deposit h2{
height: 28px;
margin-bottom:10px;
background: url(../images/skin_beta.png) -20px -20px;
border-bottom: 1px solid #94b7d8;
color: #4a5864;
}

.messagePage_Billing_deposit h2 span {
overflow: hidden;
display: inline-block;
padding-left: 30px;
height: 28px;
background: url(../images/skin_alpha.png) no-repeat;
font-size: 12px;
line-height: 28px;
font-weight: bold;
}

.messagePage_Billing_deposit h2.title_39 span {
background-position: -34px -1092px;
padding-left: 36px;
}

.messagePage_Billing_deposit p {
padding:5px 20px;
text-align:center;
}

/*
.ac_results {
    border:1px solid #bdbdbd;
    background-color:white;
    list-style:none;
    position: absolute;
    z-index:10000;
    display:none;
    width: 400px;
}

.ac_results li {
    padding:2px 5px;
    white-space:nowrap;
    color:#101010;
    text-align:left;
}

.ac_over {
    cursor:pointer;
    background-color:#baddff;
}

.ac_match {
    vertical-align:baseline;
    color:black;
}
*/

dl.ac_results,
dl.ac_results_stock,
dl.ac_results_fuop,
dl.ac_results_portfolio {
    width: 350px;
    font-size: 12px;
    padding: 4px 0;
    border: 1px solid #999;
    position: absolute;
    z-index:10000;
    display:none;
    background-color:white;
}

dl.ac_results dt,
dl.ac_results_stock dt,
dl.ac_results_fuop dt,
dl.ac_results_portfolio dt {
    width: 218px;
    padding: 2px 0 2px 8px;
    float: left;
    clear: both;
    border-right: 1px solid #999;
}
.ie6 dl.ac_results_fuop dt { width: 198px; }

dl.ac_results dd,
dl.ac_results_stock dd,
dl.ac_results_fuop dd,
dl.ac_results_portfolio dd {
    width: 115px;
    margin-left: 230px;
    padding: 2px 0;
    padding-left: 5px;
}
.ie6 dl.ac_results_fuop dd { width: 115px; margin-left: 210px; }

dl.ac_results dt.ac_over,
dl.ac_results dd.ac_over,
dl.ac_results_stock dt.ac_over_stock,
dl.ac_results_stock dd.ac_over_stock,
dl.ac_results_fuop dt.ac_over_fuop,
dl.ac_results_fuop dd.ac_over_fuop,
dl.ac_results_portfolio dt.ac_over_portfolio,
dl.ac_results_portfolio dd.ac_over_portfolio {
    background: #baddff;
}
/* ここは共通 */
.ac_match {
    vertical-align:baseline;
    font-weight: bold;
    color:black;
/*    background-color: #D0D0D0; */
}

/* 個々の幅の設定
dl.ac_results_stock { width: 350px; }
dl.ac_results_stock dt { width: 200px; }
dl.ac_results_stock dd { width: 135px; margin-left: 210px; }*/

dl.ac_results_stock { width: 452px; }
dl.ac_results_stock dt { width: 300px; }
dl.ac_results_stock dd { width: 135px; margin-left: 310px; }
.ie6 dl.ac_results_stock dd { width: 120px; }

dl.ac_results_portfolio { width: 602px; }
dl.ac_results_portfolio dt { width: 450px; }
dl.ac_results_portfolio dd { width: 135px; margin-left: 460px; }
.ie6 dl.ac_results_portfolio dd { width: 120px; }

/* ニュース、適時開示、EDINET、アナリストレポート
++++++++++++++++++++++++++++++++++++++++++++++++ */

span.icon_pdf { width: 12px; height: 13px; display: inline-block; margin-left:4px; background: url(../images/skin_gamma.png) -20px -1500px no-repeat; }

.icon_news_week { padding: 4px 0px 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -1597px no-repeat; }
.icon_td_week { padding: 4px 0px 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -1677px no-repeat; }
.icon_ed_week { padding: 4px 0px 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -1758px no-repeat; }
.icon_ar_week { padding: 4px 0px 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -1837px no-repeat; }

.icon_news_day { padding: 4px 0 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -1917px no-repeat; }
.icon_td_day { padding: 4px 0 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -1997px no-repeat; }
.icon_ed_day { padding: 4px 0 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -2078px no-repeat; }
.icon_ar_day { padding: 4px 0 0; padding-left: 18px; background: url(../images/skin_gamma.png) -20px -2157px no-repeat; }

/* 法人口座 - 登録情報・申請*/
.wr_brk{
    width:320px;
    word-wrap: break-word;
    min-height: 1px;
    overflow: hidden;

}
/* GMOインターネットグループの株主優待
++++++++++++++++++++++++++++++++++++++++++++++++ */
table.gmo_group { width: 100%; border-collapse: collapse; border: 1px solid #31859c; }
table.gmo_group th { padding: 2px; background: #31859c; border: #31859c solid; border-width: 0 0 1px 1px; color: #fff; font-size: 12px; font-weight: normal;}
table.gmo_group td { padding: inherit 4px; border: #31859c solid; border-width: 1px 1px 1px 1px; color: #4b5763; font-size: 12px; /* フォントサイズ暫定 */ }
table.gmo_group ul li { padding: 2px 4px 1px; list-style: none; }

/* LaserTrader225
++++++++++++++++++++++++++++++++++++++++++++++++ */
.lt225_symbol01,
.lt225_symbol02,
.lt225_symbol03,
.lt225_symbol04,
.lt225_symbol05,
.lt225_symbol06,
.lt225_symbol07 {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    background: url(../images/lt225_symbol.png) no-repeat;
}

.lt225_symbol01 { background-position: 0 0; }
.lt225_symbol02 { background-position: 0 -16px; }
.lt225_symbol03 { background-position: 0 -32px; }
.lt225_symbol04 { background-position: 0 -48px; }
.lt225_symbol05 { background-position: 0 -64px; }
.lt225_symbol06 { background-position: 0 -80px; }
.lt225_symbol07 { background-position: 0 -96px; }

/*文字列折り返し用*/
.wr {
    word-wrap: break-word;
    orverflow: auto;
}

/* モーダルウィンドウ*/
div#modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
}
div.modal_background {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}
div.modal_container {
    position: relative;
    width: 500px;
    height: 80px;
}