/*@charset "UTF-8";*/
/* CSS Document */
/*==============================
	資金管理画面用スタイルシート
===============================*/

#Simulation #navi #gnavi li .on {
	background: url(../common_img/common/Bg_Gnavi.jpg) no-repeat left -66px !important;
}

#Simulation h2#pageTitle {
	background: url(../common_img/Bg_pageTitle_RD.jpg) no-repeat left top !important;
}






#simulation_left {
	width: 290px;
	float: left;
}

#simulation_left table
{
}

#simulation_left .numinp
{
	text-align:right;
	ime-mode:disabled;
}

#simulation_right {
	width: 680px;
	float: right;
}

#simulation_right .need_margin
{
}

#simulation_right .numinp
{
	text-align:right;
	ime-mode:disabled;
}


.simulation_graph
{
	width: 658px;
	height: 250px!important;
/*
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	background-color: #ffffff;
*/
/*	padding-bottom:15px;*/
	margin:10px;
}

/*#chartWrap {*/		/* id ==> class */
.chartWrap {
	width: 678px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	height: 270px!important;	/**/
}


.simulation_rangeresult {
      text-align: center; /* IEでセンタリングさせる方法 */
}
.simulation_rangeresult table {
      margin: auto;     /* 標準のセンタリング方法 */
      text-align: left; /* IE用方法の弊害対策用 */
      width:90%;
}

.simulation_bottom
{
	clear:both;
}

.simulation_button{
	clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}


/* -----------------------------------------------
	2.資金管理画面
----------------------------------------------- */

/*-----   資金  -----*/
#Si_shikin {
	margin-bottom: 5px;
}

#Si_shikin .inputStyle input {
	width: 70px;
	vertical-align: middle !important;
}
#Si_shikin .inputDisableStyle input {
	width: 70px;
	vertical-align: middle !important;
}

#AllRisk
{
	float:left;
}
#AllRiskPercent
{
	float:left;
	display: block;
	margin: 0 !important;
	padding: 1px 0px;
	border: none;
	text-align: left;
	height: 100%;
	line-height: 100%;
	background: none;
	width: 15px;
	outline:0px none black;
}

td.padding_off {
	padding-left: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
}

th.padding_off {
	padding-left: 1px;
	padding-right: 0px;
}

th.padding_narrow {
	padding-left: 2px;
	padding-right: 2px;
}


/*-----   運用枚数  -----*/
#Si_maisu {
	margin-bottom: 5px;
}

#Si_maisu .inputStyle input {
	width: 39px;
	vertical-align: middle !important;
}
#Si_maisu .inputDisableStyle input {
	width: 39px;
	vertical-align: middle !important;
}



#graphFooter {
	width: 290px;
	margin-bottom: 5px;
	clear: both;
}
/*-----   設定値  -----*/
#Si_setteichi {
}

#Si_setteichi .inputStyle input {
	width: 55px;
	vertical-align: middle !important;
}
#Si_setteichi .inputDisableStyle input {
	width: 55px;
	vertical-align: middle !important;
}

#Si_setteichi td.btn_SimulationStart {
	background: none;
}

#btn_SimulationStart {
	width: 60px;
	height: 40px;
/*	margin-top: 15px;*/
	text-align: center;
}




/*-----   総合運用実績  -----*/
#Si_sougou table th {
	text-align: left;
}
#Si_sougou table th.Ctr {
	text-align: center;
}

/*-----   運用結果グラフ  -----*/
#Si_kekkaGraph {
	width: 658px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

/*-----  カレンダー再定義 -----*/
.ajax__calendar_container TABLE {
    width:170px !important;
	padding:0px !important;
	margin:0px !important;
	border:0px !important;
	font-size:11px !important;
}
.ajax__calendar_container TD {
	padding:0px !important;
	margin:0px !important;
	font-size:11px !important;
}

#clacContainer {
    margin-bottom: 10px;
    margin-top: 10px;
}

#calcCell, #unitInputCell {
    padding-bottom: 5px;
}

#calcBackTest {
    margin-left: 15px;
}

.simulation-button {
    width: 55px;
    margin-top: 10px;
    margin-right: 2px;
    height: 35px;
}

#ButtonOperation {
    height: 40px;
}

#SimulationContainer {
    height: Auto;
    margin-bottom: 5px;
}

.line-block-container {
    display: inline-block;
}

#BtnUnitClear {
    width: 55px;
    font-size: 12px;
    vertical-align: middle;
    padding: 0px;
}

#tblEtfSetting {
    margin-top: 10px;
}

#ETF_SETTING {
    padding-top: 5px;
}

.radio-item {
    margin-right: 10px;
}

h3.symbol-title {
    display: block;
    width: 280px;
    height: 15px;
    background: url(../common_img/common/Bg_titleH3_W380.png) no-repeat left top;
    color: #ffffff;
    margin: 0;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 22px;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 10px;
}

.cellEtfCode {
    width: 55px;
    min-width: 55px;
}

#tblEtfSetting {
    overflow-x: scroll;
    white-space: nowrap;
    table-layout: fixed;
    display: block;
}

    #tblEtfSetting th:first-child {
        /* 横スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        left: 0px;
        border-right: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
    }

#NonOpeLogicHideContainer {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 5px;
}

#MinFundCalcSettingCell {
    text-align: left;
}

#MinFundCalcMaxRisk {
    margin-left: 10px;
}

.EtfCalcSettingNote {
    display: inline-block;
    color: red;
    padding-top: 10px;
}

#disp_market_setting_cell {
    text-align: left;
}

#disp_market_table {
    margin-bottom: 10px;
}

#disp_market_all, #disp_market_stock_etf {
    margin-left: 10px;
}

/** デモモード */
#DemoPanel{
    margin-bottom: 10px;
}

#DemoPanel iframe {
    box-sizing: border-box;
    width: 100%;
}