@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
commn
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extMdlMarket { }
.extMdlMarket a { overflow: hidden; }
.extMdlMarket .num { text-align: right; }
.extMdlMarket form { margin: 0; }
.extMdlMarket .txtAttention { padding: 10px 0 5px 0; color: #F30; }
.extMdlMarket label { cursor: pointer; }

/*input*/
.extMdlMarket input.BTNsend,
.extMdlMarket input.BTNconf,
.extMdlMarket input.bBtnSave,
.extMdlMarket input.bBtnBack,
.extMdlMarket input.BTNcancel,
.extMdlMarket input.bBtnNext,
.extMdlMarket input.BTNnext,
.extMdlMarket input.BTNsave,
.extMdlMarket input.BTNback { margin-left: 0.5em; border-width: 2px; border-color: #C9898A #753C3D #753C3D #C9898A; vertical-align: middle; color: #FFF; background: #B55D5E; cursor: pointer; }
.extMdlMarket input, .extMdlMarket textarea { border-style: solid; border-width: 1px; border-color: #CCCA94 #DFDFD6 #DFDFD6 #CCCA94; vertical-align: middle; color: #696969; background: #F1F1ED; }
.extMdlMarket input.radio { border-style: none; color: #000; background: transparent; }
.extMdlMarket input.checkbox { border-style: none; color: #000; background: transparent; }
.extMdlMarket input.back-btn { text-align: center; margin-left: 0.5em; border-width: 2px; border-color: #C9898A #753C3D #753C3D #C9898A; width: 9em; vertical-align: middle; color: #FFF; background: #B55D5E; cursor: pointer; }

/*submit*/
.extMdlMarket #submit { text-align: center; }
.extMdlMarket #submit p { margin: 0; padding: 0; text-align: center; }

/*p*/
.extMdlMarket p { margin: 0; }
.extMdlMarket p.assist { margin: 5px 0 0 0; font-size: 10px; }

/*title*/
.extMdlMarket p.bReserveFormAreaTitle { font-size: 12px; font-weight: bold; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0; margin-bottom: 20px; }
.extMdlMarket p.bReserveFormAreaSub { padding: 20px 0 0 0; }
.extMdlMarket #bReserveFormArea { margin: 0; padding: 10px; }
.extMdlMarket #bReserveFormAreaInner { padding: 25px; background: #FFF; }

/*input-width*/
.extMdlMarket .w-ll {	width: 98%; }
.extMdlMarket .w-l  {	width: 300px; }
.extMdlMarket .w-m  { width: 180px; }
.extMdlMarket .w-s  { width: 70px; }
.extMdlMarket .w-ss { width: 50px; }
.extMdlMarket .w-xs { width: 30px; }

/*common-table bTable*/
.extMdlMarket #bTable { margin-top: 20px; width: 100%; border-collapse: collapse; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.extMdlMarket #bTable th { width: 20%; padding: 10px; text-align: left; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.extMdlMarket #bTable td { padding: 10px; border-left: 1px solid #CCC; border-bottom: 1px dotted #CCC; }
.extMdlMarket #bTable th,
.extMdlMarket #bTable td { border-bottom: 1px dotted #CCC; }

/*common-tamle bInputTable*/
.extMdlMarket table#bInputTable { font-size: 12px; margin: 10px 0 8px 0; width: 100%; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-collapse: collapse; }
.extMdlMarket table#bInputTable th { padding: 10px 30px 10px 10px; width: 12em; font-weight: normal; color: #666; background: #F6F6F6; 	text-align: left; 	font-size: 12px; 	border-left: 4px solid #666; }
.extMdlMarket table#bInputTable th.imp { border-color: #CCC transparent #CCC #F30; }
.extMdlMarket table#bInputTable td { padding: 10px; 	color: #666; 	font-size: 12px; }
.extMdlMarket table#bInputTable th,
.extMdlMarket table#bInputTable td { border-bottom: 1px dotted #CCC; }

/*テキストフィールドサイズ*/
.extMdlMarket table#bInputTable td.textLs input { width: 20%; }
.extMdlMarket table#bInputTable td.textLm input { width: 50%; }
.extMdlMarket table#bInputTable td.textLl textarea { width: 90%; }