@charset "utf-8";

div.TrialTableStyle1 {
    margin-bottom: 10px;
}

div.TrialTableStyle1 table {
    /* width: 100%; */
    clear: both;
    border-collapse: collapse;
    empty-cells: show;
}

div.TrialTableStyle1 table.MaxWidth {
    width: 100%;
}

div.TrialTableStyle1 table caption {
    display: none;
}

div.TrialTableStyle1 table th {
    padding: 4px;
    border: 1px solid #999999;
    background-color: #D8CFCB;
    font-weight: normal;
    font-size: 92%;
    vertical-align: middle;
}
div.TrialTableStyle1 table colgroup col.UniWidth {
    width: 300px;
}

div.TrialTableStyle1 table td {
    padding: 4px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-size: 92%;
    vertical-align: middle;
}

div.TrialTableStyle1 table tr.Odd td {
    background-color: #FFFFFF;
}

div.TrialTableStyle1 table tr.Even td {
    background-color: #F5F5F5;
}

div.TrialTableStyle1 div.TableInfo {
    float: right;
}

div.TrialTableStyle1 div.TableInfo p {
    float: left;
    font-size: 83%;
}

div.TrialTableStyle1 div.TableInfo p.Filter {
    font-weight: bold;
    font-size: 92%;
}

div.TrialTableStyle1 div.TableInfo p a.Prev {
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
    background: url("../img/outputtable_list_prev.gif") no-repeat;
}

div.TrialTableStyle1 div.TableInfo p a.Next {
    margin-left: 10px;
    padding-right: 10px;
    background: url("../img/outputtable_list_next.gif") 100% 0 no-repeat;
}

/* ---[1-2] ・ｽ・ｽ・ｽ --- */
div.TrialTableStyle1 table span.Arrow {
	float: left;
}

div.TrialTableStyle1 table span.ArrowImage {
    height: 19px;
    width: 19px;
    float: right;
    background: url("../img/menu_icon_link.png") 0 2px no-repeat;
}
/* ---[] インラインフレーム > InLineFrame1：デモ用--- */
div.InLineFrame1 {
    margin: 0 25% 0 50px;
    margin-bottom: 20px;
    padding: 15px;
    border: 2px solid #00CC00;
    font-size: 120%;
}

/* ---[5-3-1] ボックスメッセージ > Style3_1：デモ用--- */
div.BoxMessageStyle3_1demo {
    margin-top: 0;
	margin-right: 80px;
    margin-bottom: 15px;
    margin-left: 50px;
	padding: 0;
}

div.BoxMessageStyle3_1demo p {
 	text-align : left;
    min-height: 16px;
    padding-left: 20px;
    background: url("../img/boxmessage_icon_msg.png") no-repeat;
    font-weight: normal;
    font-size: 95%;
}
div.BoxMessageStyle3_1demo iframe {
    margin: 0 25% 0 50px;
 	text-align : left;
    padding-left: 20px;
    font-weight: bold;
    font-size: 95%;
    color: #00CC00;
}
/* ---<ステップチャート > Style1：デモ用--- */
div.StepChartStyle1demo {
    margin-left: 0px;
    margin-bottom: 0px;
}

div.StepChartStyle1demo ul li {
     float: left;
    margin-right: 5px;
    font-size: 92%;
}

div.StepChartStyle1demo ul li span {
    display: block;
    float: left;
    height: 56px;
    padding: 12px 20px 5px 5px;
}

div.StepChartStyle1demo ul li.Prev {
    background: url("../img/stepchart_prev_L_demo.png") no-repeat;
}

div.StepChartStyle1demo ul li.Prev span {
    background: url("../img/stepchart_prev_R_demo.png") 100% 0 no-repeat;
    color: #999999;
}

div.StepChartStyle1demo ul li.Current {
    background: url("../img/stepchart_now_L_demo.png") no-repeat;
}

div.StepChartStyle1demo ul li.Current span {
    background: url("../img/stepchart_now_R_demo.png") 100% 0 no-repeat;
    font-weight: bold;
}

div.StepChartStyle1demo ul li.Next {
    background: url("../img/stepchart_next_L_demo.png") no-repeat;
}

div.StepChartStyle1demo ul li.Next span {
    background: url("../img/stepchart_next_R_demo.png") 100% 0 no-repeat;
}

div.StepChartStyle1demo ul li.Last {
    background: url("../img/stepchart_last_L_demo.png") no-repeat;
}

div.StepChartStyle1demo ul li.Last span {
    /*padding: 5px;*/
    background: url("../img/stepchart_last_R_demo.png") 100% 0 no-repeat;
}

div.StepChartStyle1demo ul li.NowLast {
    background: url("../img/stepchart_nowlast_L_demo.png") no-repeat;
}

div.StepChartStyle1demo ul li.NowLast span {
    padding: 5px;
    background: url("../img/stepchart_nowlast_R_demo.png") 100% 0 no-repeat;
    font-weight: bold;
}
    /* ---[15-1] コマンドボタン > Style1--- */
div.CommandStyle1_demo {
    padding-top: 25px;
    margin-bottom: 25px;
    border-top: 2px solid #999999;
}

div.CommandStyle1_demo ul {
    padding-top: 10px;
}

div.CommandStyle1_demo li {
    float: left;
}

div.CommandStyle1_demo ul li div.StartBtn {
    margin-right: 15px;
    background: url("../img/Demo/Comp/command_start_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.StartBtn input {
    height: 32px;
    background: url("../img/Demo/Comp/command_start_R.png") 100% 0 no-repeat;
    border: none;
    font-size: 92%;
    cursor: pointer;
    padding: 0px 0.5em 0px 0.5em;
}

div.CommandStyle1_demo ul li div.StartBtnOn {
    background: url("../img/Demo/Comp/command_start_on_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.StartBtnOn input {
    background: url("../img/Demo/Comp/command_start_on_R.png") 100% 0 no-repeat;
}

div.CommandStyle1_demo ul li div.ActionBtn {
    margin-right: 15px;
    background: url("../img/command_action_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.ActionBtn input {
    height: 32px;
    background: url("../img/command_action_R.png") 100% 0 no-repeat;
    border: none;
    font-size: 92%;
    cursor: pointer;
    padding: 0px 0.5em 0px 0.5em;
}

div.CommandStyle1_demo ul li div.ActionBtnOn {
    background: url("../img/command_action_on_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.ActionBtnOn input {
    background: url("../img/command_action_on_R.png") 100% 0 no-repeat;
}

div.CommandStyle1_demo ul li div.ConfBtn {
    margin-right: 15px;
    background: url("../img/command_conf_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.ConfBtn input {
    height: 32px;
    background: url("../img/command_conf_R.png") 100% 0 no-repeat;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;
    cursor: pointer;
    padding: 0px 0.5em 0px 0.5em;
}

div.CommandStyle1_demo ul li div.ConfBtnOn {
    background: url("../img/command_conf_on_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.ConfBtnOn input {
    background: url("../img/command_conf_on_R.png") 100% 0 no-repeat;
}

div.CommandStyle1_demo ul li div.CommitBtn {
    margin-right: 15px;
    background: url("../img/command_commit_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.CommitBtn input {
    height: 52px;
    background: url("../img/command_commit_R.png") 100% 0 no-repeat;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;
    cursor: pointer;
    padding: 0px 0.2em 0px 0.2em;
}

div.CommandStyle1_demo ul li div.CommitBtnOn {
    background: url("../img/command_commit_on_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.CommitBtnOn input {
    background: url("../img/command_commit_on_R.png") 100% 0 no-repeat;
}

div.CommandStyle1_demo ul {
    
}

div.CommandStyle1_demo ul li div.CancelBtn {
    margin-right: 15px;
    background: url("../img/command_cancel_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.CancelBtn input {
    height: 32px;
    background: url("../img/command_cancel_R.png") 100% 0 no-repeat;
    border: none;
    font-size: 92%;
    cursor: pointer;
    padding: 0px 0.5em 0px 0.5em;
}

div.CommandStyle1_demo ul li div.CancelBtnOn {
    background: url("../img/command_cancel_on_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.CancelBtnOn input {
    background: url("../img/command_cancel_on_R.png") 100% 0 no-repeat;
}

div.CommandStyle1_demo ul.OperationBtn {
    
}

div.CommandStyle1_demo ul li div.OperationBtn {
    margin-right: 15px;
    background: url("../img/command_operation_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.OperationBtn input {
    height: 32px;
    background: url("../img/command_operation_R.png") 100% 0 no-repeat;
    border: none;
    font-size: 92%;
    cursor: pointer;
    padding: 0px 0.5em 0px 0.5em;
}

div.CommandStyle1_demo ul li div.OperationBtnOn {
    background: url("../img/command_operation_on_L.png") no-repeat;
}

div.CommandStyle1_demo ul li div.OperationBtnOn input {
    background: url("../img/command_operation_on_R.png") 100% 0 no-repeat;
}

div.HeaderStyle1 ul.button li {
    background: url("../img/SubContentsGroupArea/command_conf_L.png") no-repeat scroll 0 0 transparent;
    margin-right: 0;
}

div.HeaderStyle1 ul.button li.button input {
    background: url("../img/SubContentsGroupArea/command_conf_R.png") no-repeat scroll 100% 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 100%;
    font-weight: bold;
    height: 32px;
    padding: 0 0.5em;
   	width:100px;
    
}

div.HeaderStyle1 ul.button {
    float: right;
}
/*  [] テーブル
=========================================================================================== */
    /* ---[] メニュー用テーブル > Style--- */

table.MenuStyle { 
               border-collapse: collapse;
               border-width: 2px; border-color:#800080; border-style:solid; }
table.MenuStyle th {height: 58px; background-color:#3366FF; text-align: center; font-size :14px; color: #ffffff;
	line-height: 130%;
	border-width: 2px;
   border-style: solid; /* 線種：実線 */
   padding: 0; /* セル内側の余白 */
}
table.MenuStyle th.a1{background-color:#afeeee;color: #000000;}

table.MenuStyle tr { height :70px; }

td.NO { width :50px;
 font-size : 20px;
    text-align: center;
     vertical-align: middle;
     font-weight: bold;
      border-width: 2px 2px ;
      border-color: #800080;
      border-style:solid;
}
td.LinkButton{
      border-width: 0px 2px ;
      border-color: #800080;
      border-style:solid;
}
td.ExTD{ height :50px;
      border-width: 2px 2px ;
      border-color: #800080;
      border-style:solid;
      vertical-align: middle;
      font-size : 12px;
      line-height:150%;
      
}

td.ExTD span { margin-left:1em; }