/*============================================================================
	モバゲータウン - 管理ツール (Ope)
	History
		2006/11/07		matsuuchi	Started.
============================================================================*/



/*-----------------------------------------------------------------------
	General HTML Element Styles
	(一般的な HTML Element のデフォルトのスタイルの定義)
-----------------------------------------------------------------------*/

BODY {
	font-size: small;
	font-family: Arial;
}

P {
	margin: 0;
	font-size: small;
	font-family: Arial;
}

TD {
	font-size: small;
	font-family: Arial;
}

INPUT {
	font-size: small;
	font-family: Arial;
}

TH {
	font-size: small;
	font-family: Arial;
}

DIV {
	font-size: small;
	font-family: Arial;
}

FORM {
	font-size: small;
	margin: 0;
	font-family: Arial;
}

SELECT {
	font-size: small;
	font-family: Arial;
}

TEXTAREA {
	font-size: small;
	font-family: Arial;
}



/*-----------------------------------------------------------------------
	Context-less Styles
	(必要に応じて文脈 (context) に関係なく使う style の定義)
-----------------------------------------------------------------------*/

DIV.body_margin {
	margin: 10pt;
}

SPAN.gray_explanation {
	font-size: x-small;
	color: #808080;
}

INPUT.inline_button {
	/* border: 1px; */
	padding: 0;
	margin: 0;
}

TABLE.compact_detail {
	padding: 0;
	margin: 0;
}

TABLE.compact_detail TD {
	padding: 0;
	margin: 0;
	vertical-align: top;
	font-size: small;
}

TABLE.compact_detail TH {
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	font-size: small;
}

TABLE.compact_detail TD.field_name {
	width: 100px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	font-size: small;
	white-space: nowrap;
}

TABLE.compact_detail HR {
	height: 1px;
}



/*-----------------------------------------------------------------------
	top_navbar
	管理ページ上部に置くナビゲーションバーで使うスタイル
-----------------------------------------------------------------------*/

TABLE.top_navbar {
	width: 100%;
	color: white;
	background-color: black; /* Should be overriden by $INC:color_t1$ or $INC:color:t2$ */
}

TABLE.top_navbar A {
	color: white;
}

TABLE.top_navbar A:link {
	color: white;
}

TABLE.top_navbar A:visited {
	color: white;
}



/*-----------------------------------------------------------------------
	list_item_view
	データ項目の１レコードの詳細を表示するところで使うスタイル
-----------------------------------------------------------------------*/

TABLE.list_item_view {
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	font-size: small;
	border-collapse: collapse;
}

TABLE.list_item_view TD {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

TABLE.list_item_view TD.field_name {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
}

TABLE.list_item_view TD TABLE {
	padding: 0;
	margin: 0;
}

TABLE.list_item_view TD TABLE TD {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.lock_alert {
	width: 300px;
	background-color: #003399;
	color:white;
	padding: 5px;
}

.cmd_alert {
	width: 300px;
	color:#003399;
	font-size: 75%;
	padding: 3px;
}


/*-----------------------------------------------------------------------
	srch_query_form
	ユーザー検索などの検索条件入力フォームのところで使うスタイル
-----------------------------------------------------------------------*/

TABLE.srch_query_form {
	background-color:#663333;
	font-size: small;
}

TABLE.srch_query_form CAPTION {
}

TABLE.srch_query_form TR TD {
}



/*-----------------------------------------------------------------------
	srch_result_list
	レコード一覧をリスト表示するところで使うスタイル
-----------------------------------------------------------------------*/

TABLE.srch_result_list {
	font-size: small;
	border-collapse: collapse;
}

TABLE.srch_result_list TR TH {
	font-weight: bold;
	text-align: left;
	background-color: #ccccff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-left:2px;
	padding-right:2px;
	vertical-align: top;
	font-size: small;
}

TABLE.srch_result_list TD {
	white-space:nowrap;
	vertical-align: top;
	font-size: small;
}

TABLE.srch_result_list TD.srch_result_list {
	white-space:nowrap;
	vertical-align: top;
	font-size: small;
	border-bottom: 1px solid #cccccc;
}

TABLE.srch_result_list TD.wrap {
	white-space:normal;
	vertical-align: top;
	font-size: small;
}

TABLE.srch_result_list TD.horz_line {
	height: 1;
	background-color: #cccccc;
}

DIV.srch_result_page_nav {
	text-align: right;
	font-size: small;
}


/*-----------------------------------------------------------------------
	stat_filter_matrix
	統計ページ上部のフィルターテーブル (チェックボックスがたくさん
	並んでいる部分) で使うスタイル
-----------------------------------------------------------------------*/

TABLE.stat_filter_matrix TH {
	white-space:nowrap;
}

TABLE.stat_filter_matrix TD {
	white-space:nowrap;
}

/*-----------------------------------------------------------------------
	stat_result_matrix
	統計ページの結果表示テーブル(数字がたくさん並ぶ部分)で使うスタイル
-----------------------------------------------------------------------*/

TABLE.stat_result_matrix {
	border: 1px solid #808080;
	border-collapse: collapse;
}

TABLE.stat_result_matrix TH {
	border: 1px solid #808080;
	border-collapse: collapse;
	font-size: 75%;
	padding-left:0px;
	padding-right:0px;
}

TABLE.stat_result_matrix TD {
	border: 1px solid #808080;
	border-collapse: collapse;
	font-size: small;
	padding-left:0px;
	padding-right:0px;
}

/*-----------------------------------------------------------------------
  General HTML Element Styles
  added by minato.norio
-----------------------------------------------------------------------*/
#header h1 {
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 1em;
}
#body h2 {
  padding: 5px;
  margin: 0;
  font-size: 1em;
  background-color: #333334;
  color: #fff;
}
#header h2 a {
  color: #fff;
  font-size: 0.8em;
  margin-left: 5px;
}
#header td.staff_name {
  color: #fff;
  font-size: 1em;
}
#body {
  margin: 10px 2em 10px 2em;
}
#body div.category_box {
  border: 1px solid gray;
  margin: 0 0 10px 0;
}
#body div.category {
}
#body ul li {
  font-size: 0.9em;
  line-height: 1.5em;
}
#body #alert {
  padding: 1em 0 1em 0;
  font-size: 1.2em;
  text-align: right;
}

/*-----------------------------------------------------------------------
  完了ページのボックスのスタイルに使う
  Added by tatsuya.tsuda
-----------------------------------------------------------------------*/

#body div.complete{
  text-align:center;
  width:100%;
}

#body div.complete_box {
  width:700px;
  height:250px;
  line-height:250px;
  border:2px solid gray;
  font-size:1.5em;
  font-weight:bold;
  text-decoration:underline;
}