/* style.css */

/****************************************************************/
/* 共通
/****************************************************************/

/* body */
body {
	color: #000000;
	background-color: #ffffff;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

/* 全フォーム */
form {
	margin: 0px;
}

/* 全テーブル */
table {
	font-size: 10pt;
}

/* 全hr */
hr {
	color: #000000;
	height: 1px;
}

/* 全th */
table th{
	/* 折り返さない */
	word-break: keep-all;
	white-space: nowrap;
}

/* 全リンク */
a:link {
	color: #3333ff;
}

a:visited {
	color: #3333ff;
}

a:hover {
	color: #ff0000;
}

a:active {
	color: #ff0000;
}


/****************************************************************/
/* フレーム
/****************************************************************/

/* フレーム全体 */
table.frame_table {
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}

/* 左フレーム (メニュー) */
table.frame_table td.menu {
	width: 150px;
	vertical-align: top;
	text-align: center;
	padding: 10x 0px;
	border-right: solid 1px #557755;
	background-color: #aaeeaa;
	word-break: keep-all;
	white-space: nowrap;
}

/* 右フレーム (メイン) */
table.frame_table td.main {
	width: 100%;
	vertical-align: top;
	padding: 10px 10px 10px 15px;
}

/* 右フレーム (メイン) 内の全Table */
table.frame_table td.main table{
    border-collapse: separate;
}

div.main {
	margin: 10px 15px;
}


/****************************************************************/
/* サイドメニュー
/****************************************************************/

table.menu_link_table {
	border-collapse: collapse;
}

table.menu_link_table a {
	border-style: solid;
	border-width: 1px;
	border-color: #bbeebb #557755 #557755 #bbeebb;
	width: 135px;
	padding: 4px;
	margin: 0px 5px;
	display: block;
	word-break: keep-all;
	white-space: nowrap;
}

table.menu_link_table a:link {
	color: #00bb00;
	text-decoration: none;
	background-color: #eeffee;
}

table.menu_link_table a:visited {
	color: #00bb00;
	text-decoration: none;
	background-color: #eeffee;
}

table.menu_link_table a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #55aa55;
}

table.menu_link_table a:active{
	color: #ff0000;
	text-decoration: none;
	background-color: #55aa55;
	/* border-color: #557755 #bbeebb #bbeebb #557755; */
}


/****************************************************************/
/* 各ページタイトル
/****************************************************************/

/* QADBタイトル */
div.qadb_title {
	font-size: 24pt;
	font-family: Times New Roman;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px;
	letter-spacing: -1px;
	background-color: #aaeeaa;
	border-bottom: solid 1px #557755;
}

/* QADBタイトル[小] */
div.qadb_title_small {
	font-size: 18pt;
	font-family: Times New Roman;
	vertical-align: middle;
	padding: 4px 15px;
	letter-spacing: -1px;
	background-color: #aaeeaa;
	border-bottom: solid 1px #557755;
}

/* QADB左メニュータイトル */
div.qadb_menu_title {
	font-size: 24pt;
	font-family: Times New Roman;
	letter-spacing: -1px;
}

/* 一般タイトル(緑) */
.title_green {
	font-size: 15pt;
	font-weight: bold;
	padding: 5px;
	border-left: solid 15px #33bb33;
	border-bottom: solid 1px #33bb33;
}

/* 一般タイトル(暗い青) */
.title_dark_blue {
	font-size: 15pt;
	font-weight: bold;
	padding: 5px;
	border-left: solid 15px #9999dd;
	border-bottom: solid 1px #9999dd;
}

/* 一般タイトル(暗い黄色) */
.title_dark_yellow {
	font-size: 15pt;
	font-weight: bold;
	padding: 5px;
	border-left: solid 15px #aaaa66;
	border-bottom: solid 1px #aaaa66;
}

/* 一般タイトル(ピンク) */
.title_pink {
	font-size: 15pt;
	font-weight: bold;
	padding: 5px;
	border-left: solid 15px #ff99aa;
	border-bottom: solid 1px #ff99aa;
}


/****************************************************************/
/* エラー画面
/****************************************************************/

/* エラー画面タイトル */
h3.err_title {
	color: #ff0000;
	padding: 5px;
	border-left: solid 15px #ff8888;
	border-bottom: solid 1px #ff8888;
}


/****************************************************************/
/* テーブル
/****************************************************************/

/* ログインテーブル */
table.login_table {
	font-size: 11pt;
	border-style: solid;
	border-width: 1px;
	border-color: #bbeebb #557755 #557755 #bbeebb;
	background-color: #ffffff;
}

/********************************/

/* 共通テーブル */
table.common_table {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #bbeebb #557755 #557755 #bbeebb;
}

table.common_table th, table.common_table td.th_style {
	font-weight: normal;
	background-color: #aaeeaa;
	text-align: left;
	padding: 6px;
	word-break: keep-all;
	white-space: nowrap;
}

table.common_table td {
	background-color: #ddf5dd;
	padding: 6px;
	word-break: keep-all;
	white-space: nowrap;
}

table.common_table td.title_td {
	color: #ffffff;
	font-weight: bold;
	background-color: #44bb44;
	padding: 3px 5px;
}

/* 共通テーブル(コメント) */
table.common_table span.comment {
	color: #336633;
	font-size: 9pt;
}

/********************************/

/* 一覧テーブル */
table.list_table {
}

table.list_table th {
	text-align: center;
	padding: 4px;
}

table.list_table td {
	padding: 4px;
}

table.list_table td.even {
	background-color: #c5eec5;
}

table.list_table th.sorted {
	background-color: #99dd99;
}

table.list_table td.sorted {
	background-color: #b4ddb4;
}

table.list_table td.sorted_even {
	background-color: #cce4cc;
}

table.list_table tr:nth-child(2n+1) td:not(.sorted) {
	background-color: #c5eec5;
}

table.list_table tr:nth-child(2n) td.sorted {
	background-color: #cce4cc;
}




/* 共通テーブル(Aタグ) */
table.list_table a:link {
	color: #00bb00;
	text-decoration: none;
}

table.list_table a:visited {
	color: #00bb00;
	text-decoration: none;
}

table.list_table a:hover {
	color: #ff0000;
	text-decoration: none;
}

table.list_table a:active{
	color: #ff0000;
	text-decoration: none;
}

/********************************/

/* メールテーブル (共通テーブル系) */
table.mail_table {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	width: 85%;
}

/* メールテーブル <th> */
table.mail_table th, table.mail_table td.th_style {
	font-weight: normal;
	width: 15%;
	text-align: left;
	padding: 4px;
	word-break: keep-all;
	white-space: nowrap;
}

/* メールテーブル <td> */
table.mail_table td {
	width: 85%;
	padding: 4px;
}

/* メールテーブル <td> .body */
table.mail_table td.body {
	background-color: #ffffff;
	font-family: monospace;
}


/* 青テーブル (共通テーブル系) */
table.blue_table {
	border-color: #ccccff #555577 #555577 #ccccff;
}

table.blue_table th {
	background-color: #bbbbdd;
}

table.blue_table td {
	background-color: #ddddff;
}

/* コメント */
table.blue_table span.comment {
	color: #333377;
	font-size: 9pt;
}


/* ピンクテーブル (共通テーブル系) */
table.pink_table {
	border-color: #ffddee #995566 #995566 #ffddee;
}

table.pink_table th {
	background-color: #ffbbdd;
}

table.pink_table td {
	background-color: #ffddee;
}

/* カテゴリ編集テーブル */
table.edit_category_table {
	border-color: #ddddcc #666655 #666655 #ddddcc;
}

table.edit_category_table th {
	color: #ffffff;
	background-color: #888855;
	font-weight: bold;
}

table.edit_category_table td {
	background-color: #ddddaa;
}

table.edit_category_table span.comment {
	color: #555522;
	font-size: 9pt;
}

table.edit_category_table th a:link {
	color: #ffffff;
}
table.edit_category_table th a:visited {
	color: #ffffff;
}
table.edit_category_table th a:hover {
	color: #ff0000;
}
table.edit_category_table th a:active {
	color: #ff0000;
}

table.edit_category_table td a:link {
	color: #555500;
}
table.edit_category_table td a:visited {
	color: #555500;
}
table.edit_category_table td a:hover {
	color: #ff0000;
}
table.edit_category_table td a:active {
	color: #ff0000;
}


/* アンケート結果テーブル */
table.enquete_table {
	border-color: #cccccc #555555 #555555 #cccccc;
}

table.enquete_table th {
	color: #ff0000;
	background-color: #ffd5d5;
}

table.enquete_table td {
	color: #999999;
	background-color: #dddddd;
}

/* アクセスコントロール設定テーブル */
table.acl_table {
	padding: 0px;
	margin: 0px;
	background-color: #003300;
	border-collapse:separate;
	border-spacing:1px;
}

table.acl_table th {
	background-color: #aaeeaa;
	line-height:120%;
	padding: 2px 5px 2px 5px;
	margin: 0px;
}

table.acl_table td {
	background-color: #ffffff;
	line-height:120%;
	padding: 2px 5px 2px 5px;
	margin: 0px;
}

table.acl_child_table {
	border-color: #cccccc #555555 #555555 #cccccc;
	padding: 0px;
	margin: 0px;
	border: none ;
}

table.acl_child_table td {
	background-color: #ffffff;
	line-height:120%;
	padding: 0px 0px 0px 0px;
	margin: 3px;
	border: none ;
}

/* FAQ管理テーブル */
table.mng_faq_table {
	background-color: #ffffff;
	border          : 1px dotted #000000;
	margin-right    : 5px;
}

/* FAQ管理テーブル : ヘッダ部 */
table.mng_faq_table th {
	font-weight     : normal;
	background-color: #cccccc;
	text-align      : left;
	padding         : 6px;
}

/* FAQ管理テーブル : 共通 */
table.mng_faq_table td {
	background-color: #eeeeee;
	padding         : 6px;
	vertical-align  : top;
}

/* FAQ管理テーブル : ボタン押下スペース */
table.mng_faq_table td.button_space {
	padding        : 2px;
	vertical-align : top
}

/* FAQ管理テーブル : ボタン押下スペース(左側) */
table.mng_faq_table td.button_space_left {
	text-align : right;
}

/* FAQ管理テーブル : 記事メンテナンス部分 */
table.mng_faq_table td.caterogy_space_td {
	text-align      : center;
}

/* FAQ管理テーブル : 記事メンテナンス部分 */
table.mng_faq_table td.article_space_td {
	width:100%;
}

span.mng_faq_article_span {
	width:100%;
}

/* FAQ管理テーブル : 設定保存用コメント */
span.mng_faq_update_notify_span {
	color      : #ff0000;
	font-size  : 9pt;
	font-weight: bold;
	visibility : hidden;
}

/* FAQ管理テーブル : 通常コメント */
table.faq_table span.comment {
	color    : #333333;
	font-size: 9pt;
}

/* FAQ管理の記事リスト */
table.mng_faq_list_table {
	background-color: #ffffff;
	border-style    : solid;
	border-width    : 1px;
	border-color    : #bbeebb #557755 #557755 #bbeebb;
}

/* FAQ管理の記事リスト : ヘッダ部 */
table.mng_faq_list_table th {
	font-weight     : normal;
	background-color: #aaeeaa;
	text-align      : left;
	padding         : 6px;
}

/* FAQ管理の記事リスト : 共通 */
table.mng_faq_list_table td {
	background-color: #ddf5dd;
	padding         : 6px;
	vertical-align:middle;
}

/* FAQ管理の記事リスト : ボタン・リンク部 */
table.mng_faq_list_table td.button_td {
	word-break : keep-all;
	white-space: nowrap;
}

/* FAQ管理の記事リスト : タイトル部 */
table.mng_faq_list_table td.title_td {
	width        : 1200px; /* 折り返すために必要。%だと崩れる */
	word-wrap    : break-word;
	overflow-wrap: break-word;
	word-break   : break-all;
}

/* FAQ管理のボタン : 大項目追加 中項目追加 名前変更 削除 */
input.mng_faq_wide_button {
	width        : 80px;
	text-align   : center;
	padding-left : 0px;
	padding-right: 0px;
}

/* FAQ管理のボタン : ↑ ↓ */
input.mng_faq_small_button {
	width  : 40px;
}

/* FAQ管理のボタン : 設定保存 */
input.mng_faq_submit_button {
	width  : 160px;
	height : 40px;
	text-align   : center;
	padding-left : 0px;
	padding-right: 0px;
}


/****************************************************************/
/* 汎用
/****************************************************************/

/* 必須 */
span.required {
	color: #ff0000;
	font-size: 9pt;
}

/* 削除 */
span.deleted {
	color: #ff0000;
}

/* 削除済みメッセージ */
span.deleted_msg {
	color: #ff0000;
	background-color: #ffdddd;
	font-weight: bold;
	padding: 5px;
}

/* 警告・注意 */
span.warning {
	color: #ff0000;
	font-size: 10pt;
}

/* エラーメッセージ */
span.err_msg {
	color: #ff0000;
	font-size: 10pt;
}

/* 一覧画面の未返信質問件数等の情報 */
span.list_info {
	color: #ff0000;
}

/* 失敗 */
span.str_ng {
	color: #ff0000;
}

/* ノート */
table.note {
	border: dashed 1px #77aa77;
}

/* ノート内の箇条書き */
table.note tr td ul {
	margin:0;
	padding: 0px 20px;
}

/* レイアウト用(枠線を表示しない) */
table.layout td {
	border: none;
	padding: 0px;
	margin: 0px;
}

/* テーブル表題 */
span.table_caption {
	font-size: 12pt;
	font-weight: bold;
}

/* 添付ファイル */
div.attach_file {
	color: #555555;
}

/* 使用不可 */
.inactive {
	color: #aaaaaa;
}

/* 罫線 */
span.keisen {
	letter-spacing: -1px;
}

/* IPアドレス入力欄 */
.ipaddress {
	width:100px;
}

/* ガイドライン */
table.guideline_table {
	margin-left:20px;
	border:1px dashed #000000;
}

/* 入力ガイド */
div[name=instructions]:not(:empty)
{
	margin-bottom: 0.75em;
}