/* ---------------------------------------- */

/*      IE,Netscape adjust                  */

/* ---------------------------------------- */

FORM {
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}


/* ---------------------------------------- */

/*      header                              */

/* ---------------------------------------- */

.headerSet{
  width : 100%;top : 0%;left : 0%;height : 50px;
}


/* ---------------------------------------- */

/*      body                                */

/* ---------------------------------------- */

body{
	font-size:87.5%;
	text-align:center;
	line-height:1.5;
	color:#333;
	margin:0;
	width:100%;
}

.body{
  color: #000000;
  background-color : #FFFFFF;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size: 13px;
}


/* ---------------------------------------- */

/*      処理フロー                          */

/* ---------------------------------------- */

.flowValid{                       /* 実行中 */
  color: #0066FF;
  background-color : #CCCCFF;
  height : 24px;
}
.flowInvalid{                     /* デフォルト */
  color: #777777;
  background-color : #DDDDDD;
  height : 24px;
}


/* ---------------------------------------- */

/*      タイトル行                          */

/* ---------------------------------------- */

.titleColor{                      /* 表タイトル */
  color: #FFFFFF;
  background-color : #0066FF;
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
}


/* ---------------------------------------- */

/*      テーブル                            */

/* ---------------------------------------- */

TABLE{
  font-size: 13px;
  background : #FFFFFF;
}

TABLE.table100{                   /* 100% */
  width : 100%;
  border-width : 1px;
  border-style : solid;
  border-Top-Color   : #c6c7c6;
  border-Left-Color  : #c6c7c6;
  border-Right-Color : #7B797B;
  border-Bottom-Color: #7B797B;
  border-collapse: collapse;

}

TABLE.table100NL{                 /* 100% 枠なし */
  width : 100%;
  border-width  : 0px;
}

TABLE.table80{                    /* 80% */
  width : 80%;
  border-width : 1px;
  border-style : solid;
  border-Top-Color   : #c6c7c6;
  border-Left-Color  : #c6c7c6;
  border-Right-Color : #7B797B;
  border-Bottom-Color: #7B797B;
  border-collapse: collapse;

}
TABLE.table80NL{                  /* 80% 枠なし */
  width : 80%;
  border-width  : 0px;
}

TABLE.table60{                    /* 60% */
  width : 60%;
  border-width : 1px;
  border-style : solid;
  border-Top-Color   : #c6c7c6;
  border-Left-Color  : #c6c7c6;
  border-Right-Color : #7B797B;
  border-Bottom-Color: #7B797B;
  border-collapse: collapse;

}

TABLE.table60NL{                  /* 60% 枠なし */
  width : 60%;
  border-width  : 0px;
}

TABLE.table50{                    /* 50% */
  width : 50%;
  border-width : 1px;
  border-style : solid;
  border-Top-Color   : #c6c7c6;
  border-Left-Color  : #c6c7c6;
  border-Right-Color : #7B797B;
  border-Bottom-Color: #7B797B;
  border-collapse: collapse;

}

TABLE.table50NL{                  /* 50% 枠なし */
  width : 50%;
  border-width  : 0px;
}

TABLE.table25{                    /* 25% */
  width : 25%;
  border-width : 1px;
  border-style : solid;
  border-Top-Color   : #c6c7c6;
  border-Left-Color  : #c6c7c6;
  border-Right-Color : #7B797B;
  border-Bottom-Color: #7B797B;
  border-collapse: collapse;

}

TABLE.table14{                    /* 14% */
  width : 14%;
  border-width : 1px;
  border-style : solid;
  border-Top-Color   : #c6c7c6;
  border-Left-Color  : #c6c7c6;
  border-Right-Color : #7B797B;
  border-Bottom-Color: #7B797B;
  border-collapse: collapse;

}


/* ---------------------------------------- */

/*      タグ                                */

/* ---------------------------------------- */

TD {                              /* 枠なし(デフォルト) */
  border-style:none;
  word-break : break-all;
}


TD.Line{                          /* 枠付き */
  border-style : solid;
  border-width : 1px;
  padding : 0px;

  border-Top-Color   : #7A7A7A;
  border-Left-Color  : #7A7A7A;
  border-Right-Color : #B7B7B7;
  border-Bottom-Color: #B7B7B7;

}


TD.Uline{                          /* 確認画面用下線 */
  border-style : solid none solid;
  border-width : 1px ;
  border-Top-Color   : #FFFFFF ;
  border-Bottom-Color: #C0C0C0 ;
}


TD.Tline{                          /* 確認画面用上線 */
  border-style : solid none solid;
  border-width : 1px ;
  border-Top-Color   : #C0C0C0 ;
  border-Bottom-Color: #FFFFFF ;
}


TD.Lline{                          /* 確認画面用左線 */
  border-style : none none none solid;
  border-width : 1px ;
  border-Left-Color: #C0C0C0 ;
}


TD.Rline{                          /* 確認画面用右線 */
  border-style : none solid none none ;
  border-width : 1px ;
  border-Right-Color: #C0C0C0 ;
}

TD.LNline{                          /* 確認画面左線なし */
  border-style : solid solid solid none ;
  border-width : 1px ;
  border-Top-Color   : #7A7A7A;
  border-Right-Color : #B7B7B7;
  border-Bottom-Color: #B7B7B7;
}

TD.RNline{                          /* 確認画面右線なし */
  border-style : solid none solid solid ;
  border-width : 1px ;
  border-Top-Color   : #7A7A7A;
  border-Left-Color  : #7A7A7A;
  border-Bottom-Color: #B7B7B7;
}

TD.LRNline{                          /* 確認画面左右線なし */
  border-style : solid none solid none ;
  border-width : 1px ;
  border-Top-Color   : #7A7A7A;
  border-Bottom-Color: #B7B7B7;
}

TD.tag1{                          /* 見出し項目(強調) */
  background-color: #CFE7FF;
  color: #0033CC;
  font-weight: 900;
  text-align: center;
}


TD.tag2{                          /* 見出し項目(普通) */
  background-color: #CFE7FF;
  color: #0033CC;
  font-weight: 900;
  text-align: center;
}


TD.tag3{
  background-color: #FFFFFF;
  color: #004080;
  font-weight: 900;
  text-align: left;
}

TD.tag4{
  background-color: #DDDDDD;
  color: #0033CC;
  font-weight: 900;
  text-align: center;
}


/* ---------------------------------------- */

/*      入力                                */

/* ---------------------------------------- */

INPUT {
  ime-mode : inactive;
  font-size : 10pt;
}

INPUT.ImeOn {                     /* 日本語入力 */
  ime-mode : active; 
}


INPUT.submit1{                    /* 次へ、戻る */
  font-size : 12pt;   
  text-align : center;
  width : 75px;
}

INPUT.submit2{                    /* 配送情報 */
  font-size : 10pt;
  text-align : center;
  width : 60px;
}

INPUT.submit3{                    /* 削除 */
  font-size : 10pt;
  text-align : center;
  width : 50px;
}


INPUT.submit5{                    /* セル枠幅ボタン(文字10pt) */
  font-size : 10pt;
  text-align : center;
  width : 100%;
}


INPUT.submit6{                    /* ボタン(文字10pt W=75px) */
  font-size : 10pt;
  text-align : center;
  width : 80px;
}

INPUT.submit7{                    /* ボタン(文字12pt W=90px) */
  font-size : 12pt;
  text-align : center;
  width : 90px;
}


TEXTAREA {
  ime-mode : inactive;
  font-size : 10pt;
  border-Top-Color   : #A0A0A0;
  border-Left-Color  : #A0A0A0;
  border-Right-Color : #D0D0D0;
  border-Bottom-Color: #D0D0D0;
  word-break : break-all;
}


TEXTAREA.ImeOn {                  /* 日本語入力 */
  ime-mode : active; 
}

.submit1{                          /* 次へ、戻る */
  font-size : 12pt;   
  text-align : center;
  width : 75px;
}

/* ---------------------------------------- */

/*      その他                              */

/* ---------------------------------------- */

.bColor{                          /* 枠 */
  border-Top-Color   : #A0A0A0;

  border-Left-Color  : #A0A0A0;
  border-Right-Color : #D0D0D0;
  border-Bottom-Color: #D0D0D0;
}


.info{                            /* 表示 */
  color : #FF0000;
}

.msg{                             /* 表示 */
  color : #6666FF;
}

.error{                           /* エラー表示 */
  font-size : 16pt;
}

.signature{                       /* お問合せ先表示 */
  font-size : 12pt;
}

.settlePrice{                     /* 決済金額 */
  font-size : 14pt;
  font-weight: bold;
}

.list{                            /* 一覧 */
  background-color: #E0E0F0;
}

.payDicideRow{                    /* 精算中、発送済 */
  background-color: #99CCFF;
}

.tranFiniRow{                     /* 処理済み */
  background-color: #FF6666;
}

.infomation {
	font-size:12pt;
}
.warning {
	font-size:12pt;
	color:red;
}
.warning_detail {
	font-size:10pt;
	color:red;
}


#wrap { width:960px; text-align:left; margin:0 auto; }
#inner { margin:0 10px; }
#mainWrap { width:680px; float:right; }
#sideWrap { width:260px; float:left; }

.clear { clear:both; }
.clear hr { display:none; }


/* ---------------------------------------- */

/*      サイドメニュー用                    */

/* ---------------------------------------- */

TABLE.tableS1{
  width : 100%;
  background : #86A5F4;
}

TABLE.tableS2{
  width : 100%;
  background : #CFE7FF;
  margin-top : 5px;
  border-collapse: separate;
  border-spacing: 1px;
  margin-left: auto;
  margin-right: auto;
}

.titleColorM{
  font-size:12pt;
  color: #FFFFFF;
  background-color : #005796;
  text-align: center;
  font-weight: bold;
  height: 22px
}

.tagM1{
  background-color: #CFE7FF;
  color: #0033CC;
  font-weight: bold;
  text-align: left;
  text-decoration:none;
  height: 20px
}

.tagM2{
  font-size:12pt;
  background-color: #CFE7FF;
  color: #0033CC;
  text-align: center;
  font-weight: bold;
  height: 18px
}

.tagM3{
  font-size:12pt;
  background-color: #f85c70;
  color: #0033CC;
  text-align: center;
  font-weight: bold;
  height: 18px
}