@charset "UTF-8";

h2{
    font-size:24px;
    font-weight:normal;
    display:block;
    text-align:center;
}
#header.head_s .notice{
    display:none;
}

/* -- pageTop
-------------------------------------------------------------------------------- */
#pageTop{
    background:#e4e7eb;
}


/* -- bottomContent
-------------------------------------------------------------------------------- */
#bottomContent{
    background:#e4e7eb;
}
#bottomContent .bottomContentBlock{
    padding:40px 20px 40px;
}


/* -- contentHead
-------------------------------------------------------------------------------- */
#contentHead{
    background: url('../img/parts_bg.jpg');
    background-position: center;
    background-size: cover;
}
#contentHead .contentHeadBlock{
	/*
    padding:0 15px;
    */
}
.contentTitle{
    padding:15px 0;
    background: #dd2c00;
}
.contentTitle .contentTitleBlock{
}
.contentTitle h2{
    color:#fff;
}
#result .contentTitle .contentTitleBlock{
    display:block;
    padding:6px 0;
}
.contentTitle .lead{
    margin-top:15px;
    display: none; /* JIJI ADD */
}
/* JIJI CommentOut
.contentTitle .lead:before{
    content:"";
    display:block;
    width:30px;
    height:1px;
    margin:0 auto 25px;
    background:#fff;
}
*/
.contentTitle .lead li{
    color:#333;
    font-size:14px;
    line-height:1.5;
}
.contentTitle ul.boretto{
    list-style-type: disc;
    padding-left: 1.2em;
}
.contentTitle ul.boretto li{
    color:#d9d9d9;
}
.contentTitle ul.boretto li span{
    color:#fff;
}
.contentTitle .contentNavi{
    padding-bottom:10px;
}
.contentTitle .genre li{
    float:left;
    font-size:12px;
    font-weight:bold;
    line-height:1;
    padding:6px 8px 5px;
    border-radius:3px;
    color:#82909a;
    border:solid 1px;
    margin-right:5px;
}
.contentTitle .naviBtn{
    position:absolute;
    bottom:10px;
    left:0;
    width:100%;
}
.naviBtn li{
    float: right;
    margin-right: 20px;
}
.naviBtn li a{
    display:block;
}
.naviBtn li a .icon{
    float:left;
}
.naviBtn li a .icon + span{
    float:left;
    font-size:10px;
    line-height:14px;
    font-weight:bold;
    color:#888;
    padding-left:8px;
    padding-top:2px;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
#detail .contentTitle h1{
    float:none;
    font-size: 24px;
    line-height:1.4;
    color:#333;
    padding:0;
}
#detail .contentTitle h1:before{
    display:none;
}
#detail #contentHead .contentHeadBlock {
    padding-top: 60px;
    border-bottom: 3px solid #dd2c00;
}
#detail .contentTitle{
    background:#fff;
    padding:20px 20px 54px;
    border-radius:6px 6px 0 0;
    border-bottom:solid 1px #e5e5e5;
    position:relative;
}
#detail .contOutWrap{
    background:#fff;
    padding:20px 20px;
    border-radius:0 0 6px 6px;
    /* margin-bottom: 30px; */
}
#contentHead .contWrap .contWrapLeft{
    margin-bottom:10px;
}


/* -- content
-------------------------------------------------------------------------------- */
#content{
}
.pcWrap{
    display:none;
}
#content .contentBlock{
}
.contentBox{
}
.contentBox .contentBoxBlock{
    padding:0 20px 0px;
}
.contentBox.bg{
    background:#fafafa;
}
.contentBox.pd{
    padding:30px 20px 0px;
}
.contentBox.bt{
    /*
    border-top:solid 1px #e5e5e5;
    */
}
.contentBox .contentBoxTitle{
    padding:40px 20px 20px;
}
.contentBox:first-child .contentBoxTitle{
    padding-top:30px;
}
.contentBox .contentBoxLead {
    padding:0 20px;
}
.contentBox .contentBoxTitle p{
    font-size:20px;
    font-weight:normal;
    border-left:solid 4px #dd2c00;
    padding-left:13px;
    line-height:1.1;
    padding-top:1px;
}
.contentBox .contentText p{
    line-height:1.5;
}
#content .listTab li{
    float:left;
    width:50%;
}
.contWrap{
    display: table;
    table-layout: fixed;
    width: 100%;
}
#content .contWrap .reportTitle{
    font-size:16px;
    color:#333;
    padding-top:20px;
    border-top:solid 1px #e5e5e5;
    margin-bottom:8px;
}
#content .contWrap .pdfReport{
    /* background:#f0f0ed; */
    padding:20px 0 5px 20px;
}
#content .contWrap .pdfReport li{
    float:left;
    width:50%;
    margin-bottom:20px;
}
#content .contWrap .pdfReport p{
    float:left;
    line-height:32px;
    color:#c2c2c2;
    font-size:12px;
    font-weight:bold;
}
#content .contWrap .pdfReport a{
    color:#333;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#content .contWrap .pdfReport li.mpdf span,
.comparetbl td span.mpdf {
    float:left;
    width: 140px;
    height: 40px;
    background:url('../img/icon_pdf_m_off.png') no-repeat;
    background-size: 140px 40px;
    padding-right:12px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #fff;
}
#content .contWrap .pdfReport li.wpdf span,
.comparetbl td span {
    float:left;
    width: 140px;
    height: 40px;
    background:url('../img/icon_pdf_w_off.png') no-repeat;
    background-size: 140px 40px;
    padding-right:12px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #fff;
}
#content .contWrap .pdfReport li.mpdf a span,
.comparetbl td span.mpdf a span {
    background-image:url('../img/icon_pdf_m.png');
}
#content .contWrap .pdfReport li.wpdf a span,
.comparetbl td span.wpdf a span {
    background-image:url('../img/icon_pdf_w.png');
}
#content .contWrap .pdfReport li.mpdf a:hover span,
.comparetbl td span.mpdf a:hover span {
    background-image:url('../img/icon_pdf_m_on.png');
}
#content .contWrap .pdfReport li.wpdf a:hover span,
.comparetbl td span.wpdf a:hover span {
    background-image:url('../img/icon_pdf_w_on.png');
}

/* -- listBox
-------------------------------------------------------------------------------- */
#content .listBoxWrap{
    background:#e9e9e9;
    padding:10px 8px 30px;
    display:none;
}
#content .listBoxWrap.pd{
    padding:0 15px 20px;
}
#content .listBox{
    background:#fff;
    margin-top:8px;
}
#content .listBox:first-child{
    margin-top:0;
}
#content .listBoxTitle{
}
#content .listBoxTitle a{
    display:table;
    width:100%;
    border-top: solid 1px #e5e5e5;
    color:#333;
    padding:20px 0;
    font-size:16px;
}
#content .comparisonBtn + .listBoxTitle a{
    border-top: none;
}
#content .listBoxTitle a .menuTtl{
    display:table-cell;
    vertical-align:middle;
    padding-left:20px;
}
#content .listBoxTitle a .menuTtl span{
    line-height:1.4;
}
#content .listBoxTitle a .openMark{
    display:table-cell;
    vertical-align:middle;
    padding-left:20px;
    padding-right:20px;
    width: 20px;
}
#content .listBoxTitle .openBtn .openMark span.bar1 {
    margin-top: -3px;
}
#content .listBoxTitle .openBtn.active .openMark span.bar1 {
    margin-top: -10px;
}
#content .listBoxTitle a.active{
    color: #666;
    font-weight:bold;
    background:#e9e9e9;
    border-top-color:#d9d9d9;
}
#content .listBox .listBoxBlock{
    padding:15px 15px 13px;
    position:relative;
}
#content .listBox .fundname{
    font-size:16px;
    margin-bottom:8px;
    font-weight:bold;
    line-height:1.4;
    color:#333;
}
#content .listBox .iconBlock{
    display:block;
    margin-bottom:8px;
}
#content .listBox .value li{
    float:left;
    margin-right:15px;
    line-height:20px;
}
#content .listBox .value li .fwB{
    font-size:16px;
    font-weight:bold;
}
#content .listBox .subTitle{
    font-size:12px;
    font-weight:normal;
}
#content .listBox .listBoxNavi{
    border-top:solid 1px #e5e5e5;
    background:#fafafa;
    padding-left:3px;
}
#content .listBox .listBoxNavi .naviBtnBlock{
}
#content .listBox .listBoxNavi li{
    margin:0 0 0 3px;
    padding:10px 10px;
}
#content .listBox .listBoxNavi li:first-child{
    margin-left:0;
}
#content .listBox .listBoxNavi li.select{
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #888;
    padding: 9px 0px 9px 10px;
    border-left:solid 1px #e5e5e5;
    position: relative;
    z-index: 1;
    display: -webkit-box;
}

#content .listBox .listBoxNavi li.select a {
    margin-right: 15px;
}
#content .listBox .listBoxNavi li.select span{
    float:left;
    padding-right:10px;
}
#content .listBox .listBoxNavi li.select span.text{
    text-indent:0;
    padding:0;
    width:auto;
    padding-top:2px;
}
#content .listBox .listBoxnavi .fr li.select {
    padding-top: 14px;
}
#content .listBox a.detailBtn{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    overflow:hidden;
    text-indent:-9999px;
}
#content .listBoxTitle.comparison{
    border-left:solid 5px #666;
}
#content .listBoxWrap.comparison{
    padding: 10px 15px 35px;
    border-left:solid 5px #666;
}
#content .listBoxWrap .fund_link{
    margin-top:13px;
}
#content .listBoxWrap .fund_link a{
    color:#2996cc;
}
#content .listBoxTitle.comparison.val1,
#content .listBoxWrap.comparison.val1{
    border-color:#c10d05;
}
#content .listBoxTitle.comparison.val2,
#content .listBoxWrap.comparison.val2{
    border-color:#2e91a7;
}
#content .listBoxTitle.comparison.val3,
#content .listBoxWrap.comparison.val3{
    border-color:#d47735;
}
#content .listBoxTitle.comparison.val4,
#content .listBoxWrap.comparison.val4{
    border-color:#73a532;
}
#content .listBoxTitle.comparison.val5,
#content .listBoxWrap.comparison.val5{
    border-color:#724883;
}


/* -- comparisonBtn
-------------------------------------------------------------------------------- */
#comparisonBtnBlock{
    position:relative;
    padding-top:49px;
}
#comparisonBtn{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:0;
}
#comparisonBtn.active{
    position:fixed;
    top:61px;
}
#comparisonBtn li{
    float:left;
    width:50%;
}
#comparisonBtn li a{
    display:block;
    color:#fff;
    background:#656f78;
    text-align:center;
    font-size:14px;
    padding:16px 0 17px;
    font-weight:bold;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#comparisonBtn li a.comparison{
    background:#c2c2c2;
    color:#fafafa;
}
#comparisonBtn.selected li a.comparison{
    background:#2996cc;
    color:#fff;
}


/* -- listTab
-------------------------------------------------------------------------------- */
.listTab{
    padding: 0 10px 0 10px;
}
.listTabBlock{
}
.listTab ul{
    width:100%;
}
.listTab li{
    float:left;
    width:50%;
}
.listTab li.refine{
    display:none;
}
.listTab li a{
    display:block;
    padding:20px 0;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#333;
    border-radius:4px 4px 0 0;
    background:#e0e0e0;
    margin-left:4px;

    /* JIJI ADD */
    height: 25px;
    padding:15px 0;
    font-size:12px;
}
.listTab li:first-child a{
    margin-left:0;
}
.listTab li a.active{
    color: #fff;
    background: #dd2c00;
}
#detail .listTab li{
    width:25%;
}
#listTabField_01{
}
#listTabField_02{
}


/* -- detail
-------------------------------------------------------------------------------- */
#content .detail{
    padding:0 15px;
    margin:0 auto;
}
#content .detailBlock{
    padding:0 0 50px;
}
#content .detailBlock .pulldown{
    float:left;
    margin-top:14px;
}
#content .pulldown{
    position: relative;
}
#content .pulldown select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    outline: none;
}
#content .pulldown select::-ms-expand {
    display: none;
}
#content .pulldown select{
    background: #fff;
    padding: 9px 10px;
    border-radius:3px;
    line-height:1;
    width:auto;
    cursor:pointer;
    background:#fafafa;
    padding-right:31px;
}
#content .pulldown label:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    right: 11px;
    width: 8px;
    height: 8px;
    margin-top:8px;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#content .detailBlock .closeBtn{
    float:right;
}
#content .detailBlock .closeBtn a{
    display:block;
    width:60px;
    height:60px;
    text-align:center;
}
#content .detailBlock .closeBtn a img{
    padding-top:16px;
}
#content .detailInner{
    background:#fff;
}
#content .detail .head{
    padding:25px 20px 0px;
}
#content .detail .titleBlock{
    margin-bottom:30px;
}
#content .detail .titleBlock ul{
}
#content .detail .titleBlock li{
}
#content .detail .titleBlock .flag{
    float:left;
    margin-right:15px;
}
#content .detail .titleBlock .flag img{
    margin-top:-1px;
}
#content .detail .titleBlock .title{
    font-size:24px;
    padding-left:47px;
    margin-bottom: 9px;
    padding-top: 2px;
    padding-bottom: 1px;
}
#content .detail .titleBlock .date{
    color:#888;
}
#content .detail .valueBlock{
}
#content .detail .valueBlock .valueInner{
    margin-bottom:35px;
    border-top:solid 1px #e5e5e5;
}
#content .detail .valueBlock .valueInner .valueWrap{
    border-bottom:solid 1px #e5e5e5;
    padding:8px 0 0;
}
#content .detail .valueBlock .valueInner .valueWrapRate{
    border-bottom:solid 1px #e5e5e5;
    padding:10px 0 12px;
}
#content .detail .valueBlock .valueInner .valueWrapRate dl{
    float:left;
}
#content .detail .valueBlock .valueInner .valueWrapRate dl:first-child dd{
    margin-right:25px;
}
#content .detail .valueBlock .valueInner dt{
    display:inline-block;
    color:#333;
}
#content .detail .valueBlock .valueInner .valueWrap dt{
    padding-top:4px;
    padding-bottom:5px;
}
#content .detail .valueBlock .valueInner dd{
    display:inline-block;
    font-size:16px;
}
#content .detail .valueBlock .valueInner .valueWrap dd{
    font-size:30px;
    line-height: 1;
    font-family: 'Open Sans';
    padding-top: 3px;
    padding-bottom: 14px;
}
#content .detail .valueBlock .valueInner .valueWrapRate dd:after{
    content:"";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat:no-repeat;
    background-size:6px 12px;
    background-position:5px;
}
#content .detail .valueBlock .valueInner .valueWrapRate dd.up:after{
    background-image: url('../img/arrow_s_up.png');
}
#content .detail .valueBlock .valueInner .valueWrapRate dd.down:after{
    background-image: url('../img/arrow_s_down.png');
}
#content .detail .valueBlock ul{
    padding-left:10px;
}
#content .detail .valueBlock li{
    float:left;
    width:33.33%;
    margin-left:5px;
}
#content .detail .valueBlock li:first-child{
    margin-left:-10px;
}
#content .detail .valueBlock li a{
    display:block;
    font-size:12px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    text-align:center;
    text-decoration:none;
    color:#333;
    border:solid 1px #e5e5e5;
    border-radius:2px;
}
#content .detail .valueBlock li:first-child a{
    margin-left:0;
}
#content .detail .valueBlock li a.active{
    background:#2996cc;
    border-color:#2996cc;
    color:#fff;
}
#content .detail .chart{
    padding:30px 15px 35px;
}


/* -- listContent
-------------------------------------------------------------------------------- */
#listContent{
    background:#fafafa;
}
#listContent .listContentBlock{
    padding:0px 15px 40px;
    margin:0 auto;
}
#listContent .listBox{
    background:#fff;
    margin-bottom:5px;
    padding:10px 20px;
    border:solid 1px #e5e5e5;
    position:relative;
}
#listContent .listBox.listTitle{
    display:none;
}
#listContent .listBox li{
    padding:10px 0;
}
#listContent .listBox li span.subTitle{
    display:inline-block;
    font-weight:normal !important;
    font-size:14px !important;
    color:#333;
    width:70px;
}
#listContent .listBox li.flag{
    float:left;
    width:24px;
}
#listContent .listBox li.fundname{
    font-weight:bold;
    padding-left:34px;
    line-height:24px;
    font-size:16px;
}
#listContent .listBox li.fundname a{
    color:inherit;
}
#listContent .listBox li.value1{
    clear:both;
    font-size:18px;
    font-weight:bold;
    border-top:solid 1px #e5e5e5;
}
#listContent .listBox li.value2{
    border-top:solid 1px #e5e5e5;
}
#listContent .listBox li.date{
    border-top:solid 1px #e5e5e5;
    padding-top:11px;
}
#listContent .listBox li.chartBtn{
    padding:0;
}
#listContent .listBox li.chartBtn a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
    overflow:hidden;
}
#listContent .listBox li.value2 span:after{
    content:"";
    display: inline-block;
    width: 6px;
    height: 12px;
    background-repeat:no-repeat;
    background-size:6px 12px;
}
#listContent .listBox li.value2 span.up:after{
    background-image: url('../img/arrow_s_up.png');
}
#listContent .listBox li.value2 span.down:after{
    background-image: url('../img/arrow_s_down.png');
}


/* -- listNavi
-------------------------------------------------------------------------------- */
.listNavi{
}
.listNavi.bd{
    border-bottom:solid 1px #e0e0e0;
}
.listNaviBlock{
    width:100%;
}
.listNavi ul{
    width:100%;
}
.listNavi li{
    float:left;
    text-align:center;
    width:25%;
}
#result .listNavi li{
    width:50%;
}
.listNavi li a{
    display:block;
    padding:18px 10px;
    color:#333;
    font-size:13px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.listNavi li a.active{
    color:#2996cc;
}
.listNavi li a.icon{
    display:inline-block;
    line-height:26px;
    background-repeat:no-repeat;
    background-position:10px center;
    background-size:30px 26px;
    padding-left:50px;
}
.listNavi li a.icon.return{
    background-image:url('../img/icon_return.png');
}
.listNavi li a.icon.chart{
    background-image:url('../img/icon_chart.png');
}


/* -- listContentTable
-------------------------------------------------------------------------------- */
.tableBox{
    padding-bottom:40px;
}
.listContentTable{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}
.listContentTable thead{
}
.listContentTable tbody{
}
.listContentTable tr{
}
.listContentTable.comparison tr.selected td{
    background-color: #ecfafa !important
}
.listContentTable tr.fundName td{
    position:relative;
    height:80px;
    padding-bottom:40px;
}
.listContentTable tr.fundName td:before{
    content:"";
    display:block;
    position:absolute;
    width:100%;
    top:-1px;
    left:0;
    border-top:solid 4px;
}
.listContentTable tr:nth-child(odd) td{
    background-color:#fff;
}
.listContentTable tr.focus td{
    background-color:#ecfafa;
}
.listContentTable th{
    border:solid 1px #d9d9d9;
    background-color:#f0f0ed;
    padding: 10px 5px;
    text-align:center;
    font-size: 12px;
    line-height:1.4;
    font-weight:bold;
    color:#333;
}
#listContentTable.listContentTable th{
    border-bottom:none;
}
.listContentTable td{
    border:solid 1px #e0e0e0;
    padding: 10px 10px;
    text-align:center;
    line-height:1.4;
    background:#fafafa;
}
.listContentTable td a{
    color:inherit;
}
.listContentTable td a.unyoLink {
    text-decoration:underline;
}
.txL{
    text-align:left !important;
}
.txR{
    text-align:right !important;
}
.fwB{
    font-weight:bold !important;
}
.listContentTable td span.iconBlock{
    display:block;
    margin-bottom:7px;
}
#result .listContentTable td span.iconBlock{
    text-align:left;
    margin:0;
    position:absolute;
    left:10px;
    bottom:15px;
}
.iconHandling{
	float:left;
	text-align: center;
	font-size: 10px;
	padding: 3px 6px;
	color: #888;
	border:solid 1px;
	border-radius: 2px;
	margin-right:3px;
    line-height:1.1;
}
#result .iconHandling{
	float:none;
    margin:5px 3px 0 0;
}
.bgColor0{
	color: #B68B84 !important;
}
.bgColor1{
	color: #8DA778 !important;
}
.bgColor2{
	color: #73A5BE !important;
}
.bgColor3{
	color: #9A835A !important;
}
.bgColor4{
	color: #7F8C8D !important;
}
.bgColor5{
	color: #B68B84 !important;
}
.bgColor6{
	color: #8DA778 !important;
}
.bgColor7{
	color: #73A5BE !important;
}
.bgColor8{
	color: #9A835A !important;
}
.bgColor9{
	color: #7F8C8D !important;
}
.listContentTable tr td.fund1{
    color:#c10d05;
}
.listContentTable tr td.fund2{
    color:#2e91a7;
}
.listContentTable tr td.fund3{
    color:#d47735;
}
.listContentTable tr td.fund4{
    color:#73a532;
}
.listContentTable tr td.fund5{
    color:#724883;
}
.icon{
    display:block;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.icon span{
    display:block;
    margin:0 auto;
    text-indent:-9999px;
    overflow:hidden;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.mail .icon{
    width:28px;
    height:28px;
    border:solid 1px #ccc;
    border-radius:18px;
}
.mail .icon span{
    width:16px;
    height:12px;
    background-image:url('../img/icon_mail.png');
    background-repeat:no-repeat;
    background-size:16px 12px;
    margin-top:8px;
}
.myfund .icon{
    width:28px;
    height:28px;
    border:solid 1px #ccc;
    border-radius:18px;
}
.myfund .icon span{
    width:16px;
    height:14px;
    background-image:url('../img/icon_myfund.png');
    background-repeat:no-repeat;
    background-size:16px 14px;
    margin-top:8px;
}
.myfund.active .icon{
    border-color:#2996cc;
    background-color:#2996cc;
}
.myfund.active .icon span{
    background-image:url('../img/icon_myfund_active.png');
}
.pdf .icon span{
    width:26px;
    height:32px;
    background-image:url('../img/icon_pdf.png');
    background-repeat:no-repeat;
    background-size:26px 32px;
}
#detail .mail .icon{
    width:32px;
    height:32px;
}
#detail .mail .icon span{
    margin-top:10px;
}
#detail .myfund .icon{
    width:32px;
    height:32px;
}
#detail .myfund .icon span{
    margin-top:10px;
}
#detail .naviBtn li a .icon + span{
    font-size: 11px;
    line-height: 34px;
    padding-top:0;
}


/* -- listContentWrap
-------------------------------------------------------------------------------- */
.listContentWrap{
}


/* -- innerTable
-------------------------------------------------------------------------------- */
.data_list{
    padding:20px 15px 30px;
    background:#e9e9e9;
    border-bottom:solid 1px #d9d9d9;
    display:none;
}
.innerTableWrap{
    height:380px;
    border-left:solid 1px #e0e0e0;
    border-right:solid 1px #e0e0e0;
    border-bottom:solid 1px #e0e0e0;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
.listContentTable.innerTable{
    width: 100%;
    table-layout: fixed;
}
.listContentTable.innerTable td{
    border-left:none;
    border-right:none;
}
.listContentTable.innerTable tr:first-child td{
    border-top:none;
}


/* -- navigator
-------------------------------------------------------------------------------- */
.chartNavi{
}
.chartNavi .chartNaviBlock{
    padding:0 0px;
}
.navigatorWrap{
}
.contentBox .navigatorWrap .contentBoxTitle{
    float:none;
}
#navigator{
    float:none;
}
#detail #navigator{
    margin-top:0;
}
#navigator li{
    float:left;
}
#navigator li a{
    display:block;
    color:#333;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-weight: bold;
}
#navigator .tab{
    float:none;
}
#navigator .tab li{
    margin-right:3px;
}
#navigator .tab li a{
    padding:19px 15px 18px 15px;
    border:solid 1px transparent;
    border-top:none;
    border-bottom:none;
    position:relative;
}
#navigator .tab li a:before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    position:absolute;
    bottom:-1px;
    left:0;
    background:transparent;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#navigator .tab li a:after{
    content:"";
    display:block;
    width:100%;
    height:3px;
    position:absolute;
    top:0;
    left:0;
    background:transparent;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#navigator .tab li a.active{
    border-color:#e0e0e0;
    color:#2996cc;
}
#navigator .tab li a.active:before{
    background:#fff;
}
#navigator .tab li a.active:after{
    background:#2996cc;
}
#navigator .btn{
    float:none;
    width:100%;
    border-top:solid 1px #e5e5e5;
}
#navigator .btn ul {
    margin-top: 10px;
}
#navigator .btn li{
    width: 50%;
    position:relative;
    text-align:center;
}
#navigator .btn li.dateSelect{
    width:60%;
}
#navigator .btn li a{
    padding: 7px 15px;
    border:solid 1px #e0e0e0;
    border-radius:3px;
    position:relative;
    margin: 5px;
}
#navigator .btn li a#date_Controller_opener{
    padding-right:30px;
}
#navigator .btn li a#date_Controller_opener:before{
    content:"";
    display:block;
    position:absolute;
    top:15px;
    right:20px;
    width: 8px;
    height: 8px;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#navigator .btn li a.active{
    color: #fff;
    background: #dd2c00;
    border: solid 1px #dd2c00;
}
#navigator .btn li a#date_Controller_opener.active:before{
    border-color:#333;
}
#navigator .btn li ul{
    position:absolute;
    top:50px;
    left:50%;
    margin-left:-75px;
    background:#ccc;
    border-radius:4px;
    padding:4px 5px 5px 5px;
    z-index:1;
    display:none;
}
#navigator .btn li a.active + ul{
    display:block;
}
#navigator .btn li ul:before{
    content:"";
    display:block;
	border: 6px solid transparent;
	border-bottom: 10px solid #ccc;
    position:absolute;
    top:-16px;
    left:50%;
    margin-left:-6px;
}
#navigator .btn li ul li{
    float:none;
    margin:0;
    width:140px;
    margin-top:1px;
}
#navigator .btn li ul li a{
    border-radius:0;
    border:none;
    font-size:13px;
    background:#fff;
    text-align:center;
    position:relative;
    padding:10px;
}
#navigator .btn li ul li a.active{
    background:#2996cc;
    color:#fff;
}
#navigator .btn li ul li a#periodBtn:before{
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    right: 12px;
    width: 6px;
    height: 6px;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* -- target_info
-------------------------------------------------------------------------------- */
#target_info{
}
#target_info .target_infoBlock{
    padding:25px 20px 17px;
    background:#f2f2f2;
    border-radius:4px;
}
#target_info table{
    border-collapse: collapse;
    width:100%;
    position:relative;
}
#target_info table caption{
    position:absolute;
    top:0;
    left:0;
    font-size:12px;
    font-weight:bold;
    color:#333;
}
#target_info table tr{
}
#target_info table tr.disable{
    display:none;
}
#target_info table th{
    font-size:12px;
    text-align:center;
    padding-bottom:10px;
    font-weight:bold;
    color:#333;
}
#target_info table td{
    padding:15px 10px 15px;
    border-top:solid 1px #e0e0e0;
    line-height:1.4;
}
#target_info table td.visible{
    width:22px;
    padding:16px 0;
}
#target_info table td.visible label span{
    display: block;
    text-indent:-9999px;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor:pointer;
}
#target_info table td.name{
    font-weight:bold;
    color:#333;
}
#target_info table td.value{
    text-align:center;
}
#target_info table td a{
    color:inherit;
}
#detail #target_info table td.visible{
    width:16px;
}
#target_info table td.visible .legend{
    display:block;
    width:16px;
    height:16px;
    background:#ccc;
    border-radius:2px;
    text-indent:-9999px;
    overflow:hidden;
}
#target_info table td.visible .legend.val1{
    background:#2e91a7;
}
#target_info table td.visible .legend.val2{
    background:#73a532;
}
#target_info table td.visible .legend.val3{
    background:transparent;
    background:url('../img/marker_dividend.png') no-repeat;
    background-size:11px 16px;
    background-position:center;
}
#target_info table td.visible .legend.val4{
    background:#999;
}


/* -- chartBox
-------------------------------------------------------------------------------- */
.chartBox{
    padding:30px 10px 30px;
}


/* -- checkBtn
-------------------------------------------------------------------------------- */
label{
    cursor:pointer;
}
input[type=checkbox].checkBtn + span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    width:22px;
}
input[type=checkbox].checkBtn {
    display: none;
    margin: 0;
}
input[type=checkbox].checkBtn + span {
    text-indent:-9999px;
}
input[type=checkbox].checkBtn + span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    border-radius:3px;
    border:solid 1px #cccccc;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
input[type=checkbox]:checked.checkBtn + span:before {
    background: #2996cc;
    border-color:#2996cc;
}
input[type=checkbox]:checked.checkBtn.val1 + span:before {
    background: #c10d05 !important;
    border-color:#c10d05 !important;
}
input[type=checkbox]:checked.checkBtn.val2 + span:before {
    background: #d47735 !important;
    border-color:#d47735 !important;
}
input[type=checkbox]:checked.checkBtn.val3 + span:before {
    background: #2e91a7 !important;
    border-color:#2e91a7 !important;
}
input[type=checkbox]:checked.checkBtn.val4 + span:before {
    background: #73a532 !important;
    border-color:#73a532 !important;
}
input[type=checkbox]:checked.checkBtn.val5 + span:before {
    background: #724883 !important;
    border-color:#724883 !important;
}
input[type=checkbox]:checked.checkBtn.val6 + span:before {
    background: #666666 !important;
    border-color:#666666 !important;
}
input[type=checkbox].checkBtn + span:after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
input[type=checkbox].checkBtn + span:after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -6px;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
input[type=checkbox]:checked.checkBtn + span:after {
    border-color:#fff;
}
input[type=checkbox].checkBtn.disable + span {
    cursor:default !important;
}
input[type=checkbox].checkBtn.disable + span:after {
    border:none;
}
input[type=checkbox]:checked.checkBtn.disable + span:before {
    background:transparent !important;
    border-color:#ccc !important;
}
input[type=checkbox]:checked.checkBtn.disable + span:after {
    border:none;
}


/* -- serchNavi
-------------------------------------------------------------------------------- */
#searchNavi{
}
#searchNavi .contentBox{
    position:relative;
}
#searchNavi .searchNaviWrap{
    background:#f0f0f0;
}
#searchNavi .contentBox .contentBoxTitle {
    padding-top: 30px;
}
#searchNavi .contentBoxLead p{
    line-height:1.5;
    padding-bottom:25px;
}
#searchNavi .contentBoxLead p .fwB{
    float:left;
    font-size:20px;
    margin-right:3px;
    color:#333;
}
#searchNavi .contentBoxLead p span{
    line-height:20px;
}
#searchNavi .menuBtn{
    width:146px;
    position:absolute;
    bottom:20px;
    right:15px;
    display:none;
}
#searchNavi .menuBtn a{
    font-size:13px;
    font-weight:bold;
    color:#333;
    line-height:32px;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
#searchNavi .menuBtn a span{
    float:right;
    width: 40px;
    height: 32px;
    margin: 0 0 0 auto;
    border-radius: 3px;
    background: #888;
    background-image: url('../img/parts_arrow_down.png');
    background-repeat: no-repeat;
    background-size: 18px 10px;
    background-position: center;
    margin-left:15px;
    text-indent:-9999px;
    overflow:hidden;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
#searchNavi .menuBtn.active a span{
    background-image: url('../img/parts_arrow_up.png');
}
#searchNavi .searchNaviBlock{
    max-width: 950px;
    margin: 0 auto;
    padding:30px 15px 40px;
}
#searchNavi .searchBox{
    margin-bottom:25px;
}
#searchNavi .searchBox p.title{
    margin-bottom:10px;
    font-size:16px;
    font-weight: bold;
    color: #333;
}
#searchNavi .searchBox ul{
    background:#fff;
    padding:25px 15px 0 25px;
    border-radius:4px;
}
#searchNavi .searchBox li{
    float:left;
    width:50%;
    margin-bottom:25px;
}
#searchNavi .searchBox li .checkBtn + span {
    padding-right: 12px;
}
#searchNavi .searchBox li input{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#searchNavi .searchBox ul.keyword{
    padding-right:25px;
}
#searchNavi .searchBox ul.keyword li{
    width:100%;
}
#searchNavi .searchBox li input,
#searchNavi .searchBox li select{
    box-sizing:border-box;
    border:solid 1px #d9d9d9;
    padding:10px 15px;
    width:100%;
    font-size:16px;
    border-radius:3px;
}
#searchNavi .searchBox li input::-webkit-input-placeholder {
	color: #ccc;
}
#searchNavi .searchBox li input::-moz-placeholder {
	color: #ccc;
}
#searchNavi .searchBox li input:-ms-input-placeholder {
	color: #ccc;
}
#searchNavi .resultBtn{
    padding:10px 0;
}
#searchNavi .resultBtn a{
    display:block;
    padding:15px 0;
    width:100%;
    text-align:center;
    margin:0 auto;
    font-size:18px;
    color:#333;
    border:solid 1px #999;
    border-radius:3px;
    cursor:pointer;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#searchNavi .resultBtn ul{
    width:100%;
}
#searchNavi .resultBtn li{
    float:left;
    box-sizing:border-box;
}
#searchNavi .resultBtn li a{
    display:block;
    padding:15px 0;
    text-align:center;
    font-size:18px;
    line-height:18px;
    color:#333;
    border:solid 1px #999;
    border-radius:3px;
}
#searchNavi .resultBtn li.reset{
    width:33%;
    padding-right:8px;
}
#searchNavi .resultBtn li.submit{
    width:67%;
}
#searchNavi .resultBtn li a#reset{
    font-size:14px;
}
#searchNavi .resultBtn.active a#reset:hover{
    color:#2996cc;
    border-color:#2996cc;
}
#searchNavi .resultBtn li a#submit{
    background: #c2c2c2;
    border: solid 1px #b2b2b2;
    color: #fafafa;
}
#searchNavi .resultBtn.active li a#submit{
    background: #2996cc;
    border-color: #1e6c93;
    color: #fff;
}
#searchNavi .resultBtn.active li a#submit:hover{
    background:#54abd6;
    border-color:#4b89a9;
}
/* -- 条件選択時 ---------------------------------------------------------------- */
.search #searchNavi .search_resultTtl{
    display:none;
}
.search #submitBlock{
    display:none;
}
.search .contentBox.bt {
    border-top: none;
}
/* -- 検索結果時 ---------------------------------------------------------------- */
.search_result .searchNaviBlock{
    display:none;
}
.search_result #searchNavi .searchTtl{
    display:none;
}
.search_result #searchNavi .menuBtn{
    display:block;
}


/* -- submitBlock
-------------------------------------------------------------------------------- */
#submitBlock.disable{
    display:none;
}
#submitBlock.disable + .contentBlock .contentBox.bt{
    border-top: none;
}


/* -- period
-------------------------------------------------------------------------------- */
#period{
    position:relative;
    width:100%;
    height:100%;
    z-index:10;
    display:none;
}
#period .periodBack{
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(51,51,51,0.8);
    top:0;
    left:0;
}
#period .periodBlock{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:11;
    padding: 10px;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-box;
    display: -o-box;
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
}
#period .periodBlockInner{
    width:100%;
    border-radius: 4px;
    background-color: #fafafa;
}
#period .titleBlock{
    padding:20px 20px 20px;
    border-bottom:solid 1px #ddd;
}
#period .titleBlock p{
    font-size: 18px;
}
#period .periodInner{
    padding:5px 20px 25px;
}
#period .ttl{
    font-size: 12px;
    margin-top:15px;
    margin-bottom: 7px;
    font-weight: bold;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#period li{
    float:left;
}
#period li.date{
    width:70%;
}
#period li.button{
    width:30%;
}
#period .date_button{
    height: auto;
    box-sizing: border-box;
    margin-right:5px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #fff;
}
#period .date_button input{
    width: 100%;
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
    line-height: 40px;
}
#period button {
    -webkit-appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
#period button{
    font-size: 14px;
    width: 100%;
    height: 40px;
    border: solid 1px #999;
    color: #333;
    border-radius: 3px;
    cursor:pointer;
}
#period button.today {
    margin-top: 1px;
}
#period .enter_button{
    width:232px;
    margin:0 auto;
    padding-top:25px;
}
#period .enter_button button{
    float:left;
    width: 110px;
    margin:0 3px;
    background:#999;
    border-color:#6e6e6e;
    color:#fff;
}
#period .enter_button button.enter{
    border-color: #1e6c93;
    background-color:#2996cc;
}
.btn.fr.chartNavi {
    display: grid;
}
text.amcharts-legend-value {
    display: none;
}

/*------  compare   --------*/
.returnp{
	display:none;
}

.returns{
	display:inline;
}