/* 共通CSSの補正 */
#header,
#contents {
	margin-left:auto !important;
	margin-right:auto !important;
}
#footer {
	width:100%;
	align:center;
}

div#contents {
	margin-bottom: 100px !important;
}

#contents .alert {
	margin-top : 1em;
}
#contents .alert p{
	font-size: 15px
}
#contents .alert #flashMessage {
	font-size: 15px
}

#ui-datepicker-div {
	font-size : 8pt;
}
#ui-datepicker-div a, #ui-datepicker-div th{
	padding : 0.0em;
}

/* フィールドのスタイルは最終的にはこの形式で記述します
[data-gift-field="code-x20"]{
	width : 255px !important;
}
*/

.field-xs {
	width : 48px !important;
}
.field-s {
	width : 72px !important;
}
.field-m {
	width : 127px !important;
}
.field-l {
	width : 200px !important;
}
.field-hl {
	width : 270px !important;
}
.field-xl {
	width : 480px !important;
}

input.field-xs {
	ime-mode : disabled;
}
input.field-s {
	ime-mode : disabled;
}
input.field-m {
	ime-mode : disabled;
}
input.field-l {
	ime-mode : disabled;
}
input.field-xl {
	ime-mode : disabled;
}
input.field-mbxs {
	width : 48px !important;
	ime-mode : active;
}
input.field-mbm {
	width : 127px !important;
	ime-mode : active;
}
input.field-mbl {
	width : 255px !important;
	ime-mode : active;
}
input.field-cmbl {
	width : 255px !important;
	ime-mode : inactive;
}
input.field-mbxl {
	width : 480px !important;
	ime-mode : active;
}

input.field-phone {
	width : 154px !important;
	ime-mode : disabled;
}

input.field-y4 {
	width : 72px !important;
	ime-mode : disabled;
}
input.field-y2 {
	width : 72px !important;
	ime-mode : disabled;
}

#contents .numberfield {
	text-align: right !important;
}
#contents div.numberfield {}
input {
	max-width:100%;
}
textarea {
	max-width:100%;
}
select {
	max-width:100%;
	height: 22px !important;
	font-size: 12px !important;
	color: #000 !important;
}

div#footer form.footerForm {
	height: 42px;
}

h5.title {
	font-size: 14px;
	text-indent: 16px;
	border-left-style: solid;
	border-left-width: 7px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-color: #3B5998;
	color: #333333;
	margin-top: 16px;
	margin-bottom: 8px;
}

#contents table.comTable tr {
	height : 30px;
}

/* 共通CSSで背景色を定義している為 下記のセレクタ指定が必要 */
#contents table.comTable tr.odd td,
#contents table.comTable tr.odd th,
#contents tr.odd td,
#contents tr.odd th{
	background-color:#DDEEFF;
}
#contents table.comTable tr.even td,
#contents table.comTable tr.even th,
#contents tr.even td,
#contents tr.even th{
	background-color:#FFFFFF;
}

/* 削除明細行 */
#contents table.comTable tr.odd.deleted td,
#contents table.comTable tr.odd.deleted th,
#contents tr.odd.deleted td,
#contents tr.odd.deleted th{
	background-color:#F0F0F0;
}
#contents table.comTable tr.even.deleted td,
#contents table.comTable tr.even.deleted th,
#contents tr.even.deleted td,
#contents tr.even.deleted th{
	background-color:#F0F0F0;
}

/* 選択明細行 */
#contents table.comTable tr.odd.selected td,
#contents table.comTable tr.odd.selected th,
#contents tr.odd.selected td,
#contents tr.odd.selected th{
	background-color:#FFEEFF;
}
#contents table.comTable tr.even.selected td,
#contents table.comTable tr.even.selected th,
#contents tr.even.selected td,
#contents tr.even.selected th{
	background-color:#FFEEFF;
}

div#header div.hInner li {
	width:265px;
}
div#header div.hInner li.liStyle {
	width:140px;
}

/* コンボボックス系 */
div#contents .dropdown-menu li {
	clear:both;
	display:block;
	width:100%;
	line-height:16px;
}
div#contents .dropdown-menu li a{
	display:block;
	line-height:16px;
	height:16px;
}
div#contents .dropdown button {
	font-size: 10px;
	line-height:10px;
	padding:4px;
}
div#contents .combobox.dfield-s input {
	width : 72px !important;
}
div#contents .combobox.dfield-m input {
	width : 127px !important;
}
div#contents .combobox.dfield-l input {
	width : 255px !important;
}
div#contents .combobox li a {
	padding: 1px 8px;
}
div#contents table.comTable td li input[type="radio"] {
	margin: 0 3px 0 0;
	width: auto;
}

div#contents table.comTable td span.check {
	display: inline-block;
	line-height: 0;
	margin-left: 0;
}

div#contents table.comTable td span.check input {
	margin-top: 0;
	width: auto;
}

div#contents .list div.lBox {
	margin-bottom: 10px;
}

div#contents .list div.lBox table.comTable {
    margin-bottom: 10px;
}

div#contents .list table.comTable td span {
	margin: 0 10px;
}

/* フッターの無効ボタン */
div#footer li input[disabled] {
	color:  #BBBBBB !important;
	cursor: default;
}
div#footer li input[disabled]:hover {
	background: url("/egift/img/common/bg04_btm.gif") no-repeat scroll left bottom transparent;
}
div#footer li span[data-disabled]:hover {
	background: url(/egift/img/common/bg04_top.gif) no-repeat left top;
}

/* for popover */
div#contents div.giftpopover {
	width:100%;
	height:1.2em;
	overflow:hidden;
	white-space:nowrap;
	padding:0px;
}
div#contents div.popover div.arrow{
	display: none;
}
div#contents div.popover h3.popover-title{
	display: none;
}

/* button search */
div#contents .button-search input {
	background: url(/egift/img/common/btn02_out.gif) no-repeat left bottom;
	border: none;
	margin:1px;
	min-height: 22px;
	width: 22px !important;
}
div#contents .button-search input:hover {
	background: url(/egift/img/common/btn02_over.gif) no-repeat left bottom;
}
div#contents .button-search input:focus {
	background: url(/egift/img/common/btn02_over.gif) no-repeat left bottom;
}
div#contents .button-search input[disabled] {
	cursor: default;
	background: url(/egift/img/common/btn02_disable.gif) no-repeat left bottom;
}

/* /button search */

/* button small TD用とTH用で異なるので注意 */
div#contents p.button-s {
	margin:  2px !important;
	padding: 0px !important;
	width: 40px !important;
}
div#contents p.button-s input {
	margin:  0px !important;
	padding: 0px !important;
	border: none;
	color: #fff !important;
	line-height: 1.2;
	min-height: 20px;
	width: 40px !important;
	font-size:12px !important;
	zoom: 1;
}
div#contents td p.button-s {
	background: url(/egift/img/common/bg03_top.gif) no-repeat center top;
}
div#contents td p.button-s input {
	background: url(/egift/img/common/bg03_btm.gif) no-repeat center bottom;
}
div#contents th p.button-s {
	background: url(/egift/img/common/bg06_top.gif) no-repeat center top;
}
div#contents th p.button-s input {
	background: url(/egift/img/common/bg06_btm.gif) no-repeat center bottom;
}
div#contents p.button-s input[disabled] {
	color: #ccc !important;
	cursor: default;
}
/* /button small */

/* button m-small */
div#contents p.button-ms {
	margin:  2px !important;
	padding: 0px !important;
	width: 50px !important;
}
div#contents p.button-ms input {
	margin:  0px !important;
	padding: 0px !important;
	border: none;
	color: #fff !important;
	line-height: 1.2;
	min-height: 20px;
	width: 50px !important;
	font-size:12px !important;
	zoom: 1;
}
div#contents th p.button-ms {
	background: url(/egift/img/common/bg09_top.gif) no-repeat center top;
}
div#contents th p.button-ms input {
	background: url(/egift/img/common/bg09_btm.gif) no-repeat center bottom;
}
div#contents p.button-ms input[disabled] {
	color: #ccc !important;
	cursor: default;
}
/* /button small */



/* button medium */
div#contents th p.button-m {
	background: url(/egift/img/common/bg08_top.gif) no-repeat center top;
}
div#contents th p.button-m input {
	background: url(/egift/img/common/bg08_btm.gif) no-repeat center bottom;
	border: none;
	color: #fff !important;
	line-height: 1.2;
	margin: 0;
	min-height: 20px;
	padding: 2px 0;
	width: 80px !important;
	font-size:12px !important;
	zoom: 1;
}

div#contents p.button-m {
	float:left;
	margin:1px;
}
div#contents p.button-m {
	background: url(/egift/img/common/bg07_top.gif) no-repeat left top;
}
div#contents p.button-m input {
	background: url(/egift/img/common/bg07_btm.gif) no-repeat left bottom;
	border: none;
	color: #fff !important;
	line-height: 1.2;
	margin: 0;
	min-height: 20px;
	padding: 2px 0;
	width: 80px !important;
	zoom: 1;
}
div#contents p.button-m input[disabled] {
	color: #ccc !important;
	cursor: default;
}
/* /button medium */

input[type="button"][disabled] {
	color: #ccc !important;
	cursor: default;
}

input[type="text"], textarea {
	color : #000000 !important;
}

/* for error/subwindow modal */
.modal-body {
	padding-top:3em;
	font-size: 12px;
}
.modal-body .alert{
	padding:2em;
	text-align:left;
}
.modal-footer {
	padding:0.5em;
}
.modal-footer a{
	padding-top: 0.5em;
	color:#000;
}

.modal .pagination{
	margin-top: 0px;
	padding-top: 0px;
}
.modal .pagination li a{
	color : #000000;
}
.modal .pagination li.active a{
	color : #999999;
}
.modal .giftResultlist tr {
	height : 30px;
}
.modal .tabBox {
	border: 1px solid #AFAFAF;
	padding: 10px;
	margin: 0px 0px 10px 0px ;
}
#contents .modal ul.tabNavi {
	margin-bottom:0;
}
#contents .modal ul.tabNavi li a {
	background: url("/egift/img/common/tab_out_bg_modal.gif") no-repeat scroll left top #0068B9;
}
#contents .modal ul.tabNavi li.on a, #contents .modal ul.tabNavi li a:hover {
	background: url("/egift/img/common/tab_over_bg_modal.gif") no-repeat scroll left top #68B0E8;
}

/* for combobox */
#contents div.combobox {
	padding: 0px;
}
#contents div.combobox ul.dropdown-menu {
	max-height : 200px;
	overflow : auto;
}

.modal-backdrop {
	opacity: 0.5;
	filter:alpha(opacity=50);
}

/* for disabled input */
input[disabled],
textarea[disabled],
select[disabled]{
	color:#000 !important;
	background-color: #FCFCFC;
}
select[disabled] {
	color:#000 !important;
	background-color: #FCFCFC;
}

/* for checkbox */
#contents table.comTable td.check {
	text-align:center;
}
#contents table.comTable td input[type=checkbox] {
	width:auto;
	margin:3px;
}
#contents table.comTable td input[type=radio] {
	width:auto;
	margin:3px;
}

/* for spacing tr */
#contents table.comTable tr.spacer th,
#contents table.comTable tr.spacer td {
	border: none;
	background-color:#F0F0F0 !important;
}
#contents table.comTable th.spacer,
#contents table.comTable td.spacer {
	border: none;
	background-color:#F0F0F0 !important;
}

/* for rownumber */
#contents div.rowNum {
	width : 100% !important;
	text-align : center;
	padding : 0 !important;
}

/* /for rownumber */

/* btnlist */
div#contents ul.btnList {
	margin-bottom: 20px;
}

div#contents ul.btnList li {
	float: left;
	padding-right: 10px;
}
div#contents ul.btnList li span {
	background: url(/egift/img/common/bg02_top.gif) no-repeat left top;
	display: block;
}
div#contents ul.btnList li span:hover {
	background: url(/egift/img/common/bg02_top_over.gif) no-repeat left top;
}
div#contents ul.btnList li span[data-disabled]:hover {
	background: url(/egift/img/common/bg02_top.gif) no-repeat left top;
}
div#contents ul.btnList li input {
	background: url(/egift/img/common/bg02_btm.gif) no-repeat left bottom;
	border: none;
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1;
	margin: 0;
	min-height: 30px;
	padding: 6px 0 4px;
	width: 150px;
}
div#contents ul.btnList li input:hover {
	background: url(/egift/img/common/bg02_btm_over.gif) no-repeat left bottom;
}
div#contents ul.btnList li input[disabled] {
	color:  #BBBBBB !important;
	cursor: default;
}
div#contents ul.btnList li input[disabled]:hover {
	background: url(/egift/img/common/bg02_btm.gif) no-repeat left bottom;
}

/* /btnlist */

/* 横方向スクロールテーブル */
div#contents div.hscrollBox {
	background-color: #FFF;
	border: none;
	border-top: none;
	margin-bottom: 10px;
	overflow-y: hidden;
	overflow-x: scroll;
}
div#contents div.hscrollBox table{
	margin : 0px;
}
div#contents div.hscrollBox table thead th{
	text-align:center;
}
div#contents div.hscrollBox table tbody th{
	text-align:right;
}

/* 縦方向スクロールテーブル */
div#contents table.vscrollBoxTitle{
	width: 100%;
}
div#contents table.vscrollBoxTitle th {
	height: 22px;
	background-color: #DDD;
	border: 1px solid #AFAFAF;
	color: #1b1616;
	font-size: 1.1em;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
	zoom: 1;
}
div#contents div.vscrollBox {
	background-color: #FFF;
	border: 1px solid #AFAFAF;
	border-top: none;
	height: 269px;
	margin-bottom: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
}
div#contents div.vscrollBox table {
	overflow: hidden;
}
div#contents div.vscrollBox th {
	border-bottom: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
	color: #222;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	zoom: 1;
}
div#contents div.vscrollBox td {
	border-bottom: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
	font-size: 1.3em;
	text-align: left;
	vertical-align: middle;
	width: auto;
	word-break: break-all;
	zoom: 1;
}
div#contents div.vscrollBox td input{
	border-radius: 0;
	color: #777;
	font-size: 0.9em;
	margin-bottom: 0;
	padding: 0;
}
div#contents div.vscrollBox td select {
	height: 18px;
	margin: 0;
	padding: 0;
	width: 83px;
}
div#contents div.vscrollBox th div {
	padding: 6px 4px 3px 3px;
}
div#contents div.vscrollBox td div {
	padding: 3px 3px 4px 2px;
}
div#contents div.vscrollBox td.endofinnerrow,
div#contents div.vscrollBox th.endofinnerrow{
	border-right: none !important;
}
/* /縦方向スクロールテーブル */

/* 選択ポップオーバー用 */
#gift_choise_popover {
	max-height: 200px;
	overflow: auto;
}
#gift_choise_popover li a {
	font-size : 13px;
	padding: 1px 8px;
	text-align : left;
}
/* /選択ポップオーバー用 */

div#contents .comTable td textarea,
div#contents div.vscrollBox td textarea {
	border-radius: 0;
	color: #777;
	font-size: 0.9em;
	margin :4px;
	width  : 90%;
	height : 100px;
	padding: 0;
}
img.thumbnail {
	padding :0px;
	margin :4px;
}
img.sq-m {
	width :100px;
	height:100px;
}

/*-------------------------------------------------------------
	はがき発行系
-------------------------------------------------------------*/
select.card {
	padding: 0px;
	margin: 0px;
}


/* 縦横方向スクロールテーブル */

/* 縦方向スクロールテーブル */
div#contents table.vhscrollBoxTitle{
	width: 100%;
}
div#contents table.vhscrollBoxTitle th {
	height: 22px;
	background-color: #DDD;
	border: 1px solid #AFAFAF;
	color: #1b1616;
	font-size: 1.1em;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
	zoom: 1;
}

div#contents div.vhscrollBox {
	background-color: #FFF;
	border: none;
	border-top: none;
	margin-bottom: 10px;
	overflow-y: scroll;
	overflow-x: scroll;
}
div#contents div.vhscrollBox table{
	margin : 0px;
}
div#contents div.vhscrollBox table thead th{
	text-align:center;
}
div#contents div.vhscrollBox table tbody th{
	text-align:right;
}

div#contents div.vhscrollBox table {
	overflow: hidden;
}
div#contents div.vhscrollBox th {
	border-bottom: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
	color: #222;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	zoom: 1;
}
div#contents div.vhscrollBox td {
	border-bottom: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
	font-size: 1.3em;
	text-align: left;
	vertical-align: middle;
	width: auto;
	word-break: break-all;
	zoom: 1;
}
div#contents div.vhscrollBox td input{
	border-radius: 0;
	color: #777;
	font-size: 0.9em;
	margin-bottom: 0;
	padding: 0;
}
div#contents div.vhscrollBox td select {
	height: 18px;
	margin: 0;
	padding: 0;
	width: 83px;
}
div#contents div.vhscrollBox th div {
	padding: 6px 4px 3px 3px;
}
div#contents div.vhscrollBox td div {
	padding: 3px 3px 4px 2px;
}
div#contents div.vhscrollBox td.endofinnerrow,
div#contents div.vhscrollBox th.endofinnerrow {
	border-right: none !important;
}

span.required {
	font-weight: bold;
	color: #ff0000;
}


div#contents th span.button-m {
	background: url(/egift/img/common/bg08_top.gif) no-repeat center top;
}
div#contents th span.button-m input {
	background: url(/egift/img/common/bg08_btm.gif) no-repeat center bottom;
	border: none;
	color: #fff !important;
	line-height: 1.2;
	margin: 0;
	min-height: 20px;
	padding: 2px 0;
	width: 80px !important;
	font-size:12px !important;
	zoom: 1;
}

div#contents span.button-m {
	float:left;
	margin:1px;
}
div#contents span.button-m {
	background: url(/egift/img/common/bg07_top.gif) no-repeat left top;
}
div#contents span.button-m input {
	background: url(/egift/img/common/bg07_btm.gif) no-repeat left bottom;
	border: none;
	color: #fff !important;
	line-height: 1.2;
	margin: 0;
	min-height: 20px;
	padding: 2px 0;
	width: 80px !important;
	zoom: 1;
	font-size:0.7em !important;
}
div#contents span.button-m input[disabled] {
	color: #ccc !important;
	cursor: default;
}

/* 暫定対応 */
input[type="radio"] { width: 1rem !important; }