@charset "utf-8"; 
@import url(common.css);

/* 基本設定 */
*{
  margin: 0px;
  padding: 0px;
}

img{
  border: 1px solid #d3d3d3;
}

pre{
  letter-spacing : -1px; /* preタグ内字間対策。要原因追及 */
}

table{
  font-size: 13px;
}

/* リンク設定 */
a{
  text-decoration : none;
}

a:link {
  color: #0000ff;
}
a:visited {
  color: #0000ff;
}
a:hover {
  color: #ff0000;
}
a:active {
  color: #0000ff;
}

/* ページ構成 */
body{
  text-align: center;
  font-size: 13px;
}

div.page{
  margin: 0 auto;
  width: 600px;
  border-left: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  background-color: #ffffff;
}

/* ヘッダー */
div#header{
  background-color :#d3d3d3;
  border-bottom: 1px solid #a9a9a9;
  padding: 10px;
}

#header span{
  font-weight: bold;
  font-size: 15px;
}

/* フッター */
div#footer{
  border-bottom: 1px solid #a9a9a9;
  padding: 10px;
}

#footer span{
  color: #c0c0c0;
  font: 12px Arial;
}

/* エラーメッセージ */
.error{
  font-weight: bold;
  color: red;
}

/* 必須項目用 */
span.require{
  color: red;
}

/* 入力フォーム */
p.message{
  width: 540px;
  margin: 5px auto;
  text-align: left;
}

fieldset{
  width: 540px;
  margin: 0 auto 20px;
  *padding: 10px auto;
}

legend{
  text-align: left;
  font-size: 14px;
  color: #808080;
  padding: 0 3px;
  font-weight: bold;
  margin:0 5px;
}

fieldset textarea, fieldset select, fieldset table{
  margin: 0 auto;
  width: 90%;
}

fieldset p{
  text-align: left;
}

p.bottom{
  /* 下付き */
  margin-top: 10px;
  margin-bottom :0;
}

p.top{
  /* 上付き */
  margin-top: 0;
  margin-bottom :10px;
}

fieldset table{
  margin: 10px auto;
}

fieldset th{
  text-align: left;
  width: 150px;
}

fieldset td{
  padding: 3px 0;
}

input.text{
  width: 90%;
}

p.btn{
  text-align: center;
  margin-bottom: 10px;
}

/* 新規問合せリンク */
p.new_link{
  margin: 5px auto 0;
  width: 540px;
  text-align: right;
}

/* 問合せ履歴へのアンカー */
p.anchor{
  float:left;
  width: 60%;
  text-align: left;
}

/* ヒストリー */
#last_content h3, #histories h3{
  margin: 0 auto;
  width: 540px;
  border: 1px solid #cccccc;
  background-color: #dcdcdc;
}

#histories h3{
  margin-top: 30px;
}

#last_content table, #histories table{
  margin: 0 auto 10px;
  width: 540px;
  border: 1px solid #dcdcdc;
  border-collapse : collapse;
}

/* 件名 */
#last_content th, #histories th{
  text-align: left;
  padding-left: 5px;
  color :#6495ed;
}

/* 受信したときの件名 */
#last_content th.is_send, #histories th.is_send{
  color :#db7093;
}

/* 問合せ履歴:境目用 */
#histories th{
  border-top :1px dashed #dcdcdc;
}

#last_content td, #histories td{
  padding: 5px;
}

/* 添付ファイル */
#last_content td.file, #histories td.file{
  padding: 1px 5px;
  text-align: right;
}

#last_content table.file, #histories table.file{
  width: auto;
  margin:0 0 0 auto;
  border-style: none;
}

/* 日付表示 */
#last_content td.history_date, #histories td.history_date{
  padding: 1px 5px;
  text-align: right;
  font-size: 12px;
  color: #c0c0c0;
}

/* 完了画面 */
div#complete{
  margin: 30px auto;
  line-height: 18px;
}

#complete p{
  margin: 10px 5px;
}

#complete a{
  font-size: 12px;
}