@charset "UTF-8";
/*
ブラウザ識別クラスをのclassに設定
IE全般 => msie
IE6 => msie6
IE7 => msie7
IE8 => msie8
IE9 => msie9
IE10 => msie10
IE11 => msie11
IEその他 => msie_etc
Safari => safari
Firefox => firefox
Chrome => chrome
Windows7 => win7
Windows8 => win8
Windows8.1 => win8_1
Windows Vista => win_vista
Windows XP => win_xp
Windows その他 => win_etc
Mountain Lion 10.8 => osx10_8
Mavericks 10.9 => osx10_9
Mac OSX その他 => osx_etc
*/
html,
body{ margin:0; padding:0; }
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;
line-height:1.5;
color:#333;
/*
background-color:#ddd;*/
}
#container {}
/* ======================================
TEXT CONTROL
======================================== */
/* ============= TEXT STYLE ============= */
.normal { font-weight:normal; }
.bold { font-weight:bold; }
/* ============= ALIGN ============= */
.l { text-align:left!important; }
.c { text-align:center!important; }
.r { text-align:right!important; }
.n { white-space:nowrap!important; }
/* ======================================
COLOR
======================================== */
.red { color:#c00; }
.blue { color:#35d; }
.orange { color:#f60; }
.green { color:#069c08; }
/* ======================================
TABLE
======================================== */
/* テーブル 幅指定・マージン・フロートクリア */
.table-basic {
width:100%;
margin:5px 0;
clear:both;
}
/* ボーダー重なり指定 */
.table-basic,
.table-basic th,
.table-basic td { border-collapse:collapse; }
/* ボーダー太さ・タイプ・カラー / 行間指定 */
.table-basic th,
.table-basic td {
border:1px solid #fff;
line-height:1.3;
font-size:13px;
}
/* テーブルヘッダー：背景色/フォント指定：Meiryo UI */
.table-basic th {
background-color:#d4d4d4;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* テーブルセル：背景色 */
.table-basic .odd td { background-color:#f3f3f3; }
/* テーブルセル：濃い背景色 */
.table-basic .even td { background-color:#e5e5e5; }
/* テーブルヘッダーセル：行揃え・余白 */
.table-basic th {
text-align:center;
padding:5px 0;
}
/* テーブルセル：余白 */
.table-basic td { padding:6px 5px 5px 5px; }
/* テーブルセル・左ボーダー処理 */
th.first,
td.first { border-left:0px none!important; }
/* テーブルセル・右ボーダー処理 */
th.last,
td.last { border-right:0px none!important; }
/* ファンド名セル */
.table-basic td.td-fund-mei a { display:inline-block; }
/* ファンド名セルのリンクホバー色 */
.table-basic td.td-fund-mei a:hover { color:#029;}
.table-basic td.td-wrap-btnfavo,
.table-basic td.td-wrap-btnbuy {
padding:3px 0;
vertical-align:middle;
}
col.asset-class-color { width:8px; padding:0; }
.table-basic td.color-cel {
width:8px;
font-size:1px;
padding:0;
}
col.toushi-taishou { width:77px; *width:66px;/* for IE7 Hack */ }
col.kijun-bi { width:60px; *width:50px;/* for IE7 Hack */ }
col.zenjitsu-hi { width:53px; *width:42px;/* for IE7 Hack */ }
col.return-1-kagetu,
col.return-3-kagetu,
col.return-6-kagetu,
col.return-1-nen,
col.return-3-nen { width:56px; *width:51px;/* for IE7 Hack */ }
.osx col.return-1-kagetu,
.osx col.return-3-kagetu,
.osx col.return-6-kagetu,
.osx col.return-1-nen,
.osx col.return-3-nen { width:59px; }
col.junshisan-gaku-okuen { width:59px; *width:46px;/* for IE7 Hack */ }
col.hikaku-taishou { width:30px; *width:20px;/* for IE7 Hack */ }
col.kounyu, col.okiniiri { width:54px; *width:53px;/* for IE7 Hack */}
/* TABLE SORT ICON (ソート ▲アイコン) */
.table-basic th.sorting span.sort-icon {
display:block;
float:right;
width:7px;
height:16px;
margin-right:2px;
margin-left:-10px;
background:url(../img/sort-icon.png) no-repeat;
cursor:pointer;
}
/* 昇順 */
.table-basic th.sorting_asc span.sort-icon {
display:block;
float:right;
width:7px;
height:16px;
margin-right:2px;
margin-left:-10px;
background:url(../img/sort-icon.png) no-repeat;
background-position:-10px 0;
cursor:pointer;
}
/* 降順 */
.table-basic th.sorting_desc span.sort-icon {
display:block;
float:right;
width:7px;
height:16px;
margin-right:2px;
margin-left:-10px;
background:url(../img/sort-icon.png) no-repeat;
background-position:-20px 0;
cursor:pointer;
}
.table-basic th.th-fund-mei span.sort-icon { margin-top:8px; }
.table-basic th.th-zenjitsu-hi span.sort-icon { margin-left:-3px; }
.table-basic th.th-return-1-kagetu span.sort-icon { margin-left:-5px; }
.table-basic th.th-junshisan-gaku span.sort-icon {
margin-top:19px;
margin-left:-8px;
}
@media all and (max-width: 659px) {
.table-basic .th-kijunkagaku span.sort-icon { margin-top:19px; }
}
/* @media for IE8,IE7 */
.width-max-659 .th-kijunkagaku span.sort-icon { margin-top:19px; }
/* ======== Toshin Kaisya Link =========== */
/* TOSIN KAISYA */
.td-inner-toushin-kaisha {
position: relative;
padding-left:8px;
margin-top:0.3em;
}
/* IE7 for ModalWindow Scroll */
.msie7 .td-inner-toushin-kaisha {
position: static;
padding-left:8px;
margin-top:0.3em;
}
.td-inner-toushin-kaisha:before {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 5px solid transparent;
border-left-color: #515151;
left: 0;
top: 0.3em;
}
.osx th .td-inner-toushin-kaisha:before { top: 0.15em; }/* for MACOSX */
.msie7 span.td-inner-toushin-kaisha,
.msie7 a.td-inner-toushin-kaisha{
display:inline; zoom:1;
background:url(../img/arrow-x-small.png) 0px 3px no-repeat;}
.msie7 span.td-inner-toushin-kaisha{ line-height:1.0; }
/* 登録済み */
.td-wrap-btnfavo .favorite-registered { font-size:12px; }
/*========================================================================================================*/
/* 基本ボタン */
.button {
display:inline-block;
padding:8px;
border:1px solid #ccc;
border-radius:4px;
line-height:1.0;
color:#333;
text-decoration:none;
font-weight:bold;
border-color:#ccc #888 #888 #ccc;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(206,206,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(206,206,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(206,206,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece', GradientType=0 ); /* IE7-8 */
}
.msie7 .button {
cursor:hand;
}
.button.ahover {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWJlYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(190,190,190,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(190,190,190,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(190,190,190,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(190,190,190,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(190,190,190,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#bebebe',GradientType=0 ); /* IE6-8 */
}
.msie9 .button,
.msie9 .button:hover { filter: none;}/* ie9の角丸コーナーと従来のグラデーション フィルターのバグ回避：SVG対応、filterキャンセル*/
.msie7 .button,
.msie8 .button{ color:#111;}
@media all and (max-width: 659px) {
.button {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ UI", Meiryo UI, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:6px 7px 8px;
}
}
/* @media for IE8,IE7 */
.width-max-659 .button {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ UI", Meiryo UI, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:6px 7px 8px;
}
/* 見出し・タイトル */
.h1-wrap h1 {
margin:0;
padding:12px 0 10px 10px;
font-size:1em;
}
.h1-wrap h1 strong {
font-size:17px;
line-height:1.0;
}
.h1-wrap h1 .button {
display:inline-block;
padding:8px;
border:1px solid #ccc;
border-radius:4px;
margin-top:-8px;
}
.h1-wrap h1 .button.position-right { float:right; }
.msie7 .h1-wrap h1{ position:relative;}
.msie7 .h1-wrap h1 .button.position-right {
float:none;
position:absolute;
right:0;
margin-top:-3px;
}
/* ================================ 見出しカラー・線幅カスタマイズ指定箇所 ================================ */
.h1-wrap h1 {
/* 以下のコメントアウトの指定を利用してカスタマイズしてください */
/* 5pxの値を変えることでカラーラインの線幅が変わります。 */
border-left:5px solid #006fc4;*//* 見出しのブルーライン #006fc4 線幅3px */
/* border-left:5px solid rgb(128,128,128); *//* RGB指定：グレー50%(128) */
/* border-left:5px solid rgb(255,0,0); *//* RGB指定：レッド100%(255) */
/* border-left:5px solid rgb(0,128,0); *//* RGB指定：グリーン50%(128) */
/* border-left:5px solid rgb(0,0,255); *//* RGB指定：ブルー100%(255) */
/*border-left:5px solid #ff0000; /* #16進指定：レッド100%(ff) */
/* border-left:5px solid #008000; *//* #16進指定：グリーン50%(80) */
/* border-left:5px solid #0000ff; *//* #16進指定：ブルー100%(ff) */
}
/* タイトル内 右寄せテキスト*/
.h1-wrap h1 span.position-right {
float:right;
margin-top:-2px;
font-weight:normal;
}
.msie7 .h1-wrap h1 span.position-right { float:none; position:absolute; right:0; margin-top:3px;}
/* ファンド一覧から登録 =================== */
.h1-wrap h1 .button {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(222,222,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 ); /* IE7-8 */
}
.h1-wrap h1 .button.ahover {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(200,200,200,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(200,200,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(200,200,200,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(200,200,200,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(200,200,200,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-8 */
}
.msie9 .h1-wrap h1 .button { filter: none; }/* ie9の角丸コーナーと従来のグラデーション フィルターのバグ回避：SVG対応、filterキャンセル*/
/* 「ファンド一覧から登録」のプラスマーク*/
.h1-wrap h1 .button:before{
content:"";
display:inline-block;
height:12px; width:12px;
background-image:url(../img/btn-icon-plus.png);
background-repeat:no-repeat;
vertical-align:middle;
margin:0 2px 0 0;
}
.msie7 .h1-wrap h1 .button span{/* for IE7 */
background-image:url(../img/btn-icon-plus.png);
background-repeat:no-repeat;
padding-left:13px;
background-position:left 4px;
}
/* お気に入り「登録」「削除」/ 「購入」ボタン */
a.button.btn-favorite,
a.button.btn-buy{
padding:0;
margin:0;
width:49px;
min-width:49px;
height:30px;
display:inline-block;
border:0px none;
background-image:none;
background-color:transparent;
overflow:hidden;
filter: none;
/* for IE7 Hack */
*display:block;
*zoom:1;
}
a.button.btn-buy span,
a.button.btn-favorite span {/* regist */
display:block;
height:30px;
width:0px;
padding-left:49px;
overflow:hidden;
background:url(../img/btn-favorite.png) 0px 0px no-repeat;
}
/* ======================== 購入・お申込ボタン変更箇所 ================================ */
a.button.btn-buy span {/* buy *//* 使用する文言のコメントアウトを外して使用してください*/
background-image:url(../img/btn-buy-kounyu.png); /* ========= 購入 ========= */
/*background-image:url(../img/btn-buy-gokounyu.png);*/ /* ========= ご購入 ========= */
/*background-image:url(../img/btn-buy-mousikomi.png);*/ /* ========= 申込み ========= */
/*background-image:url(../img/btn-buy-omousikomi.png);*/ /* ========= お申込 ========= */
}
/* hover */
a.button.btn-buy:hover span,
a.button.btn-favorite:hover span { background-position:-54px 0px; }
/* delete */
a.button.btn-favorite.delete span { background-position:0px -35px; }
/* delete : hover */
a.button.btn-favorite.delete:hover span { background-position:-54px -35px; }
/* ======================================
お気に入りファンド
======================================== */
.favorite-fund .explain {
text-align:right;
margin:7px 0;
}
.favorite-fund .btn-line { text-align:right; }
.favorite-fund .btn-line a:first-child { float:left; margin-bottom:5px}
/* ======================================
ランキング
======================================== */
.fund-ranking {
margin-top:50px;
}
.fund-ranking .btn-line {
text-align:right;
border-bottom:3px solid #d4d4d4;
margin-top:15px;
/* CLEAR FIX for Old IE */
zoom:1;
}
.btn-line .btn-line-right-btn{ float:right; }
.fund-ranking .btn-line:after {/* CLEAR FIX */
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/* ===== タブボタン ====== */
.ul-tab, .li-tab { float:left; }
.ul-tab, .ul-tab li {
list-style:none;
margin:0;
padding:0;
height:50px;
display:block;
word-break:break-all;
}
.li-tab a {
display:block;
margin-right:2px;
padding:5px 8px 5px 8px;
border-radius:7px 7px 0px 0px / 7px 7px 0px 0px;
background-color:#808080;
width:100px; /*ランキングタブ幅指定*/
height:40px;
text-align:center;
text-decoration:none;
font-size:14px;
color:#fff;
font-weight:bold;
}
.msie7 .li-tab a {
cursor:hand;
}
.p-tab {
display:table-cell;
height:45px;
width:100px; /*ランキングタブ幅指定*/
line-height:1.3;
text-align:center;
vertical-align:middle;
/* for IE7 */
/font-size:30px;
/display:inline;
/zoom:1;
}
.p-tab span {
/* for IE7 */
/display:inline;
/font-size:13px;
/vertical-align:middle;
/zoom:1;
}
.li-tab a:hover { background-color:#444; }
.li-tab.active a {
cursor:default;
background-color:#d4d4d4;
color:#222;
}
/* TAB CHANGE ARROW BUTTON */
.tab-rev-button { float:left; }
.tab-next-button { float:right; }
.msie7 .tab-next-button { float:left; }
.tab-rev-button a, .tab-next-button a {
display:block;
height:0;
width:0;
overflow:hidden;
border:8px solid transparent;
}
.tab-rev-button a {
border-right-color: #808080;
border-width:8px 16px 8px 0;
margin:19px 6px 0 0;
}
.tab-next-button a {
border-left-color: #808080;
border-width:8px 0 8px 16px;
margin:19px 0 0 4px;
}
.tab-rev-button a:hover { border-right-color: #444; }
.tab-next-button a:hover { border-left-color:#444; }
@media all and (max-width: 659px) {
.li-tab a {
font-size:14px;
min-width:58px;
}
}
/* @media for IE8,IE7 */
.width-max-659 .li-tab a {
font-size:14px;
min-width:58px;
}
/* ===== テーブル ====== */
/* ランキングテーブル指定 */
.fund-ranking .table-basic { margin-top:0; }
/* 順位セル幅 */
col.ranking-num { width:43px; *width:33px;/* for IE7 Hack */ }
/* 順位矢印セル幅 */
col.ranking-arrow { width:43px; *width:33px;/* for IE7 Hack */ }
/* 順位王冠アイコン 共通及び1位 */
.icon-rank-a1,
.icon-rank-a2,
.icon-rank-a3 {
display:inline-block;
width:32px;
height:0;/*31px*/
padding-top:31px;
overflow:hidden;
background:url(../img/ranking/icon-rank-a1.png) no-repeat;
}
/* 順位王冠アイコン 2位 */
.icon-rank-a2 { background-image:url(../img/ranking/icon-rank-a2.png); }
/* 順位王冠アイコン 3位 */
.icon-rank-a3 { background-image:url(../img/ranking/icon-rank-a3.png); }
/* 順位矢印イメージ(上昇・下降・そのまま) */
.icon-rank-up,
.icon-rank-down,
.icon-rank-stay {
display:inline-block;
width:21px;
height:0px;/*20px*/
padding-top:20px;
overflow:hidden;
background:url(../img/ranking/icon-rank-up.png) no-repeat;
}
/* 順位矢印イメージ(下降) */
.icon-rank-down { background-image:url(../img/ranking/icon-rank-down.png); }
/* 順位矢印イメージ(そのまま) */
.icon-rank-stay { background-image:url(../img/ranking/icon-rank-stay.png); }
/* ======================================
ファンドをさがす
======================================== */
/* 上部の余白（ランキングとのすきま） */
.fund-search{
margin-top:50px;
}
/* 機能タイトルと直後の要素の余白 */
.fund-search .h1-wrap + .bg-box { margin-top:20px;}
.fund-search .bg-box.box-tousin-kaisya-fund-mei{ *margin-top:20px;}/* for iE7*/
/* カラー背景エリア */
/* ======================== カラー背景変更箇所 ================================ */
.bg-box {
margin-bottom:10px;
padding:10px;
/* 背景色：ベージュ */
background-color:#efecdb;/* ファンドをさがすの背景色（ベージュ） */
border:1px solid #e3dec2;/* ファンドをさがすの背景色の枠カラー（ベージュ） */
/* 背景色：グレー */
/*background-color:#eee;*//* ファンドをさがすの背景色（グレー） */
/*border:1px solid #e3e3e3;*//* ファンドをさがすの背景色の枠カラー（グレー） */
border-radius:8px;
/* for IE7 Hack */
*margin:10px 0;
*zoom:1;
}
/* カラー背景エリア内の見出し（投信会社・ファンド名でさがす/投資目的でさがす/ジャンル・テーマでさがす） */
.bg-box h2 {
margin:0 0 7px 0;
font-weight:normal;
}
.bg-box h2 strong {
font-size:17px;
color:rgba(0,0,0,.7);
/* for IE7 Hack */
*color:#333;
}
/* イメージアイコンボタン（目的、ジャンル・テーマ） */
a.search-button {
font-size:13px;
border-radius:4px;
display:inline-block;
padding:5px;
min-width:80px;
text-align:center;
color:#333;
font-weight:bold;
border:1px solid #bbb;
border-bottom-color:#777;
border-right-color:#777;
border-left-color:#ccc;
border-top-color:#ccc;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 20%, rgba(220,220,220,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,255,255,0.8)), color-stop(100%,rgba(220,220,220,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 20%,rgba(220,220,220,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 20%,rgba(220,220,220,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 20%,rgba(220,220,220,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#e6dcdcdc',GradientType=0 ); /* IE6-8 */
background-color:#fff;
}
.msie7 a.search-button {
cursor:hand;
}
a.search-button:hover {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(240,240,240,0.8) 20%, rgba(200,200,200,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(240,240,240,0.8)), color-stop(100%,rgba(200,200,200,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,240,240,0.8) 20%,rgba(200,200,200,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(240,240,240,0.8) 20%,rgba(200,200,200,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(240,240,240,0.8) 20%,rgba(200,200,200,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf0f0f0', endColorstr='#e6c8c8c8',GradientType=0 ); /* IE6-8 */
}
.msie9 a.search-button,/* for IE9 */
.msie9 a.search-button:hover{ filter: none; }/* ie9の角丸コーナーと従来のグラデーション フィルターのバグ回避：SVG対応、filterキャンセル*/
.msie7 a.search-button,
.msie8 a.search-button{ color:#111;}/* for IE7, IE8 */
/* 投信会社・ファンド名でさがす */
.box-tousin-kaisya-fund-mei {/* box */}
.box-tousin-kaisya-fund-mei a.search-button {
min-width:40px;
width:40px;
height:22px;
margin:0;
font-size:14px;
padding:6px 5px 4px;
vertical-align:middle;
text-decoration:none;
}
.input-search-text {
font-size:14px;
height:24px;
padding:2px 8px 3px 8px;
width:250px;
border:2px solid #999;
vertical-align:middle;
ime-mode: active;
}
.msie7 .input-search-text,
.msie8 .input-search-text {/* for IE7 IE8 */
padding:5px 8px 0px 8px;
font-size:15px;
line-height:1.25;
}
/* ボタンリスト（投資目的でさがす/ジャンル・テーマでさがす） */
.search-button-list,
.search-button-list li {
margin:0;
padding:0;
list-style:none;
}
.search-button-list li {
width:33.33%;
float:left;
padding-bottom:5px;
/* for IE7 Hack */
*width:33.3%;
}
.search-button-list {
margin-right:-6px;
margin-bottom:-5px;
zoom:1;
}
.search-button-list:after {
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.search-button-list li a.search-button{
display:block;
width:auto;
margin-right:5px;
text-decoration:none;
text-align:left;
}
/* イメージアイコン（投資目的でさがす/ジャンル・テーマでさがす） */
.search-button-list a.search-button:before{ content:""; display:block; position:absolute; margin-top:15px; margin-left:6px; /*background-color:#00f; */height:42px; width:42px; background-repeat:no-repeat;}
.mokuteki-list a.search-button:before{ margin-top:10px; }
.msie8 .search-button-list a.search-button:before{ display:none;}/* for IE8 */
.msie8 .search-button-list a.search-button div{ position:absolute; margin-top:15px; margin-left:6px; height:42px; width:42px; background-repeat:no-repeat;}/* for IE8 */
.msie8 .mokuteki-list a.search-button div{ margin-top:10px;}/* for IE8 */
.msie7 .search-button-list a.search-button div{ float:left; margin-top:15px; margin-left:6px; height:42px; width:42px; background-repeat:no-repeat;}/* for IE7 */
.msie7 .mokuteki-list a.search-button div{ margin-top:10px;}/* for IE7 */
@media all and (max-width: 659px) {
.search-button-list a.search-button:before{ margin-left:3px;}
}
/* @media for IE8,IE7 */
.width-max-659.msie8 .search-button-list a.search-button div{ margin-left:3px;}/* for IE8 */
.width-max-659.msie7 .search-button-list a.search-button div{ margin-left:3px;}
/* ===== アイコン：投資目的でさがす ===== */
/* 積立て */
.msie7 .search-button-list a.btn-kt-kotukotu div,/* for IE7 */
.msie8 .search-button-list a.btn-kt-kotukotu div,/* for IE8 */
.search-button-list a.btn-kt-kotukotu:before{ background-image:url(../img/icon/btn-kt-kotukotu.png); }
/* 積極運用 */
.msie7 .search-button-list a.btn-kt-sekkyoku div,/* for IE7 */
.msie8 .search-button-list a.btn-kt-sekkyoku div,/* for IE8 */
.search-button-list a.btn-kt-sekkyoku:before{ background-image:url(../img/icon/btn-kt-sekkyoku.png); }
/* 慎重運用 */
.msie7 .search-button-list a.btn-kt-sintyo div,/* for IE7 */
.msie8 .search-button-list a.btn-kt-sintyo div,/* for IE8 */
.search-button-list a.btn-kt-sintyo:before{ background-image:url(../img/icon/btn-kt-sintyo.png); }
/* ===== アイコン：ジャンル・テーマでさがす ===== */
/* 毎月分配 */
.msie7 .search-button-list a.btn-ky-maituki div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-maituki div,/* for IE8 */
.search-button-list a.btn-ky-maituki:before{ background-image:url(../img/icon/btn-ky-maituki.png); }
/* 新興国 */
.msie7 .search-button-list a.btn-ky-sinko div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-sinko div,/* for IE8 */
.search-button-list a.btn-ky-sinko:before{ background-image:url(../img/icon/btn-ky-sinko.png); }
/* 通貨選択 */
.msie7 .search-button-list a.btn-ky-tuka div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-tuka div,/* for IE8 */
.search-button-list a.btn-ky-tuka:before{ background-image:url(../img/icon/btn-ky-tuka.png); }
/* 資源 */
.msie7 .search-button-list a.btn-ky-sigen div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-sigen div,/* for IE8 */
.search-button-list a.btn-ky-sigen:before{ background-image:url(../img/icon/btn-ky-sigen.png); }
/* ノーロード */
.msie7 .search-button-list a.btn-ky-noload div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-noload div,/* for IE8 */
.search-button-list a.btn-ky-noload:before{ background-image:url(../img/icon/btn-ky-noload.png); }
/* インデックス */
.msie7 .search-button-list a.btn-ky-index div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-index div,/* for IE8 */
.search-button-list a.btn-ky-index:before{ background-image:url(../img/icon/btn-ky-index.png); }
/* 環境 */
.msie7 .search-button-list a.btn-ky-kankyo div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-kankyo div,/* for IE8 */
.search-button-list a.btn-ky-kankyo:before{ background-image:url(../img/icon/btn-ky-kankyo.png); }
/* ブルベア */
.msie7 .search-button-list a.btn-ky-bull div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-bull div,/* for IE8 */
.search-button-list a.btn-ky-bull:before{ background-image:url(../img/icon/btn-ky-bull.png); }
/* インターネット専用 */
.msie7 .search-button-list a.btn-ky-internet div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-internet div,/* for IE8 */
.search-button-list a.btn-ky-internet:before{ background-image:url(../img/icon/btn-ky-internet.png); }
/* グローバル */
.msie7 .search-button-list a.btn-ky-global div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-global div,/* for IE8 */
.search-button-list a.btn-ky-global:before{ background-image:url(../img/icon/btn-ky-global.png); }
/* 為替ヘッジ */
.msie7 .search-button-list a.btn-ky-kawase div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-kawase div,/* for IE8 */
.search-button-list a.btn-ky-kawase:before{ background-image:url(../img/icon/btn-ky-kawase.png); }
/* ファンドセレクション */
.msie7 .search-button-list a.btn-ky-selection div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-selection div,/* for IE8 */
.search-button-list a.btn-ky-selection:before{ background-image:url(../img/icon/btn-ky-selection.png); }
/* NISA */
.msie7 .search-button-list a.btn-ky-nisa div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-nisa div,/* for IE8 */
.search-button-list a.btn-ky-nisa:before{ background-image:url(../img/icon/btn-ky-nisa.png); }
/* コアファンド */
.msie7 .search-button-list a.btn-ky-core div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-core div,/* for IE8 */
.search-button-list a.btn-ky-core:before{ background-image:url(../img/icon/btn-ky-core.png); }
/* つみたてNISA */
.msie7 .search-button-list a.btn-ky-tumi-nisa div,/* for IE7 */
.msie8 .search-button-list a.btn-ky-tumi-nisa div,/* for IE8 */
.search-button-list a.btn-ky-tumi-nisa:before{ background-image:url(../img/icon/btn-ky-tumi-nisa.png); }
/* ======== 投資目的でさがす ========= */
.mokuteki-list a.search-button span,
.janre-list a.search-button span{
text-align:left;
font-size:16px;
line-height:1.25;
display:table-cell;
vertical-align:middle;
padding:0 0 0 55px;
font-weight:normal;
height:62px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ UI", Meiryo UI, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/* for IE7 Hack */
*display:inline;
*zoom:1;
*padding-left:0;
*padding-top:5px;
*vertical-align:middle;
*margin-left:10px;
}
@media all and (max-width: 659px) {
.mokuteki-list a.search-button span,
.janre-list a.search-button span{
font-size:13px;
padding-left:50px;
}
}
/* @media for IE8,IE7 */
.width-max-659 .mokuteki-list a.search-button span,
.width-max-659 .janre-list a.search-button span{
font-size:13px;
padding-left:50px;
/* for IE7 Hack */
*padding-left:0;
*margin-left:5px;
}
.mokuteki-list a.search-button {
overflow:hidden;
height:62px;
}
/* ======== ジャンル・テーマでさがす ======== */
.janre-list a.search-button span {
font-size:13px;
height:72px;
}
.janre-list a.search-button span strong {
font-size:15px;
font-weight:bold;
display:block;
}
.janre-list a.search-button {
overflow:hidden;
height:72px;
}
@media all and (max-width: 659px) {
.janre-list a.search-button span {
font-size:12px;
line-height:1.15;
}
.janre-list a.search-button span strong {
font-size:13px;
margin-top:-3px;
margin-bottom:2px;
}
}
/* @media for IE8,IE7 */
.width-max-659 .janre-list a.search-button span {
font-size:12px;
line-height:1.15;
}
/* @media for IE8,IE7 */
.width-max-659 .janre-list a.search-button span strong {
font-size:13px;
margin-top:-3px;
margin-bottom:2px;
/* for IE7 Hack */
*margin-bottom:0;
}
.osx .janre-list a.search-button span { line-height:1.1;}/* for MACOSX */
.osx .search-button-list a.btn-ky-internet span strong,
.osx .search-button-list a.btn-ky-selection span strong { letter-spacing:-1px; }/* for MACOSX */
@media all and (max-width: 550px) {
.osx .search-button-list a.btn-ky-internet span strong{ margin-right:20px;}/* for MACOSX */
}
/* ======== 検索条件・検索結果 ======== */
.bg-box.result, .bg-box.result {
border:3px solid #c3c3c3;
background-color:#fff;
padding:7px 15px;
}
.bg-box.result p {
margin:0;
font-size:16px;
zoom:1;
}
.bg-box.result p:after {
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.bg-box.result p span.label{ float:left; padding-top:3px;}
.bg-box.result p:last-child span.label{ padding-top:5px;}
.bg-box.result p strong { font-size:19px; margin-left:80px; display:block; padding-top:3px;}
.bg-box.result p strong .num { font-size:22px; padding-top:5px;}
.bg-box.result p strong .unit {
font-size:16px;
margin-left:3px;
}
@media all and (max-width: 659px) {
.bg-box.result p strong { font-size:18px; }
}
/* @media for IE8,IE7 */
.width-max-659 .bg-box.result p strong { font-size:18px; }
/* ======== PAGE NATION ========= */
.dataTables_paginate { margin:10px 0;}
/* ページ NO 表示 */
.dataTables_paginate a.number,
.dataTables_paginate a:link.number,
.dataTables_paginate a:visited.number {
font-size:16px;
display:inline-block;
font-weight:bold;
padding:4px 6px 2px;
margin: 0 3px;
border:1px solid #888;
line-height:1.0;
background-color:#888;
color:#fff;
text-decoration:none;
}
/* ページ NO ホバー表示 */
.dataTables_paginate a:hover.number.paginate_button {
background-color:#555;
border-color:#555;
cursor:pointer;
}
.dataTables_paginate a:hover.number.paginate_active { cursor:pointer; }
/* ページ NO カレント表示 */
.dataTables_paginate a.paginate_active,
.dataTables_paginate a:link.number.paginate_active,
.dataTables_paginate a:visited.number.paginate_active {
background-color:#fff;
color:#555;
}
/* ページ 最初・次ぎの10件 */
.dataTables_paginate a.first,
.dataTables_paginate a.first:link,
.dataTables_paginate a.first:visited,
.dataTables_paginate a.next,
.dataTables_paginate a.next:link,
.dataTables_paginate a.next:visited{ color:#333;
font-size:15px;
text-decoration:none;
}
/* ページ 最初・次ぎの10件 ホバー表示 */
.dataTables_paginate a.first:hover,
.dataTables_paginate a.next:hover{
text-decoration:underline;
cursor:pointer;
}
/* ページ 最初・次ぎの10件 ▲印表示 */
.dataTables_paginate .first:after,
.dataTables_paginate .next:before{
content:"";
display:inline-block;
height:0;
width:0;
border:5px solid transparent;
}
.dataTables_paginate .first:after{ border-right-color: #555; margin-left:-2px; }
.dataTables_paginate .next:before{ border-left-color: #555; margin-right:-2px; }
.msie7 .dataTables_paginate .first{/* for IE7 */
padding-right:9px;
margin-top:2px;
margin-right:3px;
background:url(../img/arrow-x-small-rev.png) right 5px no-repeat;
vertical-align:top; zoom:1;
}
.msie7 .dataTables_paginate .next{/* for IE7 */
padding-left:9px;
margin-top:2px;
margin-left:3px;
background:url(../img/arrow-x-small.png) left 5px no-repeat;
vertical-align:top; zoom:1;
}
/* ======================================
モーダルウィンドウ
======================================== */
.md-window{ padding:0 10px;}
.md-window .header{ margin-top:8px; }
.md-window .footer p{ text-align:center;}
.md-window .footer .button{ min-width:80px;}
.msie7 .md-window .header p{ margin:0; padding:1.2em 0 1em;}
.msie7 .md-window .footer p{ margin:0; padding:1em 0;}
/* ======================================
FRAME-IN (プラグイン調整)
======================================== */
.hide { display:none;}
.hand {cursor:pointer;}
.empty {
color:#ff0000;
font-size:large;
}
.err-msg-init {
color:#FF0000;
font-size:16px;
text-align:left;
margin:5px 0px 0px 15px;
}
.err-msg-center {
color:#FF0000;
font-size:16px;
text-align:center;
margin:20px 0px 20px 0px;
}
.err-msg {
color:#FF0000;
font-size:16px;
text-align:left;
margin:5px 0px 0px 0px;
}
.msg-middle {
font-size:16px;
}
.msg-large {
color:#FF0000;
font-size:x-large;
}
.non-breaking {
display:inline-block;
*display:inline;
*zoom:1;
}
.dialog {
display:table-cell;
height:80px;
width:250px;
text-align:center;
vertical-align:middle;
/* for IE7 */
/line-height:80px;
/font-size:60px;
/display:inline;
/zoom:1;
}
.dialog span {
/* for IE7 */
/display:inline;
/font-size:13px;
/line-height:1.4;
/vertical-align:middle;
/zoom:1;
}
.dialog-button {
text-align:center;
}
.btn-line-right-btn .tab-next-button {
margin-right:134px;
}
#btn-rnk-compare {
padding-top:15px;
}
.firefox .breakall {
word-break: break-all;
}
/* for Sly Plug-in */
.scroll-wrap {
width:404px; /*ランキングタブ・スクロールエリア幅(前・次ボタン含む)*/
height:50px;
text-align:left;
float:left;
}
.scroll-frame {
margin:0 0 0 3px;
width:354px; /*ランキングタブ・スクロールエリア幅(タブのみ)*/
height:50px;
}
/* for Colorbox Plug-in */
.cboxFrameLine {
border-style:solid;
border-width:1px;
border-color:#303030;
}
/* for DataTables Plug-in */
.favorite-list table.dataTable {
margin: 0 auto;
clear: both;
width: 100%;
}
table.dataTable td.center,
table.dataTable td.dataTables_empty {
text-align: center;
}
a.last,
a.previous {
display:none;
}
#tab-fav_wrapper a.paginate_button,
#tab-fav_wrapper a.paginate_active {
display: none;
}
div.dataTables_filter {
display: none;
}
.dataTables_scroll {
clear: both;
}
.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
/* ======================================
フロア水準
======================================== */
#floar{margin:5px 0 -15px 0;}
/**********2023/11/23 phase26.1 modify start *************/
.nisa-bgcolor-wrap {
display:flex;
justify-content: flex-start;
flex-flow: row wrap;
}
.nisa-bgcolor{
background-color:#674EA7;
color:#fff;
margin-top: 1px;
padding: 0 5px;
text-align: center;
margin-right: 2px;
}
.growth-bgcolor {
background-color: #E06666;
color:#fff;
margin-top: 1px;
padding: 0 5px;
text-align: center;
margin-right: 2px;
}
/**********2023/11/23 phase26.1 modify end ***************/