@charset "utf-8";

/* ==========================================================

			index用css

========================================================== */
#container { padding-top:20px; padding-bottom:56px;}
.ie6 #container { padding-top:20px; padding-bottom:56px; width: 970px;}

#side { width:248px; float:right;}
#main { width:686px; float:left;}


/* #side
=========================================== */
/* btn_area1 */
.btn_area1 { padding:13px 13px 7px; background:url(../img/index/bg_sidebox2.png) no-repeat;}
.btn_area1 li { margin-bottom:6px;}


/* btn_area2 */
.btn_area2 li { margin-bottom:13px;}


/* sidebox */
.sidebox { margin-top:16px; margin-bottom:16px; padding:1px 4px; background:#ce002c; border:solid 1px #d8d8d8; position:relative; line-height:1.4;}
.sidebox:before { width:248px; height:3px; content:url(../img/index/bg_sidebox1_top.png); position:absolute; top:-3px; left:-1px;}
.sidebox:after { width:248px; height:3px; content:url(../img/index/bg_sidebox1_bottom.png); position:absolute; right:-3px; left:-1px;}
.sidebox a { color:#5D5745;}
.sidebox h3 { padding:16px 7px 10px 7px; background:#dadada url(../img/index/bg_side_title.png) no-repeat; border-bottom:solid 1px #aaa; color:#392a0b; font-size:123.1%;}
.sidebox h3 span { margin-left:1.5em; font-weight:normal; font-size:75%;}

.sideboxI { padding-bottom:4px; background:url(../img/index/bg_sidebox1.png); font-size:93%;}
.sideboxI:after { content:url(../img/index/bg_sidebox1d_bottom.png); position:relative; bottom:-4px;}
.sideboxI .scroll { height:160px; margin-bottom:12px; padding:10px 10px 0; overflow:auto;}
.sideboxI .scroll table { width:100%;}
.sideboxI .scroll table th { font-weight:bold;}
.sideboxI .scroll table td { padding-top:10px;}
.sideboxI .scroll table .share { width:4em; text-align:right;}
.sideboxI .share-list { margin-right:18px; text-align:right;}
.sideboxI .share-list a { padding-left:10px; background:url(img/arr_s01.png) no-repeat left 50%;}

.sideboxI ul { padding:15px 18px 0;}
.sideboxI ul li { min-height:16px; margin-bottom:12px; padding-left:23px; background:url(img/arr_c01.png) no-repeat;}




/* #main
=========================================== */
#main { line-height:1.4;}


/* スライドショー
========================= */
#main_image { width:684px; height:317px; border:solid 1px #d8d8d8; position:relative; background:#fff;}
#main_image li { display:none; position:absolute; top:0; left:0;}
#main_logo { display:none;}

.thumb { width:666px; height:73px; margin-top:1px;padding-top:10px; padding-left:20px; background:url(../img/index/bg_slide.png) repeat-x; position:relative;}
.thumb .flame {position:relative; width:636px; height:53px; margin-left:5px; overflow:hidden;}
.thumb .flame ul { position:absolute; left:0; top:0; width:636px;}
.thumb .flame ul li { float:left; width:212px; text-align:center;}
.thumb p.next { position:absolute; top:8px; left:8px; cursor:pointer;}
.thumb p.prev { position:absolute; top:8px; right:8px; cursor:pointer;}

.op { opacity:0.6; filter:alpha(opacity=60);}


/* info
========================= */
.info, #ranking{ margin-top:18px;}
.info .tab, #ranking .tab{ height:32px; padding-top:8px; padding-bottom:5px; background:url(../img/index/bg_tab.png) repeat-x;}
.info .tab li, #ranking .tab li{ width:134px; height:37px; margin-left:8px; float:left; text-indent:-9999em; cursor:pointer;}
.info .tab .on, #ranking .tab .on{ margin-bottom:-5px;}

.info a { text-decoration:underline; color:#333333;}
.info a:visited { text-decoration:underline; color:#696969;}
.info a:hover {
	text-decoration:underline; color:#6666aa;
}

.info_market a { text-decoration:underline; color:#333333;}
.info_market a:visited { text-decoration:underline; color:#696969;}
.info_market a:hover {
	text-decoration:underline; color:#6666aa;
}


.tab li { cursor:pointer;}
/* タブの画像表示 */
.tab01 { background:url(../img/index/tab01.png) no-repeat;}
.tab02 { background:url(../img/index/tab02.png) no-repeat;}
.tab03 { background:url(../img/index/tab03.png) no-repeat;}
.tab04 { background:url(../img/index/tab04.png) no-repeat;}
.tab01:hover { background:url(../img/index/tab01_on.png) no-repeat;}
.tab02:hover { background:url(../img/index/tab02_on.png) no-repeat;}
.tab03:hover { background:url(../img/index/tab03_on.png) no-repeat;}
.tab04:hover { background:url(../img/index/tab04_on.png) no-repeat;}
.tab01.active { background:url(../img/index/tab01_on.png) no-repeat;}
.tab02.active { background:url(../img/index/tab02_on.png) no-repeat;}
.tab03.active { background:url(../img/index/tab03_on.png) no-repeat;}
.tab04.active { background:url(../img/index/tab04_on.png) no-repeat;}

#ranking .tab01 { background:url(../img/index/rankingtab01.png) no-repeat;}
#ranking .tab02 { background:url(../img/index/rankingtab02.png) no-repeat;}
#ranking .tab03 { background:url(../img/index/rankingtab03.png) no-repeat;}
#ranking .tab01:hover { background:url(../img/index/rankingtab01_on.png) no-repeat;}
#ranking .tab02:hover { background:url(../img/index/rankingtab02_on.png) no-repeat;}
#ranking .tab03:hover { background:url(../img/index/rankingtab03_on.png) no-repeat;}
#ranking .tab01.active { background:url(../img/index/rankingtab01_on.png) no-repeat;}
#ranking .tab02.active { background:url(../img/index/rankingtab02_on.png) no-repeat;}
#ranking .tab03.active { background:url(../img/index/rankingtab03_on.png) no-repeat;}

.info .backnumber { position:absolute; left:579px; top:17px; line-height:16px;}
.info .backnumber a { padding-left:20px; line-height:16px; background:url(img/arr_c02.png) no-repeat left 50%; color:#fff; font-size:77%;}

.info .panel,#ranking .panel { padding:18px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8; border-left:solid 1px #d8d8d8; background:#f6f6f6;}
.info .panel table tr { background:url(img/border-dotted.png) bottom left repeat-x;}
.info .panel table td { padding-top:15px; padding-bottom:15px;}
.info .panel table tr.last { background:none;}
.info .panel table td img.category-icon { margin-left:10px; margin-right:20px;}

.rtable { width:100%; border-collapse: collapse; border: 1px #cbcbcb solid; background:#FFF; }
.rtable th, .rtable td { border: 1px #cbcbcb solid; vertical-align:middle; padding:8px; }
.rtable th { background:#f5f5f5; text-align:center; }


/*iframeの設定*/

iframe { min-height:451px; }
#iframe { min-width:631px; background:#f6f6f6; line-height:1.4;}
#iframe p { padding-bottom:3px; }

#iframe td.fundname a { display:inline; width:76%; float:right; }
#iframe th.visited a { text-decoration:underline; color:#F00; }
#iframe th.visited, #iframe td.visited { background:#ecfcff; }


/*右サイドのピックアップファンド*/

#iframe_side_pickup { min-height:220px;}
h3.tit_side_pick { background:url(../img/index/tit_side_pick.png) no-repeat 0 0; width:256px; height:52px; margin-left:-8px; text-indent:-9999px; margin-top:16px;}
.side_pick{ background:url(../img/index/back_side_pick.png) repeat-y 0 0; padding:0 5px 0 10px; width:233px;}
.bottom_side_pick { background:url(../img/index/bottom_side_pick.png) no-repeat 0 0; width:248px; height:9px; }