@charset "utf-8";

/*
 -------------------------------------
 --------------- コンテナ ---------------
 ------------------------------------- */
html {
	font-size: 62.5%;
	height: 100%;
}

body {
	font-size: 13px;
/*	font-size: 1.3rem; */
	height: 100%;
	font-family: Meiryo UI, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#container {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	background: #f3f3f3;
	overflow: hidden;
}

#wrap {
	zoom: 100%;
	width: 100%;
	padding-bottom: 30px;
	background: #f3f3f3;
	height: 100%;
	min-height: 100%;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

#maincontents {
	padding: 5px 0 0 181px;
	height: 100%;
	margin: 0;
	padding-bottom: 30px; /*footer用*/
}

/*
 -------------------------------------
 --------------- 各種タグ ---------------
 ------------------------------------- */

fieldset, form, legend, input {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
}

legend {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 10px;
}

select, textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	padding: 0px 4px;
	font-family: Meiryo UI, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

input, select {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5em;
	vertical-align: middle;
}

select {
	border: 1px solid #dfdfdf;
	height: 24px;
	margin-bottom: 0;
	padding: 0;
	width: 216px;
}

textarea {
	margin: 0;
	width: 718px;
	border: 1px solid #dfdfdf;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type="file"] {
	border: 1px solid #dfdfdf;
}

input[type="text"], input[type="password"] {
	border-radius: none;
	height: 23px;
	margin: 0;
	border: 1px solid #dfdfdf;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus {
	border: 1px solid #f99d1c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*
 -------------------------------------
 ------------ 自動生成共通 ------------
 ------------------------------------- */
#criteriaArea {
	background: #fff;
	border: 1px solid #999;
	width: 930px;
	padding: 14px;
	margin: 0 0 14px 30px;
}

#criteriaArea > .blocks {
	margin: 4px 1px 4px 2px;
}

.set-item {
	margin: 0 0 4px 0;
	padding: 0;
	background-color: #dfdfdf;
	vertical-align: top;
	height: auto;
}

.bigbox {
	width: 718px;
}

.button, .submit, .close, .link, .file {
	vertical-align: middle;
	background: none;
}

.set-item label:first-child {
	width: 125px;
	height: 23px;
	background: #dfdfdf;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5em;
	vertical-align: top;
}

.criteriaArea .set-item {
	margin-bottom: 3px;	
}

.criteriaArea .set-item .itemWrap {
	/*height: 23px;*/
	background: #ffffff;
}

.criteriaArea .set-item .itemWrap label:first-child {
	height: 25px;
	width: 130px;
}

.criteriaArea .set-item .itemWrap input[type="text"], .criteriaArea .set-item .itemWrap select {
	vertical-align: top;
	margin-left: -5px;
}

.criteriaArea .set-item .itemWrap input[type="text"] {
	width: 150px;
}

.criteriaArea .set-item .itemWrap select {
	width: 160px;	
}	

.criteriaArea .set-item .itemWrap .searchIcon {
	margin-left: 0px;
	margin-right: 5px;
}

.criteriaArea .betweenLabel {
	display: inline-block;
	background: #dfdfdf;
	height: 25px;
	margin-left: -5px;
	padding: 0 4px;
}

/* チェックボックス */
.checkbox {
	background: none;
	background-color: #ffffff;
	padding: 0 5px;
	float: none;
	border: 1px #cccccc solid;
}

.checkboxes {
	background-color: #FFFFFF;
	border: 1px solid #dfdfdf;
	min-width: 288px;
  	height: 25px;
}

.checkbox input[type="checkbox"] {
	margin-left: 0;
	margin-top: 3px;
}

.checkboxLabel {
	width: auto;
	margin-right: 5px;
}

/* 電話番号(3カラム) */
.TEL_1, .TEL_2, .TEL_3 {
	width: 77px;
}

/* イメージアップローダ */
.image-uploader-label {
	vertical-align: top;
}

/* date-picker */
.ui-datepicker {
	z-index: 100 !important;
}

/*
--------------- ラジオボタン --------------- */
.radio label:first-child {
	width: 130px;	
}

.set-item .radiobuttonLabel {
	text-align: left;
}

.radio input[type="radio"] {
	height: 23px;
	margin: 0 0 0 5px;
	float: none;
}

/* ラジオボタンの各ラベル */
.radiobuttonLabel {
	width: auto;
	white-space: nowrap;
}

/* ラジオボタングループを囲うボックス */
.set-item.radio {
	min-width: 282px;
	width: auto;
	border: 1px solid #dfdfdf;
	background: #ffffff;
	min-height: 23px;
	line-height: 1.5em;
	padding-right: 5px;
}

/* ボタン
---------------------------------*/
/* ボタングループ類 */
#searchButtonGroup,.executeButtonGroup {
	margin-top: 13px;
}

.csvButtonGroup {
	margin-top: 4px;
}

#csvGroup {
	margin: 13px 0 0 0;
}

#inputButtonLeftGroupRow {
	margin: 13px 0 30px 0;
}

.button-default {
	background: #f99d1c;
	color: #fff;
	border-color: #cb7b0b;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 3px;
	/*box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);*/
	padding: 4px 18px;
	text-shadow: none;
}

.button-default.readonly {
	cursor: default;
	background-color: #e6e6e6;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #333333;
}

.button-default:hover {
	background: #faf9f9;
	border: 1px solid #cacaca;
	color: #434343;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	text-shadow: none;
}

.searchIcon {
	background: url("../../../img/template/singleOrder/search_ico.png")	no-repeat center;
	width: 25px;
	height: 25px;
	margin-bottom: 4px;
	padding: 6px 13px;
}

input[type="submit"]:focus, input[type="button"]:not(.searchIcon ):focus {
	color: #000;
}

.extraGroup {
	margin-left: 30px;	
}

/*
--------------- 明細 --------------- */
.data-table {
	border-spacing: 0;
	border-collapse: collapse;
	background: none;
	margin-left: 30px;
	width: 960px;
	border: none;
}

.data-table th {
	border-top: 1px solid #999;
	background-color: #dfdfdf;
	color: #000;
}

.data-table th, .data-table td {
	border: 1px solid #999;
	padding: 1px;
}

.data-table th:first-child, .data-table td:first-child {
	border-left: 1px solid #999;
}

h3.resultsTitle {
	margin: 0 0 8px 30px;
}

.data-table th a[onclick^="sort"] {
	color: #000;
}

.data-table th a[onclick^="sort"]:hover {
	color: #000;
}

.data-table tr td label {
	font-size: 13px;
	font-size: 1.3rem;
	width:100%;
}

.data-table tfoot td {
	color: #000;
}

.data-table tbody tr:hover td,
.data-table tbody tr:hover td label {
	cursor:pointer;
}

.data-table tbody tr:hover td {
	background-color:#E5E5E5;
}

td.SELECT_DETAILS_ROW {
	background-color: #CCC !important;
}

.SELECT_DETAILS_ROW a:focus {
	outline: none;
}

/* 合計行 */
tr.TOTAL_DETAILS_ROW td {
	text-align: right;
}

/* 詳細画面明細 */
.inputArea .data-table {
  margin-left: 5px;
  width: 100%;
}

.inputArea .data-table td span._item {
  display: inline;
  width: auto;
  height: auto;
  background: none;
  padding: 0;
}

/*
--------------- ページング --------------- */
.data-table thead td:first-child {
	border: none;
}

.data-table tfoot tr.PAGING_DETAILS_ROW td {
	background-color: #f3f3f3;
}

.pagingSetting {
	width: 960px;
	display: inline-block;
	text-align: right;
	margin-bottom: 10px;
}

.resultsShowMaxLine {
	display: inline;
	background-color: #f5f5f5;
}

table.data-table label.maxLineSelectLabel {
	width: 45px;
	vertical-align: bottom;
}

.resultsShowPaging {
	display: inline;
	background: #f5f5f5;
	padding: 0 0 3px 0;
	overflow: hidden;
}

.resultsShowPaging li {
	border-left: 1px solid #c9c9c9;
	padding: 2px 5px 3px 7px;
}

.pagination {
	background: #fff;
	border: 1px solid #c9c9c9;
	margin: 0;
	padding: 0;
	float: right;
	display: table;
	table-layout: fixed;
}

table.data-table ul li {
	display: table-cell;
}

.data-table ul li {
	list-style: none;
}

.pagingResultsShow {
	float: right;
}

.PAGING_DETAILS_ROW {
	background: #f5f5f5;
}

/* 現在ページ */
.PAGING_LINK_NOW_PAGE {
	background: #525252;
	color: #FFFFFF;
}

/* 全戻り-色付き */
.PAGING_TOP {
	background-image: url(../../../img/template/singleOrder/arrow_left2.png);
	background-position: center;
	margin: 0;
}

/* 1戻り-色付き */
.PAGING_BEFORE {
	background-image: url(../../../img/template/singleOrder/arrow_left.png);
	background-position: center;
	margin: 0;
}

/* 1進み-色付き */
.PAGING_NEXT {
	background-image: url(../../../img/template/singleOrder/arrow_right.png);
	background-position: center;
	margin: 0;
}

/* 全進み-色付き */
.PAGING_LAST {
	background-image: url(../../../img/template/singleOrder/arrow_right2.png);
	background-position: center;
	margin: 0;
}

/* 全戻り-色無し */
.PAGING_TOP_DISABLE { 
	background-image: url(../../../img/template/singleOrder/arrow_left2.png);
	background-position: center;
	margin: 0;
}

/* 1戻り-色無し */
.PAGING_BEFORE_DISABLE {
	background-image: url(../../../img/template/singleOrder/arrow_left.png);
	background-position: center;
	margin: 0;
}

/* 1進み-色無し */
.PAGING_NEXT_DISABLE {
	background-image: url(../../../img/template/singleOrder/arrow_right.png);
	background-position: center;
	margin: 0;
}

/* 全進み-色無し */
.PAGING_LAST_DISABLE {
	background-image: url(../../../img/template/singleOrder/arrow_right2.png);
	background-position: center;
	margin: 0;
}

/* マトリクス明細用ページング */
.matrix-header {
	width:880px;
	display: inline-block;
	text-align: right;
	margin: 0;
}

.matrix-header .pagingSetting {
	text-align: right;
}

.matrix-header .pagination {
	background: #fff;
	border: 1px solid #c9c9c9;
	margin: 0;
	padding: 0;
	float: right;
	display: table;
	table-layout: fixed;
	list-style: none;
}

.matrix-header .pageInfo {
	display: inline;
	background: #f5f5f5;
	padding: 0 0 3px 0;
	overflow: hidden;
}

.matrix-header .pageInfo li {
	border-left: 1px solid #c9c9c9;
	padding: 2px 5px 3px 7px;
}

.matrix-header .pageInfo li.PAGING_LINK_NOW_PAGE {
	background: #525252;
	color: #FFFFFF;
}

.matrix-header .pagingResultsShow {
	float: right;
}

.matrix-header ul.pagination li {
	display: table-cell;
}

/*
--------------- タブデザイン --------------- */
.ui-tabs {
	margin: 0;
}

.ui-tabs .ui-widget-header {
	border: none;
	background: none;
	color: #212121;
	font-weight: bold;
}

.ui-state-hover[role="tab"] a:hover {
	height: 10px;
	color: #FFFFFF;
}

.ui-state-active[role="tab"] a,.ui-state-active[role="tab"] a:link,.ui-state-active[role="tab"] a:visited
	{
	color: #212121;
	text-decoration: none;
}

.ui-tabs-nav {
	height: 32px;
}

.ui-tabs fieldset {
	background: #f5f5f5;
	padding: 20px 0 0 0;
	position: relative;
	color: #2f2f2f;
	margin: 10px 0;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: 10px 8px;
	text-decoration: none;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Meiryo UI, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/*
--------------- 入力(詳細系) --------------- */
.inputArea {
	background: #ffffff;
	border: 1px solid #999;
	width: 930px;
	padding: 14px;
	margin: 0 0 14px 30px;
}

.fullAddress {
	width: 551px;
}

/*
--------------- バッチログ用 --------------- */

/* 情報 */
.batch_log_info {
	color: #0000ff;
}

/* 警告 */
.batch_log_warning {
	color: #ff6600;
}

/* 実行対象なし(正常系) */
.batch_log_target_nothing {
	color: #000000;
}

/* 正常終了 */
.batch_log_normal_end {
	color: #66cc00;
}

/* 異常終了 */
.batch_log_abnormal_end {
	color: #cc0000;
}

/*
--------------- wait dialog のスタイル --------------- */
#wait_dialog {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
	-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
}

#wait_dialog_message {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
}

#wait_dialog_loadingImg {
	display: inline-block;
	background: url(../../../img/template/singleOrder/loading.gif) left center no-repeat;
	width: 16px;
	height: 16px;
}

/*
--------------- メッセージ --------------- */
#message {
	margin-left: 30px;
}

#errorGroupRow {
	margin-left: 30px;
}

#inputArea #errorGroupRow {
	margin-left: 0px;
}

/* 必須項目 */
.required:after, .required_condition_label:after {
    content: "必須";
    color: #FF0000;
    font-size: 9px;
    vertical-align:top;
    margin-left:3px;
}

input.REQUIRED_INPUT {
	background: #ffffff;
}

/* 読み取り専用の背景色 */
input.readonly {
	background-color: #f5f3f3;
}

/*clear*/
.clear {
	clear: both;
}

/*---------------------------------------------
clearfix - micro clearfix
---------------------------------------------*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}