/* -----------------------------------------
  Style Reset
----------------------------------------- */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;

	color: #000000;
	font-family: Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	}


/* -----------------------------------------
 Box Layout
----------------------------------------- */

body {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}
/* エラーメッセージ */
.message-error {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: red;
}

/* タイトルフォント */
.title{
         color:#ffffff;
         font-size: 14pt;
         font-weight: bold;
         text-align: center;
         font-family: monospace;
         width: 100%;
         height: 100%;
        }

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

/* ログイン・メニュー用 */
#ViewBox {
    width: 100%;
	height: 642px;
	}

/** ダウンロード一覧用 */
#ViewBox_Download_Main {
    width: 100%;
	height: 572px;
}

#ViewBox_DownloadSpace {
    width: 100%;
/* UPD HARAKI 20151209 START */
/*	height: 30px; */
	height: 300px;
	background-color: #000000;
/* UPD HARAKI 20151209 END */
}


#BoxContents {
    width: 970px;
	height: 642px;
		overflow : hidden;
	text-align: center;
    background-color: #000000;
	border-radius: 10px;  /* CSS3 */
    -webkit-border-radius: 10px;  /* Safari,Google Chrome */
    -moz-border-radius: 10px;  /* Firefox */

	}
#BoxContents_Select {
    width: 970px;
	height: 642px;
	overflow : hidden;
	text-align: center;
    background-color: #000000;
	  border-radius: 10px;  /* CSS3 */
    -webkit-border-radius: 10px;  /* Safari,Google Chrome */
    -moz-border-radius: 10px;  /* Firefox */
	}

#BoxContents_DownloadMain {
    width: 970px;
	height: 572px;
	overflow : hidden;
	text-align: center;
  background-color: #000000;
  border-top-left-radius: 10px;  /* CSS3 */
  border-top-right-radius : 10px; /* CSS3 */
  /*  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  /*  -moz-border-radius: 10px;  /* Firefox */
	}

#BoxContents_DownloadSpace {
    width: 970px;
	height: 30px;
	overflow : hidden;
	text-align: center;
  background-color: #000000;
  border-bottom-left-radius: 10px;  /* CSS3 */
  border-bottom-right-radius: 10px;  /* CSS3 */
  /*  -webkit-border-radius: 10px;  /* Safari,Google Chrome */
  /*  -moz-border-radius: 10px;  /* Firefox */
	}

#BoxFooter {
    width: 970px;
	height: 18px;
	overflow : hidden;
	text-align: right;
	}
#BoxFooter img {
	margin-right: 10px;
	}

#BoxHeader {
    width: 970px;
	height: 25px;
	overflow : hidden;
	text-align: right;
	}
#vertical_middle {
    vertical-align: middle;
}

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

#BrandMark {
    width: 252px;
	height: 272px;
	overflow : hidden;
	margin: 0px auto;
	margin-top: 92px;
	}
#BrandMark_Select {
    width: 252px;
	height: 272px;
	overflow : hidden;
	margin: 0px auto;
	/*margin-top: 67px;*/ /*del haraki 20150902*/
	margin-top: 0px; /*upd haraki 20150902*/
	}

#ContentsLogo {
    width: 488px;
	height: 26px;
    overflow: hidden;
	margin: 0px auto;
	/*margin-top: 42px;*/ /*del haraki 20150902*/
	margin-top: 0px; /*upd haraki 20150902*/
	*text-indent: -9999px;
	*background: url('/hanbai/smartchoice/common/images/logo_DSCS.gif') 0 0 no-repeat;
}
#ContentsLogo:before {
    display: inline-block;
    content: url( '/hanbai/smartchoice/common/images/logo_DSCS.gif' );
}

/** INS KITAZAWA 20161214 START **/

#Category_Split_Line {
    width: 570px;
	height: 30px;
	overflow : visible;
	margin: 0px auto;
	margin-top: 0px;
}

#Genre_Select {
    width: 252px;
	height: 20px;
	overflow : hidden;
	margin: 0px auto;
	margin-top: 60px;
}
/** INS KITAZAWA 20161214 END **/


/* -----------------------------------------
Form
----------------------------------------- */

#FormInput {
    overflow: hidden;
	text-align: center;
	margin: 0px auto;
	margin-top: 62px;
    color: #cccccc;
}

.FormText {
    width: 150px;
    border: 0px;
    padding: 3px 10px;
	margin-right: 15px;
    font-size: 1.3em;
    color: #000000;
	border-radius: 3px;  /* CSS3 */
    -webkit-border-radius: 3px;  /* Safari,Google Chrome */
    -moz-border-radius: 3px;  /* Firefox */
}

/** ログインボタン */
#FormBt_Login {
    display: block;
    width: 213px;
	height: 31px;
    overflow: hidden;
	margin: 0px auto;
	margin-top: 25px;
	text-indent: -9999px;
	background: url('/hanbai/smartchoice/common/images/bt_LOGIN.gif') left top no-repeat;
    border: 0px;
	cursor: pointer;
}

/** ログアウトボタン */
#FormBt_Logout {
    display: block;
	float: right;
    width: 88px;
	height: 15px;
    overflow: hidden;
	margin-top: 10px;
	margin-right: 15px;
	text-indent: -9999px;
	background: url('/hanbai/smartchoice/common/images/bt_LOGOUT.gif') left top no-repeat;
    border: 0px;
	cursor: pointer;
}

#FormBt input {
    display: block;
    width: 272px;
	height: 39px;
    overflow: hidden;
	margin: 0px auto;
	text-indent: -9999px;
    border: 0px;
	cursor: pointer;

}
/** 野球ボタン */
#FormBt #FormBt_Sel_BASEBALL {
	background: url('/hanbai/smartchoice/common/images/bt_cat_BASEBALL.gif') left top no-repeat;
}
/** バレーボールボタン */
#FormBt #FormBt_Sel_VOLLEYBALL {
	background: url('/hanbai/smartchoice/common/images/bt_cat_VOLLEYBALL.gif') left top no-repeat;
}
/** INS OHZORA 20171209 START **/
/** トレーニングボタン */
#FormBt #FormBt_Sel_TRAINING {
	background: url('/hanbai/smartchoice/common/images/bt_cat_TRAINING.gif') left top no-repeat;
}
/** 陸上ボタン */
#FormBt #FormBt_Sel_TRACKANDFIELD {
	background: url('/hanbai/smartchoice/common/images/bt_cat_TRACK_AND_FIELD.gif') left top no-repeat;
}
/** INS OHZORA 20171209 END **/

/** INS HARAKI 20151209 START **/

/** 野球Q100SPボタン */
#FormBt #FormBt_Sel_BASEBALLQ100SP {
	background: url('/hanbai/smartchoice/common/images/bt_cat_BASEBALLQ100SP.gif') left top no-repeat;
}

/** 野球Q100IIボタン */
#FormBt #FormBt_Sel_BASEBALLQ100II {
	background: url('/hanbai/smartchoice/common/images/bt_cat_BASEBALLQ100II.gif') left top no-repeat;
}

/** 野球COATボタン */
#FormBt #FormBt_Sel_BASEBALLCOAT {
	background: url('/hanbai/smartchoice/common/images/bt_cat_BASEBALLCOAT.gif') left top no-repeat;
}

/** バレーボールQ100Iボタン */
#FormBt #FormBt_Sel_VOLLEYBALLQ100I {
	background: url('/hanbai/smartchoice/common/images/bt_cat_VOLLEYBALLQ100I.gif') left top no-repeat;
}

/** バレーボールQ100IIボタン */
#FormBt #FormBt_Sel_VOLLEYBALLQ100II {
	background: url('/hanbai/smartchoice/common/images/bt_cat_VOLLEYBALLQ100II.gif') left top no-repeat;
}

/** INS HARAKI 20151209 END **/

/** INS KITAZAWA 20161214 START **/
/** 発注履歴ボタン */
#FormBt #FormBt_Sel_SEARCH {
	background: url('/hanbai/smartchoice/common/images/bt_sp_OrderRecord.gif') left top no-repeat;
}
/** Q100SPボタン */
#FormBt #FormBt_Sel_Q100SP {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Q100SP.gif') left top no-repeat;
}
/** Q100Iボタン */
#FormBt #FormBt_Sel_Q100I {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Q100-1.gif') left top no-repeat;
}
/** Q100IIボタン */
#FormBt #FormBt_Sel_Q100II {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Q100-2.gif') left top no-repeat;
}
/** LIGHTCOMPOボタン */
#FormBt #FormBt_Sel_LIGHTCOMPO {
	background: url('/hanbai/smartchoice/common/images/bt_pro_LightCompo.gif') left top no-repeat;
}

/** INS KITAZAWA 20161214 END **/

/** INS OHZORA 20170808 START **/
/** COATボタン */
#FormBt #FormBt_Sel_COAT {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Coat.gif') left top no-repeat;
}
/** INS OHZORA 20170808 END **/

/** INS OHZORA 20171209 START **/
/** CUSTOMボタン */
#FormBt #FormBt_Sel_CUSTOM {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Custom.gif') left top no-repeat;
}
/** TRAINING WEARボタン */
#FormBt #FormBt_Sel_TRAININGWEAR {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Training-Wear.gif') left top no-repeat;
}
/** SWEARボタン */
#FormBt #FormBt_Sel_SWEAT {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Sweat.gif') left top no-repeat;
}
/** POLO SHIRTボタン */
#FormBt #FormBt_Sel_POLOSHIRT {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Polo-Shirt.gif') left top no-repeat;
}
/** T-SHIRTボタン */
#FormBt #FormBt_Sel_TSHIRT {
	background: url('/hanbai/smartchoice/common/images/bt_pro_T-Shirt.gif') left top no-repeat;
}
/** RACE WEARボタン */
#FormBt #FormBt_Sel_RACEWEAR {
	background: url('/hanbai/smartchoice/common/images/bt_pro_Race-Wear.gif') left top no-repeat;
}
/** INS OHZORA 20171209 END **/

/** INS OHZORA 20181211 START **/
/** LIGHTCOMPO2ボタン */
#FormBt #FormBt_Sel_LIGHTCOMPO2 {
	background: url('/hanbai/smartchoice/common/images/bt_pro_LightCompo_2.gif') left top no-repeat;
}
/** INS OHZORA 20181211 END **/

/** ダウンロード一覧ボタン */
#FormBt #FormBt_Sel_DOWNLOAD {
	background: url('/hanbai/smartchoice/common/images/bt_DownloadView.gif') left top no-repeat;
}

/** フォント */
.font-layout1 {
	text-align: center;
	color:#ffffff;
}

/********** 表 **********/

/* ＃形を整える際にTABLEタグを使用する場合は.textクラスを使用します。 */

/* テーブルヘッダ１ */
.table-header1 {
  text-align: center;
  color: white;
  background-color: steelblue;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
  padding: 0;
  margin: 0px;
  border: 1px solid #000000;
}

/* テーブルヘッダ２ */
.table-header2 {
  font-weight: normal;
  text-align: center;
  color: navy;
  background-color: lightblue;
}

/* テーブルレコード１ */
.table-record1 {
  color: black;
  padding :0px;
  text-align: center;
  background-color: white;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
  padding: 0;
   margin: 0px;
   border: 1px solid #000000;
}

/* テーブルレコード２ */
.table-record2 {
  color: black;
  text-align: left;
  background-color: white;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
  border: 1px solid #000000;
}

/* テーブルレコード３ */
.table-record3 {
	color: black;
	text-align: center;
  font-size: 12pt;
  background-color: lightcyan;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
}

/* リンクレコード */
.table-link-record {
	color: blue;
	text-align: center;
  font-size: 12pt;
  background-color: white;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
  border: 1px solid #000000;
}

/* 合計レコード */
.table-sum-record {
	color: black;
	text-align: center;
  font-size: 12pt;
  background-color: #b9ddb9;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
}

/* テーブルエラーレコード */
.table-record-error {
	color: black;
	text-align: center;
  font-size: 10pt;
  background-color: #ffdbdb;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
}

/* テーブル警告レコード */
.table-record-warning {
	color: black;
  font-size: 10pt;
  background-color: #ffff99;
  white-space: nowrap;
  height-space : nowrap;
  word-break: break-all;
}

/********** 表示用テキストボックス **********/

/** 枠線なし */
.table-text1 {
	border:none;
	outline:none;
	text-align: center;
	padding-right: 0.5em;
	padding-top: 0.2em;
	font-family: Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
}

/** 枠線なし、フォント指定なし */
.table-text2 {
	border:none;
	outline:none;
	text-align: center;
	padding-right: 0.5em;
	padding-top: 0.2em;
}

/********** 入力項目 **********/

/* 通常の入力項目、文字用の入力項目１ */
input.string1 {
}

/* 数値入力項目１ */
input.number1 {
  font-family: monospace;
  text-align: right;
}

/* エラーの入力項目、文字用の入力項目１ */
input.string1-error {
  font-family: monospace;
  border-color: #ff0000;
  border-width: 2;
}

/*エラーの数値入力項目１ */
input.number1-error {
  font-family: monospace;
  text-align: right;
  border-color: #ff0000;
  border-width: 2;
}

/********** ライン **********/

hr.line1 {
	height: 1px;
	background-color: #ffffff;
	border: none;
	color: #ffffff;
	width : 100%;
}