.wrapper{ /* 全体を覆うラッパー */
  background:#E6E6E6;
}

.popupWrapper{ /* 全体を覆うラッパー */
  background: #D6D6D6;
}

.gr_box01{ /* ヘッダー部分の赤 */
  background: #db0010; /* Old browsers */
  background: -moz-linear-gradient(left, #db0010 0%, #920105 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #db0010 0%,#920105 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #db0010 0%,#920105 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width:800px;
  height:46px;
}


.h_left{ /* タブ部分 */
  border:#EB6100 1px solid;
  background: #F4D8C1;
  width:178px;
  height:25px;
  text-align:center;
  line-height:25px;
  font-weight:400;
  color:#727272;
}

.h_left_off{ /* タブの非選択時 */
  border:#727272 1px solid;
  background: #FCFCFC;
  font-weight:100;
}

.mainbox{ /* コンテナのメインデザイン */
  border:#666666 solid 1px;
  background:#FCFCFC;
}

.alertbox{ /* アラートコンテナのデザイン */
	border: #666666 solid 1px;
	background: #FF0000;
}

.alertTextbox{ /* アラートコンテナのテキスト表示エリアのデザイン */
	border: #666666 solid 1px;
	background: #EAC8C7;
}

.boxNo01{
/* コンテナの個別デザイン
  サイズ変更の際はこちらをコピペして増やしてください */
  width:120px;
  height:120px;
}

.boxNo0z{
  width:600px;
}

/* 複数行の情報パネルのデザイン ここから*/
.t_line{
  width:100%;
  height:25px;
}
.t_line tr{
  height:25px;
}

.t_line tr:nth-child(even) { background-color:#F0F0F6; }
.t_line tr:nth-child(odd) { background-color:#FCFCFC; }

/* 複数行の情報パネルのデザイン ここまで*/


/* 口座残高などのデザイン ここから */
.m_box{
  width:178px;
  height:50px;
  color:#767575;
  text-align:center;
}

.main_style{
  background: #db0010; /* Old browsers */
  background: -moz-linear-gradient(left, #db0010 0%, #920105 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #db0010 0%,#920105 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #db0010 0%,#920105 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-weight:700;
  line-height:30px;
  text-align:center;
  width:100%;
  height:5px;
}

.m_header {
  border: #393939 solid 1px;
}

.m_inner{
  width:178px;
  height:20px;
  background: #FCFCFC;
  border: #666666 solid 1px;
}
/* 口座残高などのデザイン ここまで */


.select-box01 select { /* プルダウンメニュー */
  width: 100%;
  padding: 0px;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid black;
  background: #FCFCFC;
/*  background: url(arrow.png) right 50% no-repeat; */
  background-size: 20px, 100%;
}

/* 銘柄一覧などのテーブル ここから */
.mainTable{
  border-collapse:collapse;
  background:#FCFCFC;
}
.mainTable th{
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 0px;
  border-style: solid;
  border-color:  #393939;
}
.mainTable td{
  border: 1px solid #525252;
}

.positionTable th{
  border:#666666 solid 1px;
  border-collapse: collapse;
}
/* 銘柄一覧などのテーブル ここまで */