@charset "UTF-8";

/* ナビゲーションエリアのスタイルを定義 */

#container {
  width: 940px;
  padding-bottom: 135px;
  padding-left: 5px;
  padding-right: 5px;
}

#popupwindowcontainer2 {
  width: 600px;
  padding: 5px;
}

#popupwindowcontainer3 {
  width: 940px;
  padding: 5px;
}

#containersearchbank {
  padding: 15px;
}

#containercalendars {
  padding: 15px;
}

#containerheader {
  width: 100%;
  margin-bottom: 25px;
}

* html div#containerheader {
  zoom: 1;
}

#containerheader:after {
  display: block;
  clear: right;
  height: 0;
  visibility: hidden;
  content: ".";
}

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

/* ページタイトル（外枠・横メニュー） */
.pagetitle {
  background-image: url("../images/h2_bottom.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 950px;
  min-height: 38px;
  margin-bottom: 20px;
}

/* ページタイトル（内枠・横メニュー） */
.pagetitle ul {
  background-image: url("../images/h2_top.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 1px 10px;
  overflow: hidden;
  zoom: 1;
}

/* ページタイトル（外枠・縦メニュー） */
.pagetitlevermenu {
  background-image: url("../images/h2_bottom_vm.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 740px;
  min-height: 38px;
  margin-bottom: 20px;
}

/* ページタイトル（内枠・縦メニュー） */
.pagetitlevermenu ul {
  background-image: url("../images/h2_top_vm.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 1px 10px;
  overflow: hidden;
  zoom: 1;
}

/* ページタイトル（画面名・縦横メニュー共通） */
.pagetitle li.titlename, .pagetitlevermenu li.titlename {
  background: none;
  float: left;
  padding: 0.50em 10px 0.3em 20px;
  *padding: 0.47em 10px 0.45em 20px;
  _padding: 0.50em 10px 0.3em 20px;
  font-weight: bold; /* スタイル定義変更申込項目_H18セルとリンク */
  font-size: 140%; /* スタイル定義変更申込項目_G18セルとリンク */
  white-space: nowrap;
  color: #003300; /* スタイル定義変更申込項目_I18セルとリンク */
}

/* ページタイトル（画面ID・縦横メニュー共通） */
div.pagetitle li.screenid, div.pagetitlevermenu li.screenid {
  background: none;
  float: right;
  padding: 0.90em 10px 0.2em 20px;
  _padding: 0.93em 11px 0.2em 20px;
  font-size: 100%; /* スタイル定義変更申込項目_G21セルとリンク */
  text-align: center;
  padding-left: 0;
  font-weight: normal; /* スタイル定義変更申込項目_H21セルとリンク */
  color: #336600; /* スタイル定義変更申込項目_I21セルとリンク */
}

/* ナビゲーションのスタイルを定義 */

.navigation {
  background-image: url("../images/navigation_background_under.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 950px;
  min-height: 25px;
  margin-bottom: 30px;
}

.navigation ul {
  background-image: url("../images/navigation_background_top.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 30px;
  _margin-bottom:-2px;
  overflow: hidden;
  zoom: 1;
}

.navigation li {/* ナビゲーション ベース 5つのタイプ */
  background-image: url("../images/arrow_02.png");
  background-repeat: no-repeat;
  background-position: left 55%;
  float: left;
  font-size: 120%; /* スタイル定義変更申込項目_G23セルとリンク */
  padding: 0.5em 5px 0.4em 15px;
  *padding: 0.47em 5px 0.4em 15px;
  white-space: nowrap;
  font-weight: normal; /* スタイル定義変更申込項目_H23セルとリンク */
  color: #003300; /* スタイル定義変更申込項目_I23セルとリンク */
}

.navigation li.firstarrow {
  background: none;
  padding-left: 0;
}

.navigation li.attention {
  color: #ff00ff; /* スタイル定義変更申込項目_I22セルとリンク */
  font-weight: bold; /* スタイル定義変更申込項目_H22セルとリンク */
  font-size: 120%; /* スタイル定義変更申込項目_G22セルとリンク */
}

.navigation li.disable {
  color: #cccccc;
}

/* ヘルプボタンのスタイルを定義 */
.screenhelp {
  width: 70px;
  float: right;
}

.screenhelp a {
  background-image: url("../images/help.png");
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  width: 69px;
  height: 40px;
  text-indent: -9999px;
}

.screenhelp a:hover {
  background-image: url("../images/help_o.png");
  background-repeat: no-repeat;
  background-position: left top;
}

/* ページタイトルのスタイルを定義 */

.pagetitle3 {
  background-image: url("../images/h2_bottom3.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 600px;
  min-height: 38px;
  margin-bottom: 20px;
}

.pagetitle3 ul {
  background-image: url("../images/h2_top3.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 1px 10px;
  overflow: hidden;
  zoom: 1;
}

.pagetitle3 li.titlename {
  background: none;
  float: left;
  padding: 0.50em 10px 0.2em 20px;
  *padding: 0.47em 10px 0.45em 20px;
  _padding: 0.50em 10px 0.3em 20px;
  font-weight: bold; /* スタイル定義変更申込項目_H18セルとリンク */
  font-size: 140%; /* スタイル定義変更申込項目_G18セルとリンク */
  white-space: nowrap;
  color: #003300; /* スタイル定義変更申込項目_I18セルとリンク */
}

div.pagetitle3 li.screenid {
  background: none;
  float: right;
  padding: 0.90em 10px 0.2em 20px;
  _padding: 0.93em 11px 0.2em 20px;
  font-size: 100%; /* スタイル定義変更申込項目_G21セルとリンク */
  text-align: center;
  padding-left: 0;
  font-weight: normal; /* スタイル定義変更申込項目_H21セルとリンク */
  color: #336600; /* スタイル定義変更申込項目_I21セルとリンク */
}

/****************************************************/
/* 金融機関検索・支店検索画面（ポップアップ）用定義 */
/****************************************************/
.pagetitlesearchbank {
  background-image: url("../images/h2_bottom_w680.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 680px;
  min-height: 38px;
  margin-bottom: 20px;
}

.pagetitlesearchbank ul {
  background-image: url("../images/h2_top_w680.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 1px 10px;
  overflow: hidden;
  zoom: 1;
}

.pagetitlesearchbank li.titlename {
  background: none;
  float: left;
  padding: 0.50em 10px 0.2em 20px;
  *padding: 0.47em 10px 0.45em 20px;
  _padding: 0.50em 10px 0.3em 20px;
  font-weight: bold; /* スタイル定義変更申込項目_H18セルとリンク */
  font-size: 140%; /* スタイル定義変更申込項目_G18セルとリンク */
  white-space: nowrap;
  color: #003300; /* スタイル定義変更申込項目_I18セルとリンク */
}

div.pagetitlesearchbank li.screenid {
  background: none;
  float: right;
  padding: 0.90em 10px 0.2em 20px;
  _padding: 0.93em 11px 0.2em 20px;
  font-size: 100%; /* スタイル定義変更申込項目_G21セルとリンク */
  text-align: center;
  padding-left: 0;
  font-weight: normal; /* スタイル定義変更申込項目_H21セルとリンク */
  color: #336600; /* スタイル定義変更申込項目_I21セルとリンク */
}

/**************************************/
/* カレンダ画面（ポップアップ）用定義 */
/**************************************/
.pagetitlecalendars {
  background-image: url("../images/h2_bottom_w550.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 550px;
  min-height: 38px;
  margin-bottom: 20px;
}

.pagetitlecalendars ul {
  background-image: url("../images/h2_top_w550.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 1px 10px;
  overflow: hidden;
  zoom: 1;
}

.pagetitlecalendars li.titlename {
  background: none;
  float: left;
  padding: 0.50em 10px 0.2em 20px;
  *padding: 0.47em 10px 0.45em 20px;
  _padding: 0.50em 10px 0.3em 20px;
  font-weight: bold; /* スタイル定義変更申込項目_H18セルとリンク */
  font-size: 140%; /* スタイル定義変更申込項目_G18セルとリンク */
  white-space: nowrap;
  color: #003300; /* スタイル定義変更申込項目_I18セルとリンク */
}

div.pagetitlecalendars li.screenid {
  background: none;
  float: right;
  padding: 0.90em 10px 0.2em 20px;
  _padding: 0.93em 11px 0.2em 20px;
  font-size: 100%; /* スタイル定義変更申込項目_G21セルとリンク */
  text-align: center;
  padding-left: 0;
  font-weight: normal; /* スタイル定義変更申込項目_H21セルとリンク */
  color: #336600; /* スタイル定義変更申込項目_I21セルとリンク */
}

div#popuphelp {
  float: right;
  text-align: right;
  width: 70px;
}

a.imghover:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

div#containerheader p {
  width: 850px;
}

div#containerheader p.popupwindowguidance {
  width: 400px;
}

div#containerheader p.popupwindowguidance2 {
  width: 520px;
}