@charset "utf-8";

/**
 * main.css
 * システム共通 スタイルシート
 *
 * @package     global
 * @subpackage  css
 * @since       2011/02/16
 * @author      UTC)T-MATSUGAMI
 * @version     2011/02/16  UTC)T-MATSUGAMI
 */

@import "main_button.css";
@import "main_menu.css";
@import "main_field_type.css";

/**********************************
 * メインコンテンツ
 **********************************/
/* BODY共通 スタイル */
body
{
  font: normal 1.0em 'メイリオ','MS UI Gothic','Arial','sans-serif';
  background-color: #FCFCFC;
  min-width: 760px;
  text-align: left;
}

/* メインテーブル スタイル */
.body-table
{
  width: 99%;
  border-width: 0;
  border-bottom: 1px dotted #CCCCCC;
  border-collapse: collapse;
}
/* メインメニュー欄 スタイル */
.body-menu
{
  width: 99%;
  height: 60px;
  line-height: 0px;
  background-color: #F3F3F3;
  border-bottom: 1px solid #D0D0D0;
  padding:0px 5px 0px 5px;
}
/* メイン情報欄 スタイル */
.body-info
{
  width: 193px;
  max-width: 193px;
  min-width: 193px;
  vertical-align: top;
  background-color: #EAEAEA;
  padding:20px 4px 10px 4px;
}
/* メインコンテンツ欄 スタイル */
.body-contents
{
  vertical-align: top;
  background-color: #FFFFFF;
  padding:20px 10px 20px 15px;
}

/* メインコンテンツ欄 スタイル */
#content{
  clear:both;
  /*
  border:solid 1px #000000;
  */
  border:solid 1px #808080;
  background: #ffffff;
  padding:15px;
  width: 870px;/* 横幅+余白=900pxになるように設定*/
}

/**********************************
 * 入力フォーム共通スタイル
 **********************************/
/* input共通 */
input[type="text"], input[type="password"], select, textarea{
		  border: solid 1px #8CA7BF;
}
/* input共通 */
/*input[type="text"], input[type="password"] {
  height:1.0em;
}

input, textarea
{
  padding: 2px 5px;
  font-size:1.0em;
  font-family: 'メイリオ','MS UI Gothic','Arial','sans-serif';
}
*/
input, textarea
{
  font-family: 'メイリオ','MS UI Gothic','Arial','sans-serif';
  font-size:13px;
}
/**********************************
 * フォームメッセージ
 **********************************/
/* メッセージテーブル スタイル */
#form_message
{
  width: 904px;
  margin: 0 auto;
  border: 2px solid #6666FF;
  border-collapse: collapse;
  text-indent: 10px;
}
#form_error
{
  width: 904px;
  margin: 0 auto;
  border: 2px solid #FF9999;
  border-collapse: collapse;
  text-indent: 10px;
}
#form_error td#kubun
{
  background-color: #FFFFFF;
  color: #FF0000;
  text-align: left;
  font-size: 0.9em;
  font-weight: bold;
  width: 80px
}
#form_message td#message,
#form_error td#message
{
  background-color: #FFFFFF;
  color: #FF0000;
  text-align: left;
  font-size: 0.9em;
  font-weight: bold;
}
td#message a:link { color: #0000FF }
td#message a:visited { color: #0000FF }
td#message a:hover { color: #FF0000 }
td#message a:active { color: #FF0000 }

/**********************************
 * インフォメーション
 **********************************/
/* 情報タイトル スタイル */
.info-title
{
  clear:both;
  height:30px;
  border-top: solid 1px #808080;
  border-right: solid 1px #808080;
  border-left: solid 1px #808080;
  padding: 2px 0px 0px 15px;
  width: 885px;/* 横幅+余白=900pxになるように設定*/
  background: #9CCFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#9CCFFF), to(#FFFFFF) );
  background: -moz-linear-gradient(-90deg, #9CCFFF, #FFFFFF);
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9CCFFF', endColorstr='#FFFFFF');
}
.info-title h2
{
  font-size: large;
  margin: 5px 0;
  font-weight:bold;
  color: #000033;
}

/**********************************
 * コンテント
 **********************************/
/* 見出し枠(テーブル) スタイル */
.td-headline
{
  padding:0 0 2px 0;
}
/* 見出し枠 スタイル */
.headline
{
  border-top: 2px solid #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  width: 100%;
  height: 30px;
  line-height:30px;
  background: #F0F0F0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#F0F0F0) );
  background: -moz-linear-gradient(-90deg, #FDFDFD, #F0F0F0);
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFDFD', endColorstr='#F0F0F0');
  text-align: left;
}

/* 見出し スタイル */
.headline div, .headline span
{
  width: 130px;
  border-top: 2px solid #3366CC;
  margin-top:-2px;
  font-size: 1em;
  text-align: left;
  font-weight: bold;
  white-space: pre;
  overflow-x: visible;
  text-indent: 0.5em;
  display: inline-block;
}


/**********************************
 * 項目
 **********************************/
/* 表形式内容（Title） */
.formTitle
{
  border-left   : solid 10px #cccccc;
  height        : 20px;
  margin        : 0px 0px 2px 0px;
  padding       : 0px 0px 0px 5px;
  font-size     : 16px;
}

/* 表形式内容（Label） */
td.labelCell
{
  color: #000000;
  background-color: #DBEBFE;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  white-space: nowrap;
  font-size: 13px;
}
/* 表形式内容（Value） */
td.valueCell
{
  color: #000000;
  background-color: #F0F8FF;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  white-space: nowrap;
}
/* 編集不可項目スタイル */
input.disabled, textarea.disabled, select.disabled {
  background-color: #F6F6F6 !important;
  color: #444444 !important;
}

/* 必須マーク */
span.requierdmark
{
  color:#ff0000;
  font-size:14px;
  padding: 2px;
}


table.input_form{
  border-collapse:collapse;
}

.grecaptcha-badge { visibility: hidden; }

/**
Google AIアシスタント利用時 かつ クライアント端末がダークテーマの場合、
bodyタグに勝手に以下の{}部分が追加されて、色が反転するスタイルが動作するようになってしまう。
  <body {class="dark-theme"} style={"color-scheme: dark;} cursor: auto;">
上記の動作をライトテーマを強制させることで無効化する。
 */
body  {
  color-scheme: light !important;
}