body {}
#header {}
.ValueP { color: #dd2c00; }
.ValueM { color: #0000cd; }
.ArrowIcon .ValueP { color: #dd2c00; padding-left: 15px; background-image: url('../img/arrow_up.png'); background-repeat: no-repeat; background-size: 8px 14px; background-position: 0px; }
.ArrowIcon .ValueM { color: #0000cd; padding-left: 15px; background-image: url('../img/arrow_down.png'); background-repeat: no-repeat; background-size: 8px 14px; background-position: 0px; }
.bottomContentAboutUuser{ padding: 20px 0 0 20px;}
/* 販売停止アイコン */
.iconHandling.stopIcon{ background: #ff0000; border: solid 1px #ff0000; color: #FFFFFF !important; }
/* ディスクレーマ */
.notes { padding-bottom: 40px; }
/* リンクアンダーライン */
a.underline { color: blue; text-decoration: underline; }
/* データ読み取り用 */
.noDisplay{ display:none; }

/* ニュースアイコン */
.newsBox .newsTitle dt.color1 { color: #2996cc; border: solid 1px #2996cc; }
.newsBox .newsTitle dt.color2 { color: #dd2c00; border: solid 1px #dd2c00; }
.newsBox .newsTitle dt.color3 { color: #4B0082; border: solid 1px #4B0082; }
.newsBox .newsTitle dt.color4 { color: #FFA500; border: solid 1px #FFA500; }
.newsBox .newsTitle dt.color5 { color: #808000; border: solid 1px #808000; }
.newsBox .newsTitle dt.color6 { color: #008000; border: solid 1px #008000; }
.newsBox .newsTitle dt.color7 { color: #82909a; border: solid 1px #82909a; }
.newsBox .newsTitle dt.color8 { color: #DC143C; border: solid 1px #DC143C; }
.newsBox .newsTitle dt.color9 { color: #808080; border: solid 1px #808080; }

.newsBox .newsTitle:hover dt.color1 { background: #2996cc; color: #fff; }
.newsBox .newsTitle:hover dt.color2 { background: #dd2c00; color: #fff; }
.newsBox .newsTitle:hover dt.color3 { background: #4B0082; color: #fff; }
.newsBox .newsTitle:hover dt.color4 { background: #FFA500; color: #fff; }
.newsBox .newsTitle:hover dt.color5 { background: #808000; color: #fff; }
.newsBox .newsTitle:hover dt.color6 { background: #008000; color: #fff; }
.newsBox .newsTitle:hover dt.color7 { background: #82909a; color: #fff; }
.newsBox .newsTitle:hover dt.color8 { background: #DC143C; color: #fff; }
.newsBox .newsTitle:hover dt.color9 { background: #808080; color: #fff; }

/******************************************/
/* Media Query */
/******************************************/
@media print,screen and (max-width: 759px) {
   .ArrowIcon .ValueP { background-image: url('../img/arrow_s_up.png'); background-size: 6px 12px; }
   .ArrowIcon .ValueM { background-image: url('../img/arrow_s_down.png'); background-size: 6px 12px; }
   #detail .listTab li{
    	width: 50%;
	}
	#detail .contentTitle {
		padding: 20px 20px 60px;
	}
	#content .contWrap .pdfReport span {
		color: #f0f0ed;
	}
}

@media print,screen and (min-width: 760px) {

	#header {
    	border-bottom: solid 3px #dd2c00;
	}
	.contentBox{ margin-top:20px; }
	.contentBox.bt { padding-top: 20px; }
	.contentBoxBlockNotes{ margin-top:10px; }
	#contentHead {
		background: none;
		background-position: center;
		background-size: cover;
		background-color: #fff;
		border-bottom: 3px solid #dd2c00;
	}
	#title a {
		float: right;
		font-size: 13px;
		color: #333;
		text-decoration: none;
		padding: 10px 12px;
		border: solid 1px #e0e0e0;
		border-radius: 3px;
		-moz-transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	#detail .listTab li{
    	width: 50%;
	}
	#tab li a.active:before {
		background-color: #dd2c00;
	}
	/* GlobalHeader */
	#gnavi li a.active {
		color: #2996cc;
	}
	#gnavi li a.active:before {
		background-color: #dd2c00;
	}
	#content .detail .valueBlock li a.active {
		background: #dd2c00;
		border-color: #dd2c00;
		color: #fff;
	}
	#title a:hover, #header a.notice:hover, #header.head_s a.notice:hover {
		background: #dd2c00;
		border: solid 1px #e0e0e0;
 		color: #fff;
	}

	/* Fund */
	.listContentTableTitle{
		margin: 0 0 4px 0;
		padding: 0;
	}
	#dispBox {
		font-size: 13px;
		width: 200px;
	}
	#dispBox li {
		font-size: 11px;
		display: block;
		width: 100%;
	}
	#content .contWrap .pdfReport p {
		color: #333;
	}
	#content .contWrap .pdfReport span,
	.comparetbl td span {
		color: #fff;
	}
	/* Market Map */
	#content .box:hover:before{
		border-color:#2996cc;
	}
	/* main */
	#content .map.main .box1.box_jp { top: 0px; right: auto; left: 240px; bottom: auto;}
	#content .map.main .box2.box_jp { top: 130px; right: auto; left: 240px; bottom: auto;}
	#content .map.main .box3.box_us { top: 0px; right: 0px; left: auto; bottom: auto;}
	#content .map.main .box4.box_us { top: 130px; right: 0px; left: auto; bottom: auto;}
	#content .map.main .box5.box_jp { top: 260px; right: auto; left: 240px; bottom: auto;}
	/* exchange */
	#content .map.exchange .box1.box_us { top: 130px; right: 0px; left: auto; bottom: auto;}
	#content .map.exchange .box2.box_eu { top: 0px; right: auto; left: 0px; bottom: auto;}
	#content .map.exchange .box3.box_eu { top: 130px; right: auto; left: 0px; bottom: auto;}
	#content .map.exchange .box4.box_ca { top: 0px; right: 0px; left: auto; bottom: auto;}
	#content .map.exchange .box5.box_ch { top: auto; right: auto; left: 0px; bottom: 130px;}
	#content .map.exchange .box6.box_au { top: auto; right: auto; left: 190px; bottom: 0px;}
	#content .map.exchange .box7.box_nz { top: auto; right: auto; left: 380px; bottom: 0px;}
	#content .map.exchange .box8.box_ru { top: 0px; right: auto; left: 190px; bottom: auto;}
	#content .map.exchange .box9.box_br { top: auto; right: 0px; left: auto; bottom: 130px;}
	#content .map.exchange .box10.box_cn{ top: 130px; right: auto; left: 190px; bottom: auto;}
	#content .map.exchange .box11.box_in{ top: auto; right: auto; left: 190px; bottom: 130px;}
	/* stock */
	#content .map.stock .box1.box_jp { top: 0px; right: auto; left: 380px; bottom: auto;}
	#content .map.stock .box2.box_jp { top: 130px; right: auto; left: 380px; bottom: auto;}
	#content .map.stock .box3.box_us { top: 0px; right: 0px; left: auto; bottom: auto;}
	#content .map.stock .box4.box_us { top: 130px; right: 0px; left: auto; bottom: auto;}
	#content .map.stock .box5.box_cn { top: 130px; right: auto; left: 190px; bottom: 130px;}
	#content .map.stock .box6.box_hk { top: auto; right: auto; left: 190px; bottom: 130px;}
	#content .map.stock .box7.box_id { top: auto; right: auto; left: 190px; bottom: 0px;}
	#content .map.stock .box8.box_in { top: auto; right: auto; left: 0px; bottom: 130px;}
	#content .map.stock .box9.box_de { top: 130px; right: auto; left: 0px; bottom: 130px;}
	#content .map.stock .box10.box_ch { top: 0px; right: auto; left: 0px; bottom: auto;}
	#content .map.stock .box11.box_ru { top: 0px; right: auto; left: 190px; bottom: auto;}
	/* bond */
	#content .map.bond .box1.box_jp { top: 180px; right: auto; left: 160px; bottom: auto;}
	#content .map.bond .box2.box_us { top: 60px; right: 0px; left: auto; bottom: auto;}
	#content .map.bond .box3.box_us { top: 180px; right: 0px; left: auto; bottom: auto;}

	/* Market Map（10銘柄以上の場合） */
	#content .box.boxsize_small{
		width:170px; /* org 230px */
		height:105px;
	}
	#content .box.boxsize_small .boxInner{
		padding:5px 5px; /* org 15px */
	}
	#content .box.boxsize_small .flag{
		bottom:3px; /* org 14px */
		right:15px;
	}
	#content .box.boxsize_small .title{
		font-size:14px; /* org 16px */
		margin-bottom:9px;
	}

	/* マーケット・ニュース */
	.newsBox .newsTitle dl {
		float: none;
	}
	.newsBox .newsTitle dd {
		margin-right: 5px;
	}
	.newsBox .newsTitle dt {
		margin-right: 4px;
		font-size: 12px;
		width: 70px;
	}
	.newsBox .newsTitle .title .titleInner {
		margin-left: 222px;
		margin-right: 40px;
		cursor: pointer;
	}
	.newsBox .newsBlock p {
		font-size: 100%;
	}

}

#loading img {
    position: relative;
    top: 10px;
    left: 45%;
}

#listContent .listBox li.value2 span.subValue, #listContent .listBox li.value2 span.subValue span {
    display: inline-block;
    padding: 0;
}


#listContent .listBox li.chartBtn a.myfund-add {
	border-color:#dd2c00;
}

.fundNote{
	padding: 50px;
	font-size: 16px;
	color: #fff;
}

/******************************************/
/* Amchart */
/******************************************/
/*
.amcharts-legend-div {
    padding: 30px 35px 32px;
    background: #f2f2f2;
    border-radius: 4px;
}
*/

/******************************************/
/* FundList */
/******************************************/
.contentBox .contentBoxLead ul {
    list-style: disc;
    padding: 0 20px;
}

/******************************************/
/* FundRanking */
/******************************************/
span.rank-1 {
    font-size: 30px;
    padding-left: 36px;
    background: url(/service/www/common/style/linkbox4pc_v1/img/gold01.gif) left center no-repeat;
    -webkit-background-size: 31px auto;
    -moz-background-size: 31px auto;
    -o-background-size: 31px auto;
    background-size: 31px auto;
    zoom: 1;
}
span.rank-2 {
    font-size: 30px;
    padding-left: 36px;
    background: url(/service/www/common/style/linkbox4pc_v1/img/silver01.gif) left center no-repeat;
    -webkit-background-size: 31px auto;
    -moz-background-size: 31px auto;
    -o-background-size: 31px auto;
    background-size: 31px auto;
    zoom: 1;
}
span.rank-3 {
    font-size: 30px;
    padding-left: 36px;
    background: url(/service/www/common/style/linkbox4pc_v1/img/bronze01.gif) left center no-repeat;
    -webkit-background-size: 31px auto;
    -moz-background-size: 31px auto;
    -o-background-size: 31px auto;
    background-size: 31px auto;
    zoom: 1;
}
span.rank-4:before  { content:"4"; display: inline-block; padding: 4px 10px; background-color: gray; color: #fff; border: solid 1px #ccc; border-radius: 4px; }
span.rank-5:before  { content:"5"; display: inline-block; padding: 4px 10px; background-color: gray; color: #fff; border: solid 1px #ccc; border-radius: 4px; }
span.rank-6:before  { content:"6"; display: inline-block; padding: 4px 10px; background-color: gray; color: #fff; border: solid 1px #ccc; border-radius: 4px; }
span.rank-7:before  { content:"7"; display: inline-block; padding: 4px 10px; background-color: gray; color: #fff; border: solid 1px #ccc; border-radius: 4px; }
span.rank-8:before  { content:"8"; display: inline-block; padding: 4px 10px; background-color: gray; color: #fff; border: solid 1px #ccc; border-radius: 4px; }
span.rank-9:before  { content:"9"; display: inline-block; padding: 4px 10px; background-color: gray; color: #fff; border: solid 1px #ccc; border-radius: 4px; }
span.rank-10:before { content:"10"; display: inline-block; padding: 4px 10px; background-color: gray; color: #fff; border: solid 1px #ccc; border-radius: 4px; }

/******************************************/
/* FundSummary ReturnCalc */
/******************************************/

#calc table th, #calc table td {
    text-align: left;
}


#listTabField_03 .pulldown {
    display: inline-block;
    position: relative;
}

#listTabField_03 .pulldown select {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    background: #fff;
    height: 25px;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}

#listTabField_03 .pulldown .trigger {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    height: 25px;
}

#listTabField_03 .pulldown .trigger .mark {
    float: right;
    background: #e0e0e0;
    height: 25px;
    padding: 0 3px;
}

#listTabField_03 .pulldown .trigger .selected {
    padding: 1px 32px 1px 10px;
}

#listTabField_03 .icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../img/s_white-sa8e3db25d5.png');
    vertical-align: middle;
}

#listTabField_03 .icon.white {
    background-image: url('../img/s_white-sa8e3db25d5.png');
}

#listTabField_03 .icon.white.caret_under {
    background-position: 0 -395px;
}

#listTabField_03 .button {
    display: inline-block;
    font-size: 1.23em;
    line-height: 1.4;
    text-align: center;
    padding: 9px 24px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    margin: 0 2px;
    position: relative;
}

#listTabField_03 .button.m {
    font-size: 1.08em;
    padding: 6px 18px;
}


#listTabField_03 .button:link, .button:visited {
    color: #2996cc;;
    text-decoration: none;
}

#listTabField_03 .button:hover {
	background: #dd2c00;
	color: #2996cc;
	border: solid 1px #e0e0e0;
}

#listTabField_03 #calc .buttons {
    text-align: center;
    margin-top: 20px;
}

#listTabField_03 #calcresult .balloon .balloon_text {
    font-size: 1.23em;
    background: #2996cc;
    margin-top: 10px;
    padding: 5px 4px;
    color: #fff;
    text-align: center;
}


/******************************************/
/* フォント変更JS */
/******************************************/
.fontS{ font-size:14px/1.2; }
.fontM{ font-size:110%; }
.fontL{ font-size:115%; }

/******************************************/
/* フォント変更JS */
/******************************************/
#sizechange {
	float: right;
    width: 135px;
    height: 25px;
    background: url(../user/img/ts.png) no-repeat left 8px;
    position: relative;
    top: -10px;
    right: 0px;
}
.alt {
    position: absolute;
    top: -5000px;
    left: -9999px;
}
ul, ol {
    list-style: none;
}
#sizechange .large {
    position: absolute;
    top: 0;
    right: 0px;

    width: 25px;
    height: 25px;
    background: url(../user/img/ts_large.png) no-repeat left 0px;
}
#sizechange .small {
    position: absolute;
    top: 0;
    right: 30px;

    width: 25px;
    height: 25px;
    background: url(../user/img/ts_small.png) no-repeat left 0px;
}
#sizechange .large.active {
    background: url(../user/img/ts_large_o.png) no-repeat left 0px;
}
#sizechange .small.active {
    background: url(../user/img/ts_small_o.png) no-repeat left 0px;
}


/******************************************/
/* Media Query */
/******************************************/
@media print,screen and (max-width: 759px) {
	#header {
    	border-bottom: solid 2px #dd2c00;
	}
	#header .headerBlock .logo img {
		width: 120px;
		height: auto;
	}
	#contentHead {
		background: none;
		background-position: center;
		background-size: cover;
		/* background-color: #ffefef; */
	}
    /* 表示領域が759px以下の場合に適用するスタイル */
    #sizechange {
       float: right;
       width: 135px;
       height: 25px;
       background: url(../user/img/ts.png) no-repeat left 8px;
       position: relative;
       top: -10px;
       right: 0px;
    }

   /******************************************/
   /* Fund */
   /******************************************/
   .contentBox .contentBoxLead ul { padding: 5px 20px; }
   .contentBoxBlockNotes{ margin-top:10px; }
   #content .contWrap .pdfReport p { color: #333; }
   #content .contWrap .pdfReport a span { background-image: url('../img/icon_pdf.png'); }
}

/******************************************/
/* ユーザ特殊対応 */
/******************************************/
/* リスク・タグ */
.listContentTableTitleTag li{
	text-align: center;
    font-size: 12px;
    line-height: 1.4;
    padding: 2px 5px;
    border-radius: 3px;
    color: #82909a;
    border: solid 1px;
    margin-right: 5px;
    margin-bottom:5px;
}
.listContentTableTitleTag li.color0 { color: #FF0000; }
.listContentTableTitleTag li.color1 { color: #FFA500; }
.listContentTableTitleTag li.color2 { color: #808000; }
.listContentTableTitleTag li.color3 { color: #008000; }
.listContentTableTitleTag li.color4 { color: #00FFFF; }
.listContentTableTitleTag li.color5 { color: #0000FF; }
.listContentTableTitleTag li.color6 { color: #800080; }
.listContentTableTitleTag li.color7 { color: #82909a; }
.listContentTableTitleTag li.color8 { color: #DC143C; }
.listContentTableTitleTag li.color9 { color: #808080; }

/* 購入ボタン */
.buyBtn0,.buyBtn1, .buyBtn2 {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 5px 8px;
    color: #fafafa;
    border-radius: 3px;
    margin: 0 0;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.buyBtn1Off, .buyBtn2Off {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 5px 8px;
    color: #fafafa;
    border-radius: 3px;
    background: grey;
}
.buyBtn0,.buyBtn1 {
    background: #dd2c00;
    border: solid 1px #dd2c00;
}
.buyBtn2 {
    background: #ff8000;
    border: solid 1px #ff8000;
}
.buyBtn0:hover,.buyBtn1:hover {
    background: #ea8066;
    border: solid 1px #dd2c00;
}
.buyBtn2:hover {
    background: #ffb266;
    border: solid 1px #ff8000;
}
.listContentTable td a.buyBtn0,
.listContentTable td a.buyBtn1,
.listContentTable td a.buyBtn2,
.listContentTable td span.buyBtn0Off,
.listContentTable td span.buyBtn1Off,
.listContentTable td span.buyBtn2Off {
    color: #fafafa;
    margin-top: 5px;
}
.listContentTable td span.buyBtn0Off,
.listContentTable td span.buyBtn1Off,
.listContentTable td span.buyBtn2Off {
    background: gray;
    height: auto;
    width: auto;
    float: none;
    border: solid 1px gray;
}
.listContentTable td a.buyBtn0:hover,.listContentTable td a.buyBtn1:hover {
    background: #ea8066;
    border: solid 1px #dd2c00;
    text-decoration: none;
}
.listContentTable td a.buyBtn2:hover {
    background: #ffb266;
    border: solid 1px #ff8000;
    text-decoration: none;
}
.contentTitle a.buyBtn {
    font-size: 15px;
    padding: 6px 12px;
}
.buyBtnSum {
    display: flex;
}
.buyBtnSum a,
.buyBtnSum span {
    margin-left: 10px;
}
.listContentTable td.fundconcept {
    vertical-align: top;
    text-align: left;
}