@charset "UTF-8";
/* ------------------------ */
html, body, div, table, tr, td, img, form, iframe { margin: 0; padding: 0; border: 0; }


/* ------------------------ */
body
{
  font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＬＸ Ｐゴシック";
  font-size: 16px;
  line-height: 18px;
  color: #444;
  background-color: #fff;
  line-break: strict;
}

a:link{
  padding: 0 2px;
  text-decoration: underline;
  font-weight:bold;
  color:#08c;
}
a:visited{
  padding: 0 2px;
  text-decoration: underline;
  font-weight:bold;
  color:#c0c;
}
a:hover{
  padding: 0 2px;
  text-decoration: underline;
  font-weight:bold;
  color:#f00;
}

p{
  margin: 0.33em;
  padding: 0em;
  text-indent: 1em;
  line-height: 1.15em;
  word-break: break-all;
}


/* ------------------------ */
table{
  background-color: #fff;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid;
  border-collapse:separate;
  padding:0;
  margin: 0 0 0 1em;
  empty-cells:show;
}

th{
  background-color: #dcc;
  border-color: #a88;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  color: #444;
  padding: 3px;
  white-space:nowrap;
}
th.sub{
  background-color: #ddd;
  border-color: #888;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  color: #444;
  padding: 3px;
  white-space:nowrap;
}
td{
  background-color: #fff;
  border-color: #ddd;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  text-align: right;
  vertical-align:top;
  padding: 3px;
  white-space:nowrap;
}
th.right, td.right{text-align:right;}
th.center, td.center{text-align:center;}
th.left, td.left{text-align:left;}

table.noborder, table.noborder th, table.noborder td {
  text-align:left;
  border:none;
}

/* ------------------------ */
div#header{
  margin: 0;
  padding: 0;
}

div#header div.logo{
  margin: 12px;
  padding: 0;
  float: left;
}

div#header div.client_name{
  margin: 12px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  float: right;
}

div#header div.help{
  margin: 12px;
  padding: 0;
  float: right;
}

div#header table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-collapse:collapse;
  empty-cells:show;
  clear: both;
}

div#header td {
  margin: 0;
  vertical-align:top;
  margin: 0;
  padding: 0;
  border-width: 0;
  /* border: 1px solid #000; */
}

div#header td.head_ue_bg1{
  padding: 0;
  width: 100%;
  height: 32px;
  text-align: center;
  vertical-align: bottom;
  background-color: #fff;
/*
  background-image: url(./img/head_ue_bg.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
*/
}

div#header td.head_ue_bg1 ul#menu{
  margin: auto auto;
  padding: 0;
  height: 29px;
  width: 700px;
  text-align: center;
  vertical-align: bottom;
  font-size: 16px;
  text-align:center;
  list-style:none;
}

div#header td.head_ue_bg1 ul#menu li{
  margin: 0;
  padding: 0;
  line-height: 29px;
  float:left;
  list-style:none;
}
div#header td.head_ue_bg1 ul#menu li a{
  cursor: pointer;
  color:#ccc;
  font-weight: normal;
  display:block;
  float:left;
  padding-left:9px;
  text-decoration:none;
  background-image:url(./img/head_ue_normal_left.jpg);
  background-repeat: no-repeat;
}
div#header td.head_ue_bg1 ul#menu li a:hover{
  color:#000;
}
div#header td.head_ue_bg1 ul#menu li a span{
  background-image: url(./img/head_ue_normal_right.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding:0 24px 0 14px;
  display:block;
  float:left;
}
div#header td.head_ue_bg1 ul#menu li.current a{
  background-image:url(./img/head_ue_current_left.jpg);
  background-repeat: no-repeat;
  font-weight: bold;
  color:#fff;
}
div#header td.head_ue_bg1 ul#menu li.current a:hover{
  color:#000;
}
div#header td.head_ue_bg1 ul#menu li.current a span{
  background-image: url(./img/head_ue_current_right.jpg);
}

div#header td.head_sita_bg1{
  margin: 0;
  padding: 0 1em 0 0;
  height: 30px;
  line-height: 38px;
  text-align: center;
  vertical-align:middle;
  color: #fff;
  background-color: #dfd5ba;
  background-image: url(./img/head_sita_bg.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
}
div#header td.head_sita_bg1 ul#tab{
  margin: auto auto;
  padding: 0;
  width: 660px;
  list-style:none;
}
div#header td.head_sita_bg1 ul#tab li{
  margin: 0 8px 0 0;
  padding: 0;
  float: left;
  list-style:none;
}
div#header td.head_sita_bg1 ul#tab li a{
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  background-image:url(./img/head_sita_normal_left.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  display:block;
  float:left;
  padding-left:12px;
  text-decoration:none;
}
div#header td.head_sita_bg1 ul#tab li a:hover{
  color:#000;
}
div#header td.head_sita_bg1 ul#tab li a span{
  background-image:url(./img/head_sita_normal_right.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  display:block;
  padding:0px 20px 0 12px;
  line-height: 30px;
  display:block;
  float:left;
}
div#header td.head_sita_bg1 ul#tab li.current a:hover{
  color:#000;
}
div#header td.head_sita_bg1 ul#tab li.current a{
  background-image:url(./img/head_sita_current_left.jpg);
  font-weight: bold;
  color: #fff;
}
div#header td.head_sita_bg1 ul#tab li.current a span{
  background-image: url(./img/head_sita_current_right.jpg);
}


div#header td.head_table_shadow{
  height: 12px;
  background-image:url(./img/head_table_shadow.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

div#footer{
  clear: both;
  margin: 2em 0 0 0;
  padding: 16px 24px 12px 24px;
  vertical-align: bottom;
  text-align: right;
  background-color: #fff;
  background-image: url(./img/foot_bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}


/* ------------------------ */
div#main_container{
  margin: 0em 2em 2em 2em;
  font-size: 14px;
}

div.alert{
  margin: 1em;
  color: #f04;
  font-weight: bold;
}

h1{
  margin: 1em 0 1em 0;
  padding: 0 0 0.4em 0.5em;
  color: #000;
  font-size:20px;
  white-space:nowrap;
  border-style: none;
  border-width: 0;
  border-color: #ffbe2a;
  background-position: left bottom;
  background-image: url('img/hr_gold.gif');
  background-repeat: repeat-x;
}

h2{
  margin: 2em 0 1em 0;
  padding: 3px 0 3px 1em;
  border-style: solid;
  border-width: 1px 0;
  color: #fff;
  border-color: #bf4040 #000 #7d111e #000;
  /* border-color: #888 #000 #888 #000; */
  font-size:14px;
  white-space:nowrap;
  height: 18px;
  background-repeat: repeat-x;
  background-position: left middle;
  background-image: url(./img/h2_bg.jpg);
}


/* ------------------------ */
input.button, button.button{
  margin: 0 2px;
  padding:1px 2px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #ae9858;
  vertical-align: baseline;
  background-color: #fff;
  background-repeat: repeat-x;
  background-position: left bottom;
  background-image: url(./img/button_bg.jpg);
  cursor:pointer;
}
input.textbox, textarea{
  font-family: monospace;
  cursor:text;
  margin: 0 2px;
  padding:1px 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #ae9858;
  background-color: #fff;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url(./img/textbox_bg.jpg);
}
select{
  margin: 0 2px;
  padding:1px 2px;
  vertical-align: baseline;
  cursor:pointer;
}