@CHARSET "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 入力部品全般
 * ※背景色を変更する必要がある場合、枠線など、他の部品とスタイルが変わってしまうので、
 *   全ての入力部品のスタイルを明示する。
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
input[type=text],select,textarea {
	border: 1px #808080 inset;
}

input[type=submit],input[type=button],button {
	border: 2px #aaaaaa outset;
	background-color: #eeeeee;
}

input[type=submit][disabled=disabled],input[type=button][disabled=disabled],button[disabled=disabled] {
	color: #aaaaaa;
	cursor: default;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 画面全体のレイアウト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body {
	/*
	background	: #F3F3F3;
	*/
	background	: #ffffff;
	padding		: 0px;
	margin		: 10px;
	font-size	: 80%;
	color		: #333;
	font-family	: "ＭＳ Ｐゴシック", Arial, sans-serif;
	/*text-align	: center;*/
}

form {
	margin	: 0px;
	padding	: 0px 10px;
}

#wrap {
	min-width			: 992px;
	width				: 992px;
	max-width			: 992px;
	max-height			: 100%;
	/*
	width				: 100%;
	*/
	margin				: 0px auto;
	background-color	: #ffffff;
	text-align			: left;
	overflow: scroll;
}

#page_header {
	/*padding: 16px 5px 10px 5px;*/
	line-height: 40px;
	background-color: #400080;
	color: #ffffff;
	position:relative;
}

#main_title {
	font-weight: bold;
	height: 100px;
	font-size: medium;
	margin-left: 10px;
}

#head_client_info {
	float: right;
	position: relative;
	font-weight: bold;
	font-style: italic;
	font-size: medium;
	color: #ffffdd;
	margin-right: 10px;
}

#head_user_info {
	float: right;
	position: relative;
	font-weight: bold;
	font-style: italic;
	font-size: medium;
	color: #ffffdd;
	margin-right: 10px;
}

#logout {
	/*position:absolute;*/
	float: right;
	right: 0px;
	font-size: medium;
	padding: 2px 5px;
}

#btnLogout {

}

#page_footer {
	margin-top: 50px;
	text-align: center;;
	border-top: 1px #808080 solid;
	clear: both;
}

#middle {
	padding: 0px;
	margin: 0px;
}

#content {
	/*
	padding: 10px 5px 10px 5px;
	margin: 0px 10px 5px 10px;
	*/
	/*margin: 0px;*/
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * jQuery UI
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*ボタン*/
.ui-button-text-only .ui-button-text {
    /*margin: 0px 3px 0px 3px;*/
    padding: 0px 20px;
    float: left;
    font-family	: "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-weight: bold;
}

input.ui-button {
	/*margin: 0px 3px 0px 3px;*/
    padding: 3px 20px;
    float: left;
    font-family	: "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-weight: bold;
}


/*ダイアログ*/
.ui-dialog .ui-dialog-titlebar {
	padding: 0px;
	overflow: visible;
}

.ui-dialog .ui-dialog-content {
	font-family	: "ＭＳ Ｐゴシック", Arial, sans-serif;
}

.ui-dialog .ui-dialog-content input {
	margin: 0px;
}

.ui-dialog .ui-dialog-content select {
	margin: 0px;
}

.ui-dialog .ui-dialog-content textarea {
	margin: 0px;
}

.ui-dialog .ui-dialog-content input[type="button"].big-button {
	font-weight: bold;
	padding: 0px 16px;
	letter-spacing: 5px;
}

.ui-dialog .ui-dialog-content input[type="submit"].big-button {
	font-weight: bold;
	padding: 0px 16px;
	letter-spacing: 5px;
}

/*タブ*/
.ui-tabs .ui-tabs-nav {
	padding: 0px;
	background: none;
	border: none;
}

.ui-tabs .ui-tabs-panel {
	border-width: 1px;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 0px 10px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	color: #808080;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	color: #000000;
	font-weight: bold;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 各画面共通
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
a img {
	border: none;	/*IE対応*/
}
 
#screen-title {
	font-size: large;
	color: #004080;
	font-weight: bold;
	margin: 2px 0px 5px 0px;
	border-bottom: 3px #4080aa double;
}

#screen-group {
	font-size: medium;
	color: #004080;
	font-weight: bold;
	margin: 5px 0px;
	border-bottom: 2px #aaccff solid;
}

/* 
 * 受付画面など項目が多くレイアウトが崩れやすい画面ではフォントをpx指定で固定サイズとするため、そのためのdivのclassを定義 
 */
div.font-size-fixed {
	/* font-size: 14px; */
}

/*
 * 数字入力用テキストボックスに対して、テキストを右揃えにする
 */
input.number {
	ime-mode: disabled;
	text-align: right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 処理中メッセージ
 *＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#processing_message {
	border: 2px #cccccc solid;
	background-color: #eeeeee;
	/*position:absolute;*/
	position: fixed;
	top:50%;
	left:50%;
	width:480px;
	height:140px;
	margin:-80px 0 0 -250px;
	padding:10px;
	color:black;
	text-align:center;
	vertical-align: middle;
	z-index: 9000;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 確認ダイアログ
 *＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#confirm-dialog {
	z-index: 9100;
}

#confirm-dialog .message_area {
	margin: 10px;
	padding: 4px;
	border: 1px #aaaaff solid;
	z-index: 9100;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 一般メッセージダイアログ
 *＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#message-dialog {
	z-index: 9200;
}

#message-dialog .message_area {
	margin: 10px;
	padding: 4px;
	border: 1px #aaaaff solid;
	z-index: 9100;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * エラーメッセージ
 *＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#error-message-dialog {
	z-index: 9300;
}

#error-message-dialog .message_area {
	margin: 10px;
	padding: 4px;
	border: 1px #ff0000 solid;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * メニュー画面
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
ul.menu li {
	list-style: none;
	margin: 3px 0px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 各画面共通（ログイン・メニュー以外）
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#upper-buttons {
	background-color: #808080;
	text-align: right;
}

#page_blank {
	background-color: #ffffff;
	text-align: right;
}

#upper-buttons input[type="button"] {
	font-size: medium;
	font-weight: bold;
	padding: 3px 12px;
	letter-spacing: 5px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * フォーム入力部品のマージンを0に
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
input {
	margin: 0px;
}

select {
	margin: 0px;
}

textarea {
	margin: 0px;
}

input[type="button"].big-button {
	font-weight: bold;
	padding: 0px 16px;
	letter-spacing: 5px;
}

input[type="submit"].big-button {
	font-weight: bold;
	padding: 0px 16px;
	letter-spacing: 5px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 入力フォーム
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
table.input-form {
	border-collapse:collapse;
}

table.input-form tbody {
	border: 1px #cccccc solid;
}

table.input-form tbody th {
	background-color: #E2E2E0;
	border: 1px #cccccc solid;
	vertical-align: top;
	white-space: nowrap;
	padding: 4px 8px;
}

table.input-form tbody th.category {
	background-color: #4060c0;
	text-align: left;
	color: #ffffff;
}

table.input-form tbody td {
	border: 1px #cccccc solid;
	vertical-align: top;
	white-space: nowrap;
	padding-right: 20px;
	padding: 4px 8px;
}

table.input-form td.space {
	width: 20px;
}

table.input-form tfoot td {
	border: 1px #cccccc solid;
	text-align: right;
	white-space: nowrap;
}

table.input-form .required_mark {
	font-size: xx-small;
	margin-left: 5px;
	font-weight: bold;
	color: #ff0000;
	vertical-align: super;
}

ul.radio_button_list {
	margin: 0px;
	padding: 0px;
}

ul.radio_button_list li {
	list-style: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 内部テーブル（入力フォームなどの中のレイアウト用）
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
table.inner {
	border: none;
	border-collapse: collapse;
}

table.inner tbody {
	border: none;
}

table.inner tbody th {
	font-weight: bold;
	background: none;
	text-align: left;
	/* padding: 0px; */
	padding: 4px 0px;

	border: none;
}

table.inner tbody td {
	/*padding-right: 20px;*/
	/* padding: 0px 20px 0px 0px; */
	padding: 4px 0px;

	border: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 検索フォーム
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
table.search-form {
	border-collapse: separate;
	background-color: #F3F3F3;
	vertical-align: top;
}

table.search-form tbody {
	border: none;
	vertical-align: top;
}

table.search-form tbody th {
	/*background-color: #E2E2E0;*/
	border: none;
	margin: 0px;
	padding: 4px 8px;
	vertical-align: top;
	white-space: nowrap;
}

table.search-form tbody td {
	border: none;
	margin: 0px;
	padding: 4px 8px;
	vertical-align: top;
	white-space: nowrap;
}

table.search-form td.space {
	width: 20px;
}

table.search-form tfoot td {
	border: none;
	/*text-align: center;*/
	text-align: right;
	white-space: nowrap;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * ページ送り
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.rec-num {
	float: left;
}

div.rec-num span {
	font-weight: bold;
}

div.pager {
	float: right;
	text-align: right;
}

div.pager a {
	text-decoration: none;
	font-weight: bold;
	margin: 0px 5px;
	color: #404080;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 一覧表テーブル
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
table.list {
	width: 100%;
	border-collapse: collapse;
	clear: both;
}

table.list tr {
	border: none;
}

table.list tr.bottom {
	//border-bottom: 1px #cccccc solid;
	border-bottom: 1px #999999 solid;
}

table.list thead {
	//border-top: 1px #cccccc solid;
	//border-bottom: 1px #cccccc solid;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}

table.list thead th {
	background-color: #d3d3de;
	//border: 1px #ffffff dotted;
	border: 1px #999999 dotted;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	padding: 2px 8px;
}

table.list thead th.category {
	background-color: #4060c0;
	text-align: left;
	color: #ffffff;
}

table.list thead a {
	text-decoration: none;
	color: #000000;
}

table.list thead .sort-current {
	color: #aa4040;
	border: 1px #aa4040 solid;
	background-color: #ffaaaa;
	margin: 0px 1px;
}

table.list thead .sort {
	color: #aaaaaa;
	border: 1px #aaaaaa solid;
	background-color: #dddddd;
	margin: 0px 1px;
}

table.list tbody {
	//border-bottom: 1px #cccccc solid;
	border-bottom: 1px #666666 solid;
}

table.list tbody td {
	//border: 1px #cccccc dotted;
	border: 1px #666666 dotted;
	vertical-align: top;
	white-space: nowrap;
	padding: 2px 8px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * エラーメッセージ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 span.error_message {
 	color: #ff0000;
 	font-weight: bold;
 }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 画面上の動作モード(新規・編集等の表示用)
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
span.mst_mode {
	font-weight: bold;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * データエンプティメッセージ
 * 主にリスト表示時に表示するデータが存在しない場合に使用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 span.empty_message {
 	color: red;   
 }
 
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 文字用スタイル(テキスト左寄せ)
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 .str_style {
        text-align: left !important;
        vertical-align: middle !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 数値用スタイル(テキスト右寄せ)
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.num_style {
        text-align: right !important;
        vertical-align: middle !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 受付情報 光見込みから外す：緑色
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.exclude_from_light_prospect {
	color: #00a080;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 日付入力
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

div#input_date div#input_date_select_year_month {
	margin-bottom: 5px;
}

div#input_date div#input_date_disp_year_month {
	font-size: medium;
	font-weight: bold;
	letter-spacing: 1px;
}

div#input_date table.calendar {
	margin-top: 5px;
	border: 1px #000000 solid;
}

div#input_date table.calendar th {
	border: 1px #000000 solid;
	background-color: #aaccff;
}

div#input_date table.calendar tbody td {
	border: 1px #000000 solid;
	width: 4em;
	height: 4em;
	padding: 0px;
}

div#input_date table.calendar tbody td a {
	/* background-color: #f0f0f0; */
    display: block;
    text-decoration: none;
    width: 100%;
	height: 100%;
}

div#input_date table.calendar tbody td.sunday,
div#input_date table.calendar tbody td a.sunday {
	background-color: #fff0f0;
	color: #ff6633;
}

div#input_date table.calendar tr th.sunday {
	color: #ff6633;
}

div#input_date table.calendar tbody td.holiday,
div#input_date table.calendar tbody td a.holiday {
	background-color: #fff0f0;
	color: #ff6633;
}

div#input_date table.calendar tbody td.saturday,
div#input_date table.calendar tbody td a.saturday {
	background-color: #f0f0ff;
	color: #3366ff;
}

div#input_date table.calendar tr th.saturday {
	color: #3366ff;
}

div#input_date table.calendar tbody td a div {
    padding: 0px;
    margin: 0px;
}

/* カレンダーの日付はサイズは中程 、中央揃え*/
div#input_date table.calendar tbody td a div.day {
    font-size: larger;
    text-align: left;
    font-weight: bold;
    float: left;
	/*width: 18px;*/
	/*padding: 4px;*/
}

/* 六曜はサイズは小 、右揃え*/
div#input_date table.calendar tbody td a div.six_basic_label {
	font-size: xx-small;
	font-weight: bold;
    /*text-align: right;*/
	float: right;
	/*width: 38px;*/
	margin-top: 8px;
}

/* 休日はサイズは小さく 、中央揃え*/
div#input_date table.calendar tbody td a div.holiday {
	font-size: xx-small;
    text-align: center;
	padding-top: 8px;
	padding-bottom: 4px;
	color: #ff6633;
	clear: both;
}

/* カレンダーの閉じるボタン */
div#input_date div#input_date_buttom_button {
	margin-top: 10px;
}


table.address_list {
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}

table.address_list thead th {
	background-color: #4060c0;
	color: #ffffff;
	white-space: nowrap;
}

table.address_list tbody tr {
	background-color: #ffffff;
}

table.address_list tbody tr.even {
	background-color: #f0f0f0;
}

table.address_list tbody tr:hover {
	background-color: #f8c0c0;
}

table.address_list tbody td {
	border-bottom: 1px #d0d0d0 dotted;
	white-space: nowrap;
}

table.mst_buy_item_service_list tbody td a {
	display: block;
    margin: 0px;
    padding: 0px 10px;
    text-decoration: none;
}

table.mst_buy_item_service_list {
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}

table.mst_buy_item_service_list thead th {
	background-color: #4060c0;
	color: #ffffff;
	white-space: nowrap;
}

table.mst_buy_item_service_list tbody tr {
	background-color: #ffffff;
}

table.mst_buy_item_service_list tbody tr.even {
	background-color: #f0f0f0;
}

table.mst_buy_item_service_list tbody tr:hover {
	background-color: #f8c0c0;
}

table.mst_buy_item_service_list tbody td {
	border-bottom: 1px #d0d0d0 dotted;
	white-space: nowrap;
}

table.mst_buy_item_service_list tbody td a {
	display: block;
    margin: 0px;
    padding: 0px 10px;
    text-decoration: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 * 共通パーツ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

pre {
	font-family	: "ＭＳ ゴシック", Arial, sans-serif, monospace;
}