@charset "shift_jis";

/* FundDetail.asp専用CSS==投資信託 */

@import "/css/fund/fund_topcategory.css";


/*-------タイトル部分------*/
/*背景角丸画像処理*/
#details_of_articles{
width:740px;
background:url(https://img1.kakaku.k-img.com/images/fund/parts/detail_ttl_bg.gif) repeat-y;
margin-bottom:10px;
}
#details_of_articles #itemtitle{
padding:10px 10px 5px;
background:url(https://img1.kakaku.k-img.com/images/fund/parts/detail_ttl_top.gif) no-repeat left top;
}
#details_of_articles #itemdetail{
padding:0 10px 10px;
background:url(https://img1.kakaku.k-img.com/images/fund/parts/detail_ttl_btm.gif) no-repeat left bottom;
}
/*タイトル上部*/
#details_of_articles #itemtitle h3 {
font-size:129%;
background:none;
text-align:left;
float:left;
width:70%;
}
/*マイ投資信託登録削除ボタン*/
#details_of_articles #itemtitle .registration{
text-align:right;
float:right;
width:28%;
}
/*タイトル下部*/
#details_of_articles #itemdetail table{
border-top:1px solid #999;
width:100%;
clear:both;
}
#details_of_articles #itemdetail td{
padding:5px;
}
#details_of_articles .topline{
border-top:1px #999 solid;
padding:5px 0;
}
#itemdetail .numeral{
font-family:Verdana;
font-weight:bold;
}
#itemdetail .fav{
margin-left:10px;
}


/*-------#detailedanalysis==タイトル部分より下の詳細部分-------*/
/*大見出し*/
#detailedanalysis h2{
margin-bottom:5px;
clear:both;
}
/*小見出し*/
#detailedanalysis h3{
background-color:#9ea8bf;
background-image:none;
padding:5px;
font-size:92%;
color: #FFF;
margin:0 0 3px 0;
}
/*左カラム大枠*/
#detailedanalysis .detailsleft {
float:left;
width:440px;
/*margin-top:2px;*/
}
/*右カラム　大枠*/
#detailedanalysis .detailsright {
/*margin-top:3px;*/
float:right;
width:290px;
}
/*-------------------------------------------*/

/*左カラム--各テーブルのスタイル*/
#detailedanalysis .detailsleft table{
border:1px #999999 solid;
border-collapse:collapse;
width:100%;
}
#detailedanalysis .detailsleft .seachtable {
margin:0 auto 10px;
}
#detailedanalysis .detailsleft .seachtable td {
border:1px #999999 solid;
border-collapse:collapse;
padding: 3px 2px;
vertical-align:top;
}
#detailedanalysis .td_y {
background-color:#FFFEDC;
width:35%;
}
/*左カラム　テーブルの中のテーブル ratio*/
#detailedanalysis .ratio {
border-collapse:collapse;
text-align:center;
}
#detailedanalysis .ratio th{
border:1px #999999 solid;
width:30%;
background-color:#FFEBEB;
font-weight:normal;
}
#detailedanalysis .ratio td{
text-align:right;
}

/*右カラム--販売会社情報*/
.graphchartsBox table{
border:1px #999999 solid;
border-collapse:collapse;
background:#FFFFFF;
text-align:center;
width:100%;
}
.graphchartsBox td,
.graphchartsBox th{
padding:1px 3px;
}
.graphchartsBox td{
text-align:left;
}
.graphchartsBox td.charge{
text-align:center;
}
.graphchartsBox td.docreq{
text-align:right;
}
.graphchartsBox table th{
border-bottom:1px #999999 solid;
border-collapse:collapse;
font-weight:normal;
}
.graphchartsBox .tdline{
border-bottom:1px solid #999;
text-align:center;
}
.graphchartsBox .tdright{
text-align:right;
}

/*右カラム　背景グレーのボックス*/
#detailedanalysis .rightbox {
background-color:#EDEEF2;
margin-bottom:10px;
}
/*右カラム　注釈ボックス*/
#detailedanalysis .rightbox .supplement{
background-color:#fff;
border:1px solid #999;
letter-spacing:-0.6px;
padding:2px;
margin-top:5px;
}
#detailedanalysis .contentsdata{
padding:5px;
}
#detailedanalysis .imggraph{
clear:both;
height:170px;
width:280px;
border: 1px solid #999999;
background-color:#FFFFFF;
text-align:center;
margin:0;
}

/*基準価額と純資産の推移--graph&tabs*/
#detailedanalysis ul{
margin:0;padding:0;height:22px;_height:15px;_width:250px;
list-style-type:none;
_line-height:0px;
}
#detailedanalysis li {
height:22px;
width:50px;
float:left;
_font-size:0px;
margin:0;
padding:0;
}

/*グラフ色注釈==投信トップの右カラムからコピー*/
p.supplement{
font-size:92%;
padding:3px 0 10px;
}
p.supplement .kijyun{
color:#ff0000;
}
p.supplement .junshisan{
color:#7F7F7F;
}
p.supplement .stock{
color:#ffcc99;
}
p.supplement .saiken{
color:#ccffcc;
}
p.supplement .etc{
color:#99ccff;
}

/*===クチコミ===*/
#mainbbs{
clear:both;
margin:0 0 10px 0;
}
#mainbbs table{
width:100%;
}
#mainbbs table .date{
text-align:right;
}
#mainbbs table img{
vertical-align:middle;
margin-right:5px;
}
#mainbbs table td{
padding:5px 0;
border-bottom:1px solid #ddd;
}
#mainbbs .box{
margin:0;
width:740px;
}
#mainbbs .btm{
width:720px;
padding:10px;
}


/*クチコミが無い場合*/
#mainbbs .nobbs{
margin:0 auto;
}
#mainbbs strong{
color:#ff0000;
font-size:120%;
}
#mainbbs .nobbs img{
float:left;
vertical-align:bottom;
}
#mainbbs .nobbs .imgover{
float:none;
margin:5px 0 0 10px;
}

/*販売会社情報が無い場合--PRが入る*/
#overtureBox{
background-color:#F4F7F7;
border:1px #ccc solid;
margin-bottom:10px;
padding:5px;
}
#overtureBox h4{
color:#999;
font-weight:normal;
text-align:right;
font-size:92%;
}
/*#overtureBox p {
margin-bottom:10px;
}*/
#overtureBox .titlelink {
font-weight:bold;
}
#overtureBox .textlink a{
color:#008000;
text-decoration:none;
margin-left:20px;
}
#overtureBox .text{
/*font-size:70%;*/
}